.sub-header .ds{}
.sub-header .ds.ds-num{color: #fff;font-family: condensedBold;font-size: 48px;text-shadow: 0 0 10px #0ff;float: left;}
.sub-header .ds.ds-dw{color: #fff;font-family: condensedBold;font-size: 24px;float: left;text-shadow: 0 0 10px #0ff;margin-top: 5px;}
.sub-header .ds.ds-icon{width: 29px;margin:15px 0px 0px 10px;float: left;}
.sub-header .ds.ds-text{color: #fff;font-size: 15px;text-shadow: 0 0 10px #0ff;margin-left: 7px;font-weight: 100;display: inline-block;float: left;line-height: 60px;}

.map-box{position: absolute;background-image: url(../images/11.png);left: 15px;right: 15px;bottom: 40px;top: 130px;background-size: 100% 100%;padding:5px;}
.map-area{width: calc(100% - 10px);width: -webkit-calc(100% - 10px);height: calc(100% - 10px);height: -webkit-calc(100% - 10px);margin:5px auto 0;}

.time-line{position: absolute;left: 30px;bottom: 22px;right: 20px;height: 20px;}
.time-line ul{border-top: 5px solid #2c294e;}
.time-line li{color: #fff;float: left;font-size: 14px;width: 4.166666666%;position: relative;padding-top: 12px;text-indent: -12px;}
.time-line li::before{content: ' ';position: absolute;width: 7px;height: 7px;background:#fff;border-radius:7px;left: 0px;top: -5px;z-index: 11;}
.time-line li.last{width: 4%;}
.time-line .time-move-line{position: absolute;height: 5px;background:#0ff;width: 0%;left: 11px;top: 0px;z-index: 10;transition: all .2s ease;-webkit-transition: all .2s ease}
.time-line .time-move-line::after{content: ' ';background:#0ff;border:0;-webkit-box-shadow:0 0 4px #0ff;box-shadow: 0 0 4px #0ff; width: 16px;height: 16px;border-radius:50%; -webkit-transition:.2s;transition:.2s;position: absolute;right: 0px;top: -5px;}
.time-line .time-move-line:hover::after{-webkit-transform: scale(1.2);transform: scale(1.2);}

.echarts-box{position: absolute;  left: 35px;  height: 36%;background:rgba(0,0,0,.8);  border-radius:4px;padding:.5%;z-index: 1001;right: 35px;bottom: 60px;transition: all .3s ease;-webkit-transition: all .3s ease;overflow: hidden;}
.echarts-box .sskl-echarts,.echarts-box .ljkl-echarts{height: 100%;width: 25%;float: left;position: relative;}
.echarts-box .klqs-echarts{height: 100%;width: 50%;float: left;}
.echarts-box .echarts-area{width: 100%;height: 100%;}
.echarts-box .max-value{position: absolute;width: 100%;bottom: 20px;color: #fff;text-shadow: 0 0 8px #0ff;font-weight: 100;text-align: center;font-size: 13px;}
.echarts-box .max-value span{padding:0px 5px;}
.echarts-box .max-value i{font-size: 15px;padding-left: 3px;cursor: pointer;}
.echarts-box .max-value input{width: 80px;}
.echarts-box .max-value button{background:transparent; color: #fff;border:0px none;cursor: pointer;margin-left: 3px;}
.echarts-box-sq{position: absolute;height: 18px;width: 60px;right: 35px;background:rgba(0,0,0,.8);bottom: calc(36% + 80px);border-radius:2px;font-size: 14px;color: #fff;text-align: center; cursor: pointer;z-index: 999;}
.echarts-box-zk{position: absolute;height: 18px;width: 60px;right: calc(75% - 77.5px);right: -webkit-calc(75% - 77.5px);background:rgba(0,0,0,.8);bottom: 60px;font-size: 14px;color: #fff;text-align: center;cursor: pointer;z-index: 999;border-radius:0px 2px 2px 0px;}
.echarts-box-sq:hover,.echarts-box-zk:hover{color:#01ffff;}
.echarts-box.mini{right: calc(75% - 17.5px);right: -webkit-calc(75% - 17.5px);border-radius: 4px 4px 0px 4px;}
.echarts-box.mini .sskl-echarts{width: 100%;}
.echarts-box.mini .klqs-echarts,.echarts-box.mini .ljkl-echarts{display: none;}
.sub-header-right .selected-cdt{color: #fff;font-size: 14px;position: absolute;bottom: -25px;right: 26px;}