.comment-card{margin-bottom:.54rem;position:relative;overflow:hidden}.comment-card .avatar{display:block;width:.8rem;height:.8rem;float:left;border-radius:50%;background-image:url(//s3plus.meituan.net/v1/mss_20cf2cb609bf414daf70e3738dd9eeab/meituan-web-img/xueyuan/avatar-default.png);background-size:100% 100%}.comment-card .avatar img{width:100%;height:100%;border-radius:50%}.comment-card .comment-left{margin-left:1rem;margin-top:.1rem;font-family:PingFangSC-Regular}.comment-card .comment-left .left-top-row{overflow:hidden}.comment-card .comment-left .left-top-row .f-left{float:left}.comment-card .comment-left .left-top-row .f-right{float:right;color:#999}.comment-card .comment-left .left-top-row .f-right.like{color:#f63}.comment-card .comment-left .left-top-row .f-right.like .comment-like-status{background-image:url(//s3plus.meituan.net/v1/mss_20cf2cb609bf414daf70e3738dd9eeab/meituan-web-img/xueyuan/like-active.png)}.comment-card .comment-left .left-top-row .comment-like-status{display:inline-block;position:relative;top:.03rem;width:.36rem;height:.36rem;padding:.1rem;background:url(//s3plus.meituan.net/v1/mss_20cf2cb609bf414daf70e3738dd9eeab/meituan-web-img/xueyuan/like-default.png) 50% no-repeat;background-size:cover;background-origin:content-box;background-clip:content-box}.comment-card .comment-left .left-top-row .comment-like-count{display:inline-block;font-size:.28rem;vertical-align:text-top;margin-top:-.13rem}.comment-card .comment-left .left-top-row .comment-user-nickname{height:.4rem;font-size:0;color:#333}.comment-card .comment-left .left-top-row .comment-user-nickname span{display:inline-block;line-height:.4rem;font-size:.32rem;vertical-align:middle}.comment-card .comment-left .left-top-row .comment-user-nickname .top-icon{display:inline-block;margin-left:.1rem;width:.54rem;height:.32rem;line-height:.4rem;vertical-align:middle}.comment-card .comment-left .left-top-row .comment-time{font-size:.24rem;color:#999;line-height:.4rem}.comment-card .comment-left .comment-content{margin-top:.18rem;font-size:.28rem;color:#333;line-height:.38rem}.comment-card .comment-left .commnet-reply{padding:.16rem .2rem;margin-top:.16rem;overflow:hidden;background:#f2f2f2;border-radius:.04rem;font-size:.24rem;color:#666;line-height:.34rem}.comment-card .comment-left .commnet-reply .reply-title{margin-bottom:.06rem}.comment-card .comment-left .commnet-reply .reply-title .reply-time{float:right}.article-card{position:relative;margin-bottom:.3rem;height:1.56rem}.article-card .pic-container{position:absolute;top:0;left:0;bottom:0;width:2.8rem;height:100%;background-color:#e1e1e1;background-image:url(//s3plus.meituan.net/v1/mss_20cf2cb609bf414daf70e3738dd9eeab/meituan-web-img/xueyuan/default-cover-icon.png);background-repeat:no-repeat;background-size:auto 40%;background-position:50%;overflow:hidden}.article-card .pic-container img{width:100%;height:100%}.article-card .pic-container .course-type-label{position:absolute;top:0;right:0;padding:.04rem .1rem;font-size:.2rem;color:#fff;border-radius:0 .08rem 0 .08rem;background-color:#ff7e15}.article-card .article-desc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-left:3.1rem;height:100%;font-family:PingFangSC-Regular}.article-card .article-desc .article-title{margin-bottom:.3rem;font-family:PingFangSC-Medium;font-weight:500;font-size:.28rem;line-height:.4rem;color:#333;letter-spacing:0}.article-card .article-desc .views-info-container{position:absolute;left:auto;bottom:.1rem;font-family:PingFangSC-Regular,sans-serif;font-size:.24rem;line-height:.32rem;height:.32rem;color:#999}.article-card .article-desc .views-info-container .views-icon{margin-right:.1rem;margin-bottom:.06rem;height:.22rem;width:.3rem;vertical-align:text-bottom}.article-card .article-desc .views-info-container span{vertical-align:text-bottom}.comment-container .empty-comment{margin-top:.7rem;margin-bottom:.6rem;font-family:PingFangSC-Regular;font-size:.24rem;color:#999;line-height:.32rem;text-align:center}.comment-container .title{margin-top:.8rem;margin-bottom:.4rem;font-family:PingFangSC-Medium;font-size:.42rem;color:#333;line-height:1.21}.comment-container .write-comment{float:right;margin-top:.04rem;font-family:PingFangSC-Regular;font-size:.28rem;color:#3b97f5;line-height:.3rem}.comment-container .write-comment span{vertical-align:middle}.comment-container .write-comment .write-comment-icon{display:inline-block;margin-right:.16rem;height:.32rem;width:.3rem;background-image:url(//s3plus.meituan.net/v1/mss_20cf2cb609bf414daf70e3738dd9eeab/meituan-web-img/xueyuan/write-comment-icon.svg);background-size:100% 100%}.comment-container .load-more{text-align:center;font-family:PingFangSC-Regular;font-size:.28rem;color:#999;line-height:.32rem}.comment-container .load-more .more-info{float:inherit}.comment-container .add-comment-container{margin-bottom:.48rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.comment-container .add-comment-container input{outline:none;padding-left:.3rem;padding-right:.3rem;height:.66rem;background:#f4f5f6;border:1px solid #e8e8e8;border-top:0;border-color:#e8e8e8;border-radius:.4rem;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;margin-right:.2rem}.comment-container .add-comment-container .send-comment-btn{float:right;margin-top:.12rem;height:.46rem;width:.64rem;color:#287ae9;font-family:PingFangSC-Medium;font-size:.32rem;line-height:.46rem;white-space:nowrap}