@charset "UTF-8";
@font-face {font-family: 'lcd';  src:url("../../../common/fonts/sa-digital-number.ttf") format('truetype');font-weight: normal;font-display: swap;}
@font-face {font-family: 'youshe';  src:url("../../../common/fonts/youshebiaotihei.ttf") format('truetype');font-weight: normal;font-display: swap;}
@font-face {font-family: 'kk';src:url("../../../common/fonts/kuaikan.otf") format('opentype');font-weight: normal;font-display: swap;}
@font-face {font-family: 'hl';src:url("../../../common/fonts/honglei.otf") format('opentype');font-weight: normal;font-display: swap;}
@font-face {font-family: 'guanhei';src:url("../../../common/fonts/guanhei.ttf") format('truetype');font-weight: normal;font-display: swap;}
html,body{width:100%;height: 100%;}
body{background: url("../../../echarts/bg.png");backdrop-filter: blur(2px);}
p,span{font-family: 微软雅黑;font-size: 13px;}
.debug-red{background: rgba(255,60,60,0.2)!important;}
.debug-blue{background: rgba(1, 113, 250, 0.2)!important;}
.debug{background: rgba(0,0,0,0.2)!important;}
:root{--border-color--:rgba(120,254,240,0.3);--grad-color--:linear-gradient(to bottom, #ffffff, #38f0e8);--panel-bg-color--:rgba(45,76,96,0.3);--panel-border-color--:rgba(45,76,96,0.6);}
.mt5{margin-top:5px;}
.fex-row{display: flex;float: left;flex-direction: row;}
.fex-col{display: flex;float: left;flex-direction: column;}
.full-row{width:100%;}
.block-lt{display: block;float: left;}
.full-col{height: 100%;}
.jst-bt{justify-content: space-between;}
.ali-cen{align-items: center;}
.jst-cen{justify-content: center;}
.linear-color{display: inline-block;width:fit-content;text-align: center;background: var(--grad-color--);-webkit-background-clip: text;background-clip: text;color: transparent;white-space: nowrap;}
.root-wrapper{display: flex;float: left;width:100%;height: 100%;flex-direction: column;}
.top-wrapper{display: block;float: left;width:100%;height: 60px;padding:5px;box-sizing: border-box;}
.top-in-wrapper{display: flex;float: left;width:100%;flex-direction: row;justify-content: space-between;height: 50px;background: url("../../../echarts/top-bg.png");background-size:100% auto;box-sizing: border-box;border:1px solid var(--border-color--);}
.top-wrapper-text{display: block;float: left;width: fit-content;height: 50px;line-height: 50px;}
.theme-title{display: inline-block;width:fit-content;text-align: center;font-size: 20px;font-family: kk;line-height: 50px;position: relative;background: var(--grad-color--);-webkit-background-clip: text;background-clip: text;color: transparent;margin-left: 50%;transform: translateX(-50%);white-space: nowrap;}
.theme-title::before{display: block;float: left;content: "";position: absolute;z-index: 50;width: 24px;height: 28px;background: url("../../../echarts/tit-before.png") no-repeat;background-size:24px 28px;top:10px;left:-30px;}
.theme-title::after{display: block;float: left;content: "";position: absolute;z-index: 50;width: 24px;height: 28px;background: url("../../../echarts/tit-before.png") no-repeat;background-size:24px 28px;top:10px;right:-30px;transform: rotate(180deg);}
.top-beitucms{display: inline-block;background: var(--grad-color--);-webkit-background-clip: text;background-clip: text;color: transparent;font-family: kk;margin-left: 15px;font-size: 28px;}
.top-clock{display: inline-block;background: var(--grad-color--);-webkit-background-clip: text;background-clip: text;color: transparent;font-family: lcd;font-size: 28px;margin-right: 15px;}
.top-clock,.top-beitucms{display: none;}
.center-wapper{display: block;float: left;width: 100%;height: calc(100% - 100px);padding:0 5px;box-sizing: border-box;}
.bottom-wrapper{display: block;float: left;width:100%;height: 40px;padding:5px;box-sizing: border-box;}
.center-in-wrapper{display: block;float: left;width:100%;height: 100%;overflow-y: scroll;}
.center-in-wrapper::-webkit-scrollbar{display: none;}
.bottom-in-wrapper{display: flex;float: left;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 30px;background: url("../../../echarts/top-bg.png");background-size:100% auto;box-sizing: border-box;border:1px solid var(--border-color--);}
.bottom-in-wrapper > .btm-icp{width: fit-content;color:#44f0e8!important;}
.bottom-in-wrapper > .btm-icp:hover{text-decoration: underline;}
.center-out-flex-wrapper{display: flex;float: left;flex-direction: column;width:100%;}
.data-out-panel{display: block;float: left;width: 100%;height: auto;background: var(--panel-bg-color--);padding:3px;box-sizing: border-box;position: relative;border:1px solid var(--panel-border-color--);}
.panel-title{display: block;float: left;width:100%;height: 30px;background: rgba(45,76,96,0.5);border:1px solid rgba(153,247,243,0.2);box-sizing: border-box;}
.panel-title > span:nth-child(1){display: block;float: left;width: fit-content;font-weight: lighter;font-family: 微软雅黑;font-size: 14px;height: 28px;line-height: 26px;color: #baf8f6;margin-left:5px;}
.panel-title > span:nth-child(2){display: block;float: right;width: 28px;height: 28px;text-align: center;font-size: 20px;line-height: 28px;color:#a4f7f4;}
.child-elem-panel{height: 280px;}
.data-in-panel{display: block;float: left;width:100%;height: calc(100% - 32px);margin-top:2px;backdrop-filter: blur(1px);}
.leftd-elem-panel{width: calc(50% - 2px);height: 180px;}
.total-num-p{height: calc(100% - 32px);margin-top:2px;backdrop-filter: blur(1px);}
.total-num-p > span{font-family: guanhei;font-size: 50px;}
.leftsg-elem-panel{height: 220px;}
.map-tainer-out{height: 400px;margin-top:5px;}
.tainer-map-box{width:12px;height: 100%;padding:6px 0;box-sizing: border-box;position: relative;}
.tainer-map-box::before{display: block;float: left;content: "";width:1px;height: calc(50% - 36px);position: absolute;top: 22px;left: 6px;z-index: 50;border-left: 1px dashed #8cf6f1;opacity: 0.3;}
.tainer-map-box::after{display: block;float: left;content: "";width:1px;height: calc(50% - 36px);position: absolute;bottom: 22px;left: 6px;z-index: 50;border-left: 1px dashed #8cf6f1;opacity: 0.3;}
.tainer-map-panel{width:calc(100% - 30px);height: 100%;}
.tainer-map-box > span{display: block;float: left;width:7px;height: 7px;border-radius: 8px;background: #8cf6f1;opacity: 0.4;}
.map-tit-box{display: block;float: left;width:100%;height: 50px;padding:5px;box-sizing: border-box;margin-top:5px;position: relative;}
.map-tit-box > span{display: block;float: left;width:100%;height: 40px;text-align: center;line-height: 40px;font-family: kk;font-size: 20px;text-shadow: 0 0 4px rgba(85,242,236,0.7);}
.map-tit-box > span:before{display: block;float: left;content: "";width:90%;height: 20px;background: url("../../../echarts/title-btm-gl.png") no-repeat;position: absolute;z-index: 50;top: 36px;left:5%;background-size: 100% auto;}
.map-tainer-box{height: calc(100% - 70px);}
.visiter-info-panel{height: 180px;}
.visiter-info-panel > .total-num-p > span{font-size: 36px;text-shadow: 0 1px 5px #8cf6f1;margin-top:-5px;word-break: break-all;}
.rights-info-panel{height: 100px;}
.rights-info-panel > .total-num-p > span{font-family: 微软雅黑;color:#7af5f0;font-size: 15px;text-shadow: 0 1px 5px #7af5f0;margin-top:-5px;text-align: center;}
.doubleDateVisit-elem-panel{height: 320px;}
.sdisk-elem-panel{height: 320px;}
.rightd-elem-panel{width: calc(50% - 2px);height: 180px;}
.rightd-elem-panel > .total-num-p > span{font-size: 34px;}
.visit-speed-panel{height: 320px;}
@media (min-width: 768px){
    .top-wrapper{height: 80px;}
    .top-in-wrapper{height: 70px;}
    .top-wrapper-text{height: 70px;line-height: 70px;}
    .theme-title{font-size: 26px;line-height: 70px;}
    .theme-title::before{width: 30px;height: 36px;background-size:30px 36px;top:16px;left:-30px;}
    .theme-title::after{width: 30px;height: 36px;background-size:30px 36px;top:16px;right:-32px;transform: rotate(180deg);}
    .media-level1{flex-direction: row;justify-content: space-between;}
    .media-level1 > .child-elem-panel{width:calc(50% - 2px);}
    .media-level1 > .leftsg-elem-panel{width:calc(50% - 2px);}
    .media-level1 > .visiter-info-panel{width:calc(50% - 2px);}
    .rights-info-panel{height: 160px;}
    .media-level1 > .visit-speed-panel{width:calc(50% - 2px);}
    .center-wapper{height: calc(100% - 120px);}
}
@media (min-width: 992px){
    .theme-title{font-size: 30px;margin:0;transform: translateX(0);}
    .theme-title::before{width: 36px;height: 42px;background-size:36px 42px;top:14px;left:-50px;}
    .theme-title::after{width: 42px;height: 42px;background-size:36px 42px;top:14px;right:-52px;transform: rotate(180deg);}
    .top-clock,.top-beitucms{display: block;}
    .media-level2{flex-direction: row;justify-content: space-between;}
    .media-level2 > .child-elem-panel{width: calc(33% - 2px);}
    .media-level2 > .media-level1{width: calc(67% - 2px);}
    .media-level2 > .media-level1 > .child-elem-panel{margin-top:0;}
    .media-level2 > .double-panel{width: calc(50% - 2px);}
    .media-level3{flex-direction: row;justify-content: space-between;}
    .media-level3 > .double-panel{width: calc(50% - 2px);}
    .media-level3 > .media-level1{width: calc(50% - 2px);}
    .media-level3 > .media-level1 > .leftsg-elem-panel{height: 180px;}
    .map-tainer-out{height: 560px;}
    .map-tit-box{height: 80px;padding:10px;margin-top:10px;}
    .map-tit-box > span{height: 60px;line-height: 60px;font-size: 34px;text-shadow: 0 2px 4px rgba(85,242,236,0.7);}
    .map-tit-box > span:before{width:60%;left:20%;top: 56px;background-size: 100% auto;}
    .media-level4{flex-direction: row;justify-content: space-between;}
    .media-level4 > .media-level1{width: calc(67% - 2px);}
    .media-level4 > .visiter-info-panel{width: calc(33% - 2px);margin-top: 5px;}
    .media-level4 > .double-panel{width: calc(50% - 2px);}
    .media-level5{flex-direction: row-reverse;justify-content: space-between;}
    .media-level5 > .visit-speed-panel{flex-direction: column;width: calc(50% - 2px);height: 324px;}
    .media-level5 > .double-panel{flex-direction: column;width: calc(50% - 2px);}
    .media-level5 > .double-panel > .rightd-elem-panel{width:100%;height: 159px;}
    .media-level5 > .double-panel > .rightd-elem-panel:nth-child(2){margin-top:5px;}
    .media-level6{flex-direction: row;justify-content: space-between;}
    .media-level6 > .media-level4 > .double-panel{flex-direction: column;}
    .media-level6 > .media-level4 > .double-panel > .rightd-elem-panel{width:100%;}
    .media-level6 > .media-level4 > .double-panel > .rightd-elem-panel:nth-child(2){margin-top: 5px;}
    .media-level6 > .sdisk-elem-panel{height: 364px;width: calc(50% - 2px);}
    .media-level6 > .media-level4{width: calc(50% - 2px);}
    .center-wapper{height: calc(100% - 130px);}
    .bottom-wrapper{height: 50px;}
    .bottom-in-wrapper{height: 40px;}
}
@media (min-width: 1200px){
    .theme-title::before{top:13px;left:-50px;}
    .theme-title::after{top:12px;right:-50px;transform: rotate(180deg);}
}
@media (min-width: 1440px){
    .center-out-flex-wrapper{flex-direction: row;justify-content: space-between;}
    .out-wrapper-left,.out-wrapper-right{width:360px;}
    .out-wrapper-center{width:calc(100% - 730px);}
    .media-level7{flex-direction: column;}
    .media-level7 > .child-elem-panel{width:100%;margin-top:5px;}
    .media-level8{flex-direction: column;}
    .media-level8 > .child-elem-panel{width:100%;}
    .media-level8 > .media-level7{width:100%;}
    .media-level8 > .media-level7 > .child-elem-panel{margin-top:5px;}
    .media-level9{flex-direction: column;}
    .media-level9 > .double-panel{width:100%;}
    .media-level10{flex-direction: column;}
    .media-level10 > .double-panel,.media-level10 > .media-level1{width:100%;}
    .map-tainer-out{height: 640px;}
    .media-level11{flex-direction: column;}
    .media-level11 > .visiter-info-panel,.media-level11 > .media-level1{width:100%;}
    .visiter-info-panel{height: 120px;}
    .rights-info-panel{height: 120px;}
    .media-level12{flex-direction: column;}
    .media-level12 > .leftsg-elem-panel{width:100%;}
    .media-dble1{height: 360px;}
    .media-dble2{height: 380px;}
    .media-level13{flex-direction: column;}
    .media-level13 > .sdisk-elem-panel{width:100%;height: 280px;}
    .media-level13 > .media-level4{width:100%;}
    .media-level13 > .media-level4 > .double-panel{width:100%;}
    .media-level14{flex-direction: column;}
    .media-level14 > .double-panel{width:100%;}
    .media-level14 > .double-panel > .rightd-elem-panel{width:100%;}
    .media-level14 > .visit-speed-panel{width:100%;height: 242px;}
    .media-level15{flex-direction: column;}
    .media-level15 > .visit-speed-panel{width:100%;height: 266px;}
    .media-level15 > .visit-speed-panel:nth-child(2){width:100%;height: 269px;}
}