@import url("https://at.alicdn.com/t/font_774413_gjcm3w800du.css");


@charset "utf-8";
*{box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box;
    padding:0;
    margin:0;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size:62.5%;
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
    margin:0;
    height:100%;
}
html::-webkit-scrollbar{
    width:0px
}
body {
    width:100%;
    overflow-x:hidden;
    font-family:Arial,"Microsoft Yahei";
    color: #333;
    max-width: 750px;
    margin:0 auto;
    min-height:100%;
    background: #eeeeee;
    height:100%;
}
input{
    outline:none;
    -webkit-appearance: none;
}
a{
    color:#999999;
    text-decoration:none;
}
ul,li{
    list-style:none;
}
p{
    color:#666666;
}
img{
    max-width:100%;
}
header{
    border-bottom:1px solid #f0f0f0;
    top:0;
    left:0;
    width:100%;
    z-index: 2;
}
.page{
    height:100%;
}
.content{
    /*height:100%;*/
}
.searchbar-cancel{
    float:right;
    font-size:1.6rem;
    text-align: center;
    height:2.5rem;
    line-height:2.5rem;
    opacity:0;
    margin-right:-6rem;
    color:#116cbb;
}
.nav-content{
    position:relative;
}
.bar{
    position:relative;
    padding:0 1rem;
    background-color:#fff;
    height:52px;
    box-sizing: border-box;
    overflow:hidden;
}
.searchbar{
    padding: 0.8rem 0;
    background-color:#fff;
}
.searchbar.searchbar-active .search-input{
    margin-right:4rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.searchbar.searchbar-active .searchbar-cancel{
    opacity:1;
    margin-right:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.search-input{
    position:relative;
    /*margin-right:4rem;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.search-input .iconfont{
    position: absolute;
    font-size: 1.8rem;
    color: #b4b4b4;
    top: 50%;
    left: 0.6rem;
    -webkit-transform: translate3D(0, -50%, 0);
    transform: translate3D(0, -50%, 0);
    z-index: 1;
    padding: 1rem .2rem;
    line-height: 1.2rem;
}
.search-input input{
    border:1px solid #ccc;
    border-radius:2rem;
    box-sizing: border-box;
    height:2.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #3d4145;
    font-weight: normal;
    padding: 0 1rem;
    background-color: #fff;
    font-size:1.4rem;
    display: block;
    padding-left:2.5rem;
    width:100%;
}
.search-input input::-webkit-input-placeholder {
    color: #cccccc;
    opacity: 1;
}
.navbar{
    height:4rem;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding:0.7rem 1.2rem;
    background-color:#fff;
    align-content: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index:2;
    margin-bottom:1rem;
    overflow: auto;
    top:0;
}
.navbar>a{
    font-size:1.6rem;
    padding:0.3rem 0;
    display:block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right:3rem;
}
.navbar>a.active{
    border-bottom:2px solid #116cbb;
    color:#116cbb;
}
.card{
    margin:0;
    background-color:#fff;
}
.card-content{
    padding:0rem 1rem;
}
.card-content-inner{
    display:flex;
    justify-content: space-between;
}

.card-content>a{
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom:1px solid #f0f0f0;
}
.item-title{
    font-size:1.6rem;
    color:#333333;
}
.item-subtitle{
    font-size:1.3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#666666;
    margin:0.3rem 0;
}

.item-media{
    padding:1rem 0;
    margin-right:10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.item-media>img{
    max-width:100px;
}
.item-subtitle>span{
    color:#999999;
    margin-right:1.5rem;
    font-size:1.1rem;
}

.item-inner{
    margin-left:0;
    display: block;
    position: relative;
    width: 100%;
    overflow:hidden;
    padding-top: 0.9rem;
    padding-bottom: 1rem;
}

/*搜索未找到*/
.search-error-body{
    background-color:#fff;
    position:relative;
}
.search-error{
    position:absolute;
    left:10%;
    top:20%;
    width:80%;
    padding:0 1rem;
}
.search-error>p{
    text-align:center;
    font-size:1.3rem;
    color:#999999;
}
.search-error>img{
    width:80%;
    margin:0 auto;
    display:block;
}
.search-hint{
    margin-top:4rem;
}
.search-hint>h5,.search-hint>p{
    color:#999999;
    font-size:1.3rem;
    line-height:1.8;
}
.search-hint>h5{
    position:relative;
}
.search-hint>h5:before{
    display:block;
    content:'';
    width:0.6rem;
    height:0.6rem;
    background-color:#116cbb;
    position:absolute;
    left:-1.3rem;
    top:50%;
    margin-top:-0.3rem;
}
/*导航服务*/
.bar>.title{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    text-align:center;
    font-size:17px;
    color:#333333;
    font-weight:500;
    line-height:50px;
}
.bar>button{
    position:relative;
    z-index:1;
    cursor:pointer;
}
.bar>button>img{
    vertical-align:middle;
}
.bar>.btn-left{
    border:none;
    background-color: transparent;
    line-height:50px;
    color:#999;
    width:10px;
    vertical-align:middle;
}
.bar>.btn-right{
    display:block;
    border:none;
    background-color: transparent;
    line-height:50px;
    color:#999;
    float:right;

}
.bar>.btn-right>img{
    width:1.8rem;
    vertical-align:middle;
}
.service-item>h5{
    font-size:1.7rem;
    padding: 0.7rem 1rem;
    position:relative;
    color:#333333;
}
.service-item>h5:before{
    display:block;
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:0.3rem;
    height:1.2rem;
    margin-top:-0.6rem;
    background-color:#1586cb;
}
.service-card{
    background-color:#fff;
    padding-top:1.5rem;
}
.service-list{
    display:flex;
    flex-wrap: wrap;
    /*justify-content:space-around;*/
}
.service-list>li{
    width:25%;
    text-align:center;
    margin-bottom: 1rem;
}
.service-list>li>a{
    text-align:center;
}
.service-list>li>a>p{
    font-size:1.4rem;
    color:#666666;
    padding:0.3rem 0;
}
.service-list>li>a>img{
    width:4rem;
}
.service-list>li.active>a>p{
    color:#116cbb;
}

/*政府公报页面*/
.poster-body{
    background:url('../img/zwgb.png') no-repeat;
    background-size: cover;
}
.poster-body>.page{
    background:none;
}
.poster-body>.page>.bar{
    background:none;
    border:none;
    box-shadow: none;
}
.bar:after{
    display:none;
}
.poster-body>.page>.bar>.title{
    color:#fff;
}
.poster-body>.page>.bar>.iconfont{
    color:#fff;
    font-size:2.6rem;
    position:relative;
    z-index: 2;
    top:1rem;
}

.poster-body>.page>.content{
   padding:40px 0;
}
@media only screen and (max-width: 350px) {
    .poster-body>.page{
        background:url('../img/zwgb.png') no-repeat;
        height: auto;
        background-size: cover;
    }
}

.swiper-container {
    width: 100%;
    padding:4rem 0;
}
.swiper-slide {
    width: 22rem;
    padding:3.5rem 0;
    text-align:center;
    background:#fff;
    border-radius:4px;
}
.swiper-slide>img{
    max-width:8.5rem;
    margin-top:3rem;
}
.swiper-slide>p{
    font-size:1.7rem;
    color:#116cbb;
    margin-top:1rem;
}
.swiper-slide>a{
    font-size:1.4rem;
    padding:0.3rem 1rem;
    color:#fff;
    background:#116cbb;
    border-radius:2px;
    margin-top:6rem;
    display:inline-block;
}
.choose-time{
    text-align:center;
    position:relative;
}
.choose-time>select{
    font-size:2rem;
    color:#fff;
    background:url("../img/arrow.png") no-repeat;
    background-size:1rem 0.6rem;
    background-position:95% center;
    padding-right:1rem;
    border:none;
    box-sizing:border-box;
    text-align: center;
    text-align-last: center;
    position:relative;
    z-index:2;
}
.choose-time>select>option{
    text-align:center;
}
.choose-time:before{
    position:absolute;
    width:30%;
    top:50%;
    left:5%;
    content:"";
    display:block;
    height:1px;
    border-bottom:1px dashed #fff;
}
.choose-time:after{
    position:absolute;
    width:30%;
    top:50%;
    right:5%;
    content:"";
    display:block;
    height:1px;
    border-bottom:1px dashed #fff;
}








/*列表稿件页面*/
.cards-list.style2>.card{
    margin-bottom:0.4rem;
}

.poster-title{
    background-color:#fff;
    padding:0.5rem 0;
    text-align:center;
}
.poster-title>h5{
    font-size:1.5rem;
    color:#333;
    font-weight:700;

    display:inline-block;
    padding:5px 10px;
    border-bottom:1px solid #ddd;
}
/*列表稿件详情页面*/
.Article-page{
    background:#fff;
}
.Article{
    padding: 0rem 1.5rem;
}
.Article-title{
    border-bottom: 1px solid #f0f0f0;
    padding:0.3rem 0;
    margin-bottom:0.3rem;
}
.Article-content>p{
    font-size:1.4rem;
    color:#666666;
    margin-bottom:1.5rem;
    line-height:1.8;
}

/*专题专栏页面*/
.special-list>a{
    display:block;
    margin-bottom:1rem;
}
.special-list>a>img{
    display:block;
}

/*文件搜索*/
.search-box{
    padding:1.5rem 1rem;
    background-color:#fff;
    margin-bottom:1.5rem;
}
.form-group{
    margin-bottom:1rem;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    position:relative;
}
.form-group>.clear{
    text-align:center;
    width:20px;
    position:absolute;
    right:8%;
    top:50%;
    font-size:1.6rem;
    margin-top:-9px;
    cursor:pointer;
    z-index:8;
    opacity:0;
}
.form-group:before{
    content: "";
    display:table;
}
.form-group:after{
    content: "";
    clear: both;
    display:table;
}
.form-group>label{
    display:inline-block;
    text-align: justify;
    font-size:1.5rem;
    color:#333;
    padding:0 0.5rem;
    word-break: keep-all;

}
.search-box .form-group>label{
    width:24%;
}
.form-group>.form-control{
    border:1px solid #cccccc;
    padding:0.3rem;
    height:3.5rem;
    border-radius:5px;
    background-color:transparent;
    color:#333!important;
    font-size:1.5rem;
    min-width:70%;
}

.form-group>select.form-control{
    background:url("../img/arrow1.png") no-repeat;
    background-position:95% center;
    padding-right:2rem;
    background-size:1rem 0.5rem;
    line-height:42px;
}
.form-group>select.form-control>option{

}
.form-group>.form-control-date{
    background:url("../img/arrow2.png") no-repeat;
    background-position:95% center;
    padding-right:2.5rem;
    background-size:1.25rem 1.25rem;
}
.form-group>.form-control::-webkit-input-placeholder{
    color:#ccc;
    font-size:1.5rem;
}
.form-btn{
    text-align:center;
}
.form-btn>input{
    border:1px solid #116cbb;
    color:#666666;
    font-size:14px;
    text-align:center;
    width:40%;
    padding:0.6rem 0;
    border-radius:20px;
    margin:0 2%;
    background-color:transparent;
}
.form-btn>.check-button{
    background:#116cbb;
    color:#fff;
    -webkit-appearance: none;
}
/*.search-infro-list{*/
    /*margin-top:1.5rem;*/
/*}*/
.search-infro-list>li{
    padding:1rem;
    background-color:#fff;
    margin-bottom:0.4rem;
}
.search-infro-list>li>a>h4{
    color:#333333;
    font-size:1.6rem;
    margin-bottom:0.5rem;
    font-weight:normal;
}
.search-infro-list>li>a>p{
    color:#999999;
    font-size:1rem;
}
.search-infro-list>li>a>p>span{
    width:5rem;
    margin-right:3rem;
    display:inline-block;
}

/*详情*/
.details{
    padding:1rem;
    padding-bottom:4rem;
}
.details>h4{
    color:#333333;
    font-size:1.7rem;
    margin-bottom:0.5rem;
}
.details>p>span{
    margin-right:10px;
    color:#999999;
    font-size:1.1rem;
}
.more{
    width:7rem;
    color:#fff;
    font-size:1.1rem;
    position:relative;
    text-align:center;
    background-color:#fec241;
    padding:0.3rem 0;
    border-radius: 5px;
    font-weight:normal;
    border:none;
}
.more>i{
    display:inline-block;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.more.active>i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.more-box{
    height:0;
    overflow:hidden;
    position:relative;

    border-radius:4px;

    transition: all .5s;
    -webkit-transition: all .5s;
}
.more-box.active{
    height:auto;
    margin-top:2rem;
    padding:1rem 2rem;
    overflow: unset;
    border:1px solid #ccc;
}
.more-box:before{
    content:'';
    display:block;
    position:absolute;
    border:10px solid transparent;
    border-bottom:10px solid #ccc;
    top:-21px;
    left:2rem;
}
.more-box:after{
    content:'';
    display:block;
    position:absolute;
    border:10px solid transparent;
    border-bottom:10px solid #fff;
    top:-20px;
    left:2rem;
}
.more-box>p{
    color:#999999;
    font-size:1.1rem;
}
.more-box>p>span{
    width:70px;
    display:inline-block;
    text-align-last:justify;
    text-align:justify;
}
.details-infro{
    margin-top:2rem;
    border-top:1px dashed #cccccc;
    padding:1rem 0;
}
.details-infro>h4{
    color:#333333;
    font-size: 1.5rem;
    margin:0.5rem 0;
}
.details2 .details-infro>p{
    text-indent:0;
}
.details-infro>p{
    text-indent:2em;
    color:#333333;
    font-size: 1.5rem;
    margin:0.5rem 0;
    line-height:1.5;
}
.details-infro>p>img{
    border-radius:4px;
}
.details-infro>span{
    color:#666666;
    font-size:1.1rem;
    display:block;
}
.contact-load{
    margin-top:3rem;
}
.contact-load>h4{
    font-size:1.7rem;
    color:#333;
    position:relative;
}
.contact-load>h4:before{
    content: '';
    width:0.5rem;
    height:1rem;
    display:block;
    background-color:#1791d2;
    position:absolute;
    left:-1rem;
    top:0;
    margin-top:0.5rem;
}
.contact-load>ul{
    padding:1rem 0;
}
.contact-load>ul>li>a{
    font-size:1.5rem;
    color:#666;
}
.intelligent-Menus{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content:space-around;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#f0f0f0;
    padding:0.5rem 0;
}
.intelligent-page{
    position:relative;
    height:auto;
}
.intelligent-Menus>a{
    display:block;
    font-size:2rem;
    cursor:pointer;
}
.intelligent-Menus>a>i{
    font-size:3rem;
    color:#116cbb;
}
.intelligent-Menus>a:nth-child(1)>i{
    font-weight:700;
}
.change-style{
    position:fixed;
    display:none;
    width:100%;
    height:0;
    background: rgba(0, 0, 0, 0.5);
    left:0;
    top:0;
    z-index:9;

    -webkit-overflow-scrolling: touch;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.change-style.active{
    display:block;
    height:100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-duration: 400ms;
}

.change-box{
    position:relative;
    width:100%;
    height:100%;
}
.change-content{
    position:absolute;
    bottom:0;
    left:0;
    background-color:#fff;
    z-index:10;
    width:100%;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-box-shadow:0px 0px 2px #DFE61E;
    box-shadow:0px 0px 2px #DFE61E;
}
.change-item{
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content:space-between;
    padding:10px;
}
.change-item>span{
    font-size:18px;
    color:#666666;
    display:flex;
    align-items: center;
    line-height:30px;
}
.font-change{
    padding:5px 15px;
}
.font-change>a{
    border:1px solid #116cbb;
    border-radius:50%;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:#116cbb;
    display:block;
    font-size:22px;
}
.font-change>.font{
    margin:0 15px;
}
.color-change{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content:space-between;
    align-items:center;
    padding:0 10px;
}
.color-change>a{
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    border-radius:50%;
    font-size:16px;
    display:inline-block;
    margin:0 5px;
}
.color-change>.no-style>i{
    font-size:25px;
}
.color-change>a[bccolorstyle="blue"]{
    background-color:blue;
    color:yellow;
}
.color-change>a[bccolorstyle="yellow"]{
    background-color:yellow;
    color:blue;
}
.color-change>a[bccolorstyle="black"]{
    background-color:black;
    color:yellow;
}
.color-change>a[bccolorstyle="white"]{
    background-color:white;
    color:black;
    border-radius:50%;
    border:1px solid #ddd;
}
.share-box{
    padding:24px;
}
.share-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content:space-between;
    text-align:center;
}
.share-list>li>a{
    display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    height:100%;
    text-align:center;
    align-items: center;
}
.share-list>li>a>img{
    height:23px;
    vertical-align:middle;
}
.share-list>li>a>p{
    color:#666666;
    font-size:14px;
    margin-top:5px;
}
.flag-btn>a{
    background-color:#d6d4d4;
    color:#fff;
    padding:4px 10px;
    border-radius:2px;
    float:right;
}
.flag-btn>a.active{
    background-color:#116cbb;
}
/*.color1{*/
/*background-color:blue!important;*/
/*color:yellow!important;*/
/*}*/
/*.color2{*/
/*background-color:yellow!important;*/
/*color:blue!important;*/
/*}*/
/*.color3{*/
/*background-color:black!important;*/
/*color:yellow!important;*/
/*}*/
/*.color4{*/
/*background-color:white!important;*/
/*color:black!important;*/
/*}*/

/*搜索结果未找到*/
.not-found{
    padding: 1.5rem 1rem;
    text-align:center;
    background-color:#fff;
}
.not-found>img{
    max-width:80%;
}
.not-found>.search-hint{
    width:80%;
    margin:0 auto;
    text-align:left;
}

/*在线咨询*/
.online-consulting{
    padding: 1.5rem 1rem;
    background-color:#fff;
}
.online-consulting .form-group{
    border:1px solid #a5a5a5;
    border-radius:4px;
    display: flex;
    align-items: center;
    flex-wrap:nowrap;

}
.online-consulting .form-group>label{
    color:#666666;
    word-break: keep-all;
}
.online-consulting .form-group>.form-control{
    border:none;
    background:url("../img/icon/icon-right.png") no-repeat;
    background-position: 95% center;
    background-size: 0.6rem 1rem;
    color:#333;
    width:100%;
    min-width:1px;
}
.online-consulting .form-group>.form-control.not-bg{
    background:none;
}
.online-consulting .form-textarea-group{
    align-items: normal;
}
.form-textarea-group>label{
    vertical-align:top;
    padding-top:3px;
}
.online-consulting .form-group>textarea.form-control{
    height:15rem;
    background:none;
    line-height:normal;
}
.online-consulting .form-btn{
    margin-top:3rem;
}
.online-consulting .form-btn>.check-button{
    width:100%;
    margin:0;
}

.file-box{
    /*width:35%;*/
    height:100px;
    position:relative;
    width:35%;
    float:left;
}
.file-box>i{
    position:absolute;
    left:0;
    top:0;
    display:block;
    text-align:center;
    width:100%;
    height:100%;
    padding-top:1rem;
    box-sizing:border-box;
}
.file-box>i>b{
    font-weight:normal;
}
.file-box>i:before{
    font-size:5rem;
}
.file-box>.form-file-control{
    display:block;
    height:100%;
    width:100%;
    opacity:0;
}
.file-tp{
    width:65%;
    float:left;
    /*border:1px solid red;*/
    padding:6px;
    text-align:left;
}
.file-tp>p{
    font-size: 1.5rem;
    line-height:1.8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    width:95%;
    position:relative;
    padding-right:2em;
}
.file-tp>p>span{
    font-size:1.8rem;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    cursor:pointer;
}
/*定义弹窗提示*/
.error-box{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;

}
.error-box>.error-content{
    position:relative;
    width:100%;
    height:100%;
}
.error-box>.error-content>.error{
    background:rgba(31,31,34,0.7);
    filter: alpha(opacity=70);
    text-align:center;
    color:#fff;
    font-size:18px;
    position:absolute;
    width:60%;
    top:35%;
    left:20%;
    border-radius:10px;
    padding:10px;
}








/*在线访谈*/
.online-list>li{
    margin-bottom:1rem;
}
.online-list>li:last-child{
    margin-bottom:0;
}
.online-list>li>.online-re{
    position:relative;
}
.online-list>li>.online-re>img{
    width:100%;
}
.online-list-local{
    display:flex;
    justify-content: space-between;
    align-items:center;
    z-index: 2;
    position:absolute;
    bottom:1rem;
    left:0;
    width:100%;
    padding:0 1.5rem;
}
.online-list-local>a{
    display:flex;
    align-items: center;
    background-color:rgba(255,255,255,0.7);
    filter:alpha(opacity=50);
    border-radius:6px;
    padding:0.3rem;
}
.online-list-local>a>p{
    padding:0 0.5rem;
}
.online-list-local>a.style2{
    background-color:#fff;
    color:#325ec4;
    border-radius:20px;
    padding:0.5rem 0.8rem;
}


.online-list-local>a>img{
    max-width:3.6rem;
}
.online-list-local>a>p{
    font-size:1.4rem;
    color:#333;
}
.online-list .card-content>a{
    border-bottom:0;
}

/*民意征询*/
.cards-list.style2 .item-subtitle>span:first-child{
    background-color:#cccccc;
    border-radius:4px;
    padding:0.2rem;
    color:#fff;
}
.cards-list.style2 .item-subtitle>span.active{
    color:#fff;
    background-color:#54ce69;
    border-radius:4px;
    padding:0.2rem;
}


/*普陀生活*/
.life-slide .swiper-container{
    padding:0;
}
.life-slide .swiper-slide{
    padding:2rem 0;
}
.life-slide ul{
    display:flex;
    justify-content: space-around;
}
.swiper-pagination-bullet{
    border-radius:3px;
    width:8px;
    height:4px;
    background:#cccccc;
}
.swiper-pagination-bullet-active{
    width:12px;
}


.life-slide ul>li{
    text-align:center;
}
.life-slide ul>li>a>img{
    max-width:2.5rem;
}
.life-slide ul>li>a>p{
    font-size:1.3rem;
    color:#666666;
}
.project{
    padding:1.5rem;
    background-color:#fff;
}
.content>.service-item:last-child{
    margin-bottom: 1rem;
}
.consult,.recruit,.comment{
    text-align:center;
    padding:2rem 0;
}
.consult{
    background:url("../img/consult.png") no-repeat;
    background-size:cover;
}
.recruit{
    background:url("../img/recruit.png") no-repeat;
    background-size:cover;
}
.comment{
    background:url("../img/comment.png") no-repeat;
    background-size:cover;
}
.consult>h3,.recruit>h3,.comment>h3{
    font-size: 1.6rem;
    color:#fff;
    margin-bottom:0.8rem;
}
.consult>a,.recruit>a,.comment>a{
    background-color:#54ce69;
    border-radius: 20px;
    padding: 0.5rem 0.8rem;
    color:#fff;
}


/*访谈预览或者访谈回顾页面*/
.project-header{
    background-color:#116cbb;
    border:none;
}
.project-header>.btn-left>i{
    color:#fff;
    font-size:2.4rem;
}
.project-title{
    background:url("../img/project-title_03.png") no-repeat;
    background-size: cover;
    text-align:center;
    padding-top:1rem;
    padding-bottom:5rem;
}
.project-title>h3{
    font-size:2.4rem;
    color:#fff;
    margin:0.6rem 0;
}

.project-title>h4{
    display:inline-flex;
}
.project-title>h4>span{
    padding:0.1rem 0.5rem;
}
.project-title>h4>span:first-child{
    border-radius:15px;
    border:1px solid #fff;
    border-right:none;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    color:#fff;
    font-size:1.2rem;
    display:inline;
}
.project-title>h4>span.time{
    border-radius:15px;
    border:1px solid #fff;
    background-color:#fff;
    color:#666;
    border-left:none;
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    line-height:1.8;
}


.Interview{
    padding:1rem 1.5rem;
    background-color:#fff;
    padding-bottom:0;
}
.person-infro{
    display:flex;
    align-items: center;
}
.person-infro>img{
    max-width:3.6rem;
    margin-right:5px;
}
.person-infro>.text>h5{
    font-size:1.4rem;
    color:#333333;
}
.person-infro>.text>p{
    font-size:1.2rem;
    color:#999999;
}
.person-intro{
    padding:0.5rem 0;

}
.person-intro>p{
    color:#666666;
    font-size:1.4rem;
    height:44px;
    overflow:hidden;
    position:relative;
    line-height:1.6;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    text-align:justify;
}
.person-intro>p.active{
    height:auto;
    overflow: unset;
    display:block;
}
.person-intro>a{
    cursor:pointer;
    color:#116cbb;
    display:block;
    background-color:#fff;
    line-height:1.6;
    font-size:1.4rem;
    text-align:center;
}
.person-intro>a.active{

}
.memoir{
    margin-top:1rem;
}
.memoir>.memoir-tab{
    display:flex;
    justify-content: space-around;
    padding:0 1.2rem;
    background:#fff;
    border-bottom:1px solid #ddd;

}
.memoir>.memoir-tab>a{
    display:block;
    padding:0.6rem 0;
    font-size:1.6rem;
    color:#999999;
}
.memoir>.memoir-tab>a.active{
    border-bottom:2px solid #116cbb;
    color:#116cbb;
}
.memoir-tab-content{
    padding:1rem 1.5rem;
    background:#fff;
}


.tab-content>div {
    display:none;
}
.tab-content>div.active{
    display:block;
}
.memoir-tab-content>.tab>p{
    font-size:1.4rem;
    color:#333;
    line-height:1.8;
    margin-bottom: 10px;
}
.memoir-tab-content>.tab>p>span{
    color:#666;
}
.memoir-tab-content video{
    width:100%;
}



/*产业园区*/
.project-Park{
    display:flex;
    flex-wrap: wrap;
    padding:1rem;
    background-color:#fff;
}
.project-Park>li{
    padding:0.3rem;
    width:33.3333%;
    text-align:center;
    margin-bottom:0.3rem;
}
.project-Park>li>a{
    display: block;
    text-align:center;
}
.project-Park>li>a>p{
    font-size:1.4rem;
}


/*访谈预告*/
.Preview{
    background-color:#fff;
}
.Preview-title{
    position: relative;

}
.Preview-title>h5:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.3rem;
    height: 1.2rem;
    margin-top: -0.6rem;
    background-color: #1586cb;
}
.Preview-title>h5{
    font-size: 1.7rem;
    padding: 1rem;
    position: relative;
    color: #333333;
}
.Preview-title>h5>strong{
    font-size:1.4rem;
}
.latest-question{
    padding:0 1.5rem;
}
.latest-question.active{
    max-height:initial;
}
.latest-question>li{
    padding:10px 0;
}
.latest-question>li>p{
    font-size:1.4rem;
    color:#333;
    position:relative;
    padding-right:50px;
}
.latest-question>li>span{
    display:block;
    color:#999999;
    font-size:1.4rem;
}

.question-show-intro{
    float:right;
    cursor:pointer;
    color: #116cbb;
    font-size: 1.4rem;
    text-align: center;
    position:absolute;
    right:0;
}
.question-show-content{
    background-color:#f5f5f5;
    height: 0px;
    overflow:hidden;
    transition:height .5s;
    -webkit-transition: height .5s;
}
.question-show-content.active{
    padding:1rem;
    transition:height .5s;
    -webkit-transition: height .5s;
    height:auto;
}
.question-show-content>p{
    font-size:1.3rem;
}



.question-public-mind{
    margin-top: 1rem;
    background-color: #fff;
    padding-bottom: 2rem;
}
.question-public-mind .public-mind-content .form-group{
    display:flex;
}
.question-public-mind .public-mind-content .form-group>.form-control{
    height:auto;
}

.question-public-mind .public-mind-content .form-group>label{
    width:80px;
}
.question-public-mind .public-mind-content .form-group>textarea.form-control{
    width:auto;
}

.question-public-mind .public-mind-content .form-group.code>img{
    max-width:5.8rem;
    margin:0 10px;
}

.question-public-mind .public-mind-content .form-group.code>.form-control{
    min-width:auto;
    width:30%;
}



.quiz-tp{
    position:relative;
}
.quiz-tp-box{
    position:absolute;
    top:-60px;
    left:50%;
    margin-left:-61px;
    border:1px solid #ff6600;
    width:122px;
    border-radius:4px;
    background-color:#fff;
}
.quiz-tp-box>h5{
    color:#ff6600;
    display:block;
    padding:1rem;
    font-size:16px;
    position:relative;
}
.quiz-tp-box>h5:before,.quiz-tp-box>h5:after{
    content:'';
    display:block;
    position:absolute;
    left:50px;
    bottom:-20px;
    border:10px solid transparent;
    border-top:10px solid #ff6600;
}
.quiz-tp-box>h5:after{
    bottom:-19px;
    border-top:10px solid #fff;
}
.quiz-tp>a>i{
    font-size: 3rem;
    color: #116cbb;
}

/*。公告详情页面*/
.Notice-title{
    padding:1rem 1.5rem;
    background:#fff;
}
.Notice-title>p{
    font-size:1.6rem;
    line-height:1.8;
}
.Notice-content{
    margin-top:0;
}
.Notice-content .responsive-tab{
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: auto;
}
.responsive-tab>a{
    padding: 0.3rem 0;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right:2rem;
}
.Notice-content p.deadline-time{
    color:#f44848;
}

/*CA预约*/
.wx-code{
    display:none;
}
.wx-code.active{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    display:flex;
    justify-content: center;
    align-items: center;
}


/*便民服务*/
.civilian-service{
    margin-bottom:2rem;

}
.civilian-service.nomar-bottom{
    margin-bottom:0;
}
.civilian-service-title{
    background-color:#f5f5f5;
    padding:1rem 1.5rem;
}
.civilian-service-content{
    padding:1rem 1.5rem;
}
.civilian-service-title>p{
    font-size:1.1rem;
    color:#999999;
    margin-top:1rem;
}
.civilian-box{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.civilian-left{
    display:inline-block;
}
.civilian-left>img{
    max-width:4rem;
    vertical-align:middle;
}
.civilian-left>p{
    display:inline;
}
.civilian-right>img{
    max-width:4.5rem;
}
.civilian-left>p{
    font-size:1.7rem;
    color:#333;
}

.civilian-service-content>li>a{
    font-size: 1.6rem;
    color: #666;
    line-height:1.6;
}
.civilian-service-content>li>a>span{
    color: #333333;
}


/*医养中心*/

.Medical-details{
    padding:1rem 1.5rem;
}
.Medical-details>h5{
    color:#333333;
    font-size:1.6rem;
    line-height:1.8;
    font-weight:normal;
}
.Service-Features{
    padding:1rem 1.5rem;
}
.Service-Features>h5{
    font-size:1.6rem;
    color:#ff6600;
    position:relative;
    border-left:3px solid #ff6600;
    z-index: 2;
}
.Service-Features>h5:before{
    content:'';
    display:block;
    width:100%;
    height:1px;
    position:absolute;
    top:50%;
    right:0;
    background-color:#dddddd;
}
.Service-Features>h5>span{
    padding:0 1em;
    background-color:#fff;
    position:relative;
    z-index: 2;
}
.Service-Features-list{
    padding:1rem 1.5rem;
    background-color:#fff;
}
.Service-Features-list>li{
    position:relative;
    padding:1.5rem 0;
    padding-left:40px;
}
.Service-Features-list>li:before{
    content:'1';
    display:block;
    position:absolute;
    left:0;
    top:50%;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    border-radius:50%;
    background-color:#116cbb;
    color:#fefefe;
    border:4px solid #b2d5f3;
    margin-top:-14px;
}
.Service-Features-list>li:nth-child(1):before{
    content:'1';
}
.Service-Features-list>li:nth-child(2):before{
    content:'2';
}
.Service-Features-list>li:nth-child(3):before{
    content:'3';
}
.Service-Features-list>li:nth-child(4):before{
    content:'4';
}
.Service-Features-list>li:nth-child(5):before{
    content:'5';
}
.Service-Features-list>li:nth-child(6):before{
    content:'6';
}
.Service-Features-list>li:nth-child(7):before{
    content:'7';
}
.Service-Features-list>li:nth-child(8):before{
    content:'8';
}
.Service-Features-list>li:nth-child(9):before{
    content:'9';
}
.Service-Features-list>li:nth-child(10):before{
    content:'10';
}

.Service-Features-list>li>a{
    font-size:1.4rem;
    color:#666;
}


/*社区治理云*/
.Community-details{
    padding:1rem 1.5rem;
}
.Community-details>p{
    font-size:1.6rem;
    color:#666666;
    margin-bottom:1rem;
}





/*我的咨询*/
.my-consult{
    /*padding:1rem 1.5rem;*/
    background-color:#fff;
}
.consult-question{
    padding:1rem 1.5rem;
    margin-bottom: 1.5rem;
    background-color:#fff;
}
.consult-question>h5{
    font-size:1.6rem;
    color:#116cbb;
    font-weight:normal;
    position:relative;
    padding-left:4rem;
}
.consult-question>p{
    padding-left:4rem;
    font-size:1.5rem;
    line-height:1.8;
}
.consult-question>h5>img{
    position:absolute;
    left:0;
    max-width:2.8rem;
    vertical-align:middle;
}
.enclosure{
    margin-top:1rem;
}
.enclosure>h5{
    padding-left:1rem;
    font-size:1.3rem;
    color:#333;
    position:relative;
}
.enclosure>h5:before{
    content:'';
    display:block;
    width:3px;
    height:10px;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-5px;
    background-color:#116cbb;
}
.enclosure>ul{
    padding:0.6rem 0;
    border-bottom:1px solid #eee;
}
.enclosure>ul>li{
    list-style-type:disc;
    list-style-position: inside;
    padding:0.3rem 0;
}
.enclosure>ul>li>a{
    font-size:1.2rem;
    color:#116cbb;
}
.consult-answer>h5{
    color:#666;
    font-size:1.5rem;
}
.consult-answer>h5>img{
    max-width:2.4rem;
}
.question-state{
    margin-bottom:1rem;
    padding:1rem 1.5rem;
    background-color:#ffffff;
}
.question-state>.title{
    font-size: 1.6rem;
    color:#333;
    line-height:1.8;
}
.question-state>p{
    line-height:1.8;
    color:#666666;
    font-size: 1.4rem;
}
.question-state>p>span{
    width:6rem;
    text-align: justify;
}
.question-state>p>b.already{
    font-weight:normal;
    color:#52d16a;
}
.question-state>p>b.ready{
    font-weight:normal;
    color:#fe240d;
}

/*我的咨询没有记录*/
.no-record{
    background:none;
    text-align:center;
}

.no-record>p{
    font-size:1.8rem;
    color:#999999;
}

/*智能咨询*/
.counsel{
    display:flex;
    flex-wrap: wrap;
}
.counsel>li{
    width:50%;
    padding:10px;
}
.counsel>li>a{
    font-size:1.5rem;
    color:#1161b2;
    background-color:#ecf5fe;
    display:block;
    text-align: center;
    padding:10px 0;
    border-radius:4px;
}
.counsel>li>a>i{
    margin-right:5px;
    font-size:28px;
    vertical-align:middle;
    display:inline-block;
}
.counsel>li.active>a{
    background-color:#1161b2;
    color:#fff;
}




.dialogue-content{
    padding:1rem 1.5rem;
}
.message{
    position:relative;
    padding:0 45px;
    margin-bottom:2rem;
}
.portrait{
    width:45px;
    height:45px;
    background-color:#fff;
    border-radius:50%;
    padding:10px;
    text-align:center;
}
.message>span{
    font-size: 1.2rem;
    color:#666;
}
.message>p{
    color:#333;
    font-size:1rem;
    padding:0.8rem;
    background-color:#fff;
    display:inline-block;
    position:relative;

}
.portrait>img{
    max-width:90%;
    vertical-align:middle;
}
.message-left{
    padding-left:60px;
    text-align:left;
}
.message-right{
    padding-right:60px;
    text-align:right;
}
.message-left>p{
    -moz-box-shadow:2px 2px 5px #aab2bb;
    -webkit-box-shadow:2px 2px 5px #aab2bb;
    box-shadow:2px 2px 5px #aab2bb;
}
.message-right>p{
    -moz-box-shadow:-2px 2px 5px #aab2bb;
    -webkit-box-shadow:-2px 2px 5px #aab2bb;
    box-shadow:-2px 2px 5px #aab2bb;
}
.message-left>p>span{
    display:block;
    line-height:1.6;
}
.message-left>p>a{
    display:block;
    color:blue;
    line-height:1.8;
}
.message-left>p:before{
    position:absolute;
    content: '';
    border:10px solid transparent;
    border-right:10px solid #fff;
    left:-20px;
    top:18px;
    margin-top:-10px;
}
.message-right>p:before{
    position:absolute;
    content: '';
    border:10px solid transparent;
    border-left:10px solid #fff;
    right:-20px;
    top:18px;
    margin-top:-10px;
}
.message-left>.portrait{
    position:absolute;
    left:0;
    top:0;
}
.message-right>.portrait{
    position:absolute;
    right:0;
    top:0;
}
.intelligent-dialogue{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f0f0f0;
    padding: 0.5rem 1rem;
    border:1px solid #ddd;
    align-items: center;
}
.intelligent-dialogue>input{
    border:1px solid #e2e2e2;
    background-color:#fff;
    border-radius:30px;
    width:100%;
    line-height:3rem;
    height:3rem;
    padding:8px;
}
.intelligent-dialogue>a>i{
    font-size:2.4rem;
}






/*依申请公开*/
.application-page{
    background-color:#fff;
}
.application-page>.bar,.step-bar{
    background-color:#116cbb;
    border-bottom:none;
}
.application-page>.bar>.iconfont{
    color: #fff;
    font-size: 2.6rem;
    position: relative;
    z-index: 2;
    top: 1rem;
}
.application-page>.bar>h1{
    color:#fff;
}
.step-bar{
    display:flex;
    justify-content: space-between;
    padding:1rem 1.5rem;
    padding-top:0;
    overflow: auto;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.step-bar>li{
    color:#fff;
    font-size:1.3rem;
    padding:1rem 0;
    width:20%;
    text-align:center;
    position:relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    /*background-color:#116cbb;*/
}
.step-bar>li:before{
    display:block;
    content:'';
    position:absolute;
    top:20px;
    left:0;
    width:100%;
    height:5px;
    background-color:#fff;
    z-index: -1;
}
.step-bar>li.active:before{
    background-color:#fec241;
}

.step-bar>li:first-child:before{
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}
.step-bar>li:last-child:before{
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.step-bar>li>span{
    border:1px solid #fff;
    border-radius:50%;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    display:block;
    margin:0 auto;
    position:relative;
    z-index: 1;
    color:#116cbb;
    background-color:#fff;
}

.step{
    padding:0.5rem 1.5rem;
    background-color:#fff;
}


.step>h5{
    font-size: 1.7rem;
    padding: 0.7rem 1rem;
    position: relative;
    color: #333333;
}
.step>h5:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.25rem;
    height: 1.2rem;
    margin-top: -0.6rem;
    background-color: #1586cb;
}
.step>p{
    color:#666;
    font-size:1.5rem;
    line-height:1.6;
    margin-bottom:1rem;
    text-align: justify;
}
.about-law{
    padding:0 1.5rem;
}
.about-law>li{
    list-style-type: decimal;
    font-size:1.5rem;
    line-height:1.6;
}
.next-step{
    text-align:center;
    padding:1rem 0;
}
.next-step>button{
    background: #116cbb;
    color: #fff;
    -webkit-appearance: none;
    border:none;
    font-size: 1.7rem;
    text-align: center;
    padding: 0.6rem 4rem;
    border-radius: 20px;
    margin:0 10px;
    display:inline-block;
}
.description-span{
    display: inline-flex;
    flex-wrap: wrap;
}
.description-span>span{
    display:inline-block;
    position:relative;
    padding:0 1.2rem;
}
.description-span>span:before{
    content:"";
    display:block;
    width:6px;
    height:6px;
    background-color:#116cbb;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-3px;
}
.step>.tips{
    font-size:1.2rem;
}

.unit-list{
    display:flex;
    flex-wrap:wrap;
}
.unit-list>li{
    width:33.3333%;
    padding:0 0.2rem;
    text-align:center;
    margin-bottom:0.5rem;
}
.unit-list>li>a{
    display:block;
    color:#666666;
    font-size:1.3rem;
    border-radius:14px;
    padding:0.5rem 0;
    border:1px solid #cccccc;
}
.unit-list>li.active>a{
    background-color:#116cbb;
    color:#fff;
}
/*在线申请*/
.identity{
    display:inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.identity>span{
    border:1px solid #ccc;
    padding:0.2rem 1.5rem;
    margin-right:2rem;
    border-radius:6px;
    font-size:1.5rem;
    color:#666666;
    cursor:pointer;
}
.identity>span.active{
    background-color:#116cbb;
    color:#fff;
}
.identity>span:last-child{
    margin-right:0;
}


/*网上评议*/
.online-review-title{
    padding:1rem 1.5rem;
    background: #eeeeee;
}
.online-review-title>p{
    text-align:center;
    font-size:1.8rem;
    color:#333;
    line-height:1.8;
}
.online-review-content{
    padding:1rem 1.5rem;
    background-color:#fff;
}
.oration-text>p{
    text-indent: 2em;
    font-size:1.4rem;
    line-height:1.6;
}
.oration-text>h5{
    font-size:1.4rem;
    font-weight:normal;
    line-height:1.8;
}
.vote-question dt{
    font-size:1.7rem;
    color: #0069c5;
    border-left: 3px solid #0069c5;
    padding-left: 15px;
    line-height: 18px;
    margin: 2rem 0;
}
.vote-question dd>label{
    font-size:1.4rem;
    line-height:1.6;
    display:flex;
    align-items:center;
}
.vote-question dd>label>input{
    margin:0 10px;
}
.vote-question input[type="checkbox"]{
    -webkit-appearance:checkbox;
}
.vote-question input[type="radio"]{
    -webkit-appearance:radio;
}
.prompt{
    padding: 2rem;
    background: #eaf3fa;
    overflow: hidden;
    margin:2rem 0;
    font-size:1.8rem;
}
.text-center{
    text-align:center;
}
.btn-public{
    color: #fff;
    background-color: #0069c5;
    border-color: #0069c5;
    padding:1rem 3rem;
    border-radius:4px;
}


.issue-opinion-btn{
    text-align:center;
    margin-top:1rem;
}
.issue-opinion-btn>a{
    border-radius:30px;
    font-size:1.6rem;
    box-sizing:border-box;
    display:inline-block;
    padding: 0.8rem 0;
    margin:2rem 0;
    width:170px;
    text-align:center;
    cursor:pointer;
}
.issue-opinion-btn>p{
    color:#666666;
    font-size: 1.4rem;
    text-align:left;
}
.issue-opinion-btn>p>a{
    font-size:1.6rem;
    color:#116cbb;
}
.public-mind{
    margin-top:1rem;
    background-color:#fff;
    padding-bottom:2rem;
}
.public-mind-title>h5{
    font-size: 1.7rem;
    padding: 1rem;
    position: relative;
    color: #333333;
}
.public-mind-title>h5:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.3rem;
    height: 1.2rem;
    margin-top: -0.6rem;
    background-color: #1586cb;
}
.nav-bottom-content{
    padding-bottom:4.5rem;
}






.public-mind-content{
    padding:1rem;
}

.public-mind-content .form-group>label,.public-comment .form-group>label{
    width:100px;
    font-size:1.5rem;
    color:#999999;
}

.public-mind-content .form-group>label.withdraw{
    text-align:right;
    float:right;
    cursor:pointer;
}
.public-mind-content .form-group{
    border:none;
    margin-bottom:10px;
}
.public-mind-content .form-group>span,.public-comment .form-group>span{
    font-size:1.5rem;
    color:#333;
}
.public-mind-content .form-group>.form-control{
    border:none;
}
.public-mind-content .form-group>.border,.public-mind-content .form-group .border{
    border: 1px solid #cccccc;
}
.public-mind-content .form-textarea-group{
    display:block;
}
.public-mind-content .form-group>textarea.form-control{
    min-height:12rem;
    width:100%;
    border:1px solid #ccc;
}
.public-comment{
    padding: 1rem;
    background-color:#eeeeee;
    margin-bottom:2rem;
}
.discussion-textarea,.confirm-discussion{
    display:none!important;
}
.discussion-textarea.active{
    display:block!important;
}
.confirm-discussion.active{
    display:inline-block!important;
}


/*依申请公开样式*/

.identity-list{


}
.identity-list>li{
    text-align: center;
    border:1px solid #ccc;
    padding:3rem 0;
    margin-bottom:2rem;
    border-radius: 4px;
    position:relative;
}
.identity-list>li.active{
    border-color:#116cbb;
}
.identity-list>li>span{
    position:absolute;
    right:0;
    bottom:0;
    color:#fff;
    background-color:#116cbb;
    font-size:30px;
    width:30px;
    height:30px;
    border-bottom-right-radius:3px;
    line-height:30px;
    display:none;
}
.identity-list>li.active>span{
    display:block;
}
.identity-list>li>span>i{
    vertical-align:middle;
}
.identity-list>li>a>.icon-box>i{
    font-size:65px;
    color:#116cbb;
}
.identity-list>li>a>p{
    font-size:1.7rem;
    color:#333;
}

.step>.online-consulting{
    padding: 1.5rem 0;
    padding-top:1rem;
}
.step>.online-consulting>form>.tips{
    color:#116cbb;
    font-size:1.2rem;
    margin-bottom:1rem;
    display:block;
}
.step .file-box>b{
    display:block;
    font-size:1.2rem;
    line-height:1.4;
    margin-top:10px;
    color:#666;
    text-align: center;
}
.step .file-box>i{
    padding-top:3rem;
}
.step .file-box>i:before{
    font-size:4rem;
}
.step .file-box>.form-file-control{
    height:74px;
}

@media only screen and (max-width: 350px) {
    .next-step>button{
        padding: 0.6rem 2rem;
    }
    .file-box{
        width:40%;
    }
    .file-tp{
        width:60%;
    }
    .unit-list>li>a{
        font-size: 1.2rem;
    }
}

.step{
    display:none;
}
.step-1{
    display:block;
}
.next-step>.identity-btn{
    display:none;
}
.next-step>.identity-btn.active{
    display:inline-block;
}
.step-success,.step-false{
    text-align:center;
}
.step-success>.icon-box,.step-false>.icon-box{
    margin-top:50px;
}
.step-success>.icon-box>i{
    color:#4ecf0f;
    font-size:65px;
}
.step-false>.icon-box>i{
   font-size:65px;
    color:#f52d2d;
}
.step-success>p,.step-false>p{
    font-size:1.7rem;
    text-align:center;;
}

.step-success .next-step>a{
    background: #116cbb;
    color: #fff;
    -webkit-appearance: none;
    border: none;
    font-size: 1.7rem;
    text-align: center;
    padding: 0.6rem 4rem;
    border-radius: 20px;
    margin: 0 10px;
    display: inline-block;
}
.choose-service{
    display:inline-block;
    padding: 10px;
    padding-bottom:0;
}


/*我的关注*/
.bar>.add>img{
    width:19px;
}
.add-follow{
    width:50%;
    float:right;
    margin-right:10px;
    margin-top:-10px;
}
.tjgz{
    max-width:60%;
    margin-top:40px;
}
.civilian-service-title .tips{
    margin-top: 30px;
    font-size: 1.5rem;
    color:#116cbb;
}
.follow-infro{
    padding:10px;
    /*background-color:#fff;*/
}
.follow-infro>li{
    padding:10px;
    border-radius:4px;
    margin-bottom:10px;
    background-color:#ffffff;
}
.follow-infro>li:last-child{
    border-bottom:0;
}
.follow-list-title{
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    margin-bottom:10px;
    align-items: center;
}
.follow-list-title h5{
    color:#666666;
    font-size: 1.4rem;
    font-weight:normal;
}
.follow-list-title p{
    font-size:1.3rem;
}
.follow-tips{
    /*position: absolute;*/
    /*left:0;*/
    /*top:0;*/
    /*background-color:#116cbb;*/
    color:#fff;
    font-size: 12px;
    text-align: center;
    width:42px;
    height:42px;
    padding:4px;
    border-radius: 50%;
    font-weight:normal;
}
.follow-list-infro>p{
    font-size:1.6rem;
    color:#333333;
    margin-bottom: 10px;
}
.follow-list-imgbox{
    display: flex;
    margin:0 -5px;
    flex-wrap: wrap;
}
.follow-list-imgbox>li{
    width:50%;
    padding:0 5px;
}
.videobox{
    position: relative;
}
.videobox:before{
    position: absolute;
    content: '';
    display:block;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.58);
    filter: alpha(opacity=58);
}

.videobox:after{
    background: url("../img/video-icon.png") no-repeat center;
    width:20px;
    height:25px;
    background-size: contain;
    content: '';
    display:block;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-10px;
    margin-top:-13px;
}
.my-follow{
    min-height:400px;
}
.my-follow>h5{
    color:#116cbb;
    padding:0 1rem;
    padding-left: 2rem;
    font-size:1.6rem;
    position: relative;
    margin:1rem 0;
}
.my-follow>h5:before{
    content: '';
    display:block;
    height:15px;
    width:2px;
    background:#116cbb;
    position: absolute;
    left: 1rem;
    top:4px;
}
.my-follow-list{
    position: relative;
    margin-top: 50px;
}
.my-follow-list>li{
    position: absolute;

    background-color:#eeeeee;
    color:#666666;
    font-size:13px;
    border-radius:50%;
}

.my-follow-list>li.active{
    background-color:#116cbb;
    text-align: center;

}
.my-follow-list>li.active>a{
    color:#fff;
}
.my-follow-list>li>a{
    display:block;
    max-width:60px;
    padding:12px;
    text-align: center;
}
.my-follow-btn{
    padding:0 1rem;
    margin-top: 1rem;
}
.my-follow-btn .check-button{
    width:100%;
    margin:0;
}

.my-follow-btn .check-button.disabled{
    background-color:#ccc;
    border:#ccc
}

.skip{
    /*background-color:#116cbb;*/
    color:#116cbb;
    border-radius:20px;
    font-size:14px;
    /*color:#fff;*/
    display:block;
    padding:0.6rem 0;
}

.my-follow>h5:before{
    display:none;
}
.my-follow>h5{
    font-size:14px;
    text-align: center;
}

.my-follow-list>li:nth-child(1){
    left:30px;
}

.my-follow-list>li:nth-child(2){
    left: 115px;
    top: 20px;
}
.my-follow-list>li:nth-child(3){
    left: 205px;
    top: -20px;
}
.my-follow-list>li:nth-child(4){
    right:30px;
}
.my-follow-list>li:nth-child(5){
    left:10px;
    top:86px;
}
.my-follow-list>li:nth-child(6){
    left:90px;
    top:94px;
}
.my-follow-list>li:nth-child(7){
    left: 188px;
    top: 56px;
}
.my-follow-list>li:nth-child(8){
    right:30px;
    top:80px;
}
.my-follow-list>li:nth-child(9){
    left: 40px;
    top: 150px;
}
.my-follow-list>li:nth-child(10){
    left: 181px;
    top: 132px;
}
.my-follow-list>li:nth-child(11){
    right: 34px;
    top: 151px;
}
.my-follow-list>li:nth-child(12){
    left: 127px;
    top: 192px;
}


@media (max-width:400px) {
    .my-follow-list>li:nth-child(1){
        left:30px;
    }

    .my-follow-list>li:nth-child(2){
        left: 115px;
        top: 20px;
    }
    .my-follow-list>li:nth-child(3){
        left: 205px;
        top: -20px;
    }
    .my-follow-list>li:nth-child(4){
        right:30px;
    }
    .my-follow-list>li:nth-child(5){
        left:10px;
        top:86px;
    }
    .my-follow-list>li:nth-child(6){
        left:90px;
        top:94px;
    }
    .my-follow-list>li:nth-child(7){
        left: 188px;
        top: 56px;
    }
    .my-follow-list>li:nth-child(8){
        right: 47px;
        top: 80px;
    }
    .my-follow-list>li:nth-child(9){
        left: 40px;
        top: 150px;
    }
    .my-follow-list>li:nth-child(10){
        left: 181px;
        top: 132px;
    }
    .my-follow-list>li:nth-child(11){
        right: 34px;
        top: 151px;
    }
    .my-follow-list>li:nth-child(12){
        left: 127px;
        top: 192px;
    }

}
@media (max-width:350px) {
    .my-follow-list>li:nth-child(1){
        left:30px;
    }

    .my-follow-list>li:nth-child(2){
        left:100px;
        top: 20px;
    }
    .my-follow-list>li:nth-child(3){
        left:162px;
        top: -20px;
    }
    .my-follow-list>li:nth-child(4){
        right:30px;
    }
    .my-follow-list>li:nth-child(5){
        left:10px;
        top:86px;
    }
    .my-follow-list>li:nth-child(6){
        left:90px;
        top:94px;
    }
    .my-follow-list>li:nth-child(7){
        left: 160px;
        top: 56px;
    }
    .my-follow-list>li:nth-child(8){
        right:30px;
        top:80px;
    }
    .my-follow-list>li:nth-child(9){
        left: 40px;
        top: 150px;
    }
    .my-follow-list>li:nth-child(10){
        left: 154px;
        top: 132px;
    }
    .my-follow-list>li:nth-child(11){
        right: 34px;
        top: 151px;
    }
    .my-follow-list>li:nth-child(12){
        left: 106px;
        top: 192px;
    }
}



@media (min-width:404px) {
    .my-follow-list>li:nth-child(3) {
        left: 238px;
        top: -20px;
    }
    .my-follow-list>li:nth-child(5) {
        left: 69px;
        top: 86px;
    }
    .my-follow-list>li:nth-child(6) {
        left: 145px;
        top: 94px;
    }
    .my-follow-list>li:nth-child(7) {
        left: 228px;
        top: 56px;
    }
    .my-follow-list>li:nth-child(10) {
        left: 241px;
        top: 132px;
    }
}

/*在线访谈新版*/
.online-list .card{
    margin-bottom:10px;
}
.online-list .card-content>a{
    -webkit-box-align:unset;
    -webkit-align-items:unset;
    align-items:unset;
}
.online-list .item-subtitle p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow : hidden;
    word-break: break-all;
    white-space: pre-wrap;
    margin:5px 0;
}
.prosonl-infro{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.prosonl-infro span{
    font-size:1.2rem;
    color:#333;
    max-width:50%;
}
.prosonl-infro span.ftzb{
    background-color: #54ce69;
    color: #fff;
    border-radius: 20px;
    padding: 0.5rem 0.8rem;
    font-size: 1.3rem;
}
.prosonl-infro span.fthg{
    background-color: #116cbb;
    color: #fff;
    border-radius: 20px;
    padding: 0.5rem 0.8rem;
    font-size: 1.3rem;
}

.prosonl-infro span.ftyg{
    background-color: #ffa73e;
    color: #fff;
    border-radius: 20px;
    padding: 0.5rem 0.8rem;
    font-size: 1.3rem;
}
/*快处易赔*/
.kcyp{
    margin:50px 20px;
}
.kcyp-img{
    text-align: center;
}
.kcyp-img img{
    max-width:45%;
    vertical-align: middle;
    margin:0 5px;
}

.kcyp-infro{
    text-align: center;
    margin-top: 20px;
    padding:0 10px;
}
.kcyp-infro>h5{
    position: relative;
    font-size: 1.8rem;
    color:#222222;
    margin:10px 0;
}
.kcyp-infro p{
    font-size: 1.8rem;
    color:#222222;
}
.kcyp-infro>h5>span{
    display:inline-block;
    position: relative;
    background-color:#eeeeee;
    z-index: 1;
    padding:0 5px;
}
.kcyp-infro>h5:before{
    position: absolute;
    content: '';
    display:block;
    width:100%;
    background-color: #222222;
    height: 1px;
    left:0;
    top:50%;
}

.follow-icon-list{
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff;
    align-content: center;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: auto;
    top: 0;
}
.follow-icon-list>li{
     -webkit-box-flex: 1;
     -webkit-flex: 1 0 auto;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
}
.messages-card{
    background-color:transparent;
    padding:5px 10px;
}
.messages-card>.card-content{
    background-color:#ffffff;
    border-radius:6px;
}

.messages-card>.card-content .item-title span{
    position: relative;
    display:inline-block;
    padding-right:10px;
}
.messages-card>.card-content .item-title span i{
    display:none;
    width:5px;
    height:5px;
    background-color:#f44646;
    border-radius:50%;
    position: absolute;
    top:0;
    right:0;

}
.messages-card>.card-content .item-title.not-read span i{
    display:block;
}
.messages-card .item-subtitle>p{
    vertical-align:top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.messages-card .item-subtitle>p>span{
    display:inline-block;
    max-width:100px;
    vertical-align:top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.intelligent-Menus>a.shoucang-btn{
    width:42px;
    text-align: center;
}
.intelligent-Menus>a.shoucang-btn i{
    display:none;
    font-weight:700;
}
.intelligent-Menus>a.shoucang-btn i.show-active{
    display:block;
}
.screen-read{
    background-color:#d6d4d4;
    border-radius: 3px;
    margin-right: 15px;
}
.screen-read a{
    color:#ffffff;
    font-size:16px;
    display:inline-block;
    padding:0 10px;
}
.screen-read a.active{
    background-color:#116cbb;
    border-radius:3px;
}