﻿@charset "utf-8";

body,html{
    width:100%;
    height:100%;
}
.wall-web{
    width:100%;
    padding-bottom: 1.4rem;
}

/*.top-swiper{*/
    /*position: relative;*/
    /*!*width:7.5rem;*!*/
    /*!*height:3.08rem;*!*/
    /*margin: auto;*/
    /*overflow: hidden;*/
    /*z-index: 1;*/
/*}*/

/*.top-swiper img{*/
    /*width:100%;*/
    /*height:100%;*/
/*}*/

/*.swiper-container{*/
    /*width:100%;*/
    /*height:3.08rem;*/
/*}*/



.swiper-container .swiper-slide{
    width:7.5rem;
    height:100%;
}

.swiper-container .swiper-slide a{
    display: inline-block;
    width:100%;
    height:3.8rem;
}

.swiper-wrapper .swiper-slide img{
    width:100%;
    height:100%;
}

.index-search{
    position: absolute;
    top:0.18rem;
    width:100%;
    z-index: 999;
}
.index-search input{
    display: block;
    width:4.83rem;
    height:0.53rem;
    border-radius: 0.27rem;
    margin: auto;
    background-color:rgba(255,255,255,0.8);
    font-size: 0.24rem;
    color: #999999;
    padding-left: 0.9rem;
}

.selected{
    color:#5BA3F7 !important;
}

.index-search img{
    position: absolute;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    top: 0.15rem;
    right: 1.3rem;

}

.index-tab{
    padding:0 0.56rem 0.3rem;
    margin: auto;
}

.index-tab .clearfix:before{
    display: table;
    content: '';
}

.index-list{
    margin-top: 0.4rem;
    display: flex;
    justify-content:center;
    align-items:center;
}
.index-list>div{
    float: left;
    flex: 1;
    /*margin-left: 0.72rem;*/
}

.index-list .first{
    margin-left: 0;
}

.small-index a p{
    width:0.9rem;
    height:0.9rem;
    margin: auto;
}

.small-index a p img{
    width:100%;
    height:100%;
}

.small-index a h3{
    font-size: 0.26rem;
    color: #666666;
    text-align: center;
    font-weight: normal;
    margin-top: 0.2rem;
}

.hot-phone{
    position: relative;
    padding-left: 1.8rem;
    width: 5.1rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: #F5F5F5;
    margin: auto;
    border-radius: 0.3rem;
    font-size: 0.26rem;
    color: #666666;
}

.hot-phone span{
    position: absolute;
    left: 1.2rem;
    display: inline-block;
    width: 0.4rem;
    height: 0.35rem;
}

.hot-phone span img{
    width:100%;
    height:100%;
}

.hot-phone a{
    font-size: 0.26rem;
    color: #666666;
}


.ke-title{
    margin-top: 0.44rem;
    padding: 0 0.3rem;
    vertical-align: top;
}

.none-border{
    display: inline-block;
    width: 0.08rem;
    height: 0.3rem;
    background-color: #5BA3F7;
    margin-right: 0.18rem;
    vertical-align: middle;
}

.ke-title h4{
    display: inline-block;
    font-size: 0.3rem;
    color: #333;
    vertical-align: middle;
}

.link-ke{
    float: right;
    margin-top: 0.18rem;
    font-size: 0.24rem;
    color: #666;
}

.ke-title .link-ask{
margin-left: 0.25rem;
}

.link-ke span{
    display: inline-block;
    width: 0.13rem;
    margin-left: 0.19rem;
    height: 0.24rem;
    background: url("../../img/v_1901/more-hei.png")no-repeat center;
    background-size: 100% 100%;
}

.video-swiper{
    margin-top: 0.26rem;
    height: 2.3rem;
    margin-left: 0.3rem !important;
    width:100%;
    /* width: 7.2rem; */
    overflow: hidden;
    white-space: nowrap;
}

/*.swiper-vid{*/
    /*width:100%;*/
    /*height:2.1rem;*/
/*}*/

/*.swiper-slide{*/
    /*width:auto !important;*/
/*}*/

/*#video-swiper .swiper-slide{*/
    /*width:3rem;*/
/*}*/

#video-swiper .swiper-slide{
    width:3.1rem !important;
}

.video-slide{
    display: inline-block;
    width:3rem !important;
    margin-right: 0.1rem;
    height:2.3rem;
}

.vid-main{
    position: relative;
    width: 3rem;
    height: 1.7rem;
    border-radius: 0.1rem;
    overflow: hidden;

}

.bg-shadow{
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:3rem;
    height:1.7rem;
    background: rgba(0,0,0,.3);
    /*background: url("../../img/v_1901/bigbg-black.png")repeat;*/
}

.bo-fang{
    position: absolute;
    top: 0.6rem;
    left: 1.3rem;
    display: block;
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 50%;
    z-index: 999;
}
.vid-main img{
    width:100%;
    height:100%;
}

.vid-text{
    width:100%;
    font-size: 0.26rem;
    color: #666666;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 0.17rem;
}

.fen-ge{
    width:100%;
    height:0.16rem;
    background-color:#F5F5F5;
    margin-top: 0.4rem;
}

/*有问必答tab*/

.question-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.5rem;
}

.question-tab{
    display: inline-block;
    width:2.5rem;
}

.question-container span{
    display: inline-block;
    height: 0.6rem;
    width:0.02rem;
    background-color: #ccc;
}

.ques-img{
    width:0.49rem;
    height:0.51rem;
    margin: auto;
}

.ques-img2{
    width:0.37rem;
    height:0.51rem;
    margin: auto;
}

.ques-img2 img{
    width:100%;
    height:100%;
}

.ques-img img{
    width:100%;
    height:100%;
}

.ques-text{
   margin-top: 0.31rem;
    font-size: 0.26rem;
    color: #666;
    text-align: center;
}

/*资料文库*/

.hui-jian{
    float: right;
    margin: 0.35rem 0.25rem 0 0;
    display: inline-block;
    width: 0.13rem;
    height: 0.24rem;
    background: url(../../img/v_1901/more-hei.png) no-repeat center;
    background-size: 100% 100%;
    /*margin-left: 5.75rem;*/
}

