form{
    width: 100%;
    height: 100%;
}
form.input-icon {
    width: auto;
}

.flex,.flex-center,.flex-between,.flex-around{
    display: flex;
    align-items: center;
}
.flex-center{
    justify-content: center;
}
.flex-between{
    justify-content: space-between;
}
.flex-around{
    justify-content: space-around;
}
img{
    object-fit: cover;
}

.page-of-air .nav-wrap-map{
    width: 10rem;
    height: .54rem;
    background: linear-gradient(to right, rgba(255,255,255,1) 90%, rgba(255,255,255,0));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: -.08rem .04rem .1rem 0 rgba(61, 110, 255, 0.2);
}
.nav-wrap-map .map-logo{
    width: .85rem;
    height: .38rem;
    background: url(../images/common/logo-ipe-map.png) no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 .4rem 0 .25rem;
}
.nav-wrap-map ul.tabs{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 80%;
}
.nav-wrap-map ul li{
    font-size: .18rem;
    color: #333;
    text-align: center;
    line-height: .54rem;
}
.nav-wrap-map ul .selected a{
    font-size: .22rem;
    color: #3d6eff;
}
/* 左边侧边栏 */
.page-of-air .side-panel{
    height: calc(100% - .54rem)!important;
    position: absolute!important;
    bottom: 0;
    margin-left: -4.08rem;
}
.page-of-air .side-panel .arrow-btn{
    top: .06rem;
}

/* 返回上一级 */
.box-back{
    display: flex;
    justify-content: end;
    margin-top: .1rem;
    margin-bottom: .2rem;
    cursor: pointer;
}
.box-back span{
    color: #005596;
    font-size: .14rem;
    line-height: .16rem;
}

/* 开关 */
.box_lcs_wrap {
    display: none;
    align-items: center;
}
.box_lcs_wrap p{
    font-size: .14rem;
    color: #3D3D3D;
    margin-left: .04rem;

}
.box_lcs_wrap.active p{
    color: rgba(48, 116, 234, 1);
}

.box_lcs_wrap input {
    display: none;
}
.lcs_switch {
    display: inline-block;
    position: relative;
    width: .4rem;
    height: .16rem;
    border-radius: .5rem;
    background: #ddd;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.lcs_cursor {
    width: .18rem;
    height: .12rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 .01rem .02rem 0 rgba(0, 0, 0, 0.2), 0 .03rem .04rem 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
/* on */
.lcs_switch.lcs_on {
    background: rgba(48, 116, 234, 1);
}
.lcs_switch.lcs_on .lcs_cursor {
    left: .2rem;
}
/* off */
.lcs_switch.lcs_off {
    background: rgba(228,231,227,1);
}
.lcs_switch.lcs_off .lcs_cursor{
    left: .02rem;
}


/* 左侧表格 */
.page-of-air .side-panel .side-wrap .table-size .table-column table thead th{
    line-height: .18rem;
    padding: 0;
}
.page-of-air .side-panel .side-wrap .table-size .table-list tr td {
    line-height: .18rem;
    padding: .03rem 0;
}

.page-of-air .side-panel .side-wrap .pager-wrap{
    width: 100%;
    margin-top: .05rem;
}



/* 右上-下拉框 */
.map-sidebar-right{
    position: absolute;
    top: .7rem;
    right: .16rem;
    z-index: 99;
}
.map-sidebar-right .select-parent{
    margin-bottom: .1rem;
    width: 1.24rem;
    text-align: center;
    box-shadow: 0 .01rem .08rem 0 rgba(0, 0, 0, 0.14);
}
.select-parent .select-title{
    font-size: .14rem;
    line-height: .2rem;
    padding: .08rem 0;
    color: #333;
    background: #fff;
    border-radius: .02rem;
    position: relative;
    z-index: 2;
    display: block;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.select-title span{
    display: block;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}
.select-title span:after{
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-bottom: solid .05rem #333;
    border-left: solid .04rem transparent;
    border-right: solid .04rem transparent;
    vertical-align: .03rem;
    margin-left: .07rem;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.select-normal span:after{
    display: none;
}
.select-parent:hover .select-title{
    background-color: #3e6eff;
    color: #fff;
}
.select-parent:hover .select-title span:after{
    border-bottom: solid .07rem #fff;
    -webkit-transform: rotate(180deg);/*旋转180度*/
    transform: rotate(180deg);
}
.select-parent:hover .drop{
    position: static;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/* 右侧下拉选项 */
.select-parent .drop{
    left: 0;
    right: 0;
    top: -99.99rem;
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, 0.2);
    border-radius: .05rem;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateY(-.5rem);/*y轴方向平移*/
    transform: translateY(-.5rem);
    opacity: 0;
    -webkit-transition: all .2s ease-in;/*平移时间0.2s*/
    transition: all .2s ease-in;
    text-align: center;
    max-height: 3.5rem;
    overflow-y: auto;
    background: #fff;
}
.select-parent .drop2{
    max-height: initial;
    overflow-y: initial;
}
.drop li{
    position: relative;
}
.drop li:first-child:before {
    content: " ";
    font-size: 0;
    line-height: 0;
    margin: 0 auto;/*居中*/
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, 0.2); /*配合整体一样的投影*/
    background-color: #fff;
    width: .1rem;
    height: .1rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); /*一个正方形倾斜四十五度就是三角了但是要把下半部分藏起来*/
    position: relative;
    top: -.05rem; /*果断的露出上半部分*/
    z-index: 1; /*果断的隐藏下半部分*/
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    display: none;
}
.drop li a, .subdiv .li a{
    color: #333;
    padding: .09rem 0;
    font-size: .12rem;
    display: block;
    background-color: #fff; /*要有背景色才能盖住呀*/
    position: relative;
    z-index: 2; /*这里很重要 要挡住三角形的下半部分*/
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-bottom: .01rem dashed #DBDEE2;
}
.drop li:last-of-type a{
    border-bottom: none;
}

/* 二级菜单 */
.subdiv{
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
}
.subdiv .li:hover a{
    background: #e3e9ff;
}

.drop li:hover .subdiv{
    opacity: 1;
}
.select-parent .select-active{
    background-color: #3e6eff!important;
    color: #fff!important;
}
.select-active span:after{
    border-bottom: solid .07rem #fff;
}


/* map */
.mapBoxBody .map-container{
    width: calc(100% - 4.08rem);
    right: 0;
    left: inherit;
}
.mapBoxBody .cesium-viewer-bottom{
    display: none;
}

/* map-btn */
.map-typeBox{
    position: absolute;
    bottom: .2rem;
    right: -0.7rem;
    z-index: 1;
}
.map-typeBox a{
    display: flex;
    align-items: center;
    line-height: .3rem;
    font-size: .12rem;
    color: #8d96a6;
    background-color: #fff;
    border-radius: .03rem;
    padding: 0 .07rem;
    box-shadow: 0 .02rem .04rem rgba(0, 0, 0, 0.2), 0 -0.01rem 0 rgba(0, 0, 0, 0.02);
}
.map-typeBox .icon{
    display: block;
    width: .16rem;
    height: .16rem;
    margin-right: .05rem;
}

.map-typeBox a.current{
    color: #005596;
}
.map-satellite .icon{
    background: url(../images/pages/map/satellite-normal.png) no-repeat;
    background-size: 100%;
}
.map-satellite.current .icon{
    background: url(../images/pages/map/satellite-hover.png) no-repeat;
    background-size: 100%;
}


/* 地图中间选项卡 */
.tab-province-city{
    position: absolute;
    top: .7rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-province-city a{
    min-width: .64rem;
    display: block;
    font-size: .14rem;
    line-height: .2rem;
    padding: .08rem .05rem;
    color: #333;
    background: #fff;
    border-radius: .02rem;
    text-align: center;
    border-right: .01rem dashed #DBDEE2;
    box-shadow: 0 .01rem .08rem 0 rgba(0, 0, 0, 0.14);
}
.tab-province-city a:last-of-type{
    border-right: none;
}
.tab-province-city .active{
    background: #3e6eff;
    color: #fff;
}

/* 图例 */
.page-of-air .map-level-common{
    right: .14rem;
    bottom: .2rem;
    position: absolute;
    z-index: 1;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-radius: .05rem;
    background: #fafcff;
    padding: .04rem .14rem .07rem;
}
.page-of-air .map-level-left{
    bottom: .6rem;
}
.map-level-common h3{
    font-size: .14rem;
    color: #484848;
    line-height: .34rem;
}
.map-level-common .map-level-list li{
    float: left;
    text-align: center;
    min-width: .5rem;
}
.map-level-common .map-level-list li span{
    width: 100%;
    height: .18rem;
    display: block;
    font-size: .12rem;
    color: #fff;
    text-align: center;
}
.map-level-common .map-level-list li p{
    font-size: .12rem;
    color: #78797a;
    line-height: .22rem;
}

.map-level-common .map-level-list li.zero{
    min-width: auto;
}
.map-level-common .map-level-list li.zero span{
    background: transparent;
}
.map-level-common .map-level-list li.zero p{
    margin-right: -.04rem;
}

.map-level-common .tips{
    font-size: .1rem;
    color: #78797a;
    text-align: center;
}

.page-of-air .watercitytuli .map-level-list li:first-of-type, .page-of-air .watercitytuli .map-level-list li:first-of-type span,
.page-of-air .watercitytuli .map-level-list li:last-of-type, .page-of-air .watercitytuli .map-level-list li:last-of-type span{
    border-radius: 0;
}

/* 缩放 */
.page-of-air .map-type{
    position: absolute!important;
    bottom: 1.32rem;
    right: .11rem;
    margin: 0!important;
    float: none!important;
    width: auto!important;
}
.page-of-air .map-type .map-type-bg{
    margin-bottom: .1rem;
    margin-right: 0!important;
}
.page-of-air .map-type .map-zoom{
    margin-top: 0;
}

.page-of-air .map-level{
    padding-left: 0;
    z-index: 999;
}
.page-of-air .map-level .map-level-list li span{
    line-height: .18rem;
}
.page-of-air .mapun .map-level-list li span{
    line-height: .44rem;
}

.page-of-air .side-panel .side-wrap > h1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-of-air .side-panel .side-wrap > h1 .side-date{
    line-height: .15rem;
}
.slide-lang{
    font-size: .12rem;
    display: block;
    width: .56rem;
    height: .26rem;
    line-height: .26rem;
    background-color: #005596;
    color: #fff;
    text-align: center;
    padding: .02rem;
    border-radius: .02rem;
}
.slide-lang:hover{
    color: #fff;
}
.data-lang .slide-lang{
    margin-left: .62rem;
}


/* 时间轴 */
.tl-wrap .tl-con .tl-main .tl-events{
    border-top: 1px solid #ccc;
    background: #fff;
    -webkit-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1);
}
.tl-wrap .tl-con .tl-main .tl-events > ul{
    border-top: none;
    box-shadow: none;
}
.tl-wrap .tl-con .tl-main .tl-process-wrap .tl-process{
    background: #fff;
}


/* 地图弹窗 */
.page-of-air .amap-info-content{
    padding: 0;
    opacity: 1;
    box-shadow: 0 0 .1rem #cbcbcd;
    border-radius: .06rem;
    overflow: initial;
    line-height: .6rem;
    min-width: 1.4rem;
    text-align: center;
}
.amap-info-contentContainer:hover .amap-info-outer{
    box-shadow: 0 0 .1rem #cbcbcd;
}
.page-of-air .mark-detail{
    width: 100%;
}
.info-link{
    color: #247cd2;
}

/* 天地图 */
/* 天地 */
.tdt-infowindow-content{
    margin: 0!important;
}
.tdt-label{
    box-shadow: none!important;
    padding: 0!important;
    border: none!important;
    background: transparent!important;
}

/* 低碳-城市 */
.common-popup{
    background: #fff;
    border-radius: 6px;
    text-align: center;
    min-width: 200px;
    position: relative;
}
.common-popup .popup-content{
    padding: 2px 12px 8px;
}
.common-popup .popup-title{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    padding: 15px 0;
    line-height: 26px;
}
.common-popup span{
    display: block;
    line-height: 43px;
    font-size: 22px;
    color: #fff;
    background: #e66560;
    border-radius: 6px;
}
.common-popup h5{
    font-size: 14px;
    line-height: 28px;
    color: #333;
}
.common-popup .bg{
    width: 100%;
    display: block;
}
.common-popup .popup-like{
    width: 100%;
    position: absolute;
    top: 18px;
    /*left: 50%;
    margin-left: -115px;*/
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
}
.common-popup .popup-like p{
    line-height: 100%;
}
.common-popup .popup-like p:nth-child(1){
    font-weight: bold;
    font-size: 21px;
    margin-top: 16px;
    margin-bottom: 7px;
}
.common-popup .popup-like b{
    width: 38px;
    height: 58px;
    background: url(../images/pages/map-alert/icon-qy-like.png) no-repeat;
    display: block;
    margin-right: 13px;
}
.common-popup .see-detail-btn{
    border-top: 1px solid #f5f6fa;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 34px;
    display: block;
}

/* 低碳－侧边栏 */
.condition-wrap .condition-con{
    border-top: none;
    border-bottom: none;
    background: #fff;
    padding: .1rem 0;
}
.condition-wrap .condition-con h6{
    line-height: .26rem;
}
.condition-wrap .condition-con .select{
    margin-bottom: .24rem;
    min-width: 1.66rem!important;
}

/* 低碳-城市 */
.lowCarbon-city-popup h4{
    padding: 10px 0;
}
.lowCarbon-city-popup span strong,
.enterprise-popup span strong{
    font-weight: bold;
}
/* 低碳-企业 */
.lowCarbon-enterprise-popup{
    min-width: 268px;
}
.lowCarbon-enterprise-popup span{
    border-radius: 50px;
    font-weight: bold;
}
.lowCarbon-enterprise-popup  span strong{
    margin-right: 3px;
}

/* 供应链 */
.supply-chain-popup{
    min-width: 308px;
}
.supply-chain-popup .popup-content{
    padding: 0 22px;
}
.supply-chain-popup .topLogo{
    width: 64px;
    height: 64px;
    border-radius: 50px;
    border: 1px solid #f7f7f7;
    box-shadow: 0 0 5px #888888;
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 100;
}
.supply-chain-popup .popup-like{
    top: 38px;
}
.supply-chain-popup .popup-like b{
    background: url(../images/pages/map-alert/icon-gyl-like.png) no-repeat;
}
.supply-chain-popup h5{
    line-height: 14px;
}
.supply-chain-popup .lists{
    margin-top: 26px;
    text-align: left;
}
.supply-chain-popup .lists li{
    color: #b3b3b3;
    font-size: 12px;
    line-height: 22px;
}
.supply-chain-popup .see-detail-btn{
    border-top: none;
    color: #0eb27f;
    padding-bottom: 10px;
}

/* 空气 */
.air-popup{
    min-width: 320px;
}
.air-popup .popup-content{
    padding: 20px 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}
.air-popup .air-data {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #dedede;
}
.air-popup .popup-title{
    padding: 3px 0 8px;
    width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.air-popup p{
    font-size: 12px;
    line-height: 12px;
    color: #b4b4b4;
}
.air-popup h5{
    line-height: 100%;
    margin-top: 8px;
}
.air-popup span{
    width: 82px!important;
    line-height: 28px!important;
    font-size: 14px!important;
    color: #fff!important;
    border-radius: 4px!important;
    text-align: center!important;
    height: auto!important;
    position: relative!important;
}
.air-popup em{
    font-style: normal;
}
.air-popup .aqi{
    color: #f9891b;
    text-align: center;
    margin-top: 13px;
}
.air-popup .levels1{
    color: #74c01f;
}
.air-popup .levels2{
    color: #d4cf18;
}
.air-popup .levels3{
    color: #fa8718;
}
.air-popup .levels4{
    color: #d12b2b;
}
.air-popup .levels5{
    color: #9d2124;
}
.air-popup .levels6{
    color: #691888;
}
.air-popup .levels7{
    color: rgb(20,22,24);
}
.air-popup .aqi strong{
    font-weight: bold;
}

/* 企业 */
.enterprise-popup{
    /*min-width: 308px;*/
    border-radius: 6px;
}
.enterprise-popup .popup-like{
    top: 24px;
}
.enterprise-popup .popup-like b{
    width: 51px;
    height: 52px;
    background: url(../images/pages/map-alert/icon-start.png) no-repeat;
}
.enterprise-popup .popup-like p{
    width: 156px;
    margin-top: 0!important;
    line-height: 28px;
    text-align: left;
}
.enterprise-popup .popup-content{
    padding: 13px 18px 0;
}
.enterprise-popup .popup-title{
    padding: 14px 0;
    line-height: 25px;
    text-align: left;
}
.enterprise-popup .enterprise-record{
    text-align: left;
    padding: 0 0 15px;
}
.enterprise-popup .enterprise-record p{
    line-height: 30px;
    font-size: 18px;
    color: #323232;
}

/* 水质 */
.water-popup{
    min-width: 300px;
}
.water-popup .popup-content,
.water-popup .popup-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.water-popup .popup-content{
    padding-top: 10px;
}
.water-popup .popup-title{
    margin-right: 10px;
}
.water-popup .popup-title b{
    display: block;
    width: 110px;
}
.water-popup .popup-title .type{
    line-height: 28px;
    width: 52px;
    text-align: center;
    margin-left: 10px;
}
.water-popup .popup-title .level1{
    background-color: #11d1e2;
}
.water-popup .popup-title .level2{
    background-color:  #2ecc77;
}
.water-popup .popup-title .level3{
    background-color: #f0892e;
}
.water-popup .popup-title .level4{
    background-color: #dd4444;
}
.water-popup .popup-title .level5{
    background-color:  #7d6025;
}
.water-popup .popup-title .level6{
    background-color:  #3e364e;
}
.water-popup .popup-title .level7{
    background-color:  #3e364e;
}
.water-popup .popup-title .level8{
    background-color:  #708395;
}
.water-popup .popup-title .level9{
    background-color:  #3e364e;
}
.water-popup .water-infor{
    text-align: left;
    font-size: 12px;
    color: #7f7f7f;
}
.water-popup .water-infor p{
    line-height: 18px;
}
.water-popup .icon-db{
    width: 94px;
}

.page-of-air .amap-info-sharp{
    display: none;
}
.page-of-air .mark-detail .mark-title{
    margin-right: 20px;
    height: auto!important;
}

/* 全球低碳天地图弹窗 */
.tdt-right{
    top: initial!important;
    bottom: 150px;
}
.tdt-right .tdt-control{
    margin-right: 16px!important;
}

.tdt-infowindow-content-wrapper{
    border-radius: 6px;
}
.tdt-infowindow-tip-container{
    margin: -1px auto!important;
}
.mark-detail-country h4{
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 22px;
}
.mark-detail-country .country-content{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.mark-detail-country .country-content .target-year{
    position: relative;
    /*width: 78px;*/
    height: 36px;
    border: 1px solid #DBDEE2;
    border-radius: 4px;
    text-align: center;
    margin-right: 10px;
}
.mark-detail-country .country-content .target-year b{
    width: 23px;
    height: 22px;
    background: url(/MapLowCarbon/images/icon_global.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -10px;
    top: 6px;
}
.mark-detail-country .country-content .target-year span{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    line-height: 36px;
    margin-left: 8px;
    display: block;
    width: max-content;
    padding: 0 10px;
}
.mark-detail-country .country-content .target-text p,
.mark-detail-city .city-content p{
    font-size: 12px;
    color: #000000;
    line-height: 18px;
    margin: 0;
}

.mark-detail-city .city-title{
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: 1px solid #DBDEE2;
}
.mark-detail-city .city-title h4{
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
    margin-right: 10px;
}
.mark-detail-city .city-title span{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #000000;
}
.mark-detail-city .city-content{
    margin-top: 10px;
    text-align: center;
}
.mark-detail-city .city-content .btn{
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 10px 13px 8px;
    background: #FA9C38;
    border-radius: 4px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}
.mark-detail-city .city-content .btn strong{
    font-size: 18px;
    margin-right: 5px;
}

/* 带icon的地图tab按钮 */
.map-tab-btn{
    position: absolute;
    right: .16rem;
    width: max-content;
    z-index: 2;
}
.map-tab-btn li{
    display: flex;
    align-items: center;
    float: left;
    padding: .11rem .18rem;
    background: #FFFFFF;
    box-shadow: 0 .01rem .08rem 0 rgba(0, 0, 0, 0.14);
    border-radius: .17rem;
    font-size: .14rem;
    line-height: .16rem;
    color: #999999;
    margin-right: .2rem;
    cursor: pointer;
}
.map-tab-btn li:last-of-type{
    margin-right: 0;
}
.map-tab-btn li b{
    display: block;
    margin-right: .06rem;
}
.map-tab-btn li.active{
    color: #000000;
}

/* 小红旗 */
.carbon-tab{
    bottom: 2.22rem;
}
.carbon-tab b{
    width: .16rem;
    height: .19rem;
    background: url(/MapLowCarbon/images/icon_global_no.png) no-repeat;
    background-size: 100%;
}
.carbon-tab li.active b{
    background: url(/MapLowCarbon/images/icon_global_yes.png) no-repeat;
    background-size: 100%;
}
.carbon-icon li{
    padding: .11rem .18rem;
}

/* 红绿灯 */
.lights-tab{
    bottom: 1.22rem;
}
.lights-tab li{
    padding: .04rem .18rem;
}
.lights-tab b{
    width: .11rem;
    height: .29rem;
    background: url(/MapLowCarbon/images/icon_lights_no.png) no-repeat;
    background-size: 100%;
}
.lights-tab li.active b{
    background: url(/MapLowCarbon/images/icon_lights_yes.png) no-repeat;
    background-size: 100%;
}