@charset "utf-8";

/* 文章主体 */
.article_content_mob{
    padding: 0.5rem 0.3rem 0.4rem;
}
.article_content_mob .maintitle_mob{
    min-height:0.66rem; 
    font-size:0.42rem;
    color:rgba(35,35,35,1);
    line-height:0.66rem;
    font-weight: 700;
}
.article_content_mob .author_time{
    margin-top: 0.4rem;
    height:0.3rem;
    font-size:0.24rem;
    color:#333;
    line-height:0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article_content_mob .article_resource{
    margin-top: 0.15rem;
    height:0.3rem;
    font-size:0.24rem;
    color:#333;
    line-height:0.3rem;
}
.article_content_mob .describe_text{
    margin-top: 0.4rem;
    padding:0.3rem 0.3rem 0.3rem 1rem;
    font-size:0.24rem;
    font-weight: 400;
    color:#333;
    line-height:0.44rem;
    background:rgba(248,248,248,1) url('../images/yinhao_mob.png') no-repeat;
    background-size: 0.44rem;
    background-position: 0.3rem 0.3rem;
}
.article_slice_mob{
    position: relative;
    min-height: 2rem;
    margin-top: 0.24rem;
    width: 100%;
    overflow: hidden;
}
.article_container{
    width: 100%;
    overflow: hidden;
    font-size: 0.32rem;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.01rem;
}
.article_container img{ max-width:100%; height:auto !important}
.article_container p{
    display: inline-block;
    width: 100%;
    padding: 0.25rem 0;
    overflow: hidden;
    font-family: 'Arial'!important;
    font-size: 0.32rem!important;
    line-height: 0.6rem!important;
    text-align: justify;
    text-justify: inter-ideograph;
}
/* .article_container p:after{
    display: inline-block;
    width: 100%;
    content: '';
    overflow: hidden;
} */
.article_container img{
    display: block!important; 
    margin: 0.3rem auto 0!important;
}

.download_zone{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4rem;
}
.openmore_article{
    height: 1rem;
    padding-top: 2rem;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* 标准的语法 */
}
.openmore_article_icon{
    width: 100%;
    height: 1rem;
    background: url('../images/openmore_icon.png') no-repeat center;
    background-size: 0.3rem auto;
    background-position: center 60%;
}
.download_btn_zone{
    height: 1rem;
    padding: 0.2rem 0 0 0;
    background:#FFF;
}
.download_btn_zone button{
    display: block;
    height: 0.8rem;
    background: #009CFF;
    color: #FFF;
    border-radius: 0.06rem;
    width: 90%;
    margin: 0 auto;
}
.editor_zone_mob{
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: right;
}
.reprint_zone{
    margin-top: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.26rem;
    color: #666;
}
.reprint_zone a{
    color: #009CFF;
}
/* 点赞栏 */
.thumb_zone_mob{
    padding-bottom: 0.4rem;
}
.thumb_zone_mob .thumbbtn_mob{
    display: block;
    margin: 0 auto;
    width: 1.8rem;
    height: 1.2rem;
    padding: 0.15rem 0;
    box-sizing: border-box;
    border-radius: 0.6rem;
    border:1px solid rgba(232,232,232,1);
    cursor: pointer;
}

.thumbbtn_mob .thumb_img{
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
    background:url('../images/zan1_icon.png') no-repeat center;
    background-size: 0.46rem;
}
.thumbbtn_mob.active .thumb_img{
    background:url('../images/zan2_icon.png') no-repeat center;
    background-size: 0.46rem;
}
.thumb_total_mob{
    margin: 0 auto;
    height: 0.4rem;
    line-height:0.4rem;
    text-align: center;
    color:rgba(35,35,35,1);
    font-size: 0.3rem;
}


/* 评论主体 */
.comment_warpper_mob{
    padding: 0 0.3rem 0;
}
.comment_warpper_mob .inctitle{
    height: 1rem;
    line-height: 1rem;
    font-weight:600;
    font-size: 0.28rem;
    color:rgba(0,0,0,1);
}
.all_commentlist_mob{
    display: block;
}
.all_commentlist_mob li{
    display: flex;
    padding-top:0.4rem;
}
.all_commentlist_mob li:nth-child(1){
    padding-top:0;
}
.all_commentlist_mob li:nth-last-child(1) .info{
    border: 0;
}
.comment_headpic{
    display: block;
    flex: 0 0 0.7rem;
    width: 0.7rem;
    height: 0.7rem;
    border: none;
    border-radius: 0.35rem;
    background: url('../images/default_userheadpic.png') no-repeat center;
    background-size: 100%;
}
.all_commentlist_mob li .info{
    width: 100%;
    flex: 1;
    margin-left: 0.3rem;
    padding-bottom: 0.2rem;
    border-bottom: 0.02rem solid rgba(232,232,232,1);
}
.common_nickname{
    height: 0.4rem;
    line-height: 0.4rem;
    font-size:0.28rem;
    color:rgba(102,102,102,1);
    font-weight: 400;
}
.common_commenttext{
    max-height: 1.2rem;
    margin-top: 0.1rem;
    color:rgba(35,35,35,1);
    font-size: 0.28rem;
    line-height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.common_commenttext.active{
    max-height:5rem;
}
.common_comment_gn{
    height: 0.6rem;
    line-height: 0.6rem;
    color:rgba(153,153,153,1);
    font-size: 0.24rem;
}
.no_morelist{
    width:100%;
    height: 0.8rem;
    margin-top:0.2rem;
    line-height: 0.8rem;
    text-align: center;
    color: #999;
    font-size: 0.24rem;
}
/*用于判断INC内是否有列表内容*/
.no_morelist_inc{
    width:100%;
    height: 0.8rem;
    margin-top:0.2rem;
    line-height: 0.8rem;
    text-align: center;
    color: #999;
    font-size: 0.24rem;
}


/* 用户评论 */
.user_commentlist_mob{
    display: block;
}
.user_commentlist_mob li{
    display: flex;
    padding-top:0.2rem;
}
.user_commentlist_mob li:nth-last-child(1) .info{
    margin-bottom: 0.4rem;
}
.user_commentlist_mob li .info{
    width: 100%;
    flex: 1;
    margin-left: 0.3rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 0.02rem solid rgba(232,232,232,1);
}
.user_commentlist_mob li:nth-child(1){
    padding-top:0;
}

/* 更多评论 */
.more_commentlist_mob{
    display: block;
}
.more_commentlist_mob li{
    display: flex;
    padding-top:0.2rem;
}
.more_commentlist_mob li:nth-child(1){
    padding-top:0.2rem;
}
.more_commentlist_mob li:nth-child(1) .comment_headpic{
    margin-top: 0.4rem;
}
.more_commentlist_mob li .info{
    width: 100%;
    flex: 1;
    margin-left: 0.3rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 0.02rem solid rgba(232,232,232,1);
}
.more_commentlist_mob li:nth-child(1) .info{
    padding-top: 0.4rem;
}
.more_commentlist_mob li:nth-last-child(1) .info{
    padding-bottom: 0.2rem;
}



/* 评论框 */
.comment_textarea_zone{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    position: fixed;
    z-index:500;
    width: 100%;
    height: 1rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    border-top: 0.02rem solid rgb(241, 241, 241);
}
.comment_textarea_zone.stretch{
    flex-direction: column;
    height: 4rem;
    border-radius: 0.2rem 0.2rem 0 0;
    border: none;
}
.comment_textarea_zone .hook{
    position: absolute;
    width: 85%;
    height: 1rem;
    top: 0;
    left: 0;
}

.comment_textarea_zone .false_textarea{
    display: block;
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    height: 0.6rem;
    margin: 0.2rem 0.1rem 0.2rem 0.25rem;
    padding: 0.1rem 0.25rem;
    line-height: 0.42rem;
    border-radius:0.3rem;
    resize:none;
    background:rgba(249,249,249,1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comment_textarea_zone.stretch .comment_textarea{
    display: block;
    flex: 1;
    width: 90%;
    margin: 0 auto;
    height: 2.6rem;
    border-radius:0.2rem 0.2rem 0 0;
    max-height: 2.6rem;
}
.comment_textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #999; 
}
.comment_textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; 
}
.comment_textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999; 
}
.comment_textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999; 
}

.comment_textarea_zone .comment_textarea::-webkit-scrollbar {
    display: none;
}

.gn_btn_zone{
    width: 90%;
    margin:0 auto;
    height: 1rem;
}
.gn_btn_zone button{
    display: block;
    width: 1rem;
    height: 1rem;
    font-size: 0.32rem;
    line-height: 1rem;
    background: none;
    color: #999999;
}
.cancelComment_btn{
    float: left;
}
.ensureComment_btn{
    float: right;
}
.ensureComment_btn.active{
    color:#009CFF;
}
.comment_textarea_zone .btn_slide{
    width: 1rem;
    height: 100%;
    flex:0 0 1rem;
}
.btn_slide .collect_btn{
    width: 0.8rem;
    height: 1rem;
    background: url('../images/shoucang_icon.png') no-repeat center;
    background-size: 0.5rem;
}
.btn_slide .collect_btn.active{
    background: url('../images/shoucang_icon2.png') no-repeat center;
    background-size: 0.5rem;
}
.comment_meng_bg{
    position: fixed;
    z-index:401;
    top: 0;
    right: 0;
    left: 0;
    bottom:0;
    background: rgba(0,0,0,0.5);
}