.lan-jian{
    float: right;
    margin: 0.35rem 0.25rem 0 0;
    display: inline-block;
    width:0.24rem;
    height:0.13rem;
    background: url(../../img/v_1901/more-lan.png) no-repeat center;
    background-size: 100% 100%;
    /*margin-left: 5.75rem;*/
}

.library-list{
    width:95%;
    margin: auto;
}

.small-title{
    height:0.9rem;
    line-height: 0.9rem;
    border-bottom: 1px solid #CCCCCC;
    box-sizing: border-box;
    vertical-align: top;
}

.small-title span{
    vertical-align:middle;
}

.library-name{
    font-size: 0.3rem;
    color:#333333;
    margin-left: 0.1rem;
}

.inside-list{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.1rem 0;
    border-bottom: 1px solid #CCCCCC;
}

.inside-list a{
    display: inline-block;
    width: 2.1rem;
    text-align: center;
    font-size: 0.28rem;
    color: #666;
    padding: 0.15rem 0.1rem;
}

/*底部导航*/

.bottom-nav{
    position: fixed;
    bottom: 0;
    left:0;
    height:0.98rem;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding:0.1rem 0 0.06rem ;
    background-color: #F5F5F5;
    z-index: 99;
}

.bottom-list{
    display: inline-block;
    width:23%;
}

.nav-img{
    width:0.5rem;
    height:0.46rem;
    margin: auto;
}

.nav-img2{
    width:0.36rem;
    height:0.45rem;
    margin: auto;
}

.nav-img3{
    width:0.39rem;
    height:0.43rem;
    margin: auto;
}

.nav-img img{
    width:100%;
    height:100%;
}

.nav-title{
    font-size: 0.2rem;
    color: #666;
    text-align: center;
    margin-top: 0.1rem;
}

/*课堂*/

.top-advertising{
    width:7.5rem;
    height:3.08rem;
    margin: auto;
}

.top-advertising img{
    width:100%;
    height:100%;
}


