*{
    font-size: .14rem;
    font-family: "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
}
.container{
    padding: 0 0 .01rem;
}
.content{
    padding: 0 .2rem;
}
.br{
    height: 2.94rem;
    margin-bottom: .2rem;
    position: relative;
}
sub, sup{
    font-size: .12rem;
}

@font-face {
    font-family: "Digiface-Regular";
    src: url("font/Digiface-Regular.ttf");
}
@font-face {
    font-family: "DigifaceWide-Regular";
    src: url("font/DigifaceWide-Regular.ttf");
}
@font-face {
    font-family: "ZHFFXFT";
    src: url("font/ZHFFXFT.ttf");
}

.flex-wrap{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-wrap:wrap;
}
.flex1{
    flex: 1;
}
.flex2{
    flex: 2.04;
    height: auto!important;
}

.box-flex1 .flex2{
    margin: 0 .2rem .2rem;
}

.box-flex2 .br{
    flex: 1;
    margin-right: .2rem;
}
.box-flex2 .br:nth-of-type(4n){
    margin-right: 0;
}

.box-flex3 .br{
    background: linear-gradient(-34deg, #1B015B, #341B8B, #3D2294)!important;
}
.box-flex3 .flex1{
    /*height: 5.5rem;*/
    height: auto;
}
.box-flex3 .flex2{
    flex: 3.1;
    margin-right: .2rem;
}

/* 暂时没用-圆环 start */
.box-statistics{
    display: flex;
    height: 100%;
}
.city-flex{
    width: 34%;
    height: 100%;
    position: relative;
}
/* end */

/* header */
.box-head{
    position: relative;
    width: 100%;
    /*height: .95rem;*/
    /*background: url(../images/light/bg_head.png) no-repeat;*/
    background-size: 100%;
}
.box-head .bg{
    width: 100%;
}
.box-head .pos{
    width: 100%;
    height: 58%;
    position: absolute;
    top: 0;
    /* transform: translate(0, -50%); */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-head .title{
    font-weight: bold;
    font-size: .26rem;
    margin-top: .5rem;
    letter-spacing: .05em;
    margin-left: .3rem;
}

.back-time{
    display: flex;
    align-items: center;
    margin-left: .2rem;
}
.back-time .box-time{
    font-size: .16rem;
    line-height: .26rem;
    font-family: "Digiface-Regular";
}
.back-time .btn-backPrev{
    display: block;
    width: .08rem;
    height: .08rem;
    transform: rotate(-135deg);
    margin-right: .1rem;
}

.box-mode{
    margin-right: .2rem;
    display: flex;
    align-items: center;
}
.box-mode a{
    font-size: .14rem;
    line-height: .26rem;
    margin-left: .3rem;
}
.box-mode a.active{
    font-weight: bold;
}

/* title */
.c-title{
    position: relative;
    min-height: .47rem;
    padding-right: .2rem;
    display: flex;
    align-items: center;
}
.c-title:after{
    content: '';
    width: 100%;
    height: .02rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.c-title a, .c-title h4{
    font-size: .15rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
}
.c-title a{
    justify-content: space-between;
    width: 100%;
    min-height: .47rem;
}
.c-title h4 b{
    display: block;
    width: .08rem;
    height: .14rem;
    background: url(../images/dark/icon_arrow_titleR.png) no-repeat;
    background-size: 100%;
    margin-left: .1rem;
}
.btn-see-more{}
.btn-see-more.pos{
    position: absolute;
    right: .3rem;
    top: .3rem;
}
.btn-see-more a{
    width: auto;
    min-height: auto;
    font-size: .13rem;
    display: flex;
    align-items: center;
    font-weight: normal;
    padding: .08rem .1rem;
    border-radius: .04rem;
}
.btn-see-more a:after{
    content: '';
    width: .06rem;
    height: .11rem;
    margin-left: .08rem;
}

/* tab */
.tab-carbon{
    display: flex;
    align-items: center;
    margin-right: -0.12rem;
}
.tab-carbon li{
    font-size: .13rem;
    padding: .16rem .1rem;
    border-bottom: .02rem solid transparent;
    cursor: pointer;
    color: #3D9EFD;
}
.tab-carbon li.active{
    color: #fff;
    border-bottom: .02rem solid #00F6FF;
    background: linear-gradient(0deg, #0B72FD, rgba(11,114,253,0.38), rgba(3,16,64,0));
}

/* select */
.list-select{
    /*background: linear-gradient(135deg, #258FFF, #1551A9);*/
    border-radius: .02rem;
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translate(0, -50%);
    z-index: 1;
}
.list-select .choose{
    padding: 0 0 0 .12rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.list-select .choose span{
    font-size: .12rem;
    line-height: .32rem;
    max-width: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*min-height: .32rem;*/
    /*display: flex;*/
    /*align-items: center;*/
}
.list-select .choose span .title-hover{
    display: none;
}

.list-select .choose span sub{
    font-size: .1rem;
    margin-top: .1rem;
}
.list-select .choose .arrow-down{
    display: block;
    width: .12rem;
    height: .08rem;
    margin-left: .08rem;
    transform: rotate(0);
    transition: transform 0.8s;
}
.list-select .choose .arrow-up{
    transform: rotate(180deg);
    transition: transform 0.8s;
}

.list-select .dropDown{
    display: none;
    width: 2.2rem;
    position: absolute;
    top: .36rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}
.list-select .dropDown:before{
    content: '';
    width: .1rem;
    height: .1rem;
    position: absolute;
    top: -0.06rem;
    left: 50%;
    transform: translate(-50%, 0) rotate(-45deg);
}
.list-select .dropDown li{
    line-height: .2rem;
    padding: .12rem .15rem;
    position: relative;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.list-widSel .choose span{
    max-width: 1.6rem;
}


.list-mode{
    padding: .2rem;
    margin-top: .02rem;
}
.list-mode li{
    position: relative;
    margin-top: .12rem;
}
.list-mode li:first-of-type{
    margin-top: 0;
}
.list-mode li .li-bg{
    width: 100%;
    height: .6rem;
    /*object-fit: cover;*/
}
.list-mode li .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 0.4rem);
    padding: 0 .2rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.list-mode li h5{
    display: flex;
    align-items: center;
}
.list-mode li h5 span{
    display: block;
    width: 85%;
    line-height: .2rem;
}
.list-mode li .icon{
    display: block;
    width: .26rem;
    height: .3rem;
    margin-right: .2rem;
}
.list-mode li .item p{
    display: flex;
    align-items: flex-end;
}
.list-mode li .item strong{
    font-size: .2rem;
    font-weight: bold;
}
.list-mode li .item strong span{
    font-weight: normal;
}

.title-hover{
    position: relative;
    margin-left: .05rem;
}
.title-hover .icon-tips{
    display: block;
    width: .12rem;
    height: .12rem;
    background: url(../images/detail/icon-tips.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.title-hover .content{
    display: none;
    font-size: .12rem;
    line-height: .2rem;
    min-width: 2.2rem;
    padding: .08rem .1rem;
    text-align: justify;
    position: absolute;
    right: 0;
    top: .14rem;
    z-index: 1;
    border-radius: .04rem;
}
.title-hover:hover .content{
    display: block;
}


/* center */
.center-console{
    position: relative;
    width: 100%;
    height: 100%;
}
.tab-box{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.tab-box .bg-tab{
    width: 100%;
}
.list-tab{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}
.list-tab li{
    cursor: pointer;
    padding: .08rem .15rem;
    margin: 0 .1rem;
    border-radius: .04rem;
    overflow: hidden;
}

.box-city{
    width: 100%;
    height: calc(100% - 1.02rem);
    position: relative;
    top: 1.02rem;
}
.round-pos{
    width: 85%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}
.box-round .info{
    width: 1.68rem;
    height: 1.68rem;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: .3rem;
}
.box-round .info:first-of-type{
    margin-top: 0;
}

.box-round .info span{
    display: block;
    font-size: .12rem;
    margin-bottom: .1rem;
    width: max-content;
    text-shadow: 0 0 .01rem #5A6476;
}
.box-round .info strong{
    font-weight: bold;
    font-size: .3rem;
}
.box-round .info p{
    font-size: .16rem;
    line-height: .2rem;
    font-weight: lighter;
    text-shadow: 0 0 .01rem #5A6476;
}
.box-round .bg-info2 p{
    width: 2rem;
}

.map-box{
    /*margin: 0 .2rem;*/
    /*width: calc(100% - 3.76rem);*/
    width: 85%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.map-box .map{
    width: 100%;
    height: 100%;
    /*border: .01rem solid #52C8FF;*/
    background: transparent!important;
}
.amap-logo, .amap-copyright{
    display: none!important;
}

.box-changeBoxPos{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-changeBoxPos h3{
    font-weight: bold;
    font-size: .84rem;
    text-align: center;
}

/* city change */
.box-changeBox{
    position: absolute;
    top: 50%;
    right: -1.1rem;
    transform: translate(0, -50%);
}
.box-changeBox .btn{
    min-width: .7rem;
    line-height: .26rem;
    font-size: .13rem;
    border-radius: .02rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .12rem;
    cursor: pointer;
}
.box-changeBox .btn .icon{
    display: block;
    width: .12rem;
    height: .07rem;
    margin-left: .08rem;
    transition: 0.8s;
}
.box-changeBox:hover .btn .icon{
    transform: rotate(180deg);
}

.list-selectCity{
    display: none;
    position: absolute;
    top: .28rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}
.list-selectCity .box-province{
    /*padding: .05rem 0;*/
    min-width: 1.56rem;
}
.list-selectCity li{
    font-size: .14rem;
    line-height: .16rem;
    padding: .12rem .2rem;
    cursor: pointer;
}

.box-province{
    max-height: 3.65rem;
    overflow-y: auto;
}

.box-cityList{
    padding: 0.03rem .2rem;
    min-width: 1.5rem;
}
.box-cityList h6{
    font-weight: bold;
    font-size: .2rem;
    padding: .24rem 0 .32rem;
}
.box-cityList ol{
    margin-top: .07rem;
    max-height: 2.85rem;
    overflow-y: auto;
}


.map-chart{
    width: 100%;
    height: 100%;
    position: relative;
}
.map-chart .map{
    width: 100%;
    height: 100%;
}
.map-chart .map iframe{
    border: none;
}
.map-chart .map-btn{
    position: absolute;
    bottom: .2rem;
    right: .2rem;
}
.map-chart .map-btn .btm{
    display: block;
    /*width: .8rem;*/
    line-height: .36rem;
    background: #FFFFFF;
    box-shadow: 0 .01rem .04rem 0 rgba(60,60,60,0.2);
    border-radius: .02rem;
    color: #171717;
    text-align: center;
    padding: 0 .1rem;
}


/* echarts */
.box-ets{
    padding: .2rem;
    height: calc(100% - 0.87rem);
    position: relative;
}
.box-ets .ets{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .18rem;
}
.box-ets .ets-unit{
    font-size: .08rem;
    position: absolute;
    top: .2rem;
    left: .2rem;
}
.box-ets .ets-unit sup,
.box-ets .ets-unit sub{
    font-size: .08rem;
}

.echart-title{
    text-align: center;
    margin-bottom: .1rem;
}
.tooltip-list .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .05rem;
}
.tooltip-list .item:first-of-type{
    margin-top: 0;
}
.tooltip-list .item p{
    margin-right: .15rem;
    font-size: .12rem;
}
.tooltip-list .item p:last-of-type{
    margin-right: 0;
}

.legend-list{
    display: none;
    position: absolute;
    bottom: .12rem;
    left: 50%;
    transform: translate(-50%, 0);
}
.legend-list li{
    margin-right: .01rem;
}
.legend-list li:last-of-type{
    margin-right: 0;
}
.legend-list b{
    display: block;
    width: .4rem;
    height: .15rem;
    font-size: .12rem;
    line-height: .16rem;
    /*margin-bottom: .05rem;*/
    text-align: center;
    text-shadow: 0 0 .01rem #00F6FF;
}
.legend-list b.color1{background: #257EEB;}
.legend-list b.color2{background: #5BC8FA;}
.legend-list b.color3{background: #85FB8A;}
.legend-list b.color4{background: #F1F25A;}
.legend-list b.color5{background: #F9D15E;}
.legend-list b.color6{background: #FD8752;}
.legend-list b.color7{background: #FA5A5A;}
.legend-list b.color8{background: #E14373;}
.legend-list b.color9{background: #A7219D;}


/* bottom */
.box-flex3 .c-title{
    min-height: .68rem;
}
.box-flex3 .c-title h4{
    font-size: .22rem;
}
.env-title{
    width: 100%;
    height: 1.5rem;
    position: relative;
    z-index: 1;
}
.env-title .env-bg{
    width: 100%;
    height: 1.5rem;
}
.env-title .flex-center{
    align-items: center;
    height: 1.16rem;
}
.env-title b{
    display: block;
    width: .66rem;
    height: .54rem;
    margin-top: .05rem;
}
.env-title h3{
    /*font-family: "ZHFFXFT";*/
    font-weight: 400;
    font-size: .26rem;
    line-height: .54rem;
}

.fingertip-EnvBox{
    height: calc(100% - 1.5rem);
    margin-top: -0.25rem;
}
.list-fingertip{
    display: flex;
    height: calc(100% + 0.25rem);
    position: relative;
}
.list-fingertip li{
    display: flex;
    align-items: center;
}
.list-fingertip li .br-flex{
    width: calc(100% - 0.4rem);
    padding: .25rem 0 .25rem .4rem;
    display: flex;
}
.list-fingertip li .cover{
    width: 1.12rem;
    height: 1.37rem;
    position: relative;
    z-index: 1;
}
.list-fingertip li .cover:after{
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    right: -0.12rem;
    transform: skewX(-6deg);
    z-index: -1;
}
.list-fingertip li .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-fingertip li .l-content{
    margin-left: .27rem;
    width: calc(100% - 1.4rem);
}
.list-fingertip li h4{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: .2rem;
    position: relative;
    margin-bottom: .33rem;
    z-index: 1;
    width: 100%;
}
.list-fingertip li h4:before{
    content: "";
    width: 100%;
    height: .19rem;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: .11rem;
    z-index: -1;
}
.list-fingertip li .item{
    /*margin-left: .5rem;*/
    width: 40%;
}
.list-fingertip li .item:first-of-type{
    width: 60%;
    /*margin-left: 0;*/
}
.list-fingertip li .item h6{
    font-size: .14rem;
    margin-bottom: .1rem;
}
.list-fingertip li .item span{
    font-size: .14rem;
}
.list-fingertip li .item strong{
    font-size: .2rem;
    font-weight: bold;
}
.btn-activity{
    display: inline-block;
    font-size: .14rem;
    line-height: .34rem;
    /*width: 1.1rem;*/
    padding: 0 .36rem 0 .16rem;
    border-radius: .5rem;
    border: .01rem solid;
    /*border-image: linear-gradient(135deg, #6568F1, #ACACFC);*/
    position: relative;
    margin-top: .22rem;
}
.btn-activity:before{
    content: "";
    width: calc(100% - .02rem);
    height: calc(100% - .02rem);
    /*background: #371692;*/
    border-radius: .18rem;
    position: absolute;
    top: .01rem;
    left: .01rem;
}
.btn-activity:after{
    content: "";
    width: .08rem;
    height: .13rem;
    position: absolute;
    top: 50%;
    right: .16rem;
    transform: translate(0, -50%);
}

/* 案例 */
.box-swiper{
    height: calc(100% - 1.28rem);
    padding: .3rem .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box-swiper .swiper{
    width: 100%;
    height: calc(50% - .15rem);
    box-shadow: 0 .01rem .1rem 0 rgba(27,100,250,0.1);
    position: relative;
}
.box-swiper .swiper-slide{
    width: 100%!important;
}
.box-swiper .swiper-slide .cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-swiper .title{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.box-swiper .title h5{
    font-size: .12rem;
    font-weight: 400;
    color: #FFFFFF;
    padding: .15rem .2rem;
    background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.swiper-pagination-bullet{
    width: .06rem;
    height: .06rem;
    background: rgba(255,255,255,0.4);
    opacity: initial;
}
.swiper-pagination-bullet-active{
    background: #FFFFFF;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: .36rem;
}



/* 暂时没用--bottom-city start */
.city-indexBox{
    /*padding: .6rem .3rem .2rem;*/
    width: calc(100% - .6rem);
    height: 100%;
    padding: 0 .3rem;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.city-indexBox h3{
    font-weight: bold;
    font-size: .36rem;
    padding-top: .6rem;
}
.city-indexBox p{
    font-size: .2rem;
    font-weight: 300;
    margin: .2rem 0 .42rem;
}

.list-indexImg{
    position: relative;
    width: 100%;
    height: calc(100% - 1.98rem);
}
.list-indexImg ol{
    width: 100%;
    height: 100%;
}
.list-indexImg .list-seeMore{
    font-size: .14rem;
    line-height: .32rem;
    color: #FEFEFE;
    background: rgba(0,0,0,0.4);
    border-radius: .5rem;
    padding: 0 .16rem;
    position: absolute;
    right: .14rem;
    top: .14rem;
}
.list-indexImg li{
    width: 100%;
    height: 50%;
    float: left;
}
.list-indexImg li:not(:first-child){
    width: calc(33.33% - 0.034rem);
    margin-top: .05rem;
    margin-right: .05rem;
}
.list-indexImg li:last-of-type{
    margin-right: 0;
}
.list-indexImg li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-rank{
    width: 66.5%;
}
.box-rank li{
    flex: 0 0 calc(25% - 1px);
    /*width: calc((100% - 0.02rem) / 4);*/
    /*height: 2.75rem;*/
    padding: .55rem 0 .35rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.box-rank li .round-step{
    width: 1.32rem;
    height: 1.32rem;
    /*background: linear-gradient(135deg, #021754, #1962FA, #34E4FF);*/
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s ease-in-out,transform .3s ease-in-out;
}
.box-rank li .round-step:hover{
    transform: scale(1.3);
}
.box-rank li .bg-rd{
    width: .96rem;
    height: .96rem;
    border-radius: 50%;
}
.box-rank li .bg-rd .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.48rem;
    margin-top: -0.425rem;
    /*transform: translate(-50%, -50%);*/
    z-index: 5;
}
.box-rank li .canvas{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.box-rank li .text{
    font-weight: 200;
    margin: .27rem 0 .18rem;
}
.box-rank li .rank,
.box-rank li .rank em{
    font-size: .18rem;
}
.box-rank li .rank strong{
    font-size: .34rem;
    font-weight: bold;
}
/* end */


/* loading */
.loadingBox,
.map-loadingBox{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.loading{
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    -webkit-animation: rotation 1s ease-in-out infinite;
    -moz-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading:after{
    width: .05rem;
    height: .05rem;
    border-radius: 100%;
    position: absolute;
    content: "";
}

.loadingBox{
    background: linear-gradient(90deg, rgba(0, 11, 31, .95), rgba(03, 31, 82, .95), rgba(0, 11, 31, .95));
    position: fixed;
    z-index: 999;
}
.loadingBox .loading{
    border: .02rem solid #fff;
}
.loadingBox .loading:after{
    background-color: rgba(255,255,255,1);
}

@-webkit-keyframes rotation{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    0%{-moz-transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

@media screen and (min-width:2048px){
    .env-title{
        height: 1.6rem;
    }
    .env-title .flex-center{
        height: 1.24rem;
    }
    .fingertip-EnvBox{
        height: calc(100% - 1.6rem);
        margin-top: -0.27rem;
    }
    .list-fingertip{
        height: calc(100% + 0.27rem);
    }
}
@media screen and (min-width:2304px){
    .br{
        height: 3.92rem;
    }
    .box-flex3 .flex1{
        height: 8.52rem;
    }
    .box-flex3 .flex2{
        flex: 3.07;
    }

    .env-title{
        height: 1.8rem;
    }
    .env-title .flex-center{
        height: 1.4rem;
    }
    .env-title h3{
        font-size: .4rem;
    }
    .fingertip-EnvBox{
        height: calc(100% - 1.8rem);
        margin-top: -0.3rem;
    }
    .list-fingertip{
        height: calc(100% + 0.3rem);
    }

    .box-head .title{
        font-size: .38rem;
        margin-top: .65rem;
    }
    .box-mode a{
        font-size: .16rem;
    }
    .list-mode li .li-bg{
        height: .84rem;
    }
    .list-mode li .icon{
        width: .4rem;
        height: .46rem;
    }

    .list-tab li, .c-title h4, .c-title h4 a,
    .list-fingertip li .item h6, .btn-activity{
        font-size: .22rem;
    }
    .list-mode li .item strong{
        font-size: .32rem;
    }
    .list-indexImg .list-seeMore{
        line-height: .48rem;
    }

    .c-title{
        min-height: .72rem;
    }
    .list-select .choose span{
        line-height: .42rem;
    }
    .list-select .dropDown{
        top: .55rem;
    }
    .list-select .choose span,
    .list-select .dropDown li,
    .list-indexImg .list-seeMore,
    .box-swiper .title h5, .box-round .info span, sub, sup,
    .btn-see-more a{
        font-size: .18rem;
    }

    .box-ets{
        height: calc(100% - 1.12rem);
    }
    .box-round .info{
        width: 2.58rem;
        height: 2.58rem;
    }
    .box-round .info p{
        font-size: .24rem;
    }
    .box-round .info strong{
        font-size: .46rem;
    }

    .box-ets .ets-unit{
        font-size: .12rem;
        top: .15rem;
    }

    .list-tab li{
        padding: .11rem .15rem;
        font-weight: 200;
    }

    .list-indexImg{
        height: calc(100% - 2.06rem);
    }
    .city-indexBox h3{
        font-size: .54rem;
    }
    .city-indexBox p{
        font-size: .3rem;
    }
    .box-rank li{
        height: auto;
        padding: 0;
    }
    .list-mode li .item span,
    .box-rank li .text{
        font-size: .2rem;
    }
    .box-rank li .rank strong{
        font-size: .52rem;
    }
    .box-rank li .rank, .box-rank li .rank em, .box-time{
        font-size: .26rem;
    }
    .list-fingertip li h4, .list-fingertip li .item strong{
        font-size: .3rem;
    }

    .list-fingertip li .cover{
        width: 1.76rem;
        height: 2.15rem;
    }
    .list-fingertip li .cover:after{
        right: -0.16rem;
    }
    .list-fingertip li .l-content{
        margin-left: .47rem;
        width: calc(100% - 1.6rem);
    }
    .list-fingertip li h4{
        margin-bottom: .53rem;
    }
    .list-fingertip li h4:before{
        height: .3rem;
        top: .17rem;
    }
    .btn-activity{
        line-height: .55rem;
    }
    .btn-see-more{
        top: .24rem;
        /*margin-top: .42rem;*/
    }
}
@media screen and (min-width:2560px){
    .env-title{
        height: 2rem;
    }
    .env-title .flex-center{
        height: 1.58rem;
    }
    .fingertip-EnvBox{
        height: calc(100% - 2rem);
    }
}
@media screen and (min-width:3008px){
    .env-title{
        height: 2.36rem;
    }
    .env-title .flex-center{
        height: 1.85rem;
    }
    .fingertip-EnvBox{
        height: calc(100% - 2.36rem);
        margin-top: -0.38rem;
    }
    .list-fingertip{
        height: calc(100% + 0.38rem);
    }
}
@media screen and (min-width:3840px){
    .env-title{
        height: 3.03rem;
    }
    .env-title .flex-center{
        height: 2.38rem;
    }
    .fingertip-EnvBox{
        height: calc(100% - 3.03rem);
        margin-top: -0.48rem;
    }
    .list-fingertip{
        height: calc(100% + 0.48rem);
    }
}