@import "plugin/sprite.css";
@import "../js/plugin/select/chosen.css";
@import "custom/headFooter.css";

/* moshi */
@import "map/modeDark.css";
@import "map/modeLight.css";
@import "map/cMenu.css"; /* 左侧地图菜单 */
@import "map/cPage.css"; /* 空气、企业侧边栏 */

sub, sup{
    font-style: normal;
    font-size: 0.1rem;
}
.cn_AIBtn{
    bottom: .16rem!important;
    right: .3rem!important;
}
.cn_AIBtn a{
    width: .4rem!important;
    height: .47rem!important;
}
.cn_AIBtn b{
    font-size: .08rem!important;
    line-height: .18rem!important;
    bottom: 0!important;
}

.container, .section, .map-container{
    width: 100%;
    height: 100%;
}
.container{
    position: relative;
    overflow: hidden;
}
.tdt-container{
    z-index: 0;
}
.hover-mask{
    display: none;
    width: 100%;
    height: .5rem;
    background: rgba(255,255,255,0);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.zIndex{
    z-index: 999!important;
}


/* 右侧 */
.side-panel{
    width: 4.2rem;
    height: calc(100% - 1.6rem);
    position: absolute;
    right: .26rem;
    top: .86rem;
    /*top: 50%;*/
    /*transform: translate(0, -50%);*/
    transition: right 0.5s linear;
    margin-left: 0!important;
    /*margin-top: .35rem;*/
}
.side-panel.active{
    right: -4.22rem;
}
.side-panel .barFunc{
    width: .3rem;
    height: calc(100% - 3.02rem);
    background: rgba(255,255,255,0);
    position: absolute;
    top: 0;
    left: -.3rem;
}
.side-panel:after{
    content: "";
    height: calc(100% - 3.02rem);
    background: rgba(255,255,255,0);
    position: absolute;
    top: 0;
}
.side-panel:after{
    width: .3rem;
    right: -0.3rem;
}
.side-panel:before{
    width: .3rem;
    left: -.3rem;
    cursor: pointer;
}

.side-panel .arrow-btn{
    width: .3rem;
    height: .6rem;
    border-radius: .08rem 0 0 .08rem;
    border: 1px solid rgba(255,255,255,0.2);
    border-right: none;
    position: absolute;
    left: -.32rem;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.side-panel .arrow-btn i{
    display: block;
    width: .05rem;
    height: .09rem;
    background: url(/common/images/map/c_arrowClose.png) no-repeat;
    background-size: 100%;
    transition: 1s;
    transform: rotate(180deg);
}
.side-panel .arrow-right i{
    transform: rotate(0deg);
}
.side-wrap{
    padding: .36rem .1rem .1rem .16rem;
    height: calc(100% - .46rem);
    overflow-y: auto;
}
.side-wrap h1{
    margin-top: -.05rem;
    margin-bottom: .13rem;
    /*text-align: center;*/
}
.side-wrap h1 .slide-lang{
    display: none;
}
.side-wrap #site_title{
    font-weight: bold;
    font-size: .25rem;
    line-height: .35rem;
}
.side-wrap h1 > a.icon-arrow-left {
    font-weight: bold;
    background: url(/common/images/map/icon_back.png) no-repeat left center;
    padding-left: 0.3rem;
    vertical-align: top;
    cursor: pointer;
}
.side-wrap h1 .side-date{
    display: block;
    font-size: 0.1rem;
    text-align: right;
    margin: .1rem 0;
}

.side-panelShort{
    height: calc(100% - 1.9rem);
}

/* 带banner */
.side-wrapBanner{
    padding: 0;
    height: 100%;
    border-radius: .16rem;
}
.box-mapTitle{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.box-mapTitle h2{
    font-size: .32rem;
    line-height: .36rem;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: .27rem;
}
.box-mapTitle .mapDes{
    position: absolute;
    right: .22rem;
    top: .22rem;
}
.box-mapTitle .map-read{
    display: block;
    line-height: .26rem;
    font-size: .12rem;
    color: #fff;
    background: #4992FE;
    border: 1px solid #4992FE;
    text-align: center;
    border-radius: .02rem;
    padding: 0 .05rem;
}

.side-wrapBanner .side-con{
    position: relative;
    z-index: 1;
    margin: -.19rem .2rem .1rem;
}
.side-wrapBanner .side-con2{
    margin: 0 .2rem .1rem;
}
.side-wrapBanner .side-search .complex .input-icon{
    background: rgba(255, 255, 255, .85)!important;
}


/* 按钮 */
.form-filed .button, .filter-btnOne .btn{
    height: .38rem;
    box-shadow: 0 .04rem .06rem 0 rgba(0,0,0,0.15);
    border-radius: .08rem;
    padding: 0 .12rem;
    color: #fff;
    background: #4992FE;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
}
.form-filed .button{
    float: right;
    margin-left: .1rem;
}
.filter-btnOne{
    display: flex;
    justify-content: center;
    margin-top: .2rem;
}
.filter-btnOne .btn{
    min-width: 1.2rem;
}


/* 搜索 */
.form-filed, .form-filed-flex{
    margin-bottom: .15rem;
}
.form-filed .input-icon, .map-form-filed .input-icon{
    position: relative;
    border: .01rem solid #4992FE;
    overflow: hidden;
}
.form-filed .input-icon{
    height: .36rem;
    box-shadow: 0 .04rem .06rem 0 rgba(0,0,0,0.15);
    border-radius: .08rem;
}
.form-filed .input-icon .icon-search, .map-form-filed .input-icon .icon-search{
    width: .16rem;
    height: .18rem;
    position: absolute;
    top: 50%;
    left: .18rem;
    transform: translate(0, -50%);
    background: url(/common/images/map/c_search.png) no-repeat;
    background-size: 100%;
}
.form-filed .input-icon .input, .map-form-filed .input-icon .input{
    margin-left: .5rem;
    width: calc(100% - .5rem);
    height: 100%;
    font-size: .14rem;
    background: transparent;
}
.form-filed .input-icon .input::placeholder,
.map-form-filed .input-icon .input::placeholder {
    color: rgba(73,146,254,0.4);
}

/* 标题 */
.form-filed h6, .form-filed .title, .form-filed-flex .title, .float-world .title{
    color: #596477;
    font-size: .14rem;
    line-height: .2rem;
    margin-bottom: .05rem;
}

/* 下拉框、输入框 */
.form-filed .inputs, .form-filed .select, .form-filed-flex .select{
    height: .4rem;
    font-size: .16rem;
    background: rgba(255, 255, 255, 0.11);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: .08rem;
    box-shadow: 0 .04rem .06rem 0 rgba(0, 0, 0, 0.15);
}
.form-filed .inputs{
    width: calc(100% - .2rem);
    padding: 0 .1rem;
}
.form-filed .select, .form-filed-flex .select{
    width: 100%;
    padding: 0 0 0 .1rem;
}

/* 多项 */
.form-filed .box-rc{
    margin-bottom: .15rem;
}
.form-filed .box-rc p{
    font-size: .14rem;
    line-height: .24rem;
    color: #313842;
}

.form-filed.NO,
.form-filed .box-rc:last-of-type,
.form-filedNo .box-rc:last-of-type{
    margin-bottom: 0;
}

/* 并排 */
.form-filed-flex{
    display: flex;
    flex-wrap: wrap;
    gap: .1rem;
}
.form-filed-flex .box-rc{
    flex: 1 1 calc(50% - .05rem);
    margin-bottom: .05rem;
}
.form-filed-flex .filter-btnOne{
    display: flex;
    align-items: flex-end;
    justify-content: end;
}


/* 多选/单选 */
.radio, .checkbox {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    color: #313842;
    cursor: pointer;
    margin: .03rem .1rem .03rem 0;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    display: none;
    width: 0;
    height: 0;
}
.radio .icon, .checkbox .icon{
    display: inline-block;
    vertical-align: middle;
}
.radio .text, .checkbox .text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.04rem;
    font-size: .14rem;
}


/* 下拉框搜索 */
.customSelect{
    margin-bottom: 0;
}
.chosen-container{
    min-width: calc(50% - .1rem);
    box-shadow: 0 .04rem .06rem 0 rgba(0,0,0,0.15);
    border-radius: .08rem;
    margin-bottom: .15rem;
}
.chosen-container-single .chosen-single{
    height: .36rem;
    line-height: .34rem;
    background: rgba(255,255,255,0.11);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: .08rem;
}
.chosen-container-single .chosen-single span{
    font-size: .14rem;
    line-height: .34rem;
}

.float-world .chosen-container{
    float: left;
    min-width: calc(50% - 0.03rem);
    margin-left: 0;
}
.float-world #country_chosen, .float-world #city_chosen{
    float: right;
}