.video-title{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.video-title>span{
    position: relative;
    display: inline-block;
    font-size: 0.3rem;
    color: #666;
    width: 2rem;
    padding: 0.2rem 0.15rem;
    text-align: center;

}

.activity{
  color:#5BA3F7 !important;
    border-bottom: 2px solid #5BA3F7 !important;
}

.subscript{
    position: absolute;
    bottom: -0.18rem;
    left: 45%;
    display: block;
    width: 0.17rem;
    height: 0.15rem;
    background: url(../../img/v_1901/selice.png)no-repeat center;
    background-size: 100% 100%;
}

.video-list{
    margin-top: 0.3rem;
}

.video-list li{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.video-dif{
    display: inline-block;
    padding-bottom: 0.3rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.main-img{
   width:3.35rem;
    height:2.17rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.main-img img{
    width:100%;
    height:100%;
}


.title-main{
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*width:2.8rem;*/
    /*margin: 0.23rem auto 0;*/
    /*font-size: 0.26rem;*/
    /*color: #2b2b2b;*/
    /*text-align: center;*/
    /*line-height: 0.4rem;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.8rem;
    margin: 0.23rem auto 0;
    font-size: 0.26rem;
    color: #2b2b2b;
    text-align: center;

}

.look-more{
    margin-top: 0.3rem;
}

.look-more a{
    display: block;
    font-size: 0.26rem;
    color:#5BA3F7;
    text-align: center;
    margin: auto;
}

/*筑业课堂列表页*/

.class-head{
    position: relative;
    width:100%;
    height:0.88rem;
    background-color:#5BA3F7;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
}

.class-head span{
    display: inline-block;
    vertical-align: middle;
}

.come-back{
    display: inline-block;
    width:0.15rem;
    height:0.26rem;
    background: url("../../img/v_1901/back.png")no-repeat center;
    background-size: 100% 100%;
}

.zhu-ke{
    width: 83%;
    font-size: 0.36rem;
    color: #fff;
    text-align: center;
}

.ke-search{
    width:0.31rem;
    height:0.30rem;
    background: url("../../img/v_1901/search2.png")no-repeat center;
    background-size: 100% 100%;
}

.search-input{
    display: none;
    position: absolute;
    left: 1.1rem;
    top: 0.15rem;
    vertical-align: top;
}

.search-input input{
    width:3.96rem;
    background-color: #fff;
    padding-left: 0.9rem;
    height:0.53rem;
    line-height: 0.53rem;
    border-radius: 0.27rem 0 0 0.27rem;
    font-size: 0.24rem;
    vertical-align: middle;
}

.search-input>a{
    display: inline-block;
    width: 0.87rem;
    height: 0.59rem;
    line-height: 0.59rem;
    background-color: #185EB1;
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
    margin-left: -0.15rem;
    border-radius: 0 0.27rem 0.27rem 0;
    vertical-align: middle;
}

.sear{
    position: absolute;
    top: 0.17rem;
    left: 0.4rem;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../../img/v_1901/search.png)no-repeat center;
    background-size: 100% 100%;
}


.ke-all{
    font-size: 0.3rem;
    color: #666;
    padding: 0.4rem 0 0.05rem 0.31rem;

}



/*注册页面*/

.register-tele{
    width:0.3rem;
    height:0.48rem;
    background: url("../../img/v_1901/apple (1).png")no-repeat center;
    background-size: 100% 100%;
    margin: 0 0.3rem 0 0.1rem;
}

.register-dun{
    width:0.35rem;
    height:0.47rem;
    background: url("../../img/v_1901/dun.png")no-repeat center;
    background-size: 100% 100%;
    margin: 0 0.3rem 0 0.1rem;
}

.more-yan{
    display: inline-block;
    width: 1.3rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background-color: #5BA3F7;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    margin-left: -0.9rem;
    border-radius: 0.06rem;
}

.more-hui{
    display: inline-block;
    width: 1.8rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background-color: #d9dbe0;
    color: #666;
    text-align: center;
    font-size: 0.2rem;
    margin-left: -0.9rem;
    border-radius: 0.06rem;
}

.have-num{
    color: #999;
    font-size: 0.24rem;
    text-align: center;
}

.have-num .have-login{
    display: inline;
    color: #5BA3F7;
    font-size: 0.24rem;
    margin-left: 0.2rem;
}

.register-row input{
    width:4.5rem !important;
}

.register-btn{
    width: 3.57rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    border-radius: 0.4rem;
    background-color: #5BA3F7;
    color: #fff;
    margin: 0.6rem auto 0.2rem;
}

/*找回密码页面*/

.find-container{
    width:7.5rem;
    margin: auto;

}

.find-head{
    height:0.8rem;
    line-height: 0.8rem;
    background-color: #5BA3F7;
    vertical-align: top;
}

.find-head .come-back{
    margin: 0 2.6rem 0 0.3rem;
    vertical-align: middle;
}

.find-title{
    font-size: 0.36rem;
    color: #fff;
    vertical-align: middle;
}

.find-email{
    position: relative;
}

.find-content>div{
    margin-bottom: 0.2rem;
}

.find-close{
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
}

.find-input{
    height:1rem;
    border: none;
    background-color: #fafafa;
    padding-left: 0.3rem;
    margin-left: 0.3rem;
    font-size: 0.28rem;
}

.input-email{
    display: block;
    width:6.6rem;
    margin:0.84rem auto 0;
}

.find-second{
    vertical-align: top;
}

.yan-zhe{
    display: inline-block;
    height:1rem;
    width:1.6rem;
    vertical-align: middle;
}

.yan-zhe img{
    width:100%;
    height:100%;
}

.input-yan{
    display: inline-block;
    width: 4.85rem;
    vertical-align: middle;
}

.yan-zhe2{
    display: inline-block;
    height:1rem;
    line-height:1rem;
    background-color: #5BA3F7;
    color: #fff;
    font-size: 0.28rem;
    width:1.6rem;
    vertical-align: middle;
    text-align: center;
}

.input-pass{
    display: block;
    width: 6.6rem;
    margin: 0 auto 0;
}

.change-sure{
    display: block;
    width: 3.57rem;
    margin: 0.85rem auto 0;
    height:0.8rem;
    line-height:0.8rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    background-color: #5BA3F7;
    border: none;
    border-radius: 0.4rem;

}

/*个人中心*/

.center-header{
    position: relative;
    width:7.5rem;
    height:3.9rem;
    background: url("../../img/v_1901/peo-bg.png")no-repeat center;
    background-size: 100% 100%;
}

.center-message{
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -3.45rem;
    margin-top: -1.35rem;
    width: 6.9rem;
    height:3rem;
    background-color: #fff;
    /*box-shadow: -0.1rem 0.1rem 0.2rem #dcd6d6;*/
    box-shadow:-0.01rem 0 0.1rem #D4DAE6, /*左边阴影*/
    0.01rem 0 0.1rem #D4DAE6, /*右边阴影*/
    0 0 0 #D4DAE6, /*顶部阴影*/
    0 0.1rem 0.1rem #D4DAE6; /*底边阴影*/
}

.center-img{
    position: absolute;
    top: -7%;
    left: 50%;
    margin-left: -0.65rem;
    margin-top: -0.65rem;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    overflow: hidden;
}

.center-img img{
    width:100%;
    height:100%;
}

.center-name{
    font-size: 0.3rem;
    color: #5BA3F7;
    text-align: center;
    margin: 0.8rem 0 0;
}

.center-tou{
    text-align: center;
    margin-bottom: 0.35rem;
}

.center-tou span{
    font-size: 0.22rem;
    color: #666;

}

.deng-ji{
  border-top: 1px solid #eee;
    padding-top: 0.09rem;
    text-align: center;
}

.deng-ji p{
    display: inline-block;
    width:2.5rem;
}

.deng-ji p span{
    font-size: 0.28rem;
    color: #EFB946;
}

.center-ul{
    padding-top:0.8rem;
}

.center-list{
    width:6.9rem;
    height:0.85rem;
    line-height: 0.85rem;
    border-bottom: 1px solid #eee;
    margin: auto;
    vertical-align: top;
}

.center-list span{
    display: inline-block;
    vertical-align:middle;
}

.you-jian{
    width: 0.13rem;
    height: 0.24rem;
    background: url(../../img/v_1901/more-hei.png) no-repeat center;
    background-size: 100% 100%;
}

.list-img1{
    width:0.3rem;
    height:0.36rem;
    background: url(../../img/v_1901/peo-s.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-text{
    width:5rem;
    font-size: 0.3rem;
    color: #666;
    margin-right: 0.83rem;
}

.list-img2{
    width:0.3rem;
    height:0.36rem;
    background: url(../../img/v_1901/dun-small.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-img3{
    width:0.32rem;
    height:0.32rem;
    background: url(../../img/v_1901/question.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-img4{
    width:0.32rem;
    height:0.32rem;
    background: url(../../img/v_1901/answer.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-img5{
    width:0.32rem;
    height:0.3rem;
    background: url(../../img/v_1901/zi-liao.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-img6{
    width:0.32rem;
    height:0.32rem;
    background: url(../../img/v_1901/ji-lu.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.list-img7{
    width:0.31rem;
    height:0.41rem;
    background: url(../../img/v_1901/money.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}
.list-img8{
    width:0.32rem;
    height:0.3rem;
    background: url(../../img/v_1901/sug.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.tui-chu a{
    display: block;
    margin:0.6rem auto 0;
    width:5.65rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background-color: #5BA3F7;
    font-size: 0.32rem;
    text-align: center;
    color: #fff;
    border-radius: 0.4rem;
}

/*搜索页面*/

.search-header{
    position: relative;
    text-align: center;
    padding-top: 0.2rem;
}

.search-header input{
    width:5.34rem;
    height:0.54rem;
    border: none;
    border-radius: 0.3rem;
    background-color:#F5F5F5;
    font-size: 0.24rem;
    color: #333;
    padding-left: 0.7rem;
}

.search-text{
    font-size: 0.24rem;
    color: #999;
    margin-left: 0.3rem;
}

.search-icon{
    position: absolute;
    top: 0.45rem;
    left: 0.55rem;
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../../img/v_1901/search.png)no-repeat center;
    background-size: 100% 100%;
}

.close-search{
    position: absolute;
    top: 0.45rem;
    right: 1.4rem;
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../../img/v_1901/close.png)no-repeat center;
    background-size: 100% 100%;
}

.sub-title{
    margin-top: 0.4rem;
    vertical-align: top;

}

.sub-title span:first-child{
    font-size: 0.24rem;
    color: #999;
    margin-left:0.3rem;
    vertical-align: top;
}

.sub-title span:last-child{
    float: right;
    display: block;
    width:0.3rem;
    height:0.29rem;
    background: url("../../img/v_1901/delete.png")no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}

.search-ji{
    padding: 0 0.3rem 0.2rem;
    line-height: 0.55rem;
}

.hide-con{
    height:1.06rem;
    overflow: hidden;
}

.search-ji span{
    font-size: 0.24rem;
    color: #333;
    padding: 0.1rem 0.2rem;
    background-color:#F5F5F5;
    border-radius: 0.2rem;
    white-space: nowrap;
    margin-right: 0.15rem;
    margin-bottom: 0.2rem;
}

.sear-more{
    height:0.6rem;
    /*line-height: 0.6rem;*/
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
}

.sear-more span{
    font-size: 0.24rem;
    color: #999999;
}

.sear-more i{
    display: inline-block;
    width:0.15rem;
    height:0.15rem;
    background: url("../../img/v_1901/xia-l.png")no-repeat center;
    background-size: 100% 100%;
    margin-left: 0.15rem;
}

#no-more i{
    transform: rotate(180deg);
}

.hot-search{
    font-size: 0.24rem;
    color: #999;
    margin: 0.36rem 0 0.2rem 0.3rem;
}

.search-ul{
    margin: auto;
}

.search-list{
 border-bottom: 1px solid #E6E6E6;
    height:0.89rem;
    line-height: 0.89rem;
    margin:0 0.3rem;
}

.search-list a{
    font-size: 0.24rem;
    color: #999;
}

.search-tab{
    display: flex;
    justify-content:center;
    align-items:center;
    align-content:center;
    height:0.8rem;
    font-size: 0;
    border-bottom: 1px solid #E6E6E6;

}

.search-tab span{
    display: inline-block;
    /*width:33.3%;*/
    height:0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    color: #666;
    flex: 1;
}

.active-icon{
    border-bottom: 2px solid #5BA3F7;
    color: #5BA3F7 !important;
    box-sizing: border-box;
}


.sty-tab{
    padding-top: 0.23rem;
}



.ask-list{
    position: relative;
    margin: 0 0.3rem;
    border-bottom: 1px solid #E6E6E6;
    padding-top: 0.22rem;
    padding-bottom: 0.1rem;
}

.left-ask{
    display: inline-block;
}

.left-ask div:first-child{
    width:6.3rem;
    font-size: 0.3rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nothing-i{
    position: absolute;
    right: 0;
    top: 0.3rem;
    display: block;
    width: 0.14rem;
    height: 0.24rem;
    background: url(../../img/v_1901/more-hei.png)no-repeat center;
    background-size: 100% 100%;
}

.sub-icon{
    vertical-align: top;
}

.sub-icon p{
    display: inline-block;
    width:1.5rem;
    font-size: 0.2rem;
    color: #999;
    vertical-align: middle;
}

.sub-icon .see-icon{
    width:auto !important;
}

.see-icon span:first-child{
    display: inline-block;
    width:0.23rem;
    height:0.17rem;
    background: url("../../img/v_1901/eyes.png")no-repeat center;
    background-size: 100% 100%;
    margin-right:0.15rem;
}

.see-icon span:last-child{
    font-size: 0.2rem;
    color: #999;
}

.left-fen{
    float: left;
    width:2.35rem;
    height:100%;
    background-color: #F5F5F5;
}

.left-fen div{
    height:1.1rem;
    line-height: 1.1rem;
    text-align: center;
    font-size: 0.3rem;
    color: #333;
}

.active-left{
    background-color: #fff;
}
.right-fen{
    overflow: hidden;
}

.lei-ul{
    padding-top: 0.5rem;
}

.lei-list{
    font-size: 0;
    margin-bottom: 0.35rem;
}

.lei-list a{
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 0.3rem;
    color: #666;
}

.pl-ask{
    position: fixed;
    bottom: 2rem;
    left: 50%;
    /* margin: auto; */
    margin-left: -1.56rem;
    text-align: center;
    background-color: #5BA3F7;
    border-radius: 0.45rem;
    padding: 0.1rem 0.6rem 0.16rem;
    vertical-align: top;
}

.pl-ask i{
    display: inline-block;
    width:0.34rem;
    height:0.36rem;
    background: url("../../img/v_1901/write.png")no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.15rem;
    vertical-align: middle;
}
.pl-ask span{
    font-size: 0.32rem;
    color: #fff;
    vertical-align: middle;
}


/*我要提问页面*/

.select-row{
    margin-top: 0.36rem;
}

.select-title{
    display: inline-block;
    font-size: 0.3rem;
    color: #333;
    margin-left: 0.3rem;
}


.select-row>p{
    display: inline-block;
}
.select-row>p:last-child{
    margin-left: 0.3rem;
}
.select-chose select{
    font-size: 0.3rem;
    color: #333;
    background: rgba(0,0,0,0);
}

.select-chose i{
    display: inline-block;
    width:0.3rem;
    height:0.3rem;
    background: url("../../img/v_1901/select.png")no-repeat center;
    background-size: 100% 100%;
}

.select-row input{
    width:5rem;
    font-size: 0.3rem;
    color: #999;
    background:rgba(0,0,0,0);
}

.box-text{
    margin:0.1rem 0.3rem 0;
   overflow: hidden;
}

.question-detail{
    width:100%;
    font-size: 0.3rem;
    padding: 0.2rem;
    color: #333;
    background-color:#F5F5F5;
}

.xu-shang{
    padding-left: 1.55rem;
    margin-bottom: 0.2rem;
}

.xu-tit{
    display: inline-block;
    width:1.2rem;
    color: #333;
    font-size: 0.3rem;
}

.chose-gold{
    display: inline-block;
    width: 1.4rem;
    position: relative;
}

.chose-gold select{
    width: auto;
    height: 0.7rem;
    background-color: #F5F5F5;
    padding: 0 53%;
    margin: 0;
    text-align-last: center;
    font-size: 0.26rem;
}

.chose-gold select option{
    text-align: center;
}

.chose-gold i{
    position: absolute;
    top: 0.24rem;
    right: -0.25rem;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../../img/v_1901/select.png)no-repeat center;
    background-size: 100% 100%;
}

.xu-gold{
    color: #666;
    font-size: 0.26rem;
    margin-left: 0.1rem;
}

.yan-chose{
    padding-left: 1.55rem;
    vertical-align:top;
}

.yan-chose span{
    color: #333;
    font-size: 0.3rem;
}

.yan-chose input{
    width:1.8rem;
    height:0.7rem;
    border: none;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 0.32rem;
    color: #333;
}

.yan-chose p{
    display: inline-block;
    width:1.28rem;
    height:0.7rem;
    vertical-align: middle;
}

.yan-chose p img{
    width:100%;
    height:100%;
}

.yan-chose i{
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../../img/v_1901/shua-x.png)no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

/*问题详情页*/
.detail-container{
    padding: 0 0.3rem;
}
.detail-container span,detail-container p,detail-container div{
    font-size: 0.26rem;
    color: #333;
    line-height: 0.45rem;
    padding-bottom: 0.2rem;
    word-wrap:break-word;
}
.detail-title{
    font-size: 0.34rem;
    color: #333;
    line-height: 0.45rem;
    padding-top: 0.3rem;

}

.fu-title{
    font-size: 0;
}

.fu-title p{
    display: inline-block;
    margin-right: 0.13rem;
    vertical-align: top;
}

.fu-title p span{
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.ti-name{
    display: inline-block;
    width:1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bi-qi{
    padding-bottom: 0.1rem;
}

.bi-qi span{
    background-color: #F5F5F5;
    font-size:0.26rem;
    color: #333;
    padding: 0.12rem 0.26rem;
    border-radius: 0.3rem;
    white-space: nowrap;
}

.q-ask{
    font-size: 0.3rem;
    color: #333;
    margin: 0.43rem 0 0.38rem;
}

.ask-content{
    font-size: 0.26rem;
    color: #333;
    line-height: 0.45rem;
    padding-bottom: 0.2rem;
}
.ask-content p,.ask-content span,.ask-content div{
    font-size: 0.26rem;
    color: #333;
    line-height: 0.45rem;
    padding-bottom: 0.2rem;
}
.ask-content img{
    width:6.9rem;
    margin: auto;
}

.prefect{
    border-top: 0.16rem solid #f5f5f5;
}

.prefect-title{
    padding: 0.4rem 0 0;
    vertical-align: top;
}

.prefect-title i{
    display: inline-block;
    width:0.34rem;
    height:0.46rem;
    background: url("../../img/v_1901/prefect.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.prefect-title span{
    font-size: 0.3rem;
    color: #333;
    vertical-align: middle;
}

.fu-prefect p{
    display: inline-block;
}

.fu-prefect p span{
    font-size: 0.24rem;
    color: #999;
}

.pre-time{
    float: right;
    margin-top: 0.27rem;
    font-size: 0.24rem;
    color: #999;
}

.answer-content{
    font-size: 0.26rem;
    color: #333;
    line-height: 0.45rem;
    padding-bottom: 0.2rem;
}

.answer-content span p,.answer-content p{
    font-size: 0.26rem;
    color: #333;
    line-height: 0.45rem;
    padding-bottom: 0.2rem;
}
.zan-content{
    text-align: right;
    font-size: 0;
}

.zan-content p{
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25rem;
}

.zan-one i{
    display: inline-block;
    width:0.34rem;
    height:0.33rem;
    vertical-align: middle;
}

.no-hui{
    background: url("../../img/v_1901/no-hui.png")no-repeat center;
    background-size: 100% 100%;
}

.no-lan{
    background: url("../../img/v_1901/no-lan.png")no-repeat center;
    background-size: 100% 100%;
}

.zan-hui{
    background: url("../../img/v_1901/zan-hui.png")no-repeat center;
    background-size: 100% 100%;
}

.zan-lan{
    background: url("../../img/v_1901/zan-lan.png")no-repeat center;
    background-size: 100% 100%;
}

.zan-one span{
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.zan-one .mess{
    display: inline-block;
    width:0.42rem;
    height:0.25rem;
    background: url("../../img/v_1901/message.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.write-question{
    text-align: center;
    font-size: 0;
    margin-top: 0.34rem;
    padding-bottom: 0.3rem;
}
.write-question input{
    width: 4.43rem;
    padding-left: 0.2rem;
    height: 0.8rem;
    background-color: #f5f5f5;
    font-size: 0.28rem;
    color: #333;
}

.write-question a{
    display: inline-block;
    width: 1.37rem;
    height: 0.835rem;
    line-height: 0.835rem;
    text-align: center;
    font-size: 0.28rem;
    color: #fff;
    background-color: #5BA3F7;
}

.fen-kuai{
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 0.2rem;
}

.fen-kuai:last-child{
    border-bottom:none;
}

.other-content{
    vertical-align: top;
    padding: 0.34rem 0 0;
}

.other-content span{
    display: inline-block;
    font-size: 0.26rem;
    color: #333;
    vertical-align: top;
}

.other-content span:first-child{
    width:1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.other-content i{
    font-style: normal;
    font-size: 0.26rem;
    color: #333;
    vertical-align: top;
}

.other-content span:last-child{
 width:65%
}

.other-time{
    font-size: 0.24rem;
    color: #999;
    text-align: right;
    margin-top: 0.2rem;
}

.answer-bottom{
    position: fixed;
    left:0;
    bottom: 0;
    width:100%;
    height:1.4rem;
    border-top: 1px solid #f5f5f5;
    background-color: #fff;
}


/*招聘信息*/

.sub-icon .tim{
    width:auto;
}

.di-qu{
    padding-left: 0.2rem;
}
.di-qu:before {
    content: close-quote;
    background: #999;
    float: left;
    position: relative;
    bottom: -0.08rem;
    left: -0.18rem;
    border-radius: 50%;
    height: 0.05rem;
    width: 0.05rem;
}

.pl-ask .zh-p{
    display: inline-block;
    width: 0.32rem;
    height: 0.38rem;
    background: url(../../img/v_1901/zh-p.png)no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.15rem;
    vertical-align: middle;
}

.pl-ask .qiu-zhi{
    display: inline-block;
    width: 0.3rem;
    height: 0.34rem;
    background: url(../../img/v_1901/qiu-z.png)no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.15rem;
    vertical-align: middle;
}

.zhi-ul{
    padding: 0.4rem 0 0.5rem;
}

.zhi-list{
    font-size: 0;
    display: flex;
    justify-content:center;
    align-items:center;
    align-content:center;
    margin-bottom: 0.4rem;
}

.zhi-list a{
    display: inline-block;
    /* flex: 1; */
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #333;
    font-size: 0.24rem;
    background-color: #f5f5f5;
    border-radius: 0.28rem;
    margin-right: 0.3rem;
}

.zhi-list a:last-child{
    margin-right: 0;
}


/*求职招聘信息*/

.top-container{
    padding: 0.3rem 0;
    border-bottom: 0.16rem solid #f5f5f5;
}

.row-qiu{
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
}

.row-qiu>span:first-child{
    font-size: 0.34rem;
    color: #333;
    font-weight: bold;
}

.row-qiu>span:last-child{
    float: right;
    font-size: 0.26rem;
    color: #333;
    margin-top: 0.2rem;
}

.detail-row{
    display: inline-block;
}

.small-row{

}

.small-row span{
    font-size: 0.3rem;
    color: #333;
}

.look-peo{
    float: right;
    font-size: 0.26rem;
    color: #333;
    margin-top: 0.2rem;
}

.look-peo span{
    font-size: 0.26rem;
    color: #333;
}

.row-qiu2{
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
}

.row-qiu2>span:first-child{
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
}

.row-qiu2>span:last-child{
    float: right;
    font-size: 0.3rem;
    color: #333;
    margin-top: 0.2rem;
    font-weight: bold;
}

.shu-detail{
    padding:0 0.3rem;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.5rem;

}
.shu-detail p,.shu-detail span,.shu-detail div{
    padding:0 0.3rem;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.5rem;
}
.bo-title{
    padding: 0.3rem 0 0 0.3rem;
    font-size: 0.3rem;
    color: #333;
    font-weight:bold;
}

/*发布招聘信息*/

.fa-container{
    padding: 0.4rem 0.3rem 0.4rem;
}

.ce-title{
    font-size: 0.3rem;
    color: #333;
}

.t-put{
    border: none;
    background: rgba(0,0,0,0);
    font-size: 0.3rem;
}

.ce-x{
    position: relative;
    display: inline-block;
}

.ce-x select{
    font-size: 0.3rem;
    padding: 0 23%;

}

.ce-x select option{
    text-align: center;
    color: #999;
}

.ce-x i{
    position: absolute;
    top: 0.21rem;
    right: -1rem;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../../img/v_1901/select.png)no-repeat center;
    background-size: 100% 100%;
}

.dtu-select{
    margin-right: 2rem;
}

.con-title{
    font-size: 0.3rem;
    color: #999;
    margin: 0.3rem 0 0.2rem;
}

.content-nei{
    margin: 0 !important;
}

.second-t{
    margin-top: 0.3rem;
}

.con-title2{
    font-size: 0.3rem;
    color: #333;
    margin: 0.3rem 0 0.2rem;
}

/*资料文库详情页*/

.article-title{
    padding: 0.54rem 0.45rem 0.3rem;
    font-size: 0.34rem;
    color: #333;
}

.xia-title{
    padding: 0 0.45rem 0;
    vertical-align: top;
}

.xia-title span{
    display: inline-block;
    vertical-align: top;
    font-size: 0.24rem;
    color: #333;
}

.xia-title span:last-child{
  width:77%;
}

.small-text{
    font-size: 0;
    text-align: center;
}

.small-text p{
    display: inline-block;
    margin-right: 0.3rem;
}

.small-text p:last-child{
    margin-right: 0;
}

.small-text p span{
    font-size: 0.2rem;
    color: #999;
}

.top-cont2{
    border-bottom: 0.15rem solid #f5f5f5;
    padding-bottom: 0.5rem;
}

.article-detail{
    padding: 0 0.3rem;
    vertical-align: top;
    margin-top: 0.1rem;
}

.article-detail>div{
    display: inline-block;
    vertical-align: top;
}

.art-img{
    width:3rem;
    margin-right: 0.15rem;
}
.art-img img{
    width:100%;
    height:100%;
}

.art-det{
    padding-top: 0.2rem;
}

.art-row span{
    font-size: 0.26rem;
    color: #333;
}

.click-btn{
    margin-bottom: 0.3rem;
}
.click-btn span{
    display: inline-block;
    width:1.2rem;
    height:0.45rem;
    line-height: 0.45rem;
    text-align: center;
    border:1px solid #5BA3F7;
    color: #5BA3F7;
    font-size: 0.24rem;
}

.shou-c a{
    color: #5BA3F7;
    font-size: 0.24rem;
}

.active-shou{
    background-color:#5BA3F7;
    color: #fff !important;
}

.heart{
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.07rem;
    vertical-align: text-bottom;
}

.heart-l{
    background: url("../../img/v_1901/shou-l.png")no-repeat center;
    background-size: 100% 100%;
}

.heart-w{
    background: url("../../img/v_1901/shou-w.png")no-repeat center;
    background-size: 100% 100%;
}

.download-btn{
    display: block;
    width:2.67rem;
    height:0.6rem;
    line-height: 0.6rem;
    background-color: #5BA3F7;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
}

.ti-j{
    display: block;
    width: 1.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: #5BA3F7;
    text-align: center;
    font-size: 0.26rem;
    color: #fff;
    border-radius: 0.1rem;
    margin: 0.3rem auto 0;
}

.bottom-cont2{
    padding: 0.3rem 0.3rem 0.2rem;
}

.number-title{
   margin-bottom: 0.3rem;
}

.number-title span{
    font-size: 0.3rem;
    color: #333;
}

/*资料文库列表页*/

.article-banner{
    width:7.5rem;
    height:2.36rem;
    margin: auto;
}

.article-banner img{
    width:100%;
    height:100%;
}

.left-ask2{
    display: inline-block;
    vertical-align: top;
}

.left-ask2>div{
    display: inline-block;
    vertical-align:middle;
}

.download-title{
    width:4.2rem;
    font-size: 0.3rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-word{
    width:0.51rem;
    margin-right: 0.2rem;
}

.icon-word img{
    width:100%;
    height:100%;
}

.sub-icon .sign-mb{
    width:1.5rem;
}


.zi-title{
    padding-bottom: 0 !important;
}

.xun-detail{
    padding: 0.15rem 0.3rem 0.4rem;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333;
}
.xun-detail p,.xun-detail div{
    padding: 0.15rem 0.3rem 0.4rem;
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333;
}

.xun-detail span{
    font-size: 0.24rem;
    line-height: 0.38rem;
    color: #333;
}
.xun-detail img{
    display: block;
    width:100%;
    height:100%;
    margin: 0.15rem auto;
}

.advertising{
    border-top: 0.15rem solid #f5f5f5;
    border-bottom: 0.15rem solid #f5f5f5;
}

.advertising img{
    display: block;
    width:6.95rem;
    height:100%;
    margin: auto;
}

.xun-ul{
    padding-bottom: 0.55rem;
}

.xun-list{
    position: relative;
    font-size: 0;
    vertical-align: top;
}

.xun-list span{
    vertical-align: middle;
}

.xun-time{
   display: inline-block;
    font-size: 0.26rem;
    color: #5BA3F7;
}

.xun-title{
    display: inline-block;
    width: 4.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #333;
}

.xun-j{
    position: absolute;
    right: 0;
    top: 0.27rem;
    display: block;
    width: 0.14rem;
    height: 0.24rem;
    background: url(../../img/v_1901/more-hei.png)no-repeat center;
    background-size: 100% 100%;
}

/*我的提问*/

.price-icon span:first-child{
    display: inline-block;
    width:0.22rem;
    height:0.22rem;
    background: url("../../img/v_1901/bi-z.png")no-repeat center;
    background-size: 100% 100%;
    margin-right: 0.15rem;
    vertical-align: middle;
}

.price-icon span:last-child{
    font-size: 0.2rem;
    color: #999;
    vertical-align: middle;
}


/*我的资料库*/

.fu-row p{
    display: inline-block;
    vertical-align:top;
}

.fu-row p:first-child{
    margin-right: 0.1rem;
}

.money-icon{
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(../../img/v_1901/bi-z.png)no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}
.fu-sub{
    font-size: 0.2rem;
    color: #999;
    vertical-align: middle;
}

.cao-btn{
    position: absolute;
    right:0;
    bottom:0.1rem;
    vertical-align: bottom;
}

.detail-btn{
    display: inline-block;
    width: 1.1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border: 0.02rem solid #5BA3F7;
    font-size: 0.24rem;
    color: #5BA3F7;
    text-align: center;
    box-sizing: border-box;
    vertical-align: bottom;
}

.m-down{
    display: inline-block;
    width:1.4rem;
    height:0.5rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    background-color: #5BA3F7;
}

.m-down2{
    display: inline-block;
    width:1.2rem;
    height:0.5rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    background-color: #5BA3F7;
}

/*个人资料填写*/

.wall-web3{
    min-height:100vh !important;
    background-color: #f5f5f5;
}

.person-container{
    background-color: #f5f5f5;
    padding: 0.4rem 0.3rem 0;
}

.person-row{
    position: relative;
    vertical-align: top;
    margin-bottom: 0.2rem;
}

.left-tit{
    display: inline-block;
    width:1.3rem;
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
}

.put-down{
    width:5.1rem;
    height:1rem;
    border: none;
    background-color: #fff;
    padding-left: 0.28rem;
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
}

.close-put{
    position: absolute;
    top: 0.39rem;
    right: 0.2rem;
    display: inline-block;
    width: 0.26rem;
    height: 0.26rem;
    background: url(../../img/v_1901/close.png)no-repeat center;
    background-size: 100% 100%;
    margin-left: 0.1rem;
}

.sex-row{
    font-size: 0.3rem;
    color: #999;
    margin: 0.4rem 0;
}

.check-option{
    position: relative;
    display: inline-block;
    margin-right: 0.7rem;
}

.check-option select{
    width:auto;
    padding: 0 10%;
    font-size: 0.3rem;
    background: rgba(0,0,0,0);
    text-align: center;
}
.check-option select option{
    text-align: center;
}


.check-option i{
    position: absolute;
    top: 0.21rem;
    right: -0.6rem;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../../img/v_1901/select.png)no-repeat center;
    background-size: 100% 100%;
}

.worm-suggest{
    font-size: 0.26rem;
    color: #999;
    line-height: 0.4rem;
    margin-top: 0.5rem;
}

.word-text{
    font-size: 0.28rem;
    color: #333;
}

.cao-link{
    float: right;
    font-size: 0.3rem;
    color: #fff;
    background-color: #5BA3F7;
    padding: 0.15rem 0.5rem;
    border-radius: 0.35rem;
    text-align: center;
}

/*找回密码*/

.pass-worm{
    font-size: 0.28rem;
    color: #999;
    padding-left: 1.5rem;
    margin-bottom: 0.2rem;
}

/*修改绑定手机号*/


.put-ma{
    width:2.6rem;
    height:0.95rem;
    background-color: #fff;
    border: none !important;
    text-align: center;
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
}

.ma-img{
    display: inline-block;
    width:1.4rem;
    height:1rem;
    vertical-align: middle;
}

.ma-img img{
    width:100%;
    height:100%;
}

.shua-x{
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../../img/v_1901/shua-x.png)no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.email-title{
    font-size: 0.28rem;
    color: #333;
    text-align: center;
    padding: 0.4rem 0;
}

.email-put{
    display: block;
    width:6.9rem;
    height:1rem;
    margin: auto;
    background-color: #fff;
    text-align: center;
    font-size: 0.28rem;
}

/*筑业币充值*/


.word-gold{
    display: inline-block;
    width:1.5rem;
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
}

.gold-down{
    width:4.9rem !important;
}

/*筑业币收支记录*/

.number-r{
    position: absolute;
    right: 0;
    top: 0.5rem;
    font-size: 0.36rem;
}

.num-l{
    color: #5BA3F7;
}

.num-r{
    color: #DB6A6A;
}

.di-qu2{
    padding-left: 0.2rem;
    width:auto !important;
}
.di-qu2:before {
    content: close-quote;
    background: #999;
    float: left;
    position: relative;
    bottom: -0.08rem;
    left: -0.18rem;
    border-radius: 50%;
    height: 0.05rem;
    width: 0.05rem;
}

/*筑业课堂*/

.video-content{
    width:7.5rem;
    margin: auto;
}

.video-content video{
    width:100%;
    height:100%;
}

.video-sub{
    padding: 0.4rem 0.3rem 0;
    font-size: 0.32rem;
    color: #333;
    line-height: 0.45rem;
}

.jie-video{
    padding: 0.3rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.4rem;
}
.center-cont{
    position: relative;
    padding-bottom: 1.2rem;
}

.pin-ul{
    padding: 0.5rem 0 0;
}


.pin-list{
    position: relative;
    font-size: 0;
    vertical-align: top;
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
}

.pin-list>div{
    display: inline-block;
}

.peo-picture{
   width:0.7rem;
    height:0.7rem;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: top;
}

.peo-picture img{
    width:100%;
    height:100%;
}

.peo-middle{
    border-bottom: 1px solid #E6E6E6;
}

.peo-name{
    font-size: 0.26rem;
    color: #666;
}

.pin-time span{
    font-size: 0.2rem;
    color: #999;
}

.pin-time span:first-child{
    margin-right: 0.2rem;
}

.pin-content{
    width:5.95rem;
    font-size: 0.26rem;
    color: #333;
    line-height: 0.4rem;
    padding-bottom: 0.2rem;
}

.how-zan{
    position: absolute;
    right: 0.55rem;
    top: -0.28rem;
}

.how-zan span{
    font-size: 0.24rem;
    color: #999;
}

.how-zan i{
    display: inline-block;
    width: 0.34rem;
    height: 0.33rem;
    vertical-align: middle;
}

.write-pin{
    position:fixed;
    left:50%;
    bottom: 0.1rem;
    margin-left: -3.4rem;
    vertical-align: top;
}

.put-pin{
    padding-left: 0.4rem;
    width: 5.6rem;
    height: 0.84rem;
    background-color: #fff;
    border-radius: 0.5rem;
    border: none;
    font-size: 0.24rem;
    box-shadow: 0 0 30px #c1c1c8;
    vertical-align: middle;
}

.write-pin span{
    display: inline-block;
    width: 1.66rem;
    height: 0.87rem;
    line-height: 0.87rem;
    text-align: center;
    border-radius: 0.45rem;
    background-color: #5BA3F7;
    color: #fff;
    margin-left: -1rem;
    font-size: 0.24rem;
    vertical-align: middle;
}

.pc-contain{
    padding-top: 1.74rem;
}

.go-pc{
    display: block;
    width:3.64rem;
    height:2.47rem;
    margin: auto;
}

.kong-no{
    display: block;
    width:3.26rem;
    height:2.25rem;
    margin: auto;
}

.say-sth{
    font-size: 0.24rem;
    color: #999;
    text-align: center;
    margin-top: 0.2rem;
}

.tan-w{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.7);
}

.delete-c{
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -2.5rem;
    width: 5rem;
    background-color: #fff;
    padding-bottom: 0.5rem;
}

.ask-sure{
    padding: 0.7rem 0 0.3rem;
    text-align: center;
    font-size: 0.28rem;
    color: #2b2b2b;
}

.c-an{
    text-align: center;
}

.c-an a{
    padding: 0.15rem 0.3rem;
    background-color: #f5f5f5;
    font-size: 0.2rem;
    color: #2b2b2b;
    margin: 0 0.3rem;
}

.close-tan{
    position: absolute;
    right:0.2rem;
    top:0.2rem;
    width:0.26rem;
    height:0.26rem;
    background: url("../../img/v_1901/close.png")no-repeat center;
    background-size: 100% 100%;
}


.mistake-c{
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    background-color: #fff;
    padding-bottom: 0.5rem;
    border-radius: 0.05rem;
}

.big-container {
    padding-bottom:1.5rem;
}


.nothing-list{
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.5rem;
}


.jia-zai{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.5rem;
    width: 3rem;
    height: 2rem;
    line-height: 2rem;
    background: rgba(0,0,0,.4);
    font-size: 0.3rem;
    text-align: center;
    color: #fff;
    border-radius: 0.1rem;
}

.accept-btn{
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.other-list{
    vertical-align: top;
    padding: 0.05rem;
}



.other-list .other-name{
    display: inline-block;
    width:2rem;
    font-size: 0.24rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
.other-list span{
    font-size: 0.24rem;
    color: #999;
    vertical-align:top;
    margin-right: 0.15rem;
}
.other-list p{
    display: inline-block;
    width: 4.5rem;
    font-size: 0.24rem;
    color: #999;
    vertical-align: top;
}
.long-left{
    width:2.95rem !important;
}

.suggest-s{
    padding: 0.3rem 0.3rem 0;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.45rem;
}

.sug-text{
    text-align: center;
    width: 70%;
    line-height: 0.25rem;
    margin: auto;
}

.sug-text span,.sug-text i{
    font-size: 0.2rem;
    color: #999;
    white-space: nowrap;
}

.mask-d{

}

.yi-cai{
    float: right;
    width:1.05rem;
    height:0.35rem;
    line-height: 0.35rem;
    border-radius: 0.2rem;
    border:1px solid #5BA3F7;
    text-align: center;
    font-size: 0.2rem;
    color: #5BA3F7;
    background-color: rgba(91, 163, 247, 0.13);
    margin-right: 0.45rem;
 }

.guan-hui{
    width:85%;
    margin: auto;
    background-color: #F5F5F5;
    padding: 0.24rem 0.25rem;
}

.guan-hui p:first-child{
    font-size: 0.2rem;
    color: #5BA3F7;
    margin-bottom: 0.12rem;
}
.guan-hui .ls{
    font-size: 0.2rem;
    color: #999;
    line-height: 0.4rem;
}

.guan-hui div{
    font-size: 0.2rem;
    color: #999;
    margin-top: 0.2rem;
}



/*首页弹窗*/

.layer-box{position: absolute;width: 100%;height: 100vh;top:0;left: 0; overflow: auto}
.layer-cover{position: fixed;width: 100%;height: 100vh;background-color: #0f0f0f;opacity: 0.7;z-index: 9;}
.layer-coupon{position: absolute;top:50%;left: 10%;z-index: 99;margin-top: -4rem;width: 80%;height: 8rem;}
.layer-img{width: 100%;}
.layer-img img{width:100%;}
.layer-close{position: absolute;top:-0.3rem;right: -0.3rem;width: 12%}
.layer-close img{width: 100%;}
/*立即领取*/
.layer-btn{position: absolute;top:59%;left: 30%;}
.layer-btn a{width: 100%;display: inline-block}
.layer-btn a img{width: 100%;}