section.header{-webkit-box-flex:0;-ms-flex:none;flex:none;height:192px;text-align:center;position:relative}section.header img{height:157px;margin-top:11px}section.header .header-date,section.header .header-time,section.header .header-title{position:absolute;font-size:32px;font-weight:800;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#9af7f7),to(#5fd1c8));background:linear-gradient(0deg,#9af7f7,#5fd1c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.header .header-title{top:27px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:60px;line-height:1;cursor:pointer}section.header .header-title:hover{background:-webkit-gradient(linear,left bottom,left top,from(#baffff),to(#7ff1e8));background:linear-gradient(0deg,#baffff,#7ff1e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.header .header-date,section.header .header-time{top:88px;left:50%}section.header .header-date{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}section.header .header-time{-webkit-transform:translateX(637px);transform:translateX(637px)}section.header .visit-ip{position:absolute;color:#fff;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:40px}.layout{min-height:100%;background:url(../img/bg.07f7d5b5.png);overflow:hidden;height:inherit;width:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout .content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 70px 70px;margin-top:-40px;height:calc(100% - 152px)}.login{position:relative;height:100%}.login section.header{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.login-box{position:absolute;width:1043px;height:1083px;padding:0 120px;right:390px;top:469px;background:url(../img/box.0c4aab05.png)}.login-title{margin:122px 0 86px;text-align:center}.login-row{margin:0 auto 34px;width:100%;height:142px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.3);border:2px solid rgba(142,239,237,.3);border-radius:8px;color:#71ddd7}.login-row img{margin-left:62px}.login-row span{margin-left:35px;font-size:40px;font-weight:600;width:135px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.login-row span:after{width:100%;display:inline-block;height:0}.login-row label{margin:0 20px 0 10px}.login-row input{width:450px;font-size:40px!important;font-weight:600;padding:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff}.login-row input,.login-row input:focus{border:none;outline:none}.login-button{width:100%;height:142px;padding:0;font-weight:600;font-size:40px;border:none;color:#fff;background-color:rgba(30,175,166,.7);cursor:pointer}.login-button:hover{background-color:#1eafa6;color:#fff}.login-button:focus,.login-button:visited{background-color:#1eafa6;color:#fff;border:none}.login .valid-code-img{width:220px;-webkit-box-flex:0;-ms-flex:none;flex:none}.login .valid-code-input{margin-left:50px}@media screen and (min-width:3840px){.login{background:url(../img/bg.8781c8d9.png)}}@media screen and (min-width:7680px){.login{background:url(../img/bg@2x.a0c95258.jpg)}.login-box{right:1800px}}@font-face{font-family:DIN Regular;src:url(../fonts/DIN-Regular.799221d7.otf)}body,html{height:100%}body{width:100%;color:#fff;font-family:DIN Regular,Source Han Sans CN,PingFang-SC-Medium,Microsoft YaHei;font-size:28px;margin:0;padding:0;background-color:#0f153a}* ::-webkit-scrollbar{width:12px;height:12px;background-color:#e8e8e8}* ::-webkit-scrollbar-thumb,.el-scrollbar__thumb{border-radius:4px;background-color:#bbb}* ::-webkit-scrollbar-thumb:hover,.el-scrollbar__thumb:hover{background-color:#aaa}* ::-webkit-scrollbar-thumb:active,.el-scrollbar__thumb:active{background-color:#999}* ::-webkit-scrollbar-track{border-radius:4px;background-color:transparent}#app{max-width:7680px;height:2160px;background-image:-webkit-gradient(linear,left top,right top,from(#0f153a),color-stop(#120a38),color-stop(#21204b),to(#091331));background-image:linear-gradient(90deg,#0f153a,#120a38,#21204b,#091331);position:relative}.chart-container>div:nth-child(2){font-size:28px!important;line-height:1.3!important}.wings-layout{height:2000px;display:-webkit-box;display:-ms-flexbox;display:flex}.wings-layout .left-wing{-webkit-box-flex:940;-ms-flex:940;flex:940;padding:0 64px}.wings-layout .mid-center{position:relative;-webkit-box-flex:1960;-ms-flex:1960;flex:1960}.wings-layout .right-wing{-webkit-box-flex:940;-ms-flex:940;flex:940;padding:0 64px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,p,textarea,ul{margin:0;padding:0}ul{list-style:none}b,em,li i,s,u,ul{font-style:normal;font-weight:400;text-decoration:none}button,input,textarea{border:none}input::-ms-clear,select::-ms-expand{display:none}a,button,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,button:focus,input,input:focus,input[type=button],input[type=reset],input[type=submit],select,textarea,textarea:focus{outline:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition-delay:99999s;-webkit-transition:font-size 99999s ease-out,color 99999s ease-out,background-color 99999s ease-out}.el-loading-mask{background-color:transparent}.message-custom{padding:30px}.message-custom .el-icon-error,.message-custom .el-message__content{font-size:28px}.el-message-box{width:840px;padding-bottom:20px;border-radius:8px;font-size:36px;-webkit-box-shadow:0 4px 24px 0 rgba(0,0,0,.1);box-shadow:0 4px 24px 0 rgba(0,0,0,.1)}.el-message-box__header{padding:30px 30px 20px}.el-message-box__title{font-size:36px}.el-message-box__headerbtn{font-size:32px;top:30px;right:30px}.el-message-box__content{padding:20px 30px;font-size:28px}.el-message-box__message p{line-height:48px}.el-message-box__btns{padding:10px 30px 0}.el-message-box .el-button--small,.el-message-box .el-button--small.is-round{padding:18px 30px}.el-message-box .el-button--mini,.el-message-box .el-button--small{font-size:24px;border-radius:6px}@media screen and (max-width:3840px){#app{width:3840px;max-width:3840px}#app .active-visit-statistics .left-chicken-tip,#app .active-visit-statistics .right-chicken-tip{display:none}#app .only-small{display:block}#app .only-big{display:none}}@media screen and (min-width:7680px){#app{margin:0 auto}#app .active-visit-statistics .left-chicken-tip,#app .active-visit-statistics .right-chicken-tip{width:1500px}#app .active-visit-statistics .left-chicken-tip,#app .active-visit-statistics .left-wing,#app .active-visit-statistics .right-chicken-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#app .active-visit-statistics .left-wing .active-user-count{display:none}#app .active-visit-statistics .whole-country-count{height:500px;margin:0;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#app .active-visit-statistics .whole-country-count span{margin-bottom:70px}#app .active-visit-statistics .whole-country-count strong{font-size:76px}#app .active-visit-statistics .whole-country-count img{width:240px}#app .active-visit-statistics .ranking-list{display:none}}@media screen and (min-width:7680px){#app .website-statistics .website-left-left,#app .website-statistics .website-right-right{display:block}#app .website-statistics .website-right-left .block-item{height:33.33333333%}#app .website-statistics .website-right-left .block-item:first-child{display:none}#app .website-statistics .website-process{margin:36px 60px}#app .website-statistics .website-pie-chart,#app .website-statistics .website-pie .chart-legends{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}#app .website-statistics .website-pie .chart-legends{margin-left:100px;width:auto}#app .website-statistics .website-pie .chart-legends-item{margin-top:40px;margin-right:80px}}@media screen and (min-width:7680px){#app{width:7680px;margin:0 auto}#app .flow-statistics .left-wing{-webkit-box-flex:2000;-ms-flex:2000;flex:2000;padding-left:400px}#app .flow-statistics .left-wing .big-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#app .flow-statistics .left-wing .big-row .statistical-block{width:1080px}#app .flow-statistics .left-wing .Ipv6UserCountAll{display:none}#app .flow-statistics .right-wing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:2000;-ms-flex:2000;flex:2000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:400px}#app .flow-statistics .right-wing .big-row{width:1060px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#app .flow-statistics .right-wing .flow-block{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}#app .flow-statistics .right-wing .flow-block .chart{height:100%;padding-bottom:50px}#app .flow-statistics .infrastructure-proccess{padding-top:100px}}@media screen and (min-width:7680px){#app .cloud-statistics .cloud-idc-info,#app .cloud-statistics .idc-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#app .cloud-statistics .idc-info{margin:0}#app .cloud-statistics .idc-info .cloud-head{width:900px;-webkit-box-flex:0;-ms-flex:none;flex:none}#app .cloud-statistics .idc-info .chart-custom{display:block}#app .cloud-statistics .cloud-cdn-info .cloud-head-item{width:620px}#app .cloud-statistics .cloud-cdn-info .item-label{font-size:28px}#app .cloud-statistics .cloud-cdn-info .item-value{font-size:36px}#app .cloud-statistics .cloud-server-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% - 96px)}#app .cloud-statistics .cloud-server-tips{display:block}#app .cloud-statistics .cloud-server .chart-custom.chart-container{height:calc(100% - 40px)!important;-webkit-box-flex:1;-ms-flex:1;flex:1}#app .cloud-statistics .cloud-server .ecs-boxes{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;margin-top:130px}#app .cloud-statistics .cloud-server .ecs-container{margin-bottom:40px}#app .cloud-statistics .cloud-server .ecs-container .ecs-item{font-size:26px;width:240px;height:90px}#app .cloud-statistics .cloud-dns{display:-webkit-box;display:-ms-flexbox;display:flex}#app .cloud-statistics .cloud-dns .process-list{margin-right:160px;height:calc(100% - 60px);margin-top:31px}#app .cloud-statistics .cloud-dns .process-list .box .item{height:80px;line-height:80px}#app .cloud-statistics .cloud-dns .operator-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:850px;height:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:0;-ms-flex:none;flex:none}#app .cloud-statistics .cloud-dns .operator-list .dns-operator{display:-webkit-box;display:-ms-flexbox;display:flex}#app .cloud-statistics .cloud-dns .operator-list .dns-operator-img{height:180px;width:165px;margin:0 16px}#app .cloud-statistics .cloud-dns .operator-list .info-title{font-size:48px;line-height:1;margin-bottom:50px}#app .cloud-statistics .cloud-dns .operator-list .info-values{font-size:80px;font-weight:800;line-height:30px}#app .cloud-statistics .cloud-dns .operator-list .info-values .left{color:#4e7cff}#app .cloud-statistics .cloud-dns .operator-list .info-values .slice{color:#fff;opacity:.4}#app .cloud-statistics .cloud-dns .operator-list .info-values .right{color:#33ffd6}}@media screen and (min-width:7680px){#app{width:7680px;max-width:7680px}#app .only-small{display:none}#app .only-big{display:block}}.block-title{position:relative;line-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-title .title-text{position:absolute;z-index:1;font-size:32px;font-weight:600;left:57px;top:47px;line-height:1}.block-title .title-text.click-enable:hover{cursor:pointer}.block-item-content{height:calc(100% - 104px)}.chart-custom{position:relative;height:100%}.chart-custom.chart-container{height:inherit;width:100%}.pedestal[data-v-03d29433]{position:relative;width:480px;height:530px;background:url(../img/pedestal_bg.b6263ffa.png)}.pedestal strong[data-v-03d29433]{display:block;width:100%;text-align:center;font-size:80px;margin-top:100px;background:-webkit-gradient(linear,left top,left bottom,from(#00fdf8),to(#00fa95));background:linear-gradient(180deg,#00fdf8,#00fa95);-webkit-background-clip:text;background-clip:text;color:transparent}.pedestal strong label[data-v-03d29433]{font-weight:400;font-size:60px}.pedestal span[data-v-03d29433]{display:block;width:100%;text-align:center;position:absolute;bottom:50px;color:#fff;font-size:40px}.chart-map{position:relative;height:100%;z-index:10}.chart-map h2{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:200px;z-index:200}.chart-map .back-to-country{position:absolute;top:50px;left:100px;z-index:12;font-size:36px;padding:10px 25px;color:#fff;background-color:rgba(30,175,166,.7);cursor:pointer;border-radius:10px}.chart-map .back-to-country:hover{background-color:#1eafa6}.chart-pie-custom{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;height:100%}.chart-pie-custom .chart-container{width:205px;height:205px;-webkit-box-flex:0;-ms-flex:none;flex:none}.chart-pie-custom .chart-legends{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:55px;height:100%;overflow:auto;padding:15px 0}.chart-pie-custom .chart-legends-item{margin-bottom:70px;width:33.33333333%}.chart-pie-custom .chart-legends .item-value{margin-bottom:20px;color:#fff;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:42px;background:-webkit-gradient(linear,left bottom,left top,from(#00fdf8),to(#00fa95));background:linear-gradient(0deg,#00fdf8,#00fa95);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chart-pie-custom .chart-legends .item-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-pie-custom .chart-legends .item-color{width:18px;height:18px;margin-right:12px}.chart-pie-custom .chart-legends .item-label{font-size:28px;color:#ccc}.chart-pie-custom .no-data{font-size:36px;font-weight:600;text-align:center;width:100%}.chart-pie-legend-popper .child-legends{font-size:28px}.chart-pie-legend-popper .child-legends-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}.chart-pie-legend-popper .child-legends .child-label{margin-right:5px}.bar-horizontal-custom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:distribute;justify-content:space-around}.bar-horizontal-custom .bar-horizontal-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:24px;font-weight:600;height:50px}.bar-horizontal-custom .bar-horizontal-item.is-active{background-color:rgba(79,216,255,.3)}.bar-horizontal-custom .item-index{color:#3ffdff;line-height:1;margin-right:25px}.bar-horizontal-custom .item-name{color:#fff;line-height:1;margin-right:25px;-webkit-box-flex:0;-ms-flex:none;flex:none}.bar-horizontal-custom .item-bar-track{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px}.bar-horizontal-custom .item-bar{width:0;height:20px;background:-webkit-gradient(linear,right top,left top,from(#21c7fe),to(rgba(33,199,254,.1)));background:linear-gradient(270deg,#21c7fe,rgba(33,199,254,.1));position:relative;-webkit-transition:width .3s linear;transition:width .3s linear;border-radius:10px}.bar-horizontal-custom .item-bar.is-triangle{border-radius:0}.bar-horizontal-custom .bar-arrow{width:0;height:0;border-width:10px;border-style:solid;border-color:transparent transparent transparent #21c7fe}.bar-horizontal-custom .item-arrow{position:relative;z-index:1;margin-left:-10px}.bar-horizontal-custom .item-value{color:#3ffdff;line-height:1;margin-left:14px;width:200px;-webkit-box-flex:0;-ms-flex:none;flex:none}.bar-horizontal-custom .item-unit{color:#fff}