/* 浅色模式 */
.lightMode-container{
    color: #5A6476;
    background: #F9F9F9;
}
.lightMode-container .br{
    background: #FFFFFF;
    box-shadow: 0 .01rem .1rem 0 rgba(25,98,250,0.1);
}

.lightMode-container .box-mode a{
    color: rgba(0, 1, 38, 0.5);
}
.lightMode-container .box-mode a.active{
    color: #000126;
}
.lightMode-container .box-head .title{
    color: #333;
}

.lightMode-container .btn-backPrev{
    border-top: .02rem solid #000126;
    border-right: .02rem solid #000126;
}
.lightMode-container .box-time{
    color: #1962FA;
}

/* title */
.lightMode-container .c-title{
    padding: 0 .2rem;
}
.lightMode-container .c-title:after{
    width: calc(100% - 0.43rem);
    height: .01rem;
    background: linear-gradient(90deg, #5496F8, #E5F0F0);
    left: .23rem;
}
.lightMode-container .c-title h4{
    color: #5A6476;
    padding: .08rem .37rem .08rem 0;
    border-radius: .04rem;
    margin-bottom: -0.16rem;
    position: relative;
    z-index: 1;
}
.lightMode-container .c-title h4:before{
    display: none;
    content: '';
    font-size: 0;
    line-height: 0;
    border-width: .06rem;
    border-color: #fff;
    border-right-width: 0;
    border-style: dashed;
    border-left-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 50%;
    left: .06rem;
    transform: translate(0, -50%);
}
.lightMode-container .c-title h4:after{
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: -0.23rem;
    top: -0.24rem;
    border-top: .23rem solid rgba(0, 0, 0, 0);
    border-left: .23rem solid rgba(0, 0, 0, 0);
    border-right: .23rem solid rgba(0, 0, 0, 0);
    border-bottom: .23rem solid #fff;
    transform: rotate(45deg);
    /*border-radius: .04rem;*/
}

.lightMode-container .c-titlePoint{
    cursor: pointer;
}
.lightMode-container .c-titlePoint h4{
    color: #fff;
    background: linear-gradient(90deg, #5497F8, #1861FA);
    padding: .08rem .37rem .08rem .1rem;
}

.lightMode-container .btn-see-more a{
    color: #FFF;
    background: linear-gradient(0deg, #8272F5, #6332F5);
    border: .01rem solid #8272F5;
}
.lightMode-container .btn-see-more a:after{
    background: url(../images/light/title_arrow_right.png) no-repeat;
    background-size: 100%;
}

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

.lightMode-container .list-select .dropDown,
.lightMode-container .list-select .dropDown:before{
    background: #FFFFFF;
    box-shadow: 0 .02rem .1rem 0 rgba(25,98,250,0.2);
}
.lightMode-container .list-select .dropDown:before{
    top: -0.06rem;
    border-top: .01rem solid #FFFFFF;
    border-right: .01rem solid #FFFFFF;
}
.lightMode-container .list-select .dropDown{
    border-radius: .04rem;
}
.lightMode-container .list-select .dropDown ul{
    position: relative;
    background: #fff;
}
.lightMode-container .list-select .dropDown li{
    font-weight: 300;
    border-top: .01rem solid #F2F1F1;
    background: #fff;
}
.lightMode-container .list-select .dropDown li:first-of-type{
    border-top: 0;
}
.lightMode-container .list-select .dropDown li:hover,
.lightMode-container .list-select .dropDown li.active{
    font-weight: bold;
}

.lightMode-container .title-hover .content{
    color: #fff;
    background: #5497F8;
}

/* item */
.lightMode-container .list-mode li{
    /*background: #FFFFFF;*/
    box-shadow: 0 .01rem .06rem 0 rgba(27,100,250,0.1);
}
.lightMode-container .list-mode li .item p{
    /*color: #000126;*/
}
.lightMode-container .list-mode li .item .green{
    color: #1EC162;
}
.lightMode-container .list-mode li .li-bg{
    opacity: 0;
}
.lightMode-container .list-mode li .air_icon1{
    background: url("../images/light/icon/air_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .air_icon2{
    background: url("../images/light/icon/air_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .air_icon3{
    background: url("../images/light/icon/air_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .carbon_icon1{
    background: url("../images/light/icon/carbon_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .carbon_icon2{
    background: url("../images/light/icon/carbon_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .carbon_icon3{
    background: url("../images/light/icon/carbon_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .water_icon1{
    background: url("../images/light/icon/water_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .water_icon2{
    background: url("../images/light/icon/water_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .water_icon3{
    background: url("../images/light/icon/water_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .ecology_icon1{
    background: url("../images/light/icon/ecology_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .ecology_icon2{
    background: url("../images/light/icon/ecology_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .ecology_icon3{
    background: url("../images/light/icon/ecology_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .grabage_icon1{
    background: url("../images/light/icon/grabage_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .grabage_icon2{
    background: url("../images/light/icon/grabage_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .grabage_icon3{
    background: url("../images/light/icon/grabage_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .smart_icon1{
    background: url("../images/light/icon/smart_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .smart_icon2{
    background: url("../images/light/icon/smart_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .smart_icon3{
    background: url("../images/light/icon/smart_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .voice_icon1{
    background: url("../images/light/icon/voice_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .voice_icon2{
    background: url("../images/light/icon/voice_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .voice_icon3{
    background: url("../images/light/icon/voice_icon3.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .develop_icon1{
    background: url("../images/light/icon/develop_icon1.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .develop_icon2{
    background: url("../images/light/icon/develop_icon2.png") no-repeat;
    background-size: 100%;
}
.lightMode-container .list-mode li .develop_icon3{
    background: url("../images/light/icon/develop_icon3.png") no-repeat;
    background-size: 100%;
}


/* center */
.lightMode-container .center-console{
    background: url(../images/light/bg.png) no-repeat center;
    background-size: 100% 100%;
}
.lightMode-container .list-tab li{
    color: #000126;
    background: #FFFFFF;
    box-shadow: 0 .01rem .1rem 0 rgba(25,98,250,0.1);
}
.lightMode-container .list-tab li.active{
    color: #fff;
    background: linear-gradient(90deg, #1861FA, #5497F8);
}

.lightMode-container .box-round .bg-info1{
    background: url(../images/light/tab_icon1.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .box-round .bg-info2{
    background: url(../images/light/tab_icon2.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .box-round .bg-info3{
    background: url(../images/light/tab_icon3.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .box-round .bg-info4{
    background: url(../images/light/tab_icon4.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .box-round .info span,
.lightMode-container .box-round .info p{
    color: #F6F6F6;
}

.lightMode-container .box-changeBoxPos h3{
    text-shadow: 0 .02rem 0 #0042C7;
    background: linear-gradient(0deg, #1861FA 0%, #5497F8 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lightMode-container .box-changeBox .btn{
    color: #5A6476;
    background: #F9F9F9;
    box-shadow: 0 .02rem .1rem 0 rgba(25, 98, 250, 0.2);
}
.lightMode-container .box-changeBox .btn .icon{
    background: url(../images/light/icon_arrow_btm.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .list-selectCity{
    background: #F9F9F9;
    box-shadow: 0 .02rem .1rem 0 rgba(25, 98, 250, 0.2);
}
.lightMode-container .list-selectCity li, .lightMode-container .box-cityList h6{
    color: #5A6476;
}
.lightMode-container .box-cityList h6{
    border-bottom: 1px solid #EEEEEE;
}
.lightMode-container .box-province li:hover,
.lightMode-container .box-province li.active{
    font-weight: bold;
    background: linear-gradient(90deg, rgba(11,114,253, .2), rgba(3,16,64,0));
}
.lightMode-container .box-cityList li:hover,
.lightMode-container .box-cityList li.active{
    color: #1962FA;
}

.lightMode-container .map-chart .map-loadingBox{
    background: rgba(255, 255, 255, .9)
}
.lightMode-container .map-chart .loading{
    border: .01rem solid #000126;
}
.lightMode-container .map-chart .loading:after{
    background-color: #000126;
}

.lightMode-container .box-ets .ets{
    color: rgba(70,71,73, .2);
}
.lightMode-container .box-ets .ets-unit{
    color: #5A6476;
}
.lightMode-container .legend-list b{
    color: #fff;
}


/* bottom */
.lightMode-container .box-flex3 .c-title{
    background: linear-gradient(to top, #D6D8F9 40%, #FFFFFF);
}
.lightMode-container .box-flex3 .c-title h4{
    background: transparent;
    margin-bottom: 0;
    font-family: "ZHFFXFT";
    color: rgba(255, 255, 255, 0.4);
    background: linear-gradient(0deg, #8272F5 0%, #6332F5 99.5849609375%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
}
.lightMode-container .box-flex3 .c-title:after{
    display: none;
}
.lightMode-container .box-flex3 .c-title h4:before{
    border-color: #A6A7FB;
    border-right-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.lightMode-container .box-flex3 .c-title h4:after{
    display: none;
}

.lightMode-container .env-title{
    background: url(../images/light/title_env_bg.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .env-title .env-left{
    background: url(../images/light/title_env_left.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .env-title .env-right{
    background: url(../images/light/title_env_right.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .env-title h3{
    color: rgba(255, 255, 255, 0.4);
    background: linear-gradient(0deg, #8272F5 0%, #6332F5 99.5849609375%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lightMode-container .list-fingertip{
    padding: 0 .1rem;
}
.lightMode-container .list-fingertip li{
    flex: 0 0 calc(33.33% - .2rem);
    background: linear-gradient(to bottom, #FFFFFF, #D6D8F9);
    border-radius: .1rem;
    margin: 0 .1rem .2rem;
}
.lightMode-container .list-fingertip li .cover:after{
    background: linear-gradient(0deg, rgba(214,216,249,0.99), rgba(214,216,249,0));
}
.lightMode-container .list-fingertip li h4{
    color: #472E9C;
}
.lightMode-container .list-fingertip li h4:before{
    background: linear-gradient(to right, #672EF9, rgba(214, 216, 249, 0));
}
.lightMode-container .list-fingertip li .item h6{
    color: #161428;
}
.lightMode-container .list-fingertip li .item span{
    color: #161428;
}
.lightMode-container .btn-activity{
    color: #FFF;
    background: linear-gradient(0deg, #8272F5, #6332F5);
    border: .01rem solid #8272F5;
}
.lightMode-container .btn-activity:after{
    background: url(../images/light/icon_arrow_activityR.png) no-repeat;
    background-size: 100%;
}




/* 暂时没用-rank start */
.lightMode-container .city-indexBox{
    color: #000;
}
.lightMode-container .box-rank li .round-step{
    border: .01rem dashed rgba(92,155,248, 1);
}
.lightMode-container .box-rank li .bg-rd{
    border: .02rem solid #A7C2FF;
}
.lightMode-container .box-rank li .text{
    color: #5A6476;
}
.lightMode-container .box-rank li .rank{
    color: #000126;
}

.lightMode-container .box-rank li .round-step:before{
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background: #EEF5FE;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lightMode-container .box-rank li .bg-rd .icon{
    width: 0.7rem;
    height: 0.7rem;
    margin-left: -0.35rem;
    margin-top: -0.35rem;
}
.lightMode-container .rank_icon1{
    background: url(../images/light/rank/rank_icon1.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon2{
    background: url(../images/light/rank/rank_icon2.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon3{
    background: url(../images/light/rank/rank_icon3.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon4{
    background: url(../images/light/rank/rank_icon4.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon5{
    background: url(../images/light/rank/rank_icon5.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon6{
    background: url(../images/light/rank/rank_icon6.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon7{
    background: url(../images/light/rank/rank_icon7.png) no-repeat;
    background-size: 100%;
}
.lightMode-container .rank_icon8{
    background: url(../images/light/rank/rank_icon8.png) no-repeat;
    background-size: 100%;
}
/* end */