.float-end{
    float: right;
}

.banner-box {
    width: 100%;
    position: relative;
    margin: 0.1rem 0 0 0;
}
.banner-box img {
    width: 100%;
    height: 100%;
}

.content-box{
    padding: 0 1rem;
}

.search-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .3rem 0 .26rem;
}

.filter-criteria-box li{
    float: left;
    margin-right: 60px;
    display: flex;
    align-items: center;
}
.filter-criteria-box li:last-of-type{
    margin-right: 0;
}
.filter-criteria-box li h6{
    font-size: 0.16rem;
    color: #262E3D;
    margin-right: .1rem;
}
.filter-criteria-box li .select{
    width: 2.88rem;
    height: .4rem;
    border-radius: 0.03rem;
    border: none;
    padding: 0 .1rem;
    background: #F0F2F6 url(../images/SEPI/icon-open.png) no-repeat right 0.1rem center;
    margin-right: .2rem;
    font-size: 0.14rem;
    color: #444;
    appearance: none;
}
.filter-criteria-box li .select option{
    font-size: 0.14rem;
}

.search-box .filter-box{
    display: flex;
}
.search-box .btn {
    display: flex;
    align-items: center;
    line-height: 0.4rem;
    background: #0A1E52;
    border-radius: 0.02rem;
    font-size: 0.16rem;
    color: #FCFCFD;
    padding: 0 0.16rem;
    margin-left: .2rem;
}
.search-box .icon-map{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(/Climate/images/detail/icon-map.png) no-repeat;
    background-size: 100%;
    margin-right: .09rem;
}

.table-box{
    padding-bottom: .6rem;
    margin-top: 0;
}
.table-box tr th, .table-box tr td{
    border: .01rem solid #E0E0E0;
    border-right: none;
    color: #333333;
    padding: .12rem .1rem;
    font-size: .14rem;
}

.table-box tr:last-of-type th,
.table-box tr td{
    border-top: 0;
}

.table-box tr th:last-of-type,
.table-box tr td:last-of-type{
    border-right: .01rem solid #E0E0E0;
}
.table-box tr:first-of-type th{
    font-weight: bold;
}

.table-box tr td p {
    width: 0.63rem;
    line-height: .24rem;
    background: #D5571B;
    border-radius: 0.04rem;
    font-size: .12rem;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.table-box .bold, .table-box tbody tr td:nth-of-type(-n+3){
    font-weight: bold;
}

.level0_20{background: #D5571B!important;}
.level20_40{background: #E78F40!important;}
.level40_60{background: #F6D06D!important;}
.level60_80{background: #388CEE!important;}
.level80_100{background: #29AE51!important;}


.pager-wrap{
    margin: .5rem 0 0;
}
.pagination-wrap .pagination .pagers .pager.active, .pagination-wrap .pagination .pagers .pager:hover {
    color: #005596;
    border-color: #005596;
}
.pagination-wrap .pagination .page-jump .button{
    background: #005596;
}


.common-mask-container .common-mask-content {
    width: 6rem;
    padding: .38rem .3rem;
}
.common-mask-container .icon-close {
    width: .15rem;
    height: .15rem;
    top: .15rem;
    right: .15rem;
    background-size: 100%;
}
.common-mask-container .ets-box {
    width: 100%;
    height: 2.8rem;
    position: relative;
}
.common-mask-container .ets-box .ets {
    width: 100%;
    height: 100%;
}

.table-box-mask{
    margin-top: .2rem;
}
.table-box-mask h2{
    font-size: .2rem;
}
.table-list-mask tr th, .table-list-mask tr td{
    border-bottom: .01rem solid #0A1E52;
    border-left: .01rem solid #0A1E52;
    color: #333333;
    padding: .1rem;
    font-size: .14rem;
    line-height: .2rem;
}
.table-list-mask tr th{
    color: #FFFFFF;
    background: #0A1E52;
}