.tea-page{
    padding: .6rem;
    margin-bottom: .4rem;
    background-color: #fff;
}
.tea-page h3{
    font-size: .85rem;
    margin-bottom: .6rem;
}
.tea-page .author-info{
    display: flex;
    align-items: center;
}
.author-info .avatar img,
.comm-bd .comm-list .comm-avatar img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #eee;
}
.author-info > div{
    margin-right: .4rem;
}
.author-info .time{
    color: #999;
}
.tea-page .tea-article{
    margin: .4rem 0;
    line-height: 1.5!important;
    word-break: break-all;
}
.tea-page .tea-article *{
    font-size: .8rem!important;
    font-family: "Microsoft Yahei","微软雅黑",verdana,-apple-system-font,Helvetica Neue,sans-serif!important;
}
.tea-page .tea-article img{
    display: block;
    margin: .4rem auto;
}
.tea-page .art-ctrl{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.tea-page .art-ctrl .art-ctrl-item{
    display: flex;
    margin-left: .4rem;
    align-items: center;
    color: #666;
    width: 3.4rem;
    height: 1.2rem;
    font-size: .6rem;
    padding-left: .5rem;
    border: 1px solid #ddd;
    border-radius: 1.2rem;
}
.art-ctrl .art-ctrl-item i{
    display: inline-block;
    width: .85rem;
    height: .85rem;
    margin-right: .2rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.art-ctrl .art-ctrl-item.active{
    color: #B4272D;
    border-color: #B4272D;
}
.art-ctrl .art-ctrl-item.active i.coll{
    background-image: url(../img/teacircle/colled.png);
}
.art-ctrl .art-ctrl-item.active i.zan{
    background-image: url(../img/detail/appreciate_fill.png);
}
.art-ctrl .art-ctrl-item i.share{
    background-image: url(../img/teacircle/share.png);
}
.art-ctrl .art-ctrl-item i.comm{
    background-image: url(../img/teacircle/comm.png);
}
.art-ctrl .art-ctrl-item i.coll{
    background-image: url(../img/teacircle/coll.png);
}
.art-ctrl .art-ctrl-item i.zan{
    background-image: url(../img/detail/appreciate.png);
}
.comm-bd{
    margin-bottom: .4rem;
    background-color: #fff;
}
.comm-bd .comm-list-title{
    padding: .6rem;
    border-bottom: 1px solid #eee;
}
.comm-bd .no-comm{
    text-align: center;
    height: 8rem;
    line-height: 8rem;
    color: #999;
}

.comm-bd .comm-list{
    display: flex;
    padding: .6rem;
    border-bottom: 1px solid #eee;
}
 .comm-list .comm-avatar {
    margin-right: .4rem;
}
.comm-list .comm-info{
    /*flex-grow: 1;*/
    width: 100%;
}
.comm-info .comm-info-top{
    margin-bottom: .1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.comm-info .comm-info-top .comm-info-ctrl{
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/teacircle/comm.png);
}
.comm-info .comm-info-time{
    margin-bottom: .2rem;
    color: #999;
    font-size: .6rem;
}
.comm-info .comm-info-cont{
    color: #777;
    word-break: break-all;
}
.comm-info .comm-info-cont .who{
    color: #333;
}
/*评论区*/
.weui-popup__modal{
    background-color: #fff;
}
.comment-pop .close-popup {
    width: 1rem;
    height: 1rem;
    background-size: 100% 100%;
    background-image: url(../img/back.png);
}
.comment-pop .comm-pop-bd{
    padding: .6rem;
}
.comment-pop .comm-pop-bd .comm-area{
    width: 100%;
    height: 8rem;
    color: #777;
    font-size: .7rem;
    padding: .4rem;
    outline: none;
    border: 1px solid #999;
    border-radius: .3rem;
}
.comment-pop .comm-pop-bd .comm-btn{
    width: 100%;
    color: #fff;
    margin-top: .6rem;
    background-color: #B4272D;
    padding: .6rem 0;
    border-radius: .3rem;
    text-align: center;
}
.rec .title i{
    width: .8rem;
    height: 1rem;
    background-image: url("../img/index/index_11.png");
}
.rec .rec-slide{
    padding: .4rem;
}
.m-block .title  {
    padding: .6rem;
    font-size: .7rem;
    text-align: left;
}
.rec .rec-slide .rec-p{
    width: 8rem;
}
.rec-p .tea-pro-img{
    width: 100%;
    height: 8rem;
}
.rec-p .tea-pro-title,
.rec-p .tea-pro-cont{
    padding: .2rem .2rem 0;
}
.rec-p .tea-pro-title{
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.rec-p .tea-pro-cont{
    color: #666;
    font-size: .6rem;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
