.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix::after{
    content:'';
    display:block;
    clear:both;
    height: 0;
}
html,body{
    height: 100%;
}
.art027Wrapper,
.wrapper{
    height: 100%;
    overflow:hidden;
    line-height: 1;
}
.wrapperCon{
    width:7.2rem;
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
}
.wrapperCon.stopScrolling,
.popUp.stopScrolling{
    width:100%;
    height: 100%;
    overflow-y:hidden;
}
.wrapperCon .loadBox,
.popSubComment .popCon .loadBox,
.popCommentThumbs .popCon .loadBox{
    display:none;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #eee;
}
.wrapperCon .loadBox .iconfont,
.popSubComment .popCon .loadBox .iconfont,
.popCommentThumbs .popCon .loadBox .iconfont{
    animation: loadRotate 1s linear infinite;
    display: inline-block;
}
.contentHeaderBox{
    position: fixed;
    top:0;
    height: 0.79rem;
    width:100%;
    max-width:7.5rem;
    left:50%;
    transform: translateX(-50%);
    border-bottom:1px solid #e7e7e7;
    background:#fff;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contentHeader{
    width:6.9rem;
    margin:0 auto;
    font-size:.32rem;
    line-height: 1;
}
.contentHeader .icon_back{
    font-size:.32rem;
    padding:.23rem 0;
    margin-right: 2.3rem;
    width:.35rem;
}
.contentHeader .logo{
    width:1.95rem;
    height: .37rem;
    margin:.21rem auto 0;
    margin-right: 1.42rem;
}
.contentHeader .logo img{
    display:block;
    width:1.95rem;
    height: .37rem; 
}
.contentHeader .icon_search{
    font-size:.32rem;
    padding-top:.23rem;
}
.contentHeader .logStatus {
    width: .67rem;
    text-align: right;
    
}
  
.contentHeader .logStatus .logItem {
    display: none;
}
  
.contentHeader .logStatus .logItem.isLogOut {
    display: block;
    position: relative;
    margin-top:.21rem;
}
.contentHeader .logStatus .logItem.isLogin{
    position: relative;
    margin-top:.11rem;
}
.contentHeader .logStatus .logItem.isLogin .dropDown{
    display:none;
    position: absolute;
    background: #fff;
    border-radius: .05rem;
    border: .01rem solid #eee;
    width: 1.7rem;
    right: 0;
    top:.7rem;
    padding:.2rem;
}
  .contentHeader .logStatus .logItem.isLogin .dropDown li{
      font-size:.2rem;
      text-align: left;
      color:#666;
      line-height: 2;
  }
  .contentHeader .logStatus .logItem.isLogin .dropDown li a{
      color:#666;
  }
  .contentHeader .logStatus .logItem.isLogin .dropDown::after{
      content:'';
      display:block;
      position: absolute;
      top:-.2rem;
      right:.24rem;
      border-left:.1rem solid transparent;
      border-right:.1rem solid transparent;
      border-top:.1rem solid transparent;
      border-bottom:.1rem solid #fff;
  
  }
  .contentHeader .logStatus .logItem.isLogin .dropDown li .iconfont{
      padding-right:.15rem;
  }
  .contentHeader .logStatus .logItem.isLogOut span.flag {
    position: absolute;
    left: .25rem;
    top: -.09rem;
    font-size: 0.14rem;
    line-height: 0.24rem;
    background: #fe2716;
    border-radius: 0.2rem;
    color: #fff;
    padding: 0 0.07rem;
    font-weight: bold;
    white-space: nowrap;
  }
  
  .contentHeader .logStatus .logItem.isLogOut img {
    width: .4rem;
    display: block;
  }
  .contentHeader .logStatus .logItem.isLogin .avator{
    width: .57rem;
    height: .57rem;
    border-radius: 50%;
    overflow: hidden;
  }


