#tip{position:relative}#tip .tipclose{width:14px;cursor:pointer;position:absolute;right:16px;top:16px}#tip .notifyicon{width:22px;position:absolute;left:24px;top:16px}#tip .tipbox{width:40px;height:130px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#tip .tipicon{cursor:pointer;width:16px;margin-top:5px}#tip .tipnotify{width:325px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.05);position:absolute;left:0;transform:translateX(-105%);-webkit-transform:translateX(-105%);box-sizing:border-box;padding-top:16px;padding-bottom:16px;padding-right:24px;padding-left:62px}#tip .tipnotify>p:first-of-type{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(0,0,0,.8);line-height:22px}#tip .tipnotify>p:nth-of-type(2){font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(0,0,0,.8);line-height:20px;margin-top:10px}#tabs{display:flex;justify-content:space-between;height:56px;background:#fff;border-radius:4px 4px 0 0;line-height:56px;position:relative}#tabs:before{position:absolute;display:block;left:0;bottom:0;content:"";width:100%;height:1px;background:#dcdfe6}#tabs .tab-list{display:flex}#tabs .tab-list .tab-item{margin-right:32px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:rgba(0,0,0,.6);cursor:pointer}#tabs .tab-list .tab-item.active{color:#408dff;position:relative}#tabs .tab-list .tab-item.active:before{position:absolute;display:block;left:0;bottom:0;content:"";width:100%;height:2px;background:#408dff;border-radius:4px}#tabs .action{margin:0 16px;cursor:pointer;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#408dff}#progress .out-progress{width:100%;background-color:#f2f2f2}#progress .out-progress .in-progress{background-color:rgba(39,117,50,.267)}#resources-cost{font-family:PingFang SC;padding:16px 32px}#resources-cost .topnumbox{width:100%;height:110px;background:#fff;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:0 24px}#resources-cost .topnumbox .toptip{color:#444d5a;display:flex;align-items:center}#resources-cost .topnumbox .usernum{font-size:36px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#2d3643;line-height:36px;margin-top:8px;display:flex;justify-content:space-between;align-items:flex-end}#resources-cost .topnumbox .usernum .use-action{font-size:14px;flex-shrink:0;height:32px;width:82px;border-radius:4px;color:#408dff;background:#ecf4ff;text-align:center;line-height:32px;font-weight:600;cursor:pointer;transition:.3s}#resources-cost .topnumbox .usernum .use-action:hover{background:#408dff;color:#fff}#resources-cost .cost-card{background:#fff;padding:24px;border-radius:4px;margin-top:16px}#resources-cost .cost-card .cost-header .cost-label{font-size:18px;font-weight:500}#resources-cost .cost-card .cost-header .cost-label i{cursor:pointer}#resources-cost .use-card{background:#fff;padding:24px;border-radius:4px;height:377px}#resources-cost .use-card .use-header{display:flex;justify-content:space-between;align-items:center}#resources-cost .use-card .use-header .use-label{font-size:18px;font-weight:500}#resources-cost .use-card .use-header .use-label i{cursor:pointer}#resources-cost .select-label{color:#444d5a;margin-right:16px}#resources-cost .chart-label{color:#2d3643;font-size:16px;font-weight:500}.ant-popover-message{padding:4px 0 9px}.ant-popover-message>.anticon{color:#408dff}