.float-world2,
.float-world2 .customSelect,
.float-world3 .customSelect{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.float-world2 .select{
    width: calc(50% - 0.05rem);
}
.float-world2 .chosen-container{
    min-width: calc(50% - 0.05rem);
    margin-left: 0;
}
.float-world3 .chosen-container{
    min-width: calc(33% - 0.07rem);
    /*margin-left: 0;*/
}


/* 开关 */
.box-switch{
    margin-bottom: .2rem;
}
.box_lcs_wrap {
    display: flex;
    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;
}


/* 筛选展开/收起 */
.condition-wrap .condition-btn{
    cursor: pointer;
    margin-top: .1rem;
    margin-left: .15rem;
}
.condition-wrap .condition-btn i {
    display: inline-block;
    vertical-align: middle;
    width: 0.08rem;
    height: 0.05rem;
    background: url(/common/images/common/arrow-grey.png) no-repeat center top;
    background-size: 100%;
    margin: auto auto 0 0.05rem;
    transition: .5s;
}
.condition-wrap .condition-con{
    display: none;
    margin-left: .15rem;
}
.condition-wrap.current .condition-con {
    display: block;
}
.condition-wrap.current .condition-btn i {
    background-position: center bottom;
}
.condition-wrap .condition-con .form-filed,
.condition-wrap .condition-con .form-filed-flex{
    margin-bottom: 0;
    margin-top: .15rem;
}

/* table */
.table-con{
    margin-top: .1rem;
}
.table-list{
    border: none;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-list tr th, .table-list tr td{
    font-size: .14rem;
    line-height: .2rem;
    padding: .09rem .02rem;
}
.table-list tr th{
    font-weight: bold;
}
.table-list .headNo tr th{
    padding: 0;
    border-top: none;
    border-bottom: none;
}
.table-list tr td *{
    font-size: .14rem;
    line-height: .24rem;
}
.table-list .view-info{
    max-width: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table-list .view-info,
.table-list tr a:hover{
    color: #4992FE;
}
.text-danger{
    color: #b72832 !important;
}

/* 分页 */
.pager-wrap{
    position: relative;
    padding: .14rem 0;
}
.pager-wrap .select,
.pager-wrap .select-small{
    width: 0.8rem;
    height: 0.4rem;
    line-height: .4rem;
    border: .01rem solid #A4A9AF;
    border-radius: 0.02rem;
    text-align: center;
}
.pagination-wrap .pagination-tip {
    line-height: .24rem;
    color: #8F97A7;
    margin-bottom: .05rem;
}
.pagination-wrap .pagination .sizes{
    float: left;
}
.pagination-wrap .pagination .sizes .pagination-tip{
    margin-top: -0.29rem;
}
.pagination-wrap .pagination .pagers {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}
.pagination-wrap .pagination .pagers .pager,
.pagination-wrap .pagination .pagers .pager-split {
    display: inline-block;
    vertical-align: middle;
    width: .5rem!important;
    line-height: .38rem;
    margin: 0 .1rem;
    border: .01rem solid #e4e5e8;
    text-align: center;
    box-sizing: border-box;
    color: #8d96a6;
    border-radius: .02rem;
    cursor: pointer;
}
.pagination-wrap .pagination .pagers .pager.active,
.pagination-wrap .pagination .pagers .pager:hover {
    color: #4992FE;
    border-color: #4992FE;
}

.pagination-wrap .pagination .pagers .pager-info {
    display: inline-block;
    padding: 0 .4rem;
    color: #8d96a6;
    line-height: .18rem;
}
.pagination-wrap .pagination .pagers .icon {
    display: inline-block;
    width: .1rem;
    height: .18rem;
    margin: 0 .08rem;
    cursor: pointer;
}
.icon-arrow-left-mute{
    background: url(/common/images/icons/icon-page-left.png) no-repeat;
    background-size: 100%;
}
.icon-arrow-right-active {
    background: url(/common/images/icons/icon-page-right.png) no-repeat;
    background-size: 100%;
}
.pagination-wrap .pagination .pagers .icon.disabled {
    cursor: default;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
}

.side-source{
    margin-top: .2rem;
    padding-top: .1rem;
    border-top: .02rem solid rgba(51,51,51,0.11);
}
.side-source h6{
    font-size: .12rem;
    line-height: .18rem;
    color: rgba(51,51,51,0.4);
    padding-left: .16rem;
    position: relative;
}
.side-source h6:before{
    content: "";
    width: .12rem;
    height: .12rem;
    background: url(/common/images/map/c_sourceTips.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: .03rem;
}
.side-source p, .side-source p *, .side-source a{
    margin-left: .16rem;
    font-size: 0.12rem;
    line-height: .2rem;
    /*color: rgba(51,51,51,0.4);*/
}
.side-source p{
    margin-top: .07rem;
}
.side-source a, .side-source .email{
    color: #4992FE;
}

.side-source.right{
    text-align: right;
}
.side-source.noMt, .side-source.noMtP{
    margin-top: 0;
}
.side-source.noMtP{
    border-top: 0;
}
.side-source.noMt p, .side-source.noMtP p{
    margin-left: 0;
    margin-top: 0;
}

/* ———————————————————————— 地图开始 ————————————————————— */
.amap-overlays{
    z-index: 0;
}

/* 打点 */
.amap-layers > div{
    -webkit-filter: drop-shadow(0 .15rem .15rem rgba(62, 54, 78, 0.5));
    -moz-filter: drop-shadow(0 .15rem .15rem rgba(62, 54, 78, 0.5));
    filter: drop-shadow(0 .15rem .15rem rgba(62, 54, 78, 0.5));
}
.pieDiv {
    width: .5rem;
    height: .5rem;
    text-align: center;
    color: white;
    font-size: .12rem;
}
.pieDiv em {
    width: .12rem;
    height: .12rem;
    line-height: .12rem;
    font-size: .12rem;
    font-weight: 800;
    font-style: normal;
    color: white;
    background-color: Red;
    border-radius: .09rem;
    text-align: center;
    position: absolute;
    top: .06rem;
    right: .06rem;
    z-index: 1;
}

/* 地图-圆角背景 */
.map-roundBg{
    width: .66rem;
    height: .66rem;
    background: #20a1dd;
    border-radius: .5rem;
    box-shadow: rgba(1,61,88,.25) 0 .01rem .05rem .01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.map-roundBg span{
    display: block;
    font-size: .14rem;
    font-weight: bold;
    color: #fff;
}
.map-roundBg .c-name{
    margin-bottom: .05rem;
}
.map-roundBg .c-num{
    font-weight: bold;
}

/* 地图-公共弹窗 */
.amap-info-content, .ol-popup{
    padding: .22rem;
    box-shadow: 0 0 .1rem #cbcbcd;
    border-radius: .06rem;
    background: #fff;
}
.amap-info-content{
    opacity: 1;
    overflow: initial;
    line-height: .6rem;
    min-width: 2.56rem;
    position: relative;
}
.amap-info-close, .ol-popup .ol-popup-closer{
    position: absolute;
    right: .08rem!important;
    top: .08rem;
    width: 0.14rem;
    height: 0.14rem;
    font-size: 0;
    background: url(/common/images/map/close.png) no-repeat center center;
    font-style: normal;
    cursor: pointer;
}
.ol-popup{
    width: max-content;
    position: absolute;
    left: 50%;
    bottom: .16rem;
    transform: translate(-50%, 0);
}
.ol-popup:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    bottom: -.1rem;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: .1rem solid #fff;
}

.tdt-infowindow-content-wrapper{
    border-radius: .06rem;
    box-shadow: 0 0 .1rem #cbcbcd!important;
}
.tdt-infowindow-content{
    padding: .22rem .22rem .15rem!important;
    margin: 0!important;
}

/* leaflet地图用 */
.commonOther.special{
    position: relative;
    z-index: 1;
}
#map .cesium-viewer-bottom {
    display: none;
}
.leaflet-popup-content-wrapper{
    overflow: hidden;
}
.leaflet-popup-content{
    margin: 0;
}
.leaflet-control, .leaflet-popup-tip, .leaflet-popup-close-button span{
    display: none;
}

.info-link {
    display: block;
    font-size: 0.14rem;
    text-align: center;
    color: #247cd2;
    padding-top: 0.15rem;
    margin: 0 -.22rem -.07rem;
    border-top: 1px solid #f5f6fa;
    cursor: pointer;
}

/* 功能键 */
.commonOther{}
.tab-province-city, .map-level-common,
.map-tool, .section-ext, .mapZoom{
    position: absolute;
}

/* 地图tab */
.tab-province-city {
    top: .8rem;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-province-city a{
    display: block;
    min-width: .64rem;
    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);
    cursor: pointer;
}

.tab-YearMonthBox {
    top: 1.26rem;
}
.tab-YearMonthBox a{
    min-width: .32rem;
    font-size: .12rem;
    line-height: .14rem;
    padding: .05rem;
}

.tab-province-city .active,
.tab-province-city .active{
    background: #3e6eff;
    color: #fff;
}
.tab-province-city a:last-of-type,
.tab-province-city a:last-of-type{
    border-right: none;
}


/* 图例 */
.map-level-common{
    left: .3rem;
    /*bottom: .94rem;*/
    bottom: .16rem;
    transition: 0.2s;
    padding: .1rem .15rem .07rem .15rem;
}
.map-level-common h3{
    font-size: .14rem;
    line-height: .16rem;
    margin-bottom: .06rem;
}
.map-level-common .map-level-list li{
    float: left;
    text-align: center;
    min-width: .5rem;
}
.map-level-common .map-level-list li span{
    display: block;
    width: 100%;
    min-height: .18rem;
    line-height: .18rem;
    font-size: .1rem;
    color: #fff;
    text-align: center;
    margin-bottom: .07rem;
}
.map-level-common .map-level-list li p{
    font-size: .1rem;
    line-height: .12rem;
}
.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{
    margin-top: .07rem;
    font-size: .1rem;
    color: #78797a;
    text-align: center;
}
.map-level-common .tips.tR{
    text-align: right;
}

/* flex-并列 */
.map-level-common.flexAlign .map-level-list li{
    display: flex;
    align-items: center;
    margin: .02rem .12rem .02rem 0;
}
.map-level-common.flexAlign .map-level-list li:last-of-type{
    margin-right: 0;
}
.map-level-common.flexAlign .map-level-list li span{
    width: .12rem;
    min-height: .12rem;
    margin-right: .04rem;
    margin-bottom: 0;
}

/* 居底部 */
.map-level-common.btm{
    /*bottom: .44rem;*/
    /*bottom: .16rem;*/
}
.map-level-common.w30 .map-level-list li{
    min-width: .26rem;
}
.map-level-common.w40 .map-level-list li{
    min-width: .4rem;
}
.map-level-common.w50{
    width: 3rem;
}
.map-level-common.w50 .map-level-list li{
    min-width: .6rem;
}

/* 居左-文字 */
.map-level-common.left .map-level-list li p{
    text-align: left;
    margin-left: -.05rem;
}

/* 地图功能键 */
.map-tool{
    display: flex;
    align-items: center;
    right: .8rem;
    bottom: .16rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0,0,0,0.15);
    border-radius: .08rem;
}
.map-tool a{
    width: .38rem;
    height: .38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem;
}
.map-tool a.current{
    color: #3e6eff;
}
.map-tool b{
    display: block;
    width: .16rem;
    height: .16rem;
    cursor: pointer;
}
.map-tool .satellite.current b{
    background: url("/common/images/map/c_toolSatelliteActive.png") no-repeat;
    background-size: 100%;
}
.map-tool .mode b{
    background: url("/common/images/map/c_modeDark.png") no-repeat;
    background-size: 100%;
}
.map-tool .mode.active b{
    background: url("/common/images/map/c_modeLight.png") no-repeat;
    background-size: 100%;
}
/* 天地图缩放 */
.tdt-right, .leaflet-left, .mapZoom{
    top: initial !important;
    right: .3rem!important;
    bottom: 1.56rem;
}
.tdt-touch .tdt-bar, .leaflet-top .leaflet-control, .mapZoom{
    margin: 0!important;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, 0.15)!important;
    border-radius: .08rem!important;
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(.2rem);
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.tdt-touch .tdt-bar a, .leaflet-touch .leaflet-bar a, .mapZoom button{
    width: .38rem!important;
    height: .38rem!important;
    line-height: .38rem!important;
    font-size: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tdt-touch .tdt-bar a:last-of-type{
    border-bottom: none!important;
}
/* leaflet缩放 */
.leaflet-left{
    left: initial;
    z-index: 400;
}
.leaflet-touch .leaflet-bar a, .mapZoom button{
    border: none;
    border-top: .01rem solid #e5e5e5;
}
.leaflet-touch .leaflet-bar a span, .mapZoom button{
    color: #92969D;
    font-size: .3rem;
    font-weight: normal;
}
.leaflet-touch .leaflet-bar a:first-of-type,
.mapZoom button:first-of-type{
    border-top: none;
}


/* 搜索 - 隐藏了 */
.map-form-filed{
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 .04rem .06rem 0 rgba(0,0,0,0.15);
    border-radius: .32rem;
    position: absolute;
    bottom: 1.26rem;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
}
.map-form-filed .complex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: .16rem;
}
.map-form-filed .input-icon{
    min-width: 2.8rem;
    height: .48rem;
    border: none;
}
.map-form-filed .complex .button{
    line-height: .28rem;
    color: #fff;
    background: #4992FE;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: .14rem;
    padding: 0 .12rem;
    cursor: pointer;
}


/* 进度条 */
.section-ext{
    /*width: calc(100% - .6rem);*/
    /*left: .3rem;*/
    /*bottom: -.86rem;*/
    width: 50%;
    bottom: .16rem;
    left: 50%;
    transform: translate(-50%, 0);
    transition: bottom 0.5s linear;
}
.section-ext.timeExtOpen{
    bottom: .14rem;
}
.iconTime-btn{
    width: 1rem;
    height: .3rem;
    border-radius: .08rem .08rem 0 0;
    position: absolute;
    top: -.3rem;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}
.iconTime-btn .iconBtn{
    width: .5rem;
    height: .13rem;
    background: url(/common/images/map/icon_arrow_btmBar.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    background-size: 100%;
    margin-top: 0.05rem;
    animation: aniBottom 1.5s linear infinite;
}
.iconTime-btn .iconBtn.open{
    transform: translate(-50%, -50%) rotate(0deg);
}
@keyframes aniBottom{
    0% { margin-top: 0.05rem; }
    50% { margin-top: 0; }
    100% { margin-top: 0.05rem; }
}
.refresh-btn{
    display: none;
}
.timeLineBox {}

.tl-wrapper {
    min-height: .76rem;
    display: flex;
    align-items: center;
    /* 播放按钮距离右侧进度条 0.2rem 的距离 */
    gap: 0.2rem;

    padding: 0 .06rem 0 0.24rem;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 0.16rem;
    box-shadow: 0 0.04rem 0.6rem 0 rgba(0,0,0,0.15);
    position: relative;
}
.tl-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: .2rem 0;*/
    /*padding: .13rem 0;*/
}

.tl-play-btn {
    width: 0.44rem;
    height: 0.44rem;
    flex-shrink: 0;
    background-color: rgba(73,146,254,.36);
    color: #1A73E8;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    cursor: pointer;
    user-select: none;
    border: none;
    outline: none;
}
.tl-play-btn svg {
    width: 0.16rem;
    height: 0.16rem;
}
.tl-play-btn svg *{
    color: #fff;
}
.tl-play-btn:hover {
    background-color: #d2e3fc;
}


.tl-scroll-container {
    flex: 1;
    overflow-x: auto;
    position: relative;
    user-select: none;

    /* Firefox: 默认颜色透明 */
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
    /*padding-left: .28rem;*/
    padding-bottom: .05rem;
    margin-bottom: -.1rem;
}

/* 当添加 show-scrollbar 样式时恢复 Firefox 滚动条可见度 */
.tl-scroll-container.show-scrollbar {
    scrollbar-color: rgba(156, 163, 175, 0.6) transparent; /* 灰色滑块 */
}
/* Webkit (Chrome, Edge, Safari): 隐藏/显示处理 */
.tl-scroll-container::-webkit-scrollbar {
    height: 0.02rem; /* 设置较细的滚动条 */
    background-color: transparent;
}
.tl-scroll-container::-webkit-scrollbar-track {
    background-color: transparent;
}
.tl-scroll-container::-webkit-scrollbar-thumb {
    background-color: transparent; /* 默认隐藏 */
    border-radius: .5rem;
    transition: background-color 0.3s;
}
/* 添加 show-scrollbar 使得滑块有颜色 */
.tl-scroll-container.show-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.6);
}

