/* 深色模式 */
.darkMode-container{
    color: #fff;
    /*background: #00153C;*/
    /*#000B1F*/
    background: linear-gradient(90deg, #000B1F, #031F52, #000B1F);

}
.darkMode-container .br{
    border: 0.01rem solid;
    border-image: linear-gradient(to bottom right, #258FFF, #1551A9) 1;
    background: rgba(2,13,89,0.4);
}
.darkMode-container .box-flex3 .br{
    border: 0.01rem solid;
    border-image: linear-gradient(to bottom right, #6568F1, #6169F3, #ACACFC, #6568F1) 1;
}
.darkMode-container .city-flex{
    box-shadow: inset 0 0 .2rem rgba(25,98,250,.5);
}

.darkMode-container .arrow-left:before,
.darkMode-container .arrow-right:before,
.darkMode-container .arrow-left:after,
.darkMode-container .arrow-right:after{
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/dark/br-white.png) no-repeat;
    background-size: 100%;
    position: absolute;
}
.darkMode-container .arrow-left:after,
.darkMode-container .arrow-right:after{
    width: .1rem;
    height: .1rem;
}
.darkMode-container .arrow-left:before{
    top: -0.01rem;
    left: -0.01rem;
    transform: rotate(90deg);
}
.darkMode-container .arrow-right:before{
    bottom: -0.01rem;
    right: -0.01rem;
    transform: rotate(-90deg);
}

.darkMode-container .arrow-left:after{
    top: -0.014rem;
    right: -0.014rem;
    transform: rotate(180deg);
}
.darkMode-container .arrow-right:after{
    bottom: -0.014rem;
    left: -0.014rem;
    transform: rotate(0deg);
}

.darkMode-container .box-rank li{
    border: 1px solid #1573DF;
    border-bottom: none;
    border-right: none;
    box-shadow: inset 0 0 .2rem rgba(25,98,250,.5);
}
.darkMode-container .box-rank li:nth-of-type(-n+4){
    border-top: none;
}

.darkMode-container .box-mode a{
    color: rgba(255, 255, 255, 0.5);
}
.darkMode-container .box-mode a.active{
    color: #fff;
}
.darkMode-container .box-head .title{
    text-shadow: 0 0 .24rem #1A63FA;
}

.darkMode-container .btn-backPrev{
    border-top: .02rem solid #fff;
    border-right: .02rem solid #fff;
}
.darkMode-container .box-time{
    color: #FFFFFF;
}

/* title */
.darkMode-container .c-title:before{
    display: none;
    content: '';
    width: .47rem;
    height: .47rem;
    background: url(../images/dark/icon_arrow_right.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.darkMode-container .c-title:after{
    background: url(../images/dark/line.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .c-title h4{
    text-shadow: 0 0 .13rem #1A63FA;
    padding-left: .2rem;
}
.darkMode-container .c-title h4 a:hover{
    color: #52C8FF;
}

.darkMode-container .c-titlePoint{
    cursor: pointer;
    background: linear-gradient(90deg, #0B72FD, rgba(11,114,253,0.38), rgba(3,16,64,0));
}
.darkMode-container .c-titlePoint h4{
    text-shadow: none;
}

.darkMode-container .btn-see-more a{
    color: #371692;
    background: #fff;
}
.darkMode-container .btn-see-more a:after{
    background: url(../images/dark/title_arrow_right.png) no-repeat;
    background-size: 100%;
}

/* select */
.darkMode-container .list-select{
    /*border: .01rem solid #568BE6;*/
}
.darkMode-container .list-select .choose .arrow-down{
    background: url(../images/dark/icon_arrow_btm.png) no-repeat;
    background-size: 100%;
}

.darkMode-container .list-select .dropDown{
    background: rgba(1, 10, 45, .9);
    border: .01rem solid #258FFF;
    box-shadow: 0 .05rem .1rem 0 rgba(0,13,37,0.5);
}
.darkMode-container .list-select .dropDown:before{
    background: rgba(1, 10, 45, 1);
    border-top: .01rem solid #258FFF;
    border-right: .01rem solid #258FFF;
}
.darkMode-container .list-select .dropDown li{
    color: #3D9EFB;
}
.darkMode-container .list-select .dropDown li:hover,
.darkMode-container .list-select .dropDown li.active{
    color: #fff;
    background: linear-gradient(90deg, #0B72FD, rgba(11,114,253,0.38), rgba(3,16,64,0));
}

.darkMode-container .list-select .rw:before,
.darkMode-container .list-select .rw:after,
.darkMode-container .list-selectCity .rw:before,
.darkMode-container .list-selectCity .rw:after{
    content: '';
    width: .04rem;
    height: .04rem;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
}
.darkMode-container .list-select .whiteTop:before,
.darkMode-container .list-select .whiteBtm:before,
.darkMode-container .list-selectCity .whiteTop:before,
.darkMode-container .list-selectCity .whiteBtm:before{
    top: -0.02rem;
}

.darkMode-container .list-select .whiteTop:after,
.darkMode-container .list-select .whiteBtm:after,
.darkMode-container .list-selectCity .whiteTop:after,
.darkMode-container .list-selectCity .whiteBtm:after{
    bottom: -0.02rem;
}
.darkMode-container .list-select .whiteTop:before,
.darkMode-container .list-select .whiteTop:after,
.darkMode-container .list-selectCity .whiteTop:before,
.darkMode-container .list-selectCity .whiteTop:after{
    left: -0.02rem;
}
.darkMode-container .list-select .whiteBtm:before,
.darkMode-container .list-select .whiteBtm:after,
.darkMode-container .list-selectCity .whiteBtm:before,
.darkMode-container .list-selectCity .whiteBtm:after{
    right: -0.02rem;
}

.darkMode-container .title-hover .content{
    color: #fff;
    background: #1551A9;
    box-shadow: 0 .01rem .1rem 0 rgba(13,92,254,0.1);
}

/* item */
.darkMode-container .list-mode li .item p{
    color: #00F6FF;
}
.darkMode-container .list-mode li .air_icon1{
    background: url("../images/dark/icon/air_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .air_icon2{
    background: url("../images/dark/icon/air_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .air_icon3{
    background: url("../images/dark/icon/air_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .carbon_icon1{
    background: url("../images/dark/icon/carbon_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .carbon_icon2{
    background: url("../images/dark/icon/carbon_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .carbon_icon3{
    background: url("../images/dark/icon/carbon_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .water_icon1{
    background: url("../images/dark/icon/water_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .water_icon2{
    background: url("../images/dark/icon/water_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .water_icon3{
    background: url("../images/dark/icon/water_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .ecology_icon1{
    background: url("../images/dark/icon/ecology_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .ecology_icon2{
    background: url("../images/dark/icon/ecology_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .ecology_icon3{
    background: url("../images/dark/icon/ecology_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .grabage_icon1{
    background: url("../images/dark/icon/grabage_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .grabage_icon2{
    background: url("../images/dark/icon/grabage_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .grabage_icon3{
    background: url("../images/dark/icon/grabage_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .smart_icon1{
    background: url("../images/dark/icon/smart_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .smart_icon2{
    background: url("../images/dark/icon/smart_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .smart_icon3{
    background: url("../images/dark/icon/smart_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .voice_icon1{
    background: url("../images/dark/icon/voice_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .voice_icon2{
    background: url("../images/dark/icon/voice_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .voice_icon3{
    background: url("../images/dark/icon/voice_icon3.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .develop_icon1{
    background: url("../images/dark/icon/develop_icon1.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .develop_icon2{
    background: url("../images/dark/icon/develop_icon2.png") no-repeat;
    background-size: 100%;
}
.darkMode-container .list-mode li .develop_icon3{
    background: url("../images/dark/icon/develop_icon3.png") no-repeat;
    background-size: 100%;
}

/* center */
.darkMode-container .centerBox{
    border-top: none;
    background: linear-gradient(90deg, #00093B, #020E58, #00093B);
}
.darkMode-container .center-console{
    background: url(../images/dark/bg.png) no-repeat center;
    background-size: 100% 100%;
}
.darkMode-container .list-tab li{
    color: #00E3F0;
    background: rgba(3,122,255,0.2);
}
.darkMode-container .list-tab li.active{
    color: #fff;
    border: 0.01rem solid #258FFF;
    box-shadow: 0 0 .1rem .01rem rgba(3,122,255,0.2) inset;
}

.darkMode-container .box-round .bg-info1,
.darkMode-container .box-round .bg-info3{
    background: url(../images/dark/tab_icon1.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .box-round .bg-info2,
.darkMode-container .box-round .bg-info4{
    background: url(../images/dark/tab_icon2.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .box-round .bg-info1 span,
.darkMode-container .box-round .bg-info3 span{
    color: #04FFB6;
}
.darkMode-container .box-round .bg-info2 span,
.darkMode-container .box-round .bg-info4 span{
    color: #52C8FF;
}

.darkMode-container .box-changeBoxPos h3{
    color: #00F6FF;
}
.darkMode-container .box-changeBox .btn{
    color: #FDFEFF;
    border: .01rem solid #568BE6;
    background: rgba(1, 10, 45, .9);
}
.darkMode-container .box-changeBox .btn .icon{
    background: url(../images/dark/icon_arrow_btm.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .list-selectCity{
    background: rgba(1, 10, 45, .9);
    border: .01rem solid #258FFF;
    box-shadow: 0 .05rem .1rem 0 rgba(0, 13, 37, 0.5);
}
.darkMode-container .list-selectCity li, .darkMode-container .box-cityList h6{
    color: #3D9EFB;
}
.darkMode-container .box-cityList h6{
    border-bottom: 1px solid #568BE6
}
.darkMode-container .box-province li:hover,
.darkMode-container .box-province li.active{
    color: #fff;
    background: linear-gradient(90deg, #0B72FD, rgba(11, 114, 253, 0.38), rgba(3, 16, 64, 0));
}
.darkMode-container .box-cityList li:hover,
.darkMode-container .box-cityList li.active{
    color: #fff;
    /*background: linear-gradient(90deg, #0B72FD, rgba(11, 114, 253, 0.38), rgba(3, 16, 64, 0));*/
}

.darkMode-container .map-chart .map-loadingBox{
    background: linear-gradient(90deg, rgba(0, 11, 31, .95), rgba(03, 31, 82, .95), rgba(0, 11, 31, .95));
}
.darkMode-container .map-chart .loading{
    border: .01rem solid #fff;
}
.darkMode-container .map-chart .loading:after{
    background-color: rgba(255,255,255,1);
}

.darkMode-container .box-ets .ets{
    color: #9AC1E5;
}
.darkMode-container .box-ets .ets-unit{
    color: #A1C9ED;
}


/* bottom */
.darkMode-container .box-flex3 .c-title{
    background: linear-gradient(to top, #1B015B 40%, #341B8B, #3D2294);
}
.darkMode-container .env-title{
    background: url(../images/dark/title_env_bg.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .env-title .env-left{
    background: url(../images/dark/title_env_left.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .env-title .env-right{
    background: url(../images/dark/title_env_right.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .env-title h3{
    color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF 0.68359375%, #DAFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.darkMode-container .list-fingertip:after{
    content: '';
    width: 100%;
    height: 0.01rem;
    background: rgba(101,104,241, .3);
    position: absolute;
    top: 50%;
    left: 0;
}
.darkMode-container .list-fingertip li{
    flex: 0 0 calc(33.33% - 1px);
    border-right: 1px solid rgba(101,104,241, .3);
}
.darkMode-container .list-fingertip li:nth-of-type(3n){
    border-right: none;
}
.darkMode-container .list-fingertip li .cover:after{
    background: linear-gradient(0deg, #878CF8, rgba(135,140,248,0));
}
.darkMode-container .list-fingertip li h4{
    color: #FFFFFF;
}
.darkMode-container .list-fingertip li h4:before{
    background: linear-gradient(90deg, #B255D3, rgba(135,140,248,0));
}
.darkMode-container .list-fingertip li .item h6{
    color: #9AC1E5;
}
.darkMode-container .list-fingertip li .item span{
    color: #00F6FF;
}
.darkMode-container .btn-activity{
    color: #B7B7FD;
}
.darkMode-container .btn-activity:after{
    background: url(../images/dark/icon_arrow_activityR.png) no-repeat;
    background-size: 100%;
}


/* 暂时没用-rank start */
.darkMode-container .city-indexBox h3{
    text-shadow: 0 0 .26rem #1A63FA;
}
.darkMode-container .box-rank li:before{
    content: '';
    width: .44rem;
    height: 0;
    border-left: 2rem solid transparent;
    border-bottom: 2.75rem solid rgba(255,255,255,.02);
    position: absolute;
    right: 0;
    bottom: 0;
}
.darkMode-container .box-rank li .round-step{
    border: .01rem dashed rgba(92,155,248, .8);
}
.darkMode-container .box-rank li .bg-rd{
    border: .02rem solid rgba(92,155,248, .5);
}
.darkMode-container .box-rank li .bg-rd .icon{
    width: 0.96rem;
    height: 0.85rem;
}
.darkMode-container .box-rank li .rank{
    color: #9AC1E5;
}
.darkMode-container .box-rank li .rank strong{
    color: #fff;
}

.darkMode-container .rank_icon1{
    background: url(../images/dark/rank/rank_icon1.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon2{
    background: url(../images/dark/rank/rank_icon2.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon3{
    background: url(../images/dark/rank/rank_icon3.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon4{
    background: url(../images/dark/rank/rank_icon4.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon5{
    background: url(../images/dark/rank/rank_icon5.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon6{
    background: url(../images/dark/rank/rank_icon6.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon7{
    background: url(../images/dark/rank/rank_icon7.png) no-repeat;
    background-size: 100%;
}
.darkMode-container .rank_icon8{
    background: url(../images/dark/rank/rank_icon8.png) no-repeat;
    background-size: 100%;
}
/* end */





@media only screen and (min-width:2304px){
    /*.darkMode-container .c-title:before{*/
        /*width: .72rem;*/
        /*height: .72rem;*/
    /*}*/
    /*.darkMode-container .c-title h4{*/
        /*padding-left: .72rem;*/
    /*}*/
}