.pie[data-v-4b7a0b83]{position:relative}.pie span[data-v-4b7a0b83]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:25px;font-weight:700;color:#fff;letter-spacing:1px}.vertical-center-modal[data-v-fd2f47e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto}.vertical-center-modal[data-v-fd2f47e4] .ivu-modal-content .ivu-modal-body{max-height:calc(100vh - 300px);overflow-y:auto}.vertical-center-modal .orderList[data-v-fd2f47e4]{margin-bottom:10px}.vertical-center-modal .orderList span[data-v-fd2f47e4]{display:inline-block;width:30%;margin-right:44px}.vertical-center-modal .p[data-v-fd2f47e4]{word-wrap:break-word;margin-top:10px}.vertical-center-modal .p b[data-v-fd2f47e4]{font-size:18px}.vertical-center-modal .p .key[data-v-fd2f47e4]{font-weight:700;text-decoration:underline}@font-face{font-family:ds-digital;src:url(../fonts/ds-digital.63f874d1.ttf)}.Kan-Ban[data-v-1223244f]{height:100%;padding:0 20px;background:url(../img/big-bg.acf2fa56.jpg) no-repeat 50%;background-size:100% 100%;background-attachment:fixed;z-index:-1}.Kan-Ban .header .header-right[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-width:420px;z-index:999}.Kan-Ban .header .header-right img[data-v-1223244f]{margin:10px;cursor:pointer}.Kan-Ban .content[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:50px}.Kan-Ban .content .content-left[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:42px}.Kan-Ban .content .content-left .content-left-top[data-v-1223244f]{width:100%;height:376px;background:url(../img/big-bg-2.53e7f563.png) no-repeat 50%;background-size:100% 100%;padding:20px 30px}.Kan-Ban .content .content-left .content-left-top .content-left-top-header[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Kan-Ban .content .content-left .content-left-top .content-left-top-header h2[data-v-1223244f]{color:#fff;font-family:OPPOSans;letter-spacing:4px;text-shadow:5px 5px 5px #4a9fe4;font-size:22px}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .search-area[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .search-area .search-input[data-v-1223244f] .ivu-input{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .search-area .search-btn[data-v-1223244f]{background:-webkit-gradient(linear,left top,left bottom,from(#0b5da5),to(#144299));background:linear-gradient(#0b5da5,#144299);margin-left:10px;border:none;color:#c1ecff}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .time-area .picker-date[data-v-1223244f] .ivu-input{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b;color:#c5c8ce}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .time-area .search-input[data-v-1223244f]{width:200px;margin:0 10px}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .time-area .search-input[data-v-1223244f] .ivu-input{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b}.Kan-Ban .content .content-left .content-left-top .content-left-top-header .time-area .search-btn[data-v-1223244f]{background:-webkit-gradient(linear,left top,left bottom,from(#0b5da5),to(#144299));background:linear-gradient(#0b5da5,#144299);border:none;color:#c1ecff}.Kan-Ban .content .content-left .content-left-top .content-left-top-content[data-v-1223244f]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-l[data-v-1223244f]{padding-left:30px;margin-right:40px}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-l .content-btn[data-v-1223244f]{color:#91989f;cursor:pointer;width:188px;height:68px;background:url(../img/btn-unactive.3cd72379.png) no-repeat 50%;background-size:176px 57px;text-align:center;line-height:68px;font-size:18px;text-shadow:2px 2px 2px #34979d;letter-spacing:2px;margin-bottom:20px}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-l .content-btn.active[data-v-1223244f]{color:#ccdbdf;background:url(../img/btn-active.7a70a145.png) no-repeat 50%;background-size:100% 100%}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-r[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-r h3[data-v-1223244f]{color:#f8beb0;text-shadow:2px 2px 3px #b73914;letter-spacing:4px;text-align:right}.Kan-Ban .content .content-left .content-left-top .content-left-top-content .content-left-top-content-r .chart-area[data-v-1223244f]{width:100%;height:250px}.Kan-Ban .content .content-left .content-left-bottom[data-v-1223244f]{margin-top:20px}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .slot-content p[data-v-1223244f]{line-height:30px;cursor:pointer}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .slot-content p.active[data-v-1223244f]{color:#2d8cf0}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn[data-v-1223244f]{width:110px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:-webkit-gradient(linear,left top,left bottom,from(#183c8f),to(#081b34));background:linear-gradient(180deg,#183c8f,#081b34);border-radius:8px;font-family:OPPOSans;font-weight:500;color:#e8e8e8;font-size:16px;line-height:60px;position:relative;text-align:center;-webkit-box-shadow:0 0 6px 1px #2a56a4;box-shadow:0 0 6px 1px #2a56a4;cursor:pointer}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn img[data-v-1223244f]{margin-right:5px}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn .after-wrap[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:0;bottom:-15px;width:100%;height:4px}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn .after-wrap .after[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 2px;height:4px;background:#baffc5;border-radius:2px}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn .after-wrap .after.error[data-v-1223244f]{background:#ffbaba;-webkit-box-shadow:0 0 6px 1px #ffbaba;box-shadow:0 0 6px 1px #ffbaba}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn .after-wrap .after.offline[data-v-1223244f]{background:#717784;-webkit-box-shadow:0 0 6px 1px #717784;box-shadow:0 0 6px 1px #717784}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn .after-wrap .after.active[data-v-1223244f]{-webkit-box-shadow:0 0 4px 4px #2d8cf0;box-shadow:0 0 4px 4px #2d8cf0}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn.error .after[data-v-1223244f]{background:#ffbaba;-webkit-box-shadow:0 0 6px 1px #ffbaba;box-shadow:0 0 6px 1px #ffbaba}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn.offline .after[data-v-1223244f],.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn.offline[data-v-1223244f]{background:#717784;-webkit-box-shadow:0 0 6px 1px #717784;box-shadow:0 0 6px 1px #717784}.Kan-Ban .content .content-left .content-left-bottom .btn-wrap .btn.active[data-v-1223244f]{-webkit-box-shadow:0 0 4px 4px #2d8cf0;box-shadow:0 0 4px 4px #2d8cf0}.Kan-Ban .content .content-left .content-left-bottom .log-area[data-v-1223244f]{margin-top:40px}.Kan-Ban .content .content-left .content-left-bottom .log-area .refresh-btn[data-v-1223244f]{margin-bottom:20px;background:-webkit-gradient(linear,left top,left bottom,from(#0b5da5),to(#144299));background:linear-gradient(#0b5da5,#144299);border:none;color:#c1ecff}.Kan-Ban .content .content-left .content-left-bottom .log-area .input-log[data-v-1223244f]{height:calc(100vh - 680px)}.Kan-Ban .content .content-left .content-left-bottom .log-area .input-log[data-v-1223244f] textarea{height:100%;background:#0c1e46;color:#fff}.Kan-Ban .content .content-right[data-v-1223244f]{width:474px;-ms-flex-negative:0;flex-shrink:0}.Kan-Ban .content .content-right .server-picke[data-v-1223244f]{width:100px}.Kan-Ban .content .content-right .server-picke[data-v-1223244f] .ivu-select-placeholder{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b}.Kan-Ban .content .content-right .server-picke[data-v-1223244f] .ivu-select-selected-value{background:#172141;color:#c5c8ce}.Kan-Ban .content .content-right h2[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Kan-Ban .content .content-right h2 .txt[data-v-1223244f]{color:#fff;margin-left:10px;font-family:OPPOSans;line-height:60px;letter-spacing:1px;text-shadow:5px 5px 5px #4a9fe4;font-size:20px}.Kan-Ban .content .content-right .service-usage[data-v-1223244f]{height:calc(100vh - 190px);background:url(../img/big-bg-1.84e444d4.png) no-repeat 50%;background-size:100% 100%;padding:10px 20px}.Kan-Ban .content .content-right .service-usage h3[data-v-1223244f]{font-size:20px;color:#fff;font-family:OPPOSans;letter-spacing:4px;text-shadow:5px 5px 5px #4a9fe4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Kan-Ban .content .content-right .service-usage h3 i[data-v-1223244f]{cursor:pointer}.Kan-Ban .content .content-right .service-usage .service-top[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.Kan-Ban .content .content-right .service-usage .service-top .fwq[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:40px}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul li[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;background:#52ff87;border-radius:2px;list-style:none;margin-right:10px;cursor:pointer}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul li[data-v-1223244f]:last-child{margin-right:0}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul li.offline[data-v-1223244f]{background:#c3c3c3}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul li.danger[data-v-1223244f]{background:#ff5252}.Kan-Ban .content .content-right .service-usage .service-top .fwq .ul li.active[data-v-1223244f]{-webkit-box-shadow:0 0 3px 3px #fff;box-shadow:0 0 3px 3px #fff}.Kan-Ban .content .content-right .service-usage .service-top .fwq .server-picker[data-v-1223244f]{margin-top:20px}.Kan-Ban .content .content-right .service-usage .service-top .fwq .server-picker[data-v-1223244f] .ivu-select-placeholder{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b}.Kan-Ban .content .content-right .service-usage .service-top .fwq .server-picker[data-v-1223244f] .ivu-select-selected-value{background:#172141;color:#c5c8ce}.Kan-Ban .content .content-right .service-usage .service-top p[data-v-1223244f]{font-size:14px;font-family:OPPOSans;font-weight:400;color:#f3feff;margin-top:20px;font-weight:700}.Kan-Ban .content .content-right .service-usage .service-top p span[data-v-1223244f]{font-weight:400;letter-spacing:4px}.Kan-Ban .content .content-right .service-usage .service-top p.offline[data-v-1223244f]{color:#c3c3c3}.Kan-Ban .content .content-right .service-usage .service-top p.normal[data-v-1223244f]{color:#52ff87}.Kan-Ban .content .content-right .service-usage .service-top p.danger[data-v-1223244f]{color:#ff5252}.Kan-Ban .content .content-right .service-usage .service-middle[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}.Kan-Ban .content .content-right .service-usage .service-middle[data-v-1223244f] .ivu-select{height:32px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.Kan-Ban .content .content-right .service-usage .service-middle[data-v-1223244f] .ivu-select .ivu-select-placeholder{background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b}.Kan-Ban .content .content-right .service-usage .service-middle[data-v-1223244f] .ivu-select .ivu-select-selected-value{background:#172141}.Kan-Ban .content .content-right .service-usage .service-middle .picker-date[data-v-1223244f]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.Kan-Ban .content .content-right .service-usage .service-middle .picker-date[data-v-1223244f] .ivu-input{height:32px;background:#172141;border:1px solid #d4eaff;border-radius:4px;-webkit-box-shadow:0 0 2px 2px #224e7b;box-shadow:0 0 2px 2px #224e7b;color:#c5c8ce}.Kan-Ban .content .content-right .service-usage .service-bot ul[data-v-1223244f]{overflow:auto}.Kan-Ban .content .content-right .service-usage .service-bot ul li[data-v-1223244f]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;position:relative}.Kan-Ban .content .content-right .service-usage .service-bot ul li[data-v-1223244f]:before{content:"";position:absolute;left:0;top:-8px;display:block;width:100%;height:4px;border-radius:50%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#435c73),to(transparent));background:linear-gradient(90deg,transparent,#435c73,transparent);-webkit-box-shadow:0 0 8px -1px #e0e0e0;box-shadow:0 0 8px -1px #e0e0e0}.Kan-Ban .content .content-right .service-usage .service-bot ul li .chart-area[data-v-1223244f]{width:200px;height:150px;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.Kan-Ban .content .content-right .service-usage .service-bot ul li .chart-area .ball-chart[data-v-1223244f]{position:absolute;top:-12px}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail[data-v-1223244f]{color:#d6d2d2;font-family:OPPOSans-R;letter-spacing:2px}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail h4[data-v-1223244f]{font-size:20px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail h4 span[data-v-1223244f]{display:inline-block;width:5px;height:20px;margin-right:20px;background:-webkit-gradient(linear,left top,left bottom,from(#6488ff),to(#41d6d8));background:linear-gradient(180deg,#6488ff,#41d6d8)}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail p[data-v-1223244f]{font-size:16px;line-height:30px}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail p.used[data-v-1223244f]{color:#f1bcab}.Kan-Ban .content .content-right .service-usage .service-bot ul li .service-detail p.available[data-v-1223244f]{color:#41d6d8}