/* -- 内部容器预留底部空间给滚动条 -- */
.tl-inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100%;
    min-height: .42rem;
    transition: width 0.3s ease;
    box-sizing: border-box;
    padding: 0 .18rem;
}
.tl-labels-container {
    position: relative;
    width: 100%;
    height: 0.28rem;
    pointer-events: none;
    list-style: none; /* 去除 li 默认样式 */
    margin: 0;
    padding: 0;
}
.tl-date-wrapper {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
}

.tl-date{
    cursor: pointer;
    font-size: 0.11rem;
    line-height: .22rem;
    transition: all 0.2s;
    white-space: nowrap;
    user-select: none;
    font-weight: 400;
    pointer-events: auto; /* 让刻度上的文字可以点击 */
    padding: 0 0.04rem;
    border-radius: .04rem;
    background-color: transparent;
    display: inline-block;
    border: .01rem solid transparent;
}
.tl-date.active {
    color: #4992FE;
    font-weight: 700;
}

.tl-track-container {
    width: 100%;
    height: 0.18rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.tl-track-bg {
    width: 100%;
    height: 0.05rem;
    background: rgba(1,1,1,0.12);
    border-radius: .02rem;
    overflow: hidden;
    pointer-events: none;
    position: relative;
}
.tl-active-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #4992FE;
    will-change: width;
    border-radius: .5rem;
}
.tl-tick {
    position: absolute;
    width: 0.05rem;
    height: 0.05rem;
    background-color: #ffffff;
    border-radius: .5rem;
    pointer-events: none;
    opacity: 0.8;
    top: 50%;
    transform: translate(-50%, -50%);
}
.tl-thumb {
    width: 0.19rem;
    height: 0.19rem;
    border-radius: .5rem;
    /*border: 0.04rem solid #ffffff;*/
    box-shadow: 0 .04rem .04rem 0 rgba(0,0,0,0.25);
    transition: transform 0.2s;
    pointer-events: none;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.tl-track-container:hover .tl-thumb {
    transform: translate(-50%, -50%) scale(1.1);
}


/* loading */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.6);
    z-index: 999999;
}
.loading p {
    width: 2.5rem;
    min-height: .22rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 .01rem .05rem rgba(0, 0, 0, 0.3);
    border-radius: .07rem;
    padding: .20rem .15rem;
    font-size: .14rem;
    color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translateX(-50%) translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading p:before{
    display: block;
    content: '';
    width: .15rem;
    height: .15rem;
    background: url(/common/images/common/loading.gif) no-repeat;
    background-size: 100%;
    margin-right: 10px;
}