@charset "UTF-8";html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
*{margin:0;padding:0}
input{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;border:none}
input:focus{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
a,ul,li{text-decoration:none;list-style-type:none}
body{font-family:PingFang SC;font-weight:Regular;margin:0 auto;background:#ffffff}
body.back_c{background:#f5f5f5}
body.back_f{background-size:cover}
.index{width:6.4rem;margin:0 auto;overflow:hidden}
.register{width:4.8rem;margin:0.8rem auto}
.register img{width:0.31rem;height:0.31rem;align-items:center;margin-right:0.26rem}
.register li{height:0.82rem;line-height:0.82rem;display:flex;align-items:center;position:relative;font-size:0.24rem}
.register li .spanhr{border-bottom:2px solid #edeef2;width:4.27rem;position:absolute;bottom:0;left:0.5rem}
.register li input{font-size:0.24rem}
.register li input::-webkit-input-placeholder{font-size:0.24rem;color:#cccccc}
.register li .el-input input{border:0;padding:0}
.register li .delete{margin:0;width:0.26rem;height:0.26rem;align-items:center;position:absolute;right:0.1rem}
.register li button{border:none;background:none;color:#c90002;font-size:0.2rem;width:2rem}
.register li button[disabled]{color:#cccccc}
.btn{width:2.99rem;height:.7rem;background:#c90002;border-radius:0.34rem;font-size:0.27rem;color:#ffffff;font-weight:bold;letter-spacing:0.03rem;margin:0 auto;display:block;text-align:center;line-height:.7rem}
.btn_down{color:#c90002;font-size:0.2rem;border-bottom:1px solid #c90002;margin:0 auto;margin:0 auto;display:table;padding:0.24rem 0 0.08rem 0}
.title{font-size:0.32rem;color:#333333;font-weight:bold;line-height:0.45rem;margin:0.79rem 0 0 0.7rem}
.makeinfo li{height:0.94rem;line-height:0.94rem}
.makeinfo li input{height:0.94rem;border:0;padding:0;border-radius:0;border-bottom:2px solid #edeef2;font-size:0.26rem}
.el-select{width:100%}
.makeinfo li .el-input__inner{border-color:#edeef2 !important}
.makeinfo li .nametitle{font-size:.26rem;font-weight:bold;color:rgba(21,21,21,1);display: inline-block;width: 30%}
.point{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.1)}
.point-content{width:4.78rem;height:5.98rem;background:#ffffff;border-radius:0.17rem;margin:1.5rem auto;position:relative}
.point-content img{width:1.02rem;height:1.02rem;margin:1.26rem 1.88rem 0.2rem 1.88rem}
.point-content img.close{position:absolute;margin:0;width:0.24rem;height:0.24rem;top:0.34rem;right:0.34rem}
.point-content p{width:3.69rem;margin:0 auto;font-size:0.2rem;color:#666666;line-height:0.41rem;text-align:center}
.point-content .btn{background:#3cc56d;margin-top:0.58rem}
.logo{margin:0.27rem auto}
.logo img{height:1.37rem;margin:0.2rem auto;display:block}
.logo img.login_new{width: 1.75rem; height: auto!important;margin-top: .74rem;}
.logo img:last-child{height:0.4rem}
.el-tabs__nav-wrap::after{background:none}
.el-tabs__nav{margin-left:1.87rem}
.el-tabs__item{font-size:0.24rem;color:#666666}
.el-tabs__item.is-active{color:#c90002 !important}
.el-tabs__item:hover{color:#c90002 !important}
.el-tabs__active-bar{background-color:#c90002;height:3px;top:1.2rem}
.login{margin-top:-0.5rem}
.login .register{width:4.8rem;margin:0 auto;margin-bottom:0.4rem}
.login_turn{width:100%;font-size:0.2rem;margin:0.27rem 0;display:flex}
.login_turn li{width:50%;border-right:1px solid #dedede;padding:0 0.2rem;text-align:right}
.login_turn li:last-child{border:none;text-align:left}
.login_turn li a{color:#888888;font-size:0.2rem;line-height:0.28rem;letter-spacing:0.02rem;}
.login_turn li img{width:0.11rem;height:0.2rem;margin-bottom:-0.02rem}
.applyimg{width:100%;height:3.6rem}
.el-carousel__button{display:none}
.applyhelp{width:5.12rem;margin:0.34rem auto}
.applyhelp li{background:#ffffff;height:1.04rem;box-shadow:0px 2px 10px rgba(0,0,0,0.06);margin-bottom:0.6rem;position:relative}
.applyhelp li img{width:0.77rem;height:0.68rem;margin:0.18rem 0.44rem 0.18rem 0.19rem;float:left}
.applyhelp li span{font-size:0.26rem;font-family:Microsoft YaHei;font-weight:bold;color:#151515;float:left;line-height:1.04rem}
.libg{position:absolute;top:-60%;left:0;z-index:-1}
.apply img{width:100%;height:5.05rem;object-fit:cover}
.apply span{font-size:0.19rem;color:#666666;line-height:0.38rem;margin-left:0.38rem;display:block}
.apply .applytitle{font-size:0.27rem;font-weight:bold;color:#333333}
.apply p{color:#333333;font-size:0.2rem;margin:0.2rem 0.33rem;line-height:0.38rem;text-align:justify}
.apply .btn{width:3.41rem;margin:0.41rem auto}
.newstitle{font-size:0.38rem;color:#c90002;font-weight:bold;margin:0.14rem 0 0 0.35rem}
.newslist,.newsdetail{width:5.7rem;margin:0 auto}
.newslist li{border-bottom:1px solid #eee;height:2.82rem}
.newslist li p{width:3rem;float:left}
.list_t{font-size:0.27rem;font-weight:bold;line-height:0.38rem;color:#151515;min-height:0.38rem;margin-top:0.27rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.list_f{font-size:0.22rem;color:#666666;height:0.32rem;margin-top:0.24rem;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.list_d{font-size:0.22rem;color:#bdc3c9;height:0.32rem;margin-top:0.2rem;text-align:end}
.list_d span:first-child{float:left;text-align:left}
.list_d img{width:0.22rem;height:0.15rem;margin-top:-0.04rem}
.listimg{border-radius: .1rem;width:2.39rem;height:1.84rem;margin:0.26rem 0 0 0.3rem;object-fit:cover}
.newsdetail .list_f{margin-top:0;width:2rem}
.newsdetail .list_d span:nth-of-type(2){float:left;margin-left:0.2rem;line-height:0.32rem}
.applyindex{position:relative}
.newsreturn{color:#666666;font-weight:bold;position:absolute;top:0.25rem;right:0.35rem}
.newsreturn img{width:0.31rem;height:0.31rem;margin-right:0.1rem;float:left}
.newsreturn span{float:left;font-size:0.22rem;line-height:0.38rem}
.detailimg{width:5.69rem;height:3.2rem;margin:0.24rem auto;object-fit:cover}
.newsdetail .apply{margin-top:0.2rem}
.newsdetail .apply p{color:#151515;margin:0.2rem 0}
.upload .makeinfo{margin:0.1em auto 0.4rem}
.upload .upload-demo{display:block;text-align:center;margin:0.1rem auto}
.upload .el-upload{display:block;width:100%}
.upload .uploadbutton{width:100%;height:1rem;background:#ffffff;border:0.04rem solid #edeef2;color:#e58484;font-size:0.25rem;line-height:0.3rem}
.upload .el-textarea{border-bottom:0.04rem solid #edeef2}
.upload .el-textarea textarea{border:none;margin:0.2rem 0 0.2rem 0}
.upload .el-icon-document{color:#ffba4c}
.upload .el-upload-list__item-name{display:block;float:left}
.content{padding:.26rem .34rem .34rem .34rem}
.titlea{margin:0;font-size:0.31rem}
.el-input__inner{background-color:transparent}
.ture{position:fixed;width:5.84rem;height:.85rem;background:rgba(172,30,45,1);box-shadow:0rem .04rem .17rem rgba(172,30,45,0.3);border-radius:.07rem;display:block;text-align:center;line-height:.85rem;color:#fff;font-size:.31rem;font-family:PingFang SC;font-weight:400;bottom:.43rem}
.voice{background:rgba(35,174,255,1);box-shadow:0 .04rem .17rem rgba(35,174,255,0.3)}
header p .success{font-size:.22rem;font-family:PingFang SC;font-weight:bold;color:rgba(203,8,10,1);float:right}
.bottom_content{background:rgba(248,248,248,1);padding:.21rem .32rem 0 .58rem}
.warning{font-size:.22rem;font-family:PingFang SC;font-weight:400;color:rgba(136,136,136,1);line-height:.38rem;margin-bottom:1.97rem}
.bottom_logo{width:3.07rem;height:2.9rem;position: fixed;;bottom:0}
.listimage{width:2.74rem;height:2.61rem;object-fit:cover;margin:0}
.newslist li.newslist_li{height:auto;border-bottom:0;text-align:center}
.tanchuang{width:6.4rem;height:100%;position:fixed;background:rgba(0,0,0,0.5);top:0;z-index:100}
.submit_ing{text-align:center;color:#fff;margin-top:67%}


/* 法律讲堂 */
.class .content{
    padding: .85rem .27rem .27rem .27rem;
}
.class_ul li{
    background: #fff;
    margin-top: .27rem;
    border-radius: .1rem;
    text-align: center;
    padding: .46rem 0;
}
.class_ul li img{
    height: 1.55rem;
    margin-bottom: .1rem;
}
.class_ul li p{
    font-size: .34rem;
    font-weight: bold;
    letter-spacing: .03rem;
}

.classlist .content{
    padding: .85rem 0 0 0;
    /* background: #fff; */
}  
.classlist .search{
    padding: 0 .27rem;
    background: #fff; 
} 
.classlist .search .con{
    background: #F6F6F6;
    height: .48rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .27rem;
} 
.classlist .search .van-field{
    padding: 0; 
    width: auto;
    background: transparent;
}
.classlist .search img{
    height: .2rem;
    margin-right: .14rem;
}
.classlist .search .van-field__control{
    font-size: .22rem;
}

.swipe{
    padding: .23rem .27rem;
    background: #fff;
    margin-bottom: .23rem;
}
.swipe .img{
    width: 100%;
    height: 2.56rem;
    object-fit: cover;
    border-radius: .1rem;
}
.swipe .van-swipe__indicator{
    background: #fff;
    width: 5px;
    height: 5px;
    opacity: 0.7;
}
.swipe .van-swipe__indicator--active{
    width: .22rem;
    border-radius: .04rem;
    opacity: 1;
} 

 
.tabs{
    padding: 0 .27rem;
    background: #fff;
    overflow: hidden;
}
.tabs .van-tabs__line{ 
    width: .34rem;
    background: #E52E21;
    bottom: 18px;
}
.tabs .van-tabs--line .van-tabs__wrap{
    margin-left: -20px;
}
.tabs .van-tab span{
    font-size: .26rem;
    color: #333333;
}
.tabs  .van-tab--active span{
    font-size: .27rem;
    color: #E52E21;
    font-weight: bold;
}

.news_ul{
    background: #fff;
    padding: 0 .27rem;
}
.news_ul li{
    padding: .27rem 0;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}
.news_ul li:first-child{
     display: inline-block;
}
.news_ul li:last-child{
    border: none;
}
.news_ul li img{
    width: 2.18rem;
    height: 1.37rem;
    border-radius: .1rem;
    object-fit: cover;
    margin-left: .27rem;
    float: right;
}
.news_ul.an li img{
    margin-right: .27rem;
    margin-left: 0; 
}
.news_ul li .dec{
    flex: 1; 
}
.news_ul li .tit{
    word-break:break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news_ul li:first-child .tit{
    margin-top: .2rem;
}
.news_ul li .tit span{
    font-size: .27rem;
    font-weight: bold;
}
.news_ul li .tit .top{
    color: #fff;
    background: #E52E21;
    font-size: .19rem;
    padding: .02rem .05rem;
    font-weight: 400;
    vertical-align: middle;
}
.news_ul li .tit .dot{
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #E52E21;
    display: inline-block;
    vertical-align: middle;
}
.news_ul li .txt{
    font-size: .2rem;
    color: #999999;
    margin-top: .28rem;
}
.news_ul li .txt span:first-child{
    margin-right: .2rem;
}
.news_ul li .long{
    position: absolute;
    bottom: .37rem;
    left: 1.09rem;
    color: #fff;
    font-size: .19rem;
    padding: .04rem .12rem .04rem .33rem; 
    border-radius: .17rem;
    background: url('../../image/mobile/play_bg.png') no-repeat left rgba(0,0,0,0.4);
    background-size: .12rem .14rem;
    background-position-x: .12rem;
}
.news_ul li .video{
    height: 3.07rem;
    position: relative;
}
.news_ul li .video .img{
    width: 100%;
    height: 3.07rem;
    margin-right: 0;
    object-fit: cover;
}
.news_ul li .video .play{
    height: .68rem;
    width: .68rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.news_ul li .video .long{
    position: absolute;
    left: auto;
    right: .14rem;
    bottom: .14rem;
    color: #fff;
    font-size: .22rem;
    padding: .04rem .2rem;
    background: rgba(0,0,0,0.4);
    border-radius: .17rem;
}
[v-cloak] {
    display: none !important;
}
.hr{
    border-bottom: 1px solid #E8E8E8;
    padding-top: .17rem;
    background: #fff;
}


.activtylistnew .newslist li { 
    height: 2.82rem;
}
.activtylistnew .newslist li .bm{
    font-size: .22rem;
    color: #999;
    position: absolute;
    top: 1.8rem;
    left: 1.2rem;
}
.activtylistnew .newslist li .time{
    position: absolute;
    left: 0;
    bottom: .24rem;
    color: #F9AE3B;
    font-size: .22rem;
    width: auto;
}
.activtylistnew .newslist li .state{
    position: absolute;
    right: 0;
    top: .26rem;
    width: auto;
    padding: .02rem .12rem;
    font-size: .22rem;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(90deg, #FD8700 0%, #F9BB4F 100%);
    border-radius: 0 .1rem 0 .1rem;
}
.activtylistnew .newslist li .state.wks{
    background: linear-gradient(90deg, #236CFF 0%, #23AEFF 100%);
}
.activtylistnew .newslist li .state.hdz{
    background: linear-gradient(180deg, #EB3F2D 0%, #F8776B 100%);
}
.activtylistnew .newslist li .state.yjs{
    background: #CCCCCC;
}
.activtylistnew .newslist li .bmtxt{
    font-size: .22rem;
    color: #fff;
    padding: .03rem .09rem;
    background: #F65848; 
    border-radius: 3px;
    position: absolute;
    top: 1.78rem;
    left: 0;
}
.activtylistnew .newslist li .bmtxt.xq{
    background: #ccc;
}