@charset "UTF-8";
body,html,section,img,div,a,p,span,h2,b,strong,span,h1,h2{margin:0;padding:0;}
/* body{background-color: #fe932a;} */
.wrapper{max-width: 750px;font-size:0.32rem;position: relative;overflow: hidden;
    margin:0 auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.wrapper img{display:block;width: 100%;border:none;}
.wrapper a{text-decoration: none;}
.wrapper em{font-style: normal; }
.club-green{color: #33CFDA;}
.club-gray{color: #BFC5CB;}
.club-orange{color:#F7641C;}
.club-deep-gray{color: #525252;}
.club-black{color: #000000;}
.bgColor{background-color: #F4F4F4}
.bgColor-white{background-color: #fff;}
.marT18{  margin-bottom: 0.18rem;  }
.hide{display: none;}
/*社团头部信息*/
.wrapper-head{
    position: relative;
    padding: 0.26rem 0 0.32rem;
    font-size: 0.3rem;
    overflow: hidden;
    border-bottom: 1px solid #E1E1E1;
}
.wrapper-head .wrapper-head-img{
    width: 0.78rem;
    height:0.78rem;
    overflow: hidden;
    position: absolute;
    top:0.26rem;
    left:0.26rem;
    border-radius: 50%;
}
.wrapper-head p{
    padding-right: 0.26rem;
    height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.wrapper-head .head-indent{
    padding-left: 1.26rem;
}
.wrapper-head .head-indent span{
    font-size: 0.22rem;
    padding: 0 0.17rem;
    background:rgba(99,220,224,0.1);
    border: 1px solid #daf2f7;
    border-radius: 0.17rem;
}
.wrapper-head .head-info{
    position: relative;
    padding-top: 0.14rem;
    padding-left:0.26rem;
    padding-right: 0.7rem;
    cursor: pointer;
}
.wrapper-head .head-info span{
    position: absolute;
    z-index: 10;
    right: 0.26rem;
    bottom: 0;
    cursor: pointer;
}

/*社团内容板块*/
.wrapper-main-block { overflow: hidden; }
.wrapper-main-empty{
    border-top: 1px solid #E1E1E1;
    height: 7.9rem;
    color: #8C8C8C;
    text-align: center;
    background: url(/vendors/club/img/empty.png) no-repeat 2.3rem 0.8rem #fff;
    background-size:2.74rem;
}
.wrapper-main-empty>p{
    font-size: 0.3rem;
    padding-top: 3.2rem;
    line-height: 0.42rem;
}
.wrapper-main .main-tabs{
    height: 0.84rem;
    border-top: 1px solid #E1E1E1;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:flex-start;
    background: url(/vendors/club/img/Line.png) no-repeat center center #fff;
    background-size: 1px 0.3rem;
}
.wrapper-main .main-tabs .main-tab{
    width: 100%;
    text-align: center;
    line-height: 0.84rem;
    position: relative;
    cursor: pointer;
}
.main-tabs .main-tab .tab-status{
    display: inline-block;
    width: 0.48rem;
    height: 0.06rem;
    border-radius: 0.03rem;
    background: linear-gradient(to right, #FFAF00, #FF7900);
    position: absolute;
    left: 50%;
    bottom: 0.04rem;
    margin-left: -0.24rem;
    visibility: hidden;
}
.main-tabs .main-tab-active .tab-status{
    visibility: inherit;
}
.ranking-list-box {
    padding-top: .18rem; background-color: #f4f4f4;
}
.ranking-list-title .title-icon {
    float: left; width: .08rem; height: .34rem; margin: .26rem .1rem 0 .26rem;
    background-color: #33CFDA;
}
.ranking-list-title {
    height: .84rem; background-color: #fff;
    font-size: .34rem; color: #000; line-height: .84rem;
}
.ranking-list-title .date { padding-left: .08rem; font-size: .24rem; color: #8C8C8C; }
.ranking-list-title a { float: right; margin-right: .4rem; color: #33CFDA; line-height: .84rem; }
.ranking-list-tabs {}
.ranking-list-tabs .tabs-hd {
    display: flex; height: .7rem; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB;
    margin: 0; list-style: none; padding: 0;
}
.ranking-list-tabs .tabs-hd li {
    flex: 1; font-size: .28rem; line-height: .7rem; color: #8C8C8C;
    text-align: center;
}
.ranking-list-tabs .tabs-hd li:nth-child(2) {
    border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB;
}
.ranking-list-tabs .tabs-hd li.cur {
    background-color: #DBDBDB; color: #000;
}

.main-block{
    padding:0 0.26rem;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
.main-block:nth-last-of-type(1){
    border-bottom: 1px solid transparent;
}
.main-block .main-block-head{
    padding: 0.28rem 0 0.14rem 1rem;
    position: relative;
    overflow: hidden;
}
.main-block .main-block-head:after{
    content: '';
    display: inline-block;
    width: 0.12rem;
    height: 0.18rem;
    border-bottom:2px solid #DADADA;
    border-right: 2px solid #DADADA;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top:0.15rem;
    z-index: 0;
}

.main-block .main-block-head p{
    height: 0.42rem;
    line-height: 0.42rem;
    overflow: hidden;
}
.main-block .main-block-head p span.club-green{
    font-size: 0.26rem;
}

.main-block-head .block-head-img {
    width: 0.78rem;
    height:0.78rem;
    position: absolute;
    top:0.28rem;
    left:0;
}
.main-block-head .block-head-img .block-head-img-radius{
    width: 0.78rem;
    height:0.78rem;
    overflow: hidden;
    border-radius: 50%;
}
.main-block-head .block-head-img .block-head-img-radius img{
    width: 100%;
    height: 100%;
}

.main-block-head.ident-status .block-head-img:before{
    content: '';
    display: inline-block;
    width: 0.28rem;
    height: 0.29rem;
    background: url(/vendors/club/img/icon.png) no-repeat left top;
    background-size: 0.28rem;
    position: absolute;
    left:0.5rem;
    bottom:0;
    z-index: 2;
}
.main-block-head.ident-status .member-head-img:before,
.wrapper-main-comment .main-block-head.ident-status .member-head-img:before{
    content: '';
    display: inline-block;
    width: 0.28rem;
    height: 0.29rem;
    background: url(/vendors/club/img/vip-member.png) no-repeat left top;
    background-size: 0.28rem;
    position: absolute;
    left:0.5rem;
    bottom:0;
    z-index: 2;
}
.main-block-head.ident-status .degree-head-img:before,
.wrapper-main-comment .main-block-head.ident-status .degree-head-img:before{
    content: '';
    display: inline-block;
    width: 0.28rem;
    height: 0.29rem;
    background: url(/vendors/club/img/degree.png) no-repeat left top;
    background-size: 0.28rem;
    position: absolute;
    left:0.5rem;
    bottom:0;
    z-index: 2;
}
.block-head-time{
    font-size: 0.22rem;
    color: #9A9A9A;
}
.main-block .main-block-head-nos {padding-left: 1.7rem;}
.main-block-head-nos .block-nos {
    position: absolute; left: 0; top: .4rem;
    width: .6rem; height: .46rem;
    font-size: .26rem; line-height: .46rem; color: #525252; text-align: center;
}
.item-box .main-block:nth-child(1) .main-block-head-nos .block-nos {
    background: url('../img/ranking-list-icon1.png') no-repeat center center;
    background-size: auto 100%; text-indent: -9999px; overflow: hidden;
}
.item-box .main-block:nth-child(2) .main-block-head-nos .block-nos{
    background: url('../img/ranking-list-icon2.png') no-repeat center center;
    background-size: auto 100%;  text-indent: -9999px; overflow: hidden;
}
.item-box .main-block:nth-child(3) .main-block-head-nos .block-nos{
    background: url('../img/ranking-list-icon3.png') no-repeat center center;
    background-size: auto 100%;  text-indent: -9999px; overflow: hidden;
}
.main-block-head-nos .block-head-img {
    left: 0.68rem;
}

.member-set{
    padding: 0;
    margin: 0 0.26rem;
    border-top: 1px solid transparent;
}
.member-line{
    height: 0; border-top: 1px solid #E1E1E1; overflow: hidden;
}
.member-set .main-block-head .block-head-time{
    font-size: 0.26rem;
    color: #525252;
}
.member-set .main-block-head:after{
    visibility: hidden;
}
.block-content-imgs{
    margin-top: 0.2rem;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:baseline;
}
.block-content-imgs .block-content-img{
    width: 2.26rem;
    height: 2.26rem;
    overflow: hidden;
    border-radius: 0.03rem;
    margin-bottom: 0.08rem;
    margin:0 0.03rem 0.06rem;
}
.block1-content-imgs.block1-content-imgs .block-content-img{
    max-width: 100%;
    height: auto;
}
.block-content-imgs.block4-content-imgs{
    width: 4.64rem;
}
.block-content-form{
    font-size: 0.24rem;
    padding: 0.2rem 0;
}
.block-content-opertions{
    height: 0.68rem;
    border-top: 1px solid #E1E1E1;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:flex-start;
    font-size: 0.26rem;
    color: #9F9F9F;
}
.block-content-opertions .block-content-opertion{
    width: 100%;
    text-align: center;
    line-height: 0.68rem;
    cursor: pointer;
}
.block-content-opertions .block-content-opertion span{
    position: relative;
    padding-left: 0.38rem;
}
.block-content-opertions .block-content-opertion span:after{
    display: block;
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    position: absolute;
    left: 0;
}
.block-content-opertions .block-content-opertion .opertion-share:after{
    background: url(/vendors/club/img/icon1.png) no-repeat left top;
    background-size: 1.32rem;
    top:0.02rem;
}
.block-content-opertions .block-content-opertion .opertion-comment:after{
    background: url(/vendors/club/img/icon1.png) no-repeat center top;
    background-size: 1.32rem;
    top:0.04rem;
}

.block-content-opertions .block-content-opertion .opertion-fabulous:after{
    background: url(/vendors/club/img/icon1.png) no-repeat right top;
    background-size: 1.32rem;
    top:0.06rem;
}
.wrapper-done{
    width: 3.3rem;
    margin: 0.4rem auto;
}

/*详情页*/
.wrapper-banner{
    border-bottom: 1px solid #E1E1E1;
}

.wrapper-detail{
    padding: 0 0.26rem 0.5rem;
    border-top: 1px solid #E1E1E1;
    font-size: 0.3rem;
}
.wrapper-detail>h1{
    padding-top: 0.33rem;
    font-size: 0.4rem;
    text-align: center;
}
.wrapper-detail>h2{
    padding: 0.1rem 0 0.28rem;
    font-size: 0.32rem;
    font-weight: normal;
    text-align: center;
}

/*评论板块*/
.wrapper-main-comment{
    font-size: 0.3rem;
}
.wrapper-main-comment h1{
    font-size: 0.3rem;
    height: 0.74rem;
    line-height: 0.74rem;
    padding-left: 0.47rem;
    border-bottom: 1px solid #E1E1E1;
    font-weight: normal;
    position: relative;
}
.wrapper-main-comment h1:after{
    display: block;
    content: '';
    width: 0.07rem;
    height: 0.3rem;
    background-color: #33CFDA;
    position: absolute;
    left: 0.36rem;
    top:0.22rem;
}
.wrapper-main-comment .main-block-head{
    margin-left: 1.22rem;
    padding-top: 0.2rem;
    padding-bottom: 0.22rem;
    position: relative;
    border-bottom: 1px solid #E1E1E1;
}
.wrapper-main-comment .main-block-head .block-head-img {
    width: 0.74rem;
    height:0.74rem;
    position: absolute;
    top:0.2rem;
    left:-1rem;
}
.wrapper-main-comment .block-head-img .block-head-img-radius{
    width: 0.74rem;
    height:0.74rem;
    overflow: hidden;
    border-radius: 50%;
}
.wrapper-main-comment .main-block-head  p{
    color: #676767;
}
.wrapper-main-comment .main-block-head  p .club-green{
    font-size: 0.26rem;
}
.wrapper-main-comment .ident-status .block-head-img:before{
    content: '';
    display: inline-block;
    width: 0.28rem;
    height: 0.29rem;
    background: url(/vendors/club/img/icon.png) no-repeat left top;
    background-size: 0.28rem;
    position: absolute;
    left:0.46rem;
    bottom:0;
    z-index: 2;
}

.wrapper-main-comment .block-head-time{
    font-size: 0.22rem;
    color: #9A9A9A;
    padding-right: 0.26rem;
}
.wrapper-main-comment .main-block-head  p.block-head-comment{
    padding-top: 0.12rem;
    padding-bottom: 0.2rem;
    color: #000;
    white-space:normal;
    word-break:break-all;
}
.comment-response{
    font-size: 0.24rem;
    color: #676767;
    float: right;
    cursor: pointer;
}
.comment-response .opertion-fabulous{
    position: relative;
    padding-left: 0.4rem;
    display: inline-block;
}
.comment-response .opertion-fabulous:before{
    display: block;
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    position: absolute;
    left: 0.05rem;
    top:0.04rem;
    background: url(/vendors/club/img/icon1.png) no-repeat right top;
    background-size: 1.1rem;
}
.block-head-response{
    margin-top: 0.14rem;
    margin-right: 0.26rem;
    padding: 0.2rem 0.2rem 0.1rem;
    font-size: 0.26rem;
    color: #676767;
    background-color: #F7F7F7;
    border-radius: 0.02rem;
}
.block-head-response>p{
    padding-bottom: 0.1rem;
}
.downlink{
    cursor: pointer;
}

/* 个人简介 */
.personal-info {
    height: 3.66rem; padding: .5rem .3rem 0 .64rem;
    background: url('../img/personal-info-bg.png') no-repeat 0 0;
    background-size: 100% 100%;
}
.personal-info .personal-head {
    display: flex;
}
.personal-info .personal-head .head {
    width: 1.4rem; height: 1.4rem;
    overflow: hidden;
}
.personal-info .personal-head .head img {
    display: block; width: 100%; height: 100%; border-radius: 50%;
}
.personal-info .ident-status { position: relative }
.personal-info .ident-status:before{
    content: '';
    display: inline-block;
    width: 0.46rem;
    height: 0.48rem;
    background: url(/vendors/club/img/icon.png) no-repeat left top;
    background-size: 0.46rem;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.personal-info .member-head-img:before{
    content: '';
    display: inline-block;
    width: 0.46rem;
    height: 0.48rem;
    background: url(/vendors/club/img/vip-member.png) no-repeat left top;
    background-size: 0.46rem;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.personal-info .degree-head-img:before{
    content: '';
    display: inline-block;
    width: 0.46rem;
    height: 0.48rem;
    background: url(/vendors/club/img/degree.png) no-repeat left top;
    background-size: 0.46rem;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.personal-info .personal-head .name-tags { flex: 1; padding-left: .2rem; }
.personal-info .personal-head .name {
    min-height: .8rem; margin-bottom: .1rem;
    font-size: .34rem; color: #FFFFFF; line-height: .4rem;
}
.personal-info .personal-head .club-orange{color: #F7641C;}
.personal-info .personal-head .tags { overflow: hidden; }
.personal-info .personal-head .tags span {
    float: left; height: .38rem; padding: 0 .2rem; margin: 0 .03rem .03rem;
    background-color: #1bcbd0; border-radius: .18rem; border: 1px solid #00ffff;
    font-size: .26rem; color: #fff; line-height: .38rem;
}
.personal-info .address-experience {
    display: flex; padding-top: .4rem; font-size: .28rem; color: #93E6E9;
}
.personal-info .address-experience div {
    flex: 1;
}
.personal-info .address,
.personal-info .experience {
    color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.personal-info .address { padding-right: .26rem; }
.personal-info .address:before {
    display: inline-block; position: relative; content: '';
    width: .2rem; height: .27rem; margin: -0.06rem .05rem 0 0;
    background: url('../img/icon-address.png') no-repeat 0 0;
    background-size: 100% 100%;
    vertical-align: middle;
}
.personal-info .experience {
    padding-left: .26rem;
}
.personal-info .experience:before {
    display: inline-block; position: relative; content: '';
    width: .24rem; height: .28rem; margin: -0.07rem .05rem 0 0;
    background: url('../img/icon-experience.png') no-repeat 0 0;
    background-size: 100% 100%; vertical-align: middle;
}
.personal-intro {
    padding-top: .2rem; background-color: #fff; margin-bottom: .18rem;
    font-size: .26rem; color: #6F6F6F; overflow: hidden;
}
.personal-intro h2 {
    height: .42rem; margin-bottom: .2rem; font-size: .3rem; color: #303030; line-height: .42rem;
    text-align: center;
}
.personal-intro h2 span {
    display: inline-block;
}
.personal-intro h2 span.span-l {
    padding-left: 2rem;
    background: url('../img/personal-intro-title-bg1.png') no-repeat 0 center;
    background-size: 36% auto;
}
.personal-intro h2 span.span-r {
    padding-right: 2rem;
    background: url('../img/personal-intro-title-bg2.png') no-repeat right center;
    background-size: 59% auto;
}
.personal-intro p {
    margin: 0 .3rem; overflow : hidden; text-overflow: ellipsis; line-height: .38rem;
    display: -webkit-box; display: box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.personal-intro p.moreCont {
    -webkit-line-clamp: 100000;
    line-clamp: 100000;
}
.personal-intro .more {
    float: right; clear: right; width: .5rem; height: .5rem; margin-right: .3rem; text-align: center
}
.personal-intro .more:after{
    content: '';
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    border-bottom:2px solid #DADADA;
    border-right: 2px solid #DADADA;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.personal-intro .more-up:after {
    transform: rotate(230deg); margin-top: 0.08rem; vertical-align: middle;
}
/* 修改的评论的头部样式 */
.m-share-comments .comments-title{
    width:100%;
    height: 0.92rem;
    padding-top: .28rem;
    box-sizing: border-box;
}
.m-share-comments .title-text{
    float:left;
    height: 0.4rem;
    border-left: solid 0.1rem #33CFDA;
    padding-left: 0.18rem;
    font-size:0.36rem;
    line-height: 0.36rem;
}
.m-share-comments .share-number{
    float:right;
    margin:0.04rem 0.3rem 0 0 ;
    height: 0.28rem;
    font-size:0.28rem;
    color:#B3B3B3;
}
.dynamic-info{
    padding:0.2rem 0.18rem;
    margin:0 auto 0.2rem;
    max-width: calc(750px - 0.36rem);
    background:#fff;
}
.dynamicColor{
    background: #f2f6f7;
}
.dynamic-head{
    position: relative;
    height:1.88rem;
    border-radius: 0.08rem;
    overflow: hidden;
    zoom: 1;
}
.dynamic-bg{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:200%;
}
.dynamic-head-bg{
    background:url("../img/dayna.png") no-repeat center;
    background-size: 100% 200%;
    width: 100%;
    height: 100%;
    filter: blur(9px);
}
.dynamic-drag{
    position: absolute;
    left:0;
    top:0;
    padding:0.3rem 0.26rem;
    width:calc(100% - 0.52rem);
    height:1.28rem;
    z-index:11;
    background: rgba(112,72,30,0.5);
}
.dynamic-head .dynamic-img{
    float: left;
    width:1.5rem;
    height:1.28rem;
    border-radius: 0.04rem;
    overflow: hidden;
}
.dynamic-img img{
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}
.dynamic-head .dynamic-title{
    float: right;
    width:calc(100% - 1.75rem);
}
.dynamic-title h2{
    margin-bottom:0.3rem;
    line-height:0.36rem;
    height:0.7rem;
    font-size:0.28rem;
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dynamic-title p{
    line-height:0.25rem;
    font-size:0.25rem;
    color:#fff;
}
.dynamic-intro{
    padding:0.25rem 0 0.19rem 0;
    line-height:0.45rem;
    font-size:0.3rem;
    color:#6e6e6e;
    word-wrap:break-word;
}
.noData{
    width: 2.37rem;
    text-align: center;
    z-index: 9;
    margin: 3rem auto 0;
}
.noData img{
    width:2.13rem;
    height:1.23rem;
    vertical-align: bottom;
}
.noData p{
    margin-top:0.43rem;
    line-height:0.26rem;
    font-size:0.26rem;
    color:rgba(191,197,203,1);
}
.dynamic-name{
    float:left;
    color:#333;
    font-size:0.3rem;
}
.dynamic-follow{
    float:right;
    margin:0.05rem 0.48rem 0 0;
    width:1.16rem;
    height:0.48rem;
    line-height:0.48rem;
    border:1px solid #bfc5cb;
    border-radius: 0.24rem;
    font-size:0.22rem;
    color:#bfc5cb;
    text-align: center;
}
.daynamic-carefully{
    display: inline-block;
    margin-right:0.14rem;
    width:0.66rem;
    height:0.29rem;
    line-height:0.29rem;
    font-size:0.17rem;
    color:#fff;
    background:#ff8922;
    border-radius:0.15rem;
    text-align: center;
}
.dynamic-list .main-block{
    border:0;
    margin-bottom:0.2rem;
}
.main-block .block-content-title{
    color:#666;
    font-size:0.32rem;
}
.highlight{
    color:#2890FF;
}
.dynamic-orange{
    color:#F7641C;
    border-color:#F7641C;
}
.my-wrapper-content{
    padding:.3rem;
    font-size: 0.3rem;
    color:#383838;
}