.wrapper,
.art027Wrapper{
    width:6.9rem;
    margin:.8rem auto 0;
    padding-top:.2rem;
}
.wrapper .breadNav,
.art027Wrapper .breadNav{
    display:none;
    font-size:0;
    line-height:2;
    color:#d8d8d8;
}
.wrapper .breadNav .icon,
.art027Wrapper .breadNav .icon{
    width:.27rem;
    height: .25rem;
    margin-right:.12rem;
}
.wrapper .breadNav .icon img,
.art027Wrapper .breadNav .icon img{
    float:left;
    width:.27rem;
    margin-top:.15rem;
}
.wrapper .breadNav .name_activity,
.art027Wrapper .breadNav .name_activity{
    font-size:.28rem;
    color:#000;
}
.wrapper .breadNav .line,
.art027Wrapper .breadNav .line{
    display:inline-block;
    width:1px;
    height: .2rem;
    background:#d8d8d8;
    margin:0 .2rem;
}
.wrapper .breadNav .curNav,
.art027Wrapper .breadNav .curNav{
    font-size:.27rem;
    color:#999;
}
.wrapper .title,
.art027Wrapper .title{
    padding-top:.1rem;
    margin-bottom:.42rem;
    font-size:.41rem;
    color:#000;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    font-weight: normal;
    line-height: .62rem;
    width:6.9rem;
    font-weight: bold;
    overflow: hidden;
    max-height: 1.96rem;
}
.wrapper .authorWrap,
.art027Wrapper .authorWrap{
    width:6.9rem;
    margin-bottom:.38rem;
}
.authorWrap .authorBox{
    width:5.16rem;
    height: .66rem;
}
.authorWrap .authorBox .authorAvator,
.commentList .list .authorAvator,
.popSubComment .authorAvator{
    position: relative;
    width:.66rem;
    height: .66rem;
    margin-right: .15rem;
}
.authorWrap .authorBox .authorAvator .avator,
.commentList .list .authorAvator .authorPic,
.popSubComment .authorComment .authorAvator,
.popSubComment .authorAvator .authorPic{
    width:.66rem;
    height: .66rem;
    border-radius: 50%;
    border:.01rem solid #f4f4f4;
    box-sizing: border-box;
    font-size:0;
}
.authorWrap .authorBox .authorAvator .avator img,
.commentList .list .authorAvator .authorPic img,
.popSubComment .authorComment .authorAvator img,
.popSubComment .authorAvator .authorPic img{
    width:.66rem;
    height: .66rem;
    border-radius:50%;
}
.authorWrap .authorBox .authorAvator .avator img.vipLevel,
.commentList .list .authorAvator .authorPic img.vipLevel,
.popSubComment .authorComment .authorAvator img.vipLevel,
.popSubComment .authorAvator .authorPic img.vipLevel{
    width: .27rem;
    height: .27rem;
    position: absolute;
    right: -.02rem;
    bottom: -.02rem;
}
.authorWrap .authorBox .authorAvator .vipLevel,
.commentList .list .authorAvator .userLevel{
    width:.27rem;
    height: .27rem;
    position: absolute;
    right:-.02rem;
    bottom:-.02rem;
}
.authorWrap .authorBox .authorInfo{
    width:4.2rem;
    font-size:.26rem;
}
.authorWrap .authorBox .authorInfo .name{
    font-weight: bold;
}
.authorWrap .authorBox .authorInfo .profile{
    margin-top: .13rem;
    font-size: .21rem;
    color: #888;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.authorWrap .btnBox .btn{
    display:none;
    width:1.07rem;
    padding:.15rem 0;
    text-align:center;
    font-size: .25rem;
    border-radius: .1rem;
}
.btnBox .btn.btn_subscribe{
    background:#ea3323;
    color:#fff;
}
.btnBox .btn.btn_haveSubscribe{
    color:#999;
   border:1px solid #e8e8e8;
}
.btnBox .btn.btn_firstSub{
    width:1.73rem;
    padding:0;
    border-radius:0;
}
.btnBox .btn.btn_firstSub .btn_firstSubscribe{
    width:1.05rem;
    height: .5rem;
    font-size:.25rem;
    padding:.13rem 0;
    box-sizing: border-box;
    border-radius:.1rem;
    border:1px solid #e8e8e8;
    color:#999;
    line-height: 1;
}
.btnBox .btn.btn_firstSub .btn_recomment{
    display:block;
    width:.5rem;
    height: .5rem;
    font-size: .25rem;
    color:#999;
    border-radius:.1rem;
    border:1px solid #e8e8e8;
    padding:.13rem 0;
}
.btnBox .btn.btn_firstSub .btn_recomment .iconfont{
    transition: all .5s linear;
}
.btnBox .btn.btn_firstSub .btn_recomment .iconfont.arrowUp{
    transform: rotate(180deg);
}
.mainContentWrap{
    position: relative;
    font-size:.31rem;
    color:#090909;
    line-height: .57rem;
    padding-bottom:.1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: .1rem;
    width:6.9rem;
    overflow:hidden;
    word-break: break-all;
}
.mainContentWrap .contentCover{
    display: none;
    position: absolute;
    left:0;
    bottom:0;
    height: 1.5rem;
    line-height: 2rem;
    text-align:center;
    width:100%;
    color:#ea3323;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(#fff));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),#fff 50%);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0.5),#fff 50%);
}
.mainContentWrap p,
.mainContentWrap h1,
.mainContentWrap h2,
.mainContentWrap h3,
.mainContentWrap h4,
.mainContentWrap h5,
.mainContentWrap h6{
    margin-bottom:.38rem;
    font-size:.32rem;
    word-break:break-all;
}
.mainContentWrap p img{
    display:block;
    margin:0 auto;
    max-width:100%;
}
.mainContentWrap p img.contentImg1{
    width:.48rem;
}
.mainContentWrap p iframe{
    max-width:100%;
}
.mainContentWrap a.artkeyword,
.mainContentWrap a.artkeyword span.iconfont{
    color:#0a4087;
}  
.mainContentWrap a.artkeyword span.iconfont{
    vertical-align: top;
}
.mainContentWrap .readOriginal{
    padding-bottom:.15rem;
}
.mainContentWrap .readOriginal a{
    color:#576b95;
}
.mainContentWrap .readOriginal a:hover{
    color:#da1520;
}
.mainContentWrap .wechatPic{
    width:6.9rem;
    height:5.58rem;
    font-size:0;
    border-radius:.1rem;
    overflow:hidden;
    margin:0 0 .2rem;
}
.mainContentWrap .wechatPic img{
    width:100%;
    height: 100%;
}
.mainContentWrap .table_box{
    width: 100%;
}
.mainContentWrap .tableBox{
    width: 100%;
    overflow-x: scroll;
}
.readNum{
    color:#999;
    font-size: .23rem;

}

.column .column_title{
    padding:.2rem 0;
    font-size: .28rem;
    color:#222;
    border-bottom:.02rem solid #e8e8e8;
}
.column .column_recomment{
    margin-top:.3rem;
    padding-bottom:.05rem;
    box-sizing: content-box;
}
.column .column_recomment .pic{
    position: relative;
    width:2.26rem;
    height:1.48rem;
    box-sizing: border-box;
    border:.02rem solid #e8e8e8;
    margin-right: .25rem;
}
.column .column_recomment .pic img{
    width:2.26rem;
    height: 1.48rem;
}
.column .column_recomment .pic .authorFlag{
    position: absolute;
    left:0;
    top:0;
    font-size: .18rem;
    color:#fff;
    padding:.06rem .12rem;
    background: linear-gradient(left, #f19258, #f95b57);
    background: -ms-linear-gradient(left, #f19258, #f95b57);
    background: -webkit-linear-gradient(left, #f19258, #f95b57);
    background: -moz-linear-gradient(left, #f19258, #f95b57);
}
.column .column_recomment .profile{
    position: relative;
    width: 4.38rem;
    font-size:.32rem;
}
.column .column_recomment .profile .article_name{
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    margin-bottom:.23rem;
}
.column .column_recomment .profile .article_author{
    font-size: .26rem;
    color:#4c4c4c;
    margin-bottom: .35rem;
}
.column .column_recomment .profile .article_price{
    font-size:.33rem;
    color:#ea3323;
    padding-right: .1rem;
}
.column .column_recomment .profile .line{
    display:inline-block;
    width:.01rem;
    height: .2rem;
    background:#e8e8e8;
}
.column .column_recomment .profile .article_saledNum{
    font-size:.24rem;
    color:#999;
    padding-left:.1rem;
}
.column .column_recomment .profile .btn_buy{
    position: absolute;
    right:0;
    bottom:0;
    padding:.14rem .17rem;
    background:#ea3323;
    border-radius:.1rem;
    font-size: .28rem;
    color:#fff;
}
.column_list{
    display:none;
}
.column_list .title{
	font-size: .31rem;
    color: #222;
    border-top: 1px solid #f4f4f4;
    padding: .1rem 0;
    margin: .2rem 0;
}
.column_list .list{
    margin-bottom:.55rem;
}
.column_list .list .list_profile{
    width:4.44rem;
    margin-right: .22rem;
}
.column_list .list .list_profile h2{
    font-size: .33rem;
    color:#222;
    line-height: .46rem;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow:ellipsis;
    font-weight: normal;
    margin-bottom:.1rem;
    overflow: hidden;
}
.column_list .list .list_profile span{
    font-size:.21rem;
    color:#999;
    padding-right: .15rem;
}
.column_list .list .list_profile span:last-child{
    padding-right: 0;
}
.column_list .list .list_pic{
    width:2.24rem;
    height: 1.3rem;
    margin-top:.07rem;
}
.column_list .list .list_pic img{
    width:2.24rem;
    height: 1.3rem;
}
.wrapper .wrapperCon .btn_author{
    display: none;
}
.btn_author{
    margin-bottom:.4rem;
}
.btn_author li{
    font-size: .24rem;
    float: left;
    border-radius: .5rem;
    padding: .15rem 0;
    border: .02rem solid #eee;
    text-align: center;
    margin: 0 .15rem;
    width: 2.1rem;
    text-align: center;
}
.btn_author li.numThumbs.isHaveDone{
    color:#ea3323;
    border-color:#ea3323;
}
.btn_author li:first-child{
    margin-left:0;
}
.btn_author li:last-child{
    margin-right:0;
}
.btn_author li .iconfont{
    padding-right:.1rem;
    font-size: .3rem;
}
.myBrandShow{
    width: 6.9rem;
    height: 3rem;
    border-radius: .1rem;
    overflow:hidden;
    font-size: 0;
    background:#ccc;
}
.myBrandShow img{
    width:100%;
    height: 100%;
}

.searchKeys{
    display: none;
    margin-top:.2rem;
    padding-bottom:.1rem;
    border-top:1px solid #eee;
}
.searchKeys .title{
    padding:0;
    font-size: .31rem;
    color:#222;
    margin-bottom: .15rem;
    padding-top: .2rem;
}
.searchKeys ul li{
    float:left;
    width:48%;
    font-size: .28rem;
    margin-bottom: .32rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.searchKeys ul li:nth-child(2n+2){
    border-left: 1px solid #d9d9d9;
    padding-left:.26rem;
}
.searchKeys ul li a{
    color:#222;
}


.commentList.isOver{
    /* padding-bottom:1.5rem; */
    padding-top:.5rem;
}
.commentList .list,
.subCommentList .list{
    margin-bottom:.5rem;
}
.subCommentList p{
    font-size:.24rem;
}
.commentList .list .authorAvator,
.subCommentList .list .authorAvator{
    position: relative;
}
.commentList .list .authorInfo,
.popSubComment .mainCon,
.subCommentList .list .authorInfo{
    width:6.09rem;
    margin-right: 0;
}
.commentList .list .authorInfo .author,
.subCommentList .list .authorInfo .author,
.popSubComment .topLine{
    margin-bottom:.1rem;
}
.commentList .list .authorInfo .name,
.subCommentList .list .authorInfo .name,
.popSubComment .topLine .nickname{
    color:#486495;
    font-size: .26rem;
    height: .26rem;
}
.commentList .list .authorInfo .name{
    font-size:0;
}
.subCommentList .list .authorInfo .thumbsup{
    margin-right: 0;
}
.commentList .list .authorInfo .name span,
.subCommentList .list .authorInfo .name span{
    display:inline-block;
    vertical-align: middle;
    font-size: .26rem;
}
.commentList .list .authorInfo .name .flag{
    padding:.015rem .06rem;
    border-radius: .05rem;
    border:1px solid #486495;
    font-size:.16rem;
    margin-left:.09rem;
}
.commentList .list .authorInfo .profile{
    font-size: .21rem;
    color:#727d91;
    margin-bottom:.16rem;
}
.commentList .list .authorInfo .comment_con,
.popSubComment .comment_con,
.popSubComment .sayText{
    font-size: .31rem;
    color:#242424;
    line-height: .45rem;
    margin-bottom:.19rem;
    word-break: break-all;
}
.commentList .list .authorInfo .comment_con a,
.popSubComment .comment_con a,
.popSubComment .sayText a{
    color: #4875c1;
}
.commentList .list .authorInfo .authorReply{
    background: #f5f5f5;
    font-size: 0;
    padding: .24rem .24rem .22rem;
    margin-top: .2rem;
}
.commentList .list .authorInfo .authorReply .authorInfor{
    float:left;
    font-size:0;
}
.commentList .list .authorInfo .authorReply span,
.commentList .list .authorInfo .authorReply img{
    display:inline-block;
    vertical-align: middle;
    font-size:.26rem;
}
.commentList .list .authorInfo .authorReply span.authorLevel{
    font-size:0;
    margin-right: .1rem;
    width:.27rem;
    height: .27rem;
}
.commentList .list .authorInfo .authorReply span.authorTxt{
    font-size:.16rem;
    color:#e18c60;
    padding:.06rem;
    border-radius:.05rem;
    background:#fff6f4;
    margin-right:.1rem;
}
.commentList .list .authorInfo .authorReply p.authorReplyCon{
    margin-left:.1rem;
    font-size:.26rem;
    line-height: 1.5;
}
.commentList .list .authorInfo .authorReply p.authorReplyCon a{
    color:#4875c1;
}
.commentList .list .authorInfo .authorReply .authorName{
    color: #486495;
}
.popSubComment .comment_con .commenter{
    color:#486495;
}
.commentList .list .authorInfo .imgBox,
.authorComment .mainCon .imgBox,
.subCommentList .list .authorInfo .imgBox{
    font-size:0;
}
.commentList .list .authorInfo .imgBox .imgWrap,
.authorComment .mainCon .imgBox .imgWrap,
.subCommentList .list .authorInfo .imgBox .imgWrap{
    position: relative;
    display: inline-block;
    width:1.9rem;
    height: 1.9rem;
    background:#ccc;
    border-radius:.1rem;
    margin-right: .19rem;
    margin-bottom:.19rem;
    overflow:hidden;
    text-align: center;
}
.commentList .list .authorInfo .imgBox.img_one .imgWrap,
.authorComment .mainCon .imgBox.img_one .imgWrap,
.subCommentList .list .authorInfo .imgBox.img_one .imgWrap{
    max-width: 4.18rem;
    max-height: 4rem;
    margin-bottom: .15rem;
    background: none;
    width: auto;
    height: auto;
}
.commentList .list .authorInfo .imgBox .imgWrap.vertical img,
.authorComment .mainCon .imgBox .imgWrap.vertical img,
.subCommentList .list .authorInfo .imgBox .imgWrap.vertical img{
    position: absolute;
    width:100%;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.commentList .list .authorInfo .imgBox .imgWrap.horizontal img,
.authorComment .mainCon .imgBox .imgWrap.horizontal img,
.subCommentList .list .authorInfo .imgBox .imgWrap.horizontal img{
    position: absolute;
    height:100%;
    top:0;
    left:50%;
    transform: translateX(-50%);
    max-width:none;
}
.commentList .list .authorInfo .imgBox img,
.authorComment .mainCon .imgBox img,
.subCommentList .list .authorInfo .imgBox img{
    display:inline-block;
}
.commentList .list .authorInfo .imgBox.img_nine .imgWrap:nth-child(3n+3),
.authorComment .mainCon .imgBox.img_nine .imgWrap:nth-child(3n+3){
    margin-right: 0;
}
.commentList .list .authorInfo .imgBox.img_four,
.authorComment .mainCon .imgBox.img_four,
.subCommentList .list .authorInfo .imgBox.img_four{
    width:4.18rem;
    height: 4.18rem;
    overflow:hidden;
}
.commentList .list .authorInfo .imgBox.img_one,
.authorComment .mainCon .imgBox.img_one,
.subCommentList .list .authorInfo .imgBox.img_one{
    width: auto;
    height: auto;
    max-width: 4.18rem;
    max-height: 4rem;
    margin-bottom:.15rem;
}
.commentList .list .authorInfo .imgBox.img_one .imgWrap.vertical img,
.authorComment .mainCon .imgBox.img_one .imgWrap.vertical img,
.subCommentList .list .authorInfo .imgBox.img_one .imgWrap.vertical img{
    position: static;
    height: 100%;
    transform: none;
    width: auto;
    max-height: 4rem;
}
.commentList .list .authorInfo .imgBox.img_one .imgWrap.horizontal img,
.authorComment .mainCon .imgBox.img_one .imgWrap.horizontal img,
.subCommentList .list .authorInfo .imgBox.img_one .imgWrap.horizontal img{
    position: static;
    transform: none;
    width: 100%;
    max-width:4.18rem;
    height: auto;
}
.commentList .list .authorInfo .time,
.commentList .list .authorInfo .btn_reply,
.popSubComment .time,
.popSubComment .btn_reply{
    font-size: .24rem;
    color:#242424;
}
.commentList .list .authorInfo .btn_reply.haveReply{
    padding:.1rem .2rem;
    border-radius:.5rem;
    background:#f5f5f5;
    margin-right:.08rem;
}
.commentList .list .thumbsup,
.commentList .list .thumbsup .iconfont,
.popSubComment .thumbBox,
.popSubComment .thumbBox .iconfont,
.popSubComment .thumbsup,
.popSubComment .thumbsup .iconfont{
    padding-top:0.015rem;
    font-size: .23rem;
    color:#242424;
}
.popSubComment .numThumbsUp{
    padding-left:.05rem;
}
.commentList .list .thumbsup .iconfont,
.commentList .thumbBox .iconfont{
    padding-right: .08rem;
}
.commentList .commentStatus{
    padding-left:.82rem;
    font-size: .24rem;
    color:#999;
    padding-bottom:2.65rem;
}
.bottom,
.subBottom{
    position: fixed;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
    background:#fff;
    border-top:1px solid #e8e8e8;
    height: .84rem;
    max-width: 7.5rem;
    width:7.5rem;
}
.bottom .bottomCon,
.subBottom .bottomCon{
    width:6.9rem;
    margin:0 auto;
    height: .84rem;
}
.bottom .bottomCon .iptComment,
.subBottom .bottomCon .iptComment{
    /* width:3.38rem; */
    width:100%;
    height: .58rem;
    border-radius:.29rem;
    background:#f5f5f5;
    border:1px solid #e8e8e8;
    margin:.13rem .36rem .13rem 0;
    font-size:.25rem;
    padding:.16rem .22rem;
}
.subBottom .bottomCon .iptComment{
    width:6.15rem;
}
.bottom .bottomCon .iptComment .iconfont,
.subBottom .bottomCon .iptComment .iconfont{
    font-size:.25rem;
    padding-right: .15rem;
    padding-top:0;
}
.bottomCon .iconfont .num{
    position: absolute;
    background: #da1520;
    color: #fff;
    border-radius: .3rem;
    font-size: .12rem;
    padding: .05rem .1rem;
    left: .2rem;
    top: .1rem;
}
.bottom .bottomCon .iconfont,
.subBottom .bottomCon .iconfont{
    position: relative;
    font-size: .36rem;
    padding-top:.23rem;
    margin-right: .5rem;
    cursor: pointer;
    display: none;
}
.bottom .bottomCon .iptComment .iconfont,
.subBottom .bottomCon  .iptComment .iconfont{
    display: inline;
}
.bottom .bottomCon .iconfont.isHaveDone,
.subBottom .bottomCon .iconfont.isHaveDone{
    color:#ea3323;
}
.bottom .bottomCon .iconfont:last-child,
.subBottom .bottomCon .iconfont:last-child{
    margin-right: 0;
}
.popUp{
	display:none;
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.5);
	z-index: 99;
}
.popUp .popCon{
	background:#fff;
	width:7.5rem;
	height: 100%;
	position: absolute;
	left:50%;
	bottom:0;
    transform: translateX(-50%);
    padding:.28rem;
    box-sizing: border-box;
}
.popUp .popCon .btnBox{
    margin:0 auto .3rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-size: .3rem;
    color:#333;
}
.popUp .popCon .btnBox .btn.btn_save{
    padding: .15rem .3rem;
    border-radius: .1rem;
    color: #fff;
    background:#d74532;
}
.popUp .popCon .btnBox .btn.btn_save.disable{
    background: #dddddd;
}
.popUp .popCon .commentBox textarea{
    padding: .2rem;
    width: 100%;
    border: none;
    user-select: none;
    -webkit-user-drag: none;
    border: 1px solid #f4f4f4;
    border-radius: .1rem;
    height: 1.8rem;
    margin-bottom:.36rem;
    font-size: .3rem;
    line-height: .36rem;
    box-shadow: none;
    outline: none;
    resize: none;
    -webkit-appearance: none;
}
.popUp .popCon .imgBox{
    width:100%;
    max-height: 7.11rem;
    overflow:hidden;
}
.popUp .popCon .imgBox .imgItem{
    position: relative;
    float:left;
    margin-bottom:.17rem;
    width:2.2rem;
    height: 2.2rem;
    margin-right: .17rem;
    background:#f4f4f4;
    border-radius:.05rem;
    overflow: hidden;
    text-align:center;
}
.popUp .popCon .imgBox .imgItem.horizontal img{
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}
.popUp .popCon .imgBox .imgItem.vertical img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.popUp .popCon .imgBox .imgItem img.img_error{
    height: 100%;
    max-width:100%;
    vertical-align: middle;
}
.popUp .popCon .imgBox .imgItem img.img_baseHeight{
    height: 100%;
    width:auto;
    vertical-align: middle;
}
.popUp .popCon .imgBox .imgItem img.img_baseWidth{
    width:100%;
    height: auto;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
}
.popUp .popCon .imgBox .imgItem:nth-child(3n+3){
    margin-right: 0;
}
.popUp .popCon .imgBox .imgItem input{
    opacity: 0;
}
.popUp .popCon .imgBox .imgItem label{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 2.2rem;
    font-size: .64rem;
    color:#c7c7c7;
}
.popUp .popCon .imgBox .imgItem .icon_del{
    position: absolute;
    right:.05rem;
    top:.05rem;
    color:#fff;
    font-size:.3rem;
    cursor: pointer;
}
.popCommon{
    display: none;
    z-index:9999;
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    max-width:6.9rem;
    border-radius:.1rem;
    padding:.3rem;
    font-size: .24rem;
    color:#fff;
    line-height: .36rem;
    background:rgba(0,0,0,.5);
}
.subCommentTitle,
.thumbsTitle,
.payTitle{
    position: relative;
    width: 100%;
    text-align: center;
    padding: .22rem 0;
    border-bottom: 1px solid #e5e5e5;
    width:6.9rem;
}
.subCommentTitle .iconfont,
.thumbsTitle .iconfont,
.payTitle .iconfont{
    font-size: .3rem;
    float: left;
}
.subCommentTitle h3,
.thumbsTitle h3,
.payTitle h3{
    font-weight: normal;
    font-size: .3rem;
}
.authorComment{
    padding:.3rem 0;
    width:6.9rem;
}
.popSubComment{
    height: 100%;
}
.popSubComment .popCon{
    height: 100%;
    overflow:hidden;
}
.popCommentThumbs .popCon{
    padding-bottom:.5rem;
}
.popCommentThumbs .popCon .popConBox,
.popSubComment .popCon .popConBox{
    height: 100%;
    overflow-y:scroll;
    width:7.5rem;
    padding-bottom:1.2rem;
    -webkit-overflow-scrolling: touch;
}
.popSubComment .thumbsBox{
    margin-top:.2rem;
    font-size: .24rem;
}
.popSubComment .thumbsBox img{
    display:inline-block;
    vertical-align: middle;
    width:.42rem;
    height: .42rem;
    border-radius:50%;
    margin-right: .1rem;
}
.popSubComment .thumbsBox span{
    display:inline-block;
    vertical-align: middle; 
}
.popSubComment .subCommentList h3{
    width:6.9rem;
    font-weight: normal;
    font-size: .28rem;
    padding-top: .35rem;
    border-top: 1px solid #eee;
    margin-bottom: .22rem;
}
.popCommentThumbs .thumbsList .list{
    margin:.2rem 0;
}
.popCommentThumbs .thumbsList .userAvator{
    float: left;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .2rem;
}
.popCommentThumbs .thumbsList .nickname{
    float: left;
    line-height: .6rem;
    width: 5.4rem;
    font-size: .3rem;
}
.reco_container{
    width:6.3rem;
    overflow: hidden;
    box-sizing: border-box;
}
.reco_author{
    position: relative;
    background:#f5f5f5;
    padding-left:.3rem;
    padding-bottom: .3rem;
    display: none;
    margin-bottom:.2rem;
}
.reco_author::after{
    position: absolute;
    top:-.2rem;
    left:6.55rem;
    content:'';
    display:block;
    width:0;
    border-left:.1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top:.1rem solid transparent;
    border-bottom:.1rem solid #f5f5f5;
}
.reco_author .title{
    font-size: .21rem;
    color: #000;
    padding: 0;
    font-weight: normal;
}
.reco_author .swiper-slide{
    float:left;
    width:2.58rem;
    height: 3.26rem;
    padding:.16rem .26rem;
    box-sizing: border-box;
    border-radius:.1rem;
    border:1px solid #e8e8e8;
    background:#fff;
    margin-right: .14rem;
}
.reco_author .swiper-slide .userBox{
    position: relative;
    width:1.2rem;
    height: 1.2rem;
    margin:0 auto;
}
.reco_author .swiper-slide .userBox .userAvator{
    width:1.2rem;
    height: 1.2rem;
    box-sizing: border-box;
    border:1px solid #e6e8e9;
    border-radius:50%;
    overflow: hidden;
}
.reco_author .swiper-slide .userBox .userLevel{
    width:.32rem;
    height: .32rem;
    border-radius:50%;
    overflow: hidden;
    position: absolute;
    bottom:0;
    right:0;
}
.reco_author .swiper-slide .btn_close{
    font-size: .16rem;
    position: absolute;
    right:.2rem;
    top:.2rem;
    cursor: pointer;
}
.reco_author .swiper-slide .userName{
    font-size: .24rem;
    font-weight: bold;
    color:#222222;
    text-align: center;
    margin:.1rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}
.reco_author .swiper-slide .userIntro{
    font-size:.21rem;
    margin-bottom:.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 1.5;
    text-align:center;
}
.reco_author .swiper-slide .btn{
    width:2.04rem;
    box-sizing: border-box;
    border:.02rem solid #e6e8e9;
    border-radius:.1rem;
    text-align:center;
    font-size: .24rem;
    padding:.13rem 0;
    cursor: pointer;
}
.reco_author .swiper-slide .btn.btn_offSub{
    background:#ea3323;
    color:#fff;
}
.reco_author .swiper-slide .btn.btn_onSub{
    background:#fff;
    color:#000;
}
.brand_siteTop,
.brand_site,
.brand_bdsite,
.brand_commontsite{
    width:6.9rem;
}
.brand_siteTop{
    margin-bottom:.38rem;
    text-align:center;
    border-radius: .1rem;
    overflow: hidden;
    font-size:0;
}
.brand_siteTop img{
    width:100%;
    height:100%;
}
.popPay .author{
    width: 6.9rem;
    margin-top:.25rem;
    margin-bottom: .38rem;
}
.popPay .author .authorAvator{
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: .15rem;
}
.popPay .author .authorAvator img{
    border-radius:50%;
}
.popPay .author .authorAvator .viplevel{
    width: .27rem;
    height: .27rem;
    position: absolute;
    right: -.02rem;
    bottom: -.02rem;
}
.popPay .author .authorInfor{
    width:5.7rem;
}
.popPay .author .authorInfor .username{
    font-size: .3rem;
    font-weight: 600;
    line-height: .32rem;
    width: 5.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:.05rem;
    margin-bottom: .28rem;
}
.popPay .author .authorInfor .slogan{
    font-size: .28rem;
    line-height: .35rem;
    width: 5.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popPay .numMoney ul li{
    float: left;
    width: 2.1rem;
    height: 1.2rem;
    text-align: center;
    border: 1px solid #eee;
    margin-bottom: .4rem;
    line-height: 1;
    padding: .45rem 0;
    border-radius: .1rem;
    font-size:0;
}
.popPay .numMoney ul li.active{
    color:#da1520;
    background:rgba(218,21,32,.05);
    border-color:#da1520;
}
.popPay .numMoney ul li.other{
    font-size:.28rem;
}
.popPay .numMoney ul li:nth-child(2),
.popPay .numMoney ul li:nth-child(5){
    margin-left:.3rem;
    margin-right: .3rem;
}
.popPay .numMoney ul li span{
    display:inline-block;
    vertical-align: bottom;
}
.popPay .numMoney ul li span.num{
    font-weight: bold;
    font-size:.36rem;
    line-height: 1.1;
    margin-right: .1rem;
}
.popPay .numMoney ul li span.money{
    font-size:.28rem;
    line-height: 1.1;
}
.popPay .payWay ul li{
    font-size: .3rem;
    border-bottom: 1px solid #eee;
    padding: .45rem 0;
}
.popPay .payWay ul li .icon_wechatpay{
    padding-right:.2rem;
    color:#51c332;
}
.popPay .payWay ul li .icon_selectStatus{
    float:right;
    color:#eee;
    font-size:.3rem;
}
.popPay .payWay ul li .icon_selectStatus.active{
    color:#da1520;
}
.btn_thumbsAuthor{
    width:3.5rem;
    height: 1rem;
    font-size:.3rem;
    background:#da1520;
    border-radius:.5rem;
    color:#fff;
    padding:.35rem 0;
    text-align:center;
    margin:1rem auto 0;
}
.inputMoney{
    display:none;
    width: 6.9rem;
    height: .8rem;
    padding: 0 .2rem;
    border: 1px solid #eee;
    border-radius: .2rem;
    margin-top: .2rem;
    margin: .5rem 0 0;
    font-size: 0;
}
.inputMoney span,
.inputMoney input{
    display:inline-block;
    vertical-align: middle;
    font-size: .3rem;
    height: .8rem;
    padding:.25rem 0;
}
.inputMoney span.title_money{
    color:#aaa;
}
.inputMoney input.ipt_money{
    padding: 0 .3rem;
    width: 5.5rem;
}
.noMore{
    text-align: center;
    padding-bottom: .5rem;
    font-size: .24rem;
    color: #aaa;
}
.popPayCode .popCode{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: 5.09rem;
    height: 7.76rem;
    background:url('/abc/MoBanImgs/TenYears2020/M/Zixin/images/content/paycode.png') no-repeat;
    background-size:5.09rem 7.76rem;
}
.popPayCode .popCode img{
    position: absolute;
    left: 1.2rem;
    top: 3.23rem;
    width: 2.8rem;
    height: 2.8rem;
    padding: .2rem;
    border-radius: .3rem;
}
.popPayCode .popCon{
    background: rgba(0,0,0,.5);
}
.popToPay .conToPay{
    position: absolute;
    width: 6rem;
    text-align: center;
    font-size: .3rem;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: .3rem;
    border-radius: .2rem;
}
.popToPay .conToPay h1{
    font-size: .36rem;
    font-weight: normal;
    margin-bottom: .5rem;
    margin-top: .3rem;
}
.popToPay .conToPay a{
    display: block;
    width: 1.8rem;
    margin: .2rem auto;
    padding: .2rem 0;
    background: #da1520;
    color: #fff;
    border-radius: .5rem;
}

.recommendList {
    width:6.9rem;
}
.recommendList .title{
    padding:.48rem 0 .1rem;
    border-bottom:1px solid #f0f0f0;
    font-size:0;
}
.recommendList .title .main_title{
    display:inline-block;
    vertical-align: middle;
    width:2.82rem;
    height: .36rem;
}
.recommendList .title .main_title img{
    display:block;
    height: 100%;
    max-width: 100%;
}
.recommendList .title .rgt_intro{
    display:inline-block;
    vertical-align: middle;
    font-size:.26rem;
    color:#999;
    float:right;
    height: .36rem;
    font-weight: normal;
}
.recommendList li {
	padding: .2rem 0 .2rem;
    position: relative;
    font-size: .3rem;
    border-bottom:1px solid #f0f0f0;
}

.recommendList li:after {
	content: "";
	display: block;
	clear: both;
}
#commentList .noMore{
    padding-bottom:0;
}
.recommendList li .tit {
    color: #222222;
    font-weight: normal;
    line-height: .48rem;
    font-size: 0.32rem;
    margin-bottom: .15rem
}

.recommendList li .tit a {
	color: #222222;
}
.recommendList li .info{
    font-size:0;
}
.recommendList li .info span{
    display:inline-block;
    vertical-align: middle;
}
.recommendList li .info .time {
    float: right;
    color: #999999;
    font-size: .24rem;
    line-height: .48rem;
}
.recommendList li .info .ico-txt{
    margin-right: .2rem;
    border-radius: .06rem;
    border-width: 1px;
    border-style: solid;
    padding: .05rem .1rem;
    font-size: .24rem;
}
.recommendList li .info .t {
	color: #999999;
    font-size: .24rem;
    white-space: nowrap;
    width: 3.5rem;
    overflow: hidden;
    display: inline-block;
    height: .48rem;
    line-height: .48rem;
    vertical-align: middle;
}

.recommendList li.img-1 .img {
    position: absolute;
    right: 0;
    top: .25rem;
    width: 2.4rem;
    height: 1.65rem;
    display: block;
    border-radius: .1rem;
    overflow: hidden;
}

.recommendList li.img-1 .img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.recommendList li.img-1 .tit {
    margin-right: 3.3rem;
    margin-bottom: .3rem;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.recommendList .img-3 .img {
	margin-bottom: .15rem;
	font-size: 0;
}
.recommendList .img-3 .img img {
    width: 2.23rem;
    height: 1.6rem;
    border-radius: .1rem;
    margin-right: .1rem;
}

.recommendList .img-3 .img img:last-child {
	margin-right: 0;
}
.recommendList li.video .img {
	margin-bottom: .3rem;
	position: relative;
}

.recommendList li.video .img img {
	width: 100%;
	max-height: 5.7rem;
}

.recommendList li.video .img:before {
	content: "";
	display: block;
	width: 1.36rem;
	height: 1.36rem;
	background: url(../images/ico-play.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 20;
}

.recommendList li.video .img .time {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(0,0,0,.4);
	color: rgba(255,255,255,.6);
	line-height: .5rem;
	padding: 0 .25rem;
	border-radius: .1rem;
	font-size: .3rem;
}
.recommendList li.big .img {
	margin-bottom: .3rem;
	position: relative;
}

.recommendList li.big .img img {
	width: 100%;
	max-height: 4.2rem;
	border-radius: .2rem;
	overflow: hidden;
}
.recommendList .noMore{
    padding-bottom: 2rem;
    padding-top: .6rem;
}
.popTipToLogin .popCon{
    width:5.1rem;
    height: auto;
    bottom:auto;
    top:50%;
    transform: translate(-50%,-70%);
    border-radius: .1rem;
    font-size:.26rem;
    text-align:center;
    color:#222;
    padding: .3rem 0 0 0;
    box-sizing: border-box;
}
.popTipToLogin .popCon .topPic{
    padding:0 .3rem;
    width:100%;
    box-sizing: border-box;
    height: 1.72rem;
    border-radius:.1rem;
    overflow:hidden;
    margin-bottom:.2rem;
}
.popTipToLogin .popCon .topPic img{
    width:100%;
    height: 100%;
    border-radius:.1rem;
}
.popTipToLogin .popCon .tips{
    margin-bottom: .16rem;
    line-height: .48rem;
    font-size: .3rem;
    padding:0 .6rem;
}
.popTipToLogin .popCon .notNeed{
    font-size: .2rem;
    color: #999;
    line-height: 1.5;
    padding-bottom: .2rem;
}
.popTipToLogin .popCon .toLogin{
    color: #000;
    line-height: 3;
    display: block;
    font-weight: bold;
    font-size: .32rem;
    border-top: 1px solid #f0f0f0;
}
.content_page_box{
    text-align:center;
}
.content_page_box a,
.content_page_box span{
    display: inline-block;
    margin: 0 .1rem;
    padding: .15rem 0;
    border-radius: .1rem;
}
.content_page_box .end-pages-ctrl,
.content_page_box .ex-pages-disabled{
    color:#aaa
}
.popUp.popKeyword .popCon{
    position: relative;
    height: 6.55rem;
    width:5.4rem;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: .1rem;
    font-size: .2rem;
    padding:.5rem .38rem 0;
    box-sizing: border-box;
    overflow: hidden;
}

.popUp.popKeyword .popCon .icon_close{
    position: absolute;
    right: .2rem;
    top: .2rem;
    font-size: .4rem;
    color: #ccc;
}
.popUp.popKeyword .popCon .keywordAvator{
    width: 1.72rem;
    height: 1.72rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 0; 
    border: 1px solid #eaeaea;
    font-size:0;
}
.popUp.popKeyword .popCon .popMainCon{
    height: 5.72rem;
    overflow-y: scroll;
}
.popUp.popKeyword .popCon .popMainCon::-webkit-scrollbar{
    width:0;
}
.popUp.popKeyword .popCon .keywordAvator img{
    width:100%;
    height: 100%;
}
.popUp.popKeyword .popCon .keywordNickname{
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
    line-height: .74rem;
}
.popUp.popKeyword .popCon .keywordIntro{
    font-size:.28rem;
    text-align:left;
    line-height: .44rem;
    color:#505050;
}
.popUp.popKeyword .popCon .keyWordBottom{
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    background:#fff;
    width:100%;
}
.popUp.popKeyword .popCon .keyWordBottom::before{
    content:'';
    display:block;
    position: absolute;
    width:100%;
    height: .6rem;
    top:-.6rem;
    left:0;
    background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,1) 50%, rgba(255,255,255,1));
}
.popUp.popKeyword .popCon .toFeedBack{
    font-size:.26rem;
    height: .52rem;
    line-height: 2;
    text-align:left;
    box-sizing: border-box;
    display:block;
    color:#1c3f82;
    position: relative;
    margin-bottom:1rem;
}
.popUp.popKeyword .popCon .keyWordBottom .toDetail{
    width: 100%;
    text-align: center;
    display: block;
    height: .83rem;
    line-height: .83rem;
    color: #222;
    font-size: .28rem;
    border-top: 0.02rem solid #eaeaea;
}
.popUp.popTiptoLogin .popCon{
    width: 4.6rem;
    height: 3.8rem;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: .1rem;
    text-align: center;
}
 .popUp.popTiptoLogin .popCon h2{
    font-size: .3rem;
    line-height: 2;
    padding-top:.44rem;
    padding-bottom:.53rem;
}
.popUp.popTiptoLogin .popCon .icon_close{
    position: absolute;
    right:.2rem;
    top:.2rem;
    width:.32rem;
    height: .32rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e4e4e4;
    color:#fff;
    text-align: center;
    line-height: .32rem;
    transform: rotate(45deg);
    font-size: .3rem;
}
.popUp.popTiptoLogin .popCon .btn_toLogin{
    width:3.5rem;
    height: .6rem;
    margin:0 auto .2rem;
    text-align: center;
    line-height: .6rem;
    font-size: .24rem;
    color:#fff;
    background-color: #da1520;
    border-radius:.3rem;
}
.popUp.popTiptoLogin .popCon .tips{
    font-size: .18rem;
    color:#999;
    line-height: .38rem;
}
.popUp.popTiptoLogin .popCon .tips a{
    color:#004dac;
}
@keyframes loadRotate{
    0{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}