/*滚动条样式*/
.scrollbar-box::-webkit-scrollbar {
    width:8px;
}
/* 滚动槽 */
.scrollbar-box::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
}
/* 滚动条滑块 */
.scrollbar-box::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.scrollbar-box::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.3);
}
.zwfw-cotainer{
    width: 12rem;
    margin: auto;
    position: relative;
    text-align: justify;
    /*height: 6.2rem;*/
}
.zwfw-cotainer *{
    margin: 0;
    padding: 0;
    word-break: break-all;
    box-sizing: border-box;
}
.pContent{
    height: calc(100vh - 3.11rem);
    height: 6.26rem;
    overflow: hidden;
    position: relative;
}
.page-item:first-of-type{
    z-index: 999;
}
.page-item{
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clearfix:before,.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.dis-block{
    display: block;
}
.page-item1>.fl{
    width: 4.3rem;
}
.cjfw-box{
    height: 1.41rem;
    text-align: right;
    background: url("2022_cjsfw_bg.png") center center no-repeat;
    background-size: 100% 100%;
    padding-right: .5rem;
}
.px-5{
    padding-left: .05rem;
    padding-right: .05rem;
}
.px-10{
    padding-left: .1rem;
    padding-right: .1rem;
}
.px-15{
    padding-left: .15rem;
    padding-right: .15rem;
}
.px-20{
    padding-left: .2rem;
    padding-right: .2rem;
}
.px-25{
    padding-left: .25rem;
    padding-right: .25rem;
}
.px-30{
    padding-left: .3rem;
    padding-right: .3rem;
}
.py-5{
    padding-top: .05rem;
    padding-bottom: .05rem;
}
.py-10{
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.py-20{
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.pb-5{
    padding-bottom: .05rem;
}
.pb-10{
    padding-bottom: .1rem;
}
.pb-12{
    padding-bottom: .12rem;
}
.pb-13{
    padding-bottom: .13rem;
}
.pb-15{
    padding-bottom: .15rem;
}
.pb-20{
    padding-bottom: .2rem;
}
.pb-25{
    padding-bottom: .25rem;
}
.pt-10{
    padding-top: .1rem;
}
.pt-15{
    padding-top: .15rem;
}
.pt-20{
    padding-top: .2rem;
}
.pt-25{
    padding-top: .25rem;
}
.pt-30{
    padding-top: .3rem;
}
.pl-5{
    padding-left: .05rem;
}
.pl-10{
    padding-left: .1rem;
}
.pl-25{
    padding-left: .25rem;
}
.pr-5{
    padding-right: .05rem;
}
.mt-5{
    margin-top: .05rem;
}
.mt-10{
    margin-top: .1rem;
}
.mt-15{
    margin-top: .15rem;
}
.mt-20{
    margin-top: .2rem;
}
.mt-30{
    margin-top: .3rem;
}
.mt-40{
    margin-top: .4rem;
}
.mt-50{
    margin-top: .5rem;
}
.mt--30{
    margin-top: -.3rem;
}
.mb-5{
    margin-bottom: .05rem;
}
.mb-10{
    margin-bottom: .1rem;
}
.mb-13{
    margin-bottom: .13rem;
}
.mb-15{
    margin-bottom: .15rem;
}
.cjfw_btn{
    line-height: .35rem;
    width: 1.21rem;
    text-align: center;
    display: inline-block;
    background: url("2022_cjfw_btnbg.png") center center no-repeat;
    background-size: 100% 100%;
    color: #2E7DC0;
    font-size: .16rem;
    font-weight: bold;
}
.btn_grfw,.btn_qyfw{
    width: 1.29rem;
}
.bg-white{
    background-color: #ffffff;
}
.bg-grey{
    background-color: #F2F2F2;
}
.content_heads{
    padding-top: .15rem;
}
.content_heads_title,.content_heads_item{
    display: inline-block;
    line-height: .3rem;
    border-radius: .15rem;
    min-width: .8rem;
    text-align: center;
    padding: 0 .2rem;
    font-size: .18rem;
    font-weight: bold;
}
.content_heads_item.active{
    color: #ffffff;
    background-color: #1f5d83;
}
.content_heads_title{
    color: #2c6589;
}
.ellipsis1{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ellipsis3{
    overflow : hidden;
    display: -webkit-box;    /*弹性伸缩盒子*/
    -webkit-box-orient: vertical; /*子元素垂直排列*/
    -webkit-line-clamp: 3;   /*可以显示的行数，超出部分用...表示*/
    text-overflow: ellipsis; /*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/
}
.icon-right{
    width: .06rem;
}
.content_txts_nav{
    /*height: calc(100vh - 5.31rem);*/
    height: 4.3rem;
}
.content_txts{
    overflow-y: auto;
    display: none;
    padding-bottom: .1rem;
}
.content_txts_item{
    display: block;
    padding: 0 .2rem;
    line-height: .39rem;
}
.content_txts_item .fl{
    padding: 0 .15rem;
    width: 98%;
    position: relative;
}
.content_txts_item .fl:before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #c6d7e3;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.right-ct{
    width: 7.55rem;
}
.time{
    color: #666666;
    font-size: .14rem;
}
.height-190{
    height: 1.9rem;
}
.height-200{
    height: 2rem;
}
.height-205{
    height: 2.05rem;
}
.height-220{
    height: 2.2rem;
}
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.w-30{
    width: 30%;
}
.w-35{
    width: 35%;
}
.w-40{
    width: 40%;
}
.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}
.w-65{
    width: 60%;
}
.w-85{
    width: 85%!important;
}
.w-100{
    width: 100%;
}
.width-250{
    width: 2.5rem;
}
.width-341{
    width: 3.41rem;
}
.width-420{
    width: 4.2rem;
}
.width-487{
    width: 4.87rem;
}
.width-780{
    width: 7.8rem;
}
.width-844{
    width: 8.44rem;
}
.pos-rel{
    position: relative;
}
.map{
    height: 4rem;
    background: #ffffff;
    min-height: 1rem;
}
.page-num>span{
    width: 10px;
    height: 10px;
    background-color: #b4b4b4;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}
.page-num>span.cur{
    background-color: #2c93d2;
}
.page-num{
    width: 10px;
    position: absolute;
    right: -.4rem;
    top: 50%;
    transform: translateY(-50%);
}
.part-title{
    font-size: .18rem;
    color: #2c6589;
    line-height: .22rem;
    font-weight: bold;
    padding: .12rem 0 .11rem;
}
.tsfw-item1,.tsfw-item2{
    display: block;
    width: 1.73rem;
    height: 2.52rem;
    position: relative;
    color: #ffffff;
    font-weight: bold;
}
.tsfw-item1{
    margin-right: .17rem;
}
.tsfw-item2{
    display: inline-block;
    width: 2rem;
    height: 1.2rem;
    margin-bottom: .12rem;
    margin-right: .17rem;
}
.tsfw-item-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.icon-tsfw{
    height: .51rem;
}
.icon-60{
    width: .6rem;
    height: .6rem;
}
.tsfw-item-ct{
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.bmfw-item{
    display: block;
    width: 1.21rem;
    height: 1rem;
    background-color: #ecf5f6;
    text-align: center;
    color: #666666;
    margin-bottom: .12rem;
}
.bmfw-item:not(:nth-of-type(3n)){
    margin-right: .35rem;
}
.spjd-video{
    width: 100%;
    height: 2.2rem;
}
.twjd-img{
    width: 100%;
    height: 5.6rem;
    display: block;
}
.twjd-desc{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    padding: .1rem .15rem;
    font-size: .14rem;
    background-color: rgba(31, 93, 131, 0.84);
    line-height: .24rem;
    max-height: 80%;
    overflow-y: auto;
}
.border-right{
    border-right: 1px solid rgba(31, 93, 131, 0.22);
}
.border-bottom{
    border-bottom: 1px solid rgba(31, 93, 131, 0.22);
}
.nav-title{
    line-height: .34rem;
    background-color: #1f5d83;
    border-radius: .04rem .04rem 0 0;
    position: relative;
    padding: 0 .15rem;
    color: #ffffff;
    font-size: .18rem;
    font-weight: bold;
    display: inline-block;
    margin-right: .24rem;
}
.nav-title:after{
    content: "";
    width: .12rem;
    height: .16rem;
    background: url("2022_title_right.png");
    background-size: 100% 100%;
    position: absolute;
    right: -.12rem;
    bottom: 0;
}
.page3-title{
    font-size: .18rem;
    line-height: .3rem;
    padding: .1rem .2rem;
    position: relative;
    display: block;
}
.page3-title:before{
    content: "";
    width: .08rem;
    height: .08rem;
    background-color: #1f5d83;
    border-radius: .02rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.page3-title2{
    font-size: .18rem;
    line-height: .3rem;
    padding: .1rem .2rem;
    font-weight: bold;
    color: #1f5d83;
}
.num-grey,.num{
    width: .4rem;
    line-height: .49rem;
    background-color: #f8f8f8;
    display: inline-block;
    margin-right: .07rem;
    font-size: .24rem;
    color: #b5b5b5;
    text-align: center;
}
.num{
    color: #1f5d83;
    font-weight: bold;
}
.num-unit{
    font-size: .18rem;
    vertical-align: bottom;
    margin-left: -.07rem;
}
.jzsx-item{
    display: block;
    width: 1.63rem;
    line-height: .43rem;
    background-color: rgba(224, 237, 245, 0.5);
    border-radius: .04rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    color: #1f5d83;
}
.jzsx-item:not(:nth-of-type(4n)){
    margin-right: .2rem;
}
.fs-12{
    font-size: .12rem;
}
.fs-24{
    font-size: .24rem;
}
.fw-bold{
    font-weight: bold;
}
.fw-normal{
    font-weight: normal;
}
.color-green{
    color: #3a8c99;
}
.statistics-item{
    display: block;
    text-align: center;
    width: 1.63rem;
    height: 1rem;
    background-color: rgba(224, 239, 241, 0.5);
    border-radius: .04rem;
    margin-bottom: .1rem;
}
.statistics-item:not(:nth-of-type(4n)){
    margin-right: .225rem;
}
.xkgs-table{
    width: 100%;
    table-layout: fixed;
}
.xkgs-thead{
    background-color: #ebf5fc;
    border-radius: .04rem;
    color: #666666;
    line-height: .34rem;
}
.xkgs-tr .xkgs-th{
    text-align: center;
}
.xkgs-tr .xkgs-th,.xkgs-tr .xkgs-td{
    float: left;
}
.xkgs-tr{
    border-bottom: 1px solid #e7ebee;
}
.xkgs-th{
    font-weight: normal;
    padding: 0 .15rem;
}
.xkgs-td{
    padding: .08rem .15rem;
    line-height: .3rem;
    font-size: .14rem;
    color: #666666;
    text-align: center;
}
.xkgs-td *{
    color: #666666;
}
.xkgs-tbody{
    height: 1.41rem;
    overflow-y: hidden;
    position: relative;
}
.badge-green,.badge-blue{
    min-width: .5rem;
    line-height: .26rem;
    vertical-align: middle;
    height: .26rem;
    background-color: #64b2be;
    border-radius: .04rem;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}
.badge-blue{
    background-color: #78bfeb;
}
.BMapLib_nav_tab_content td{
    white-space: nowrap;
}
.tangram-suggestion-main{
    z-index: 9999;
}
.show{
    display: block;
}
.hide{
    display: none;
}
.BMapLib_sendToPhone{
    display: none;
}
.pc-hide{
    display: none;
}
.pc-width-434{
    width: 4.34rem;
}
.map-box{
    height: 3.22rem;
}
@media screen and (max-width: 768px){
    .pc-width-434{
        width: auto;
    }
    .mt-10{
        margin-top: .1rem;
    }
    .mt-20{
        margin-top: .2rem;
    }
    .wap-hide{
        display: none;
    }
    .pc-hide{
        display: block;
    }
    body{
        background: #FFFFFF;
        font-size: .3rem;
    }
    .right-ct,.zwfw-cotainer,.page-item1>.fl{
        width: 100%;
    }
    .cjfw_btn{
        font-size: .28rem;
        line-height: .6rem;
        width: 1.9rem;
        margin-top: .05rem;
    }
    .cjfw-box{
        margin: .25rem auto .2rem;
        width: 6.9rem;
        height: 2.26rem;
    }
    .pContent{
        height: auto;
    }
    .page-item{
        position: static;
    }
    .content_heads,.show_content_txts{
        padding: 0 .3rem;
    }
    .content_heads_title{
        width: 100%;
        text-align: left;
        font-size: .32rem;
        line-height: .8rem;
        padding: 0;
    }
    .content_heads_item{
        font-size: .3rem;
        line-height: .5rem;
        border-radius: .16rem;
        min-width: 1.3rem;
        margin-bottom: .25rem;
        margin-top: .08rem;
    }
    .content_txts_item{
        line-height: .6rem;
        padding: .1rem 0;
    }
    .content_txts_nav{
        height: auto;
    }
    .icon-right{
        width: .1rem;
    }
    .wap-mt-0{
        margin-top: 0;
    }
    .wap-pl-0{
        padding: 0;
    }
    .content_txts_item .w-85{
        width: 77%!important;
    }
    .time{
        font-size: .28rem;
    }
    .content_txts{
        height: auto;
    }
    .map-box {
        height: 3.4rem;
        overflow: hidden;
        margin-top: .3rem;
    }
    .map{
        height: 6.8rem;
        width: 200%;
        transform: scale(.5);
        position: relative;
        margin-left: -50%;
        margin-top: -1.7rem;
    }
    .more {
        padding: .05rem .2rem .05rem .2rem;
        margin-top: .25rem;
        font-size: .28rem;
        color: #858585;
        border-radius: .08rem;
        background: #e5e5e5;
        display: inline-block;
    }
    .content_txts_item .fl:before{
        top: .3rem;
    }
    .part-title{
        font-size: .32rem;
        line-height: .8rem;
    }
    .width-844{
        width: 100%;
        padding: 0 4%;
    }
    .tsfw-item1, .tsfw-item2{
        width: 3.3rem;
        height: 3.5rem;
        margin-right: .3rem;
        margin-bottom: .3rem;
    }
    .tsfw-item2{
        height: 2rem;
    }
    .tsfw-item1:nth-of-type(2n),.tsfw-item2:nth-of-type(2n){
        margin-right: 0;
    }
    .width-487{
        width: 100%;
        padding: 0;
        margin-top: -.05rem;
    }
    .icon-60{
        width: .7rem;
        height: .7rem;
        margin-top: .2rem;
    }
    .bmfw-item{
        font-size: .26rem;
        margin-bottom: .2rem;
        width: 1.9rem;
        height: 1.6rem;
    }
    .bmfw-item:not(:nth-of-type(3n)){
        margin-right: 0.6rem;
    }
    .width-341{
        width: 100%;
        padding: 0;
        margin-top: 0;
    }
    .spjd-video{
        height: 3.9rem;
    }
    .wap-twjd{
        padding: .1rem 4%;
    }
    .twjd-img-box{
        height: 3.5rem;
        overflow: hidden;
    }
    .twjd-img{
        height: auto;
        min-height: 3.5rem;
    }
    .icon-tsfw{
        height: .9rem;
    }
    .wap-ellipsis3{
        overflow : hidden;
        display: -webkit-box;    /*弹性伸缩盒子*/
        -webkit-box-orient: vertical; /*子元素垂直排列*/
        -webkit-line-clamp: 3;   /*可以显示的行数，超出部分用...表示*/
        text-overflow: ellipsis; /*（多行文本的情况下，用省略号“…”隐藏溢出范围的文本)*/
    }
    .twjd-desc{
        font-size: .24rem;
        line-height: .4rem;
    }
    .nav-title{
        font-size: .3rem;
        line-height: .6rem;
    }
    .page3-title{
        font-size: .32rem;
        line-height: .7rem;
        margin-top: .1rem;
    }
    .num-grey, .num{
        font-size: .42rem;
        width: 0.7rem;
        line-height: .86rem;
        margin-right: .1rem;
    }
    .num-unit{
        font-size: .3rem;
    }
    .width-420{
        width: 100%;
        border-right: none;
        padding: 0 .3rem;
    }
    .height-190{
        height: 4rem;
    }
    .width-780{
        width: 100%;
        padding: 0 4%;
    }
    .width-780>div{
        padding: 0;
    }
    .page3-title2{
        font-size: .32rem;
        line-height: .8rem;
        margin-top: 0.05rem;
    }
    .jzsx-item{
        width: 1.5rem;
        padding: .1rem;
        font-size: .24rem;
        border-radius: 0.04rem;
        margin-bottom: .3rem;
    }
    .jzsx-item>div{
        width: 100%;
        text-align: center;
        line-height: .4rem;
    }
    .jzsx-item:not(:nth-of-type(4n)){
        margin-right: 0.3rem;
    }
    .wap-count-box{
        padding: 0.2rem 0!important;
    }
    .statistics-item{
        width: 1.5rem;
        height: 1rem;
        font-size: .24rem;
        border-radius: 0.04rem;
        margin-bottom: 0;
    }
    .statistics-item .mt-10{
        margin-top: 0.03rem;
    }
    .statistics-item .fs-24{
        font-size: .24rem;
    }
    .statistics-item:not(:nth-of-type(4n)){
        margin-right: 0.3rem;
    }
    .xkgs-tr{
        padding: 0.1rem 0;
    }
    .xkgs-tbody .xkgs-tr{
        height: 1.4rem;
    }
    .xkgs-th{
        padding: 0.05rem 0.1rem;
    }
    .xkgs-td{
        line-height: .4rem;
    }
    .xkgs-tr .xkgs-td.fr{
        float: right;
    }
    .xkgs-td{
        font-size: .28rem;
    }
    .xkgs-td .badge-green, .xkgs-td .badge-blue{
        font-size: .24rem;
        width: .7rem;
        line-height: .36rem;
        height: 0.36rem;
    }
    .fs-11{
        font-size: .22rem;
    }
    .xkgs-tbody{
        height: auto;
        max-height: 4.2rem;
    }
    .xkgs-tbody-wap-time{
        width: 1.5rem;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
    }
}