.ws_search[data-v-0046d777]{background-color:#349aff!important;color:#fff;border:none}.ws_refresh[data-v-0046d777]{background-color:#4d7299!important;color:#fff;border:none}.ws_set[data-v-0046d777]{background-color:transparent!important;color:#349aff;border-color:#349aff}.index[data-v-0046d777]{color:#f4a460;font-size:36px;display:flex;flex-direction:column}.index .index_header[data-v-0046d777]{display:flex}.index .index_header .left[data-v-0046d777]{width:1210px}.index .index_header .left li[data-v-0046d777],.index .index_header .left ul[data-v-0046d777]{list-style:none;padding:0;margin:0}.index .index_header .left ul[data-v-0046d777]{display:flex;justify-content:space-between}.index .index_header .left ul li[data-v-0046d777]{width:280px;height:90px;background:#022251;border-radius:4px;display:flex;align-items:center;padding:20px;box-sizing:border-box}.index .index_header .left ul li>div[data-v-0046d777]:first-child{margin-right:24px}.index .index_header .left ul li>div:first-child img[data-v-0046d777]{width:60px}.index .index_header .left ul li>div[data-v-0046d777]:nth-child(2){flex:1}.index .index_header .left ul li>div:nth-child(2)>span[data-v-0046d777]{font-size:14px;color:#8e929d}.index .index_header .left ul li>div:nth-child(2)>div span[data-v-0046d777]:first-child{font-size:24px;color:#fff}.index .index_header .left ul li>div:nth-child(2)>div span[data-v-0046d777]{color:#8e929d;margin-left:5px}.index .index_header .left .host_type[data-v-0046d777]{margin-top:20px;height:390px;background:#0b122e}.index .index_header .left .host_type .title[data-v-0046d777]{display:flex;justify-content:space-between;align-items:center}.index .index_header .left .host_type .title>div[data-v-0046d777]:first-child{color:#0fd8ff;font-size:14px;display:flex;align-items:center}.index .index_header .left .host_type .title>div:first-child span[data-v-0046d777]{font-size:14px}.index .index_header .left .host_type .title>div[data-v-0046d777]:nth-child(2){display:flex;cursor:pointer;color:#fff;align-items:center}.index .index_header .left .host_type .title>div:nth-child(2) span[data-v-0046d777]{font-size:14px}.index .index_header .left .host_type .title>div:nth-child(2) i[data-v-0046d777]{align-self:flex-end;font-size:20px}.index .index_header .left .host_type #echarts_host[data-v-0046d777],.index .index_header .left .host_type #echarts_user[data-v-0046d777],.index .index_header .left .host_type #user_people[data-v-0046d777]{height:100%}.index .index_header .left .user_people[data-v-0046d777],.index .index_header .left .user_type[data-v-0046d777]{margin-top:20px;height:390px}.index .index_header .right[data-v-0046d777]{margin-left:20px;flex:1;display:flex;flex-direction:column}.index .index_header .right .right_top[data-v-0046d777]{padding:20px;box-sizing:border-box;height:360px;display:flex;flex-direction:column;background:#0b122e;box-shadow:inset 0 0 40px rgb(6 25 75);border:1px solid #06194b;border-radius:4px}.index .index_header .right .right_top .title div[data-v-0046d777]{font-size:14px;color:#0fd8ff}.index .index_header .right .right_top #echart_user_distribution[data-v-0046d777]{flex:1}.index .index_header .right .right_bottom[data-v-0046d777]{height:400px;margin-top:20px;display:flex;padding:20px;box-sizing:border-box;flex-direction:column;background:#0b122e;box-shadow:inset 0 0 40px rgb(6 25 75);border:1px solid #06194b;border-radius:4px}.index .index_header .right .right_bottom .title div[data-v-0046d777]{font-size:14px;color:#0fd8ff}.index .index_header .right .right_bottom #user_pct[data-v-0046d777]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.index .index_header .right .right_bottom #user_pct>div[data-v-0046d777]{height:45px;background-size:100% 100%;margin-top:2px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;position:relative;width:auto}.index .index_header .right .right_bottom #user_pct>div div.user_pct_item[data-v-0046d777]{box-sizing:border-box;position:absolute;background:rgba(38,40,49,.8);padding:7px 10px;border-radius:5px}.index .index_header .right .right_bottom #user_pct>div.potision[data-v-0046d777]{position:absolute;bottom:0;left:0;display:flex;justify-content:flex-start;flex-wrap:wrap}.index .index_header .right .right_bottom #user_pct>div.potision>div[data-v-0046d777]{margin-right:10px;display:flex;align-items:center}.index .index_header .right .right_bottom #user_pct>div.potision>div .potision_item_box[data-v-0046d777]{margin-right:3px;width:15px;height:10px;border-radius:2px}.index .index_header .right .right_bar[data-v-0046d777]{margin-top:20px;flex:1;box-sizing:border-box;display:flex;flex-direction:column;background:#0b122e;box-shadow:inset 0 0 40px rgb(6 25 75);border:1px solid #06194b;border-radius:4px}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs{height:100%}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header{height:40px;margin:0}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav-wrap,.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll{height:100%}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav{height:100%;display:flex;width:100%;justify-content:space-between}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav>div{width:50%;text-align:center}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item{height:100%;color:#fff;font-size:14px;box-shadow:0 0 20px 0 #06194b;border-radius:4px 4px 0 0;border:1px solid #06194b!important}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{color:#0fd8ff}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__active-bar{display:none}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__header .el-tabs__nav-wrap:after{background:transparent}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content{padding:0 20px;box-sizing:border-box}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content li,.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul{list-style:none;padding:0;margin:0}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul li{display:flex;justify-content:space-between;line-height:45px;border-bottom:1px solid #06194b}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul li div{text-align:center}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul li>div:first-child{width:20%}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul li>div:nth-child(2){flex:1}.index .index_header .right .right_bar[data-v-0046d777] .el-tabs .el-tabs__content ul li>div:nth-child(3){width:30%}.icon-tishi1[data-v-0046d777]:before{margin-left:5px;font-size:16px}.blick_class[data-v-0046d777]{display:none}.none_class[data-v-0046d777]{display:block}.dv-border-box-7[data-v-0046d777]{margin:0;padding:23px}.iconfont[data-v-0046d777]{font-size:20px}.icon-diyiming[data-v-0046d777]{color:#ffae2a}.icon-dierming[data-v-0046d777]{color:#33dcbd}.icon-disanming[data-v-0046d777]{color:#0fd8ff}.null_converter[data-v-0046d777]{color:transparent;width:50px}