@import "logo.css";

.table-list tr td .unit{
    font-size: .10rem;
    color: #8F97A7;
}

/* 能源模块 */
.map-legendBoxs .map-level-list li{
    min-width: .4rem;
}
.map-legendBoxs .map-level-list li p{
    margin-right: -0.28rem;
}
.map-legendBoxs .map-level-list .zero{
    min-width: auto;
}
.map-legendBoxs .map-level-list .zero span{
    background: transparent;
}
.map-legendBoxs .map-level-list .zero p{
    margin-right: -0.04rem;
}

.amap-info-content{
    /*min-width: 2rem;*/
}
.common-popup{
    text-align: center;
}
.common-popup .popup-title {
    font-size: .2rem;
    line-height: .26rem;
    color: #333;
    font-weight: bold;
    padding-bottom: .15rem;
}
.common-popup span{
    display: block;
    background: #e66560;
    border-radius: .06rem;
    font-size: .2rem;
}
.common-popup span strong{
    display: block;
    font-size: inherit;
    line-height: .44rem;
    font-weight: bold;
    color: #fff;
}
.common-popup h5 {
    font-size: .14rem;
    line-height: .28rem;
    color: #333;
}

/* 火力发电企业打点 */
.pieDiv {
    width: .79rem;
    height: .82rem;
}
.icon-dot{
    width: .25rem;
    height: .25rem;
}
/* 弹窗 */
.mark-detail-table{
    text-align: center;
}
.mark-detail-table .mark-title h4 {
    font-size: 0.16rem;
    line-height: .24rem;
    color: #262e3d;
}
.mark-detail-table table tbody td,
.mark-detail-table table tbody td span{
    font-size: .14rem;
    line-height: .3rem;
    color: #596477;
}
.mark-detail-table .mark-content a {
    margin-top: 0.1rem;
}




/* ------- */
.div_carbon_ghg1 {
    display: none;
}
.modal-mask {
    left: 0;
}

.common-open-mask{
    background: #fff;
    border-radius: 6px;
    text-align: center;
    max-width: 310px;
    position: relative;
}
.common-open-mask .mask-content{
    padding: 20px 22px 15px;
    text-align: left;
    margin-right: 0;
}
.common-open-mask .name{
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
    padding-top: 0;
    font-family: initial;
}
.common-open-mask .data-flex-box{
    margin-top: 10px;
    overflow: hidden;
}
.common-open-mask p{
    font-size: 14px;
    color: #596477;
    line-height: 24px;
    margin: 0;
    font-weight: inherit;
}
.common-open-mask p strong{
    /*font-weight: normal;*/
}
.common-open-mask .btn .no-click{
    color: #d5d5d5;
    cursor: initial;
}
.common-open-mask .btn, .info-link-div{
    border-top: 1px solid #F3F3F2;
    padding: 15px 0;
    display: flex;
    justify-content: center;
}
.common-open-mask .btn a{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    text-align: center;
    margin: 0 15px;
    cursor: pointer;
}
/* ------- */


/* 交通地图 */
.envRightBox .select-parent{
    width: 1.5rem;
}
/*.page-of-traffic .map-type{*/
    /*padding-bottom: 0!important;*/
    /*bottom: .30rem;*/
/*}*/
.traffic-mask{
    width: 3.81rem;
    /*padding: .20rem;*/
}
.traffic-mask .box{
    position: relative;
    display: none;
}
.traffic-mask .box .type{
    position: absolute;
    right: .30rem;
    top: 0;
    line-height: .27rem;
    font-size: .16rem;
    color: #FFFFFF;
    border-radius: .02rem;
    padding: 0 .06rem;
}
.traffic-mask .aviation-data .type{
    background: #257DFF;
}
.traffic-mask .road-data .type{
    background: #05C88A;
}
.traffic-mask .ets{
    width: 100%;
    height: 2.68rem;
}
.select-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-btn li{
    cursor: pointer;
    padding: 0 .10rem;
    line-height: .23rem;
    color: #242F41;
    border-radius: .02rem;
    margin-right: .05rem;
}
.select-btn li:last-of-type{
    margin-right: 0;
}
.select-btn li.active{
    background: #E9EFF5;
}


/* 道路 */
.g_1_small,.g_1_mid,.g_1_big{
    background: url("/MapLowCarbon/images/g_1.png") no-repeat;
    background-size: 100%;
}
/* 航空 */
.g_2_small,.g_2_mid,.g_2_big{
    background: url("/MapLowCarbon/images/g_2.png") no-repeat;
    background-size: 100%;
}

.g_1_small, .g_2_small{
    width: .30rem;
    height: .30rem;
}
.g_1_mid, .g_2_mid{
    width: .50rem;
    height: .50rem;
}
.g_1_big, .g_2_big{
    width: .62rem;
    height: .62rem;
}