.rate-tooltip{width:2.5rem}.rate-tooltip .rate-box{color:#606266;font-size:.35rem;line-height:.8rem}.rate-tooltip .rate-box p{cursor:pointer;text-align:center}.rate-tooltip .active-rate{background-color:#f5f7fa;color:red}.el-popover{min-width:auto;padding:0}#classDetails{min-height:calc(100vh - 9.175rem);overflow:hidden}#classDetails .class-box{width:38.25rem;min-height:25rem;display:flex;justify-content:space-between;background-color:#fff;margin:0 auto;margin-top:.9rem;margin-bottom:.675rem}#classDetails .class-box .class-left{width:29.825rem;border-right:1px solid #e6eaec;padding:.85rem;text-align:left}#classDetails .class-box .class-left .eg-img{width:100%}#classDetails .class-box .class-left .article-title{font-size:.7rem;font-weight:700;color:#374353}#classDetails .class-box .class-left .article-time{font-size:.35rem;font-weight:400;color:#80858e;padding-top:.5rem}#classDetails .class-box .class-left .article-content{font-size:16px;line-height:24px;margin-top:.5rem}#classDetails .class-box .class-left .article-content img{max-width:100%!important}#classDetails .class-box .class-left .like-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:.6rem;cursor:pointer}#classDetails .class-box .class-left .like-box .like-icon{width:1.05rem;height:1.05rem;border:1px solid #e4bc75;position:relative;border-radius:50%}#classDetails .class-box .class-left .like-box .like-icon img{width:.55rem;height:.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#classDetails .class-box .class-left .like-box .isLike{background:#e4bc75}#classDetails .class-box .class-left .like-box p{font-size:.35rem;font-weight:400;color:#999;padding-top:6px}#classDetails .class-box .class-right{width:8.425rem}#classDetails .class-box .class-right .top-title{padding:.35rem .675rem 1rem .7rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}#classDetails .class-box .class-right .top-title .title{width:5.375rem}#classDetails .class-box .class-right .top-title .more-btn{display:flex;justify-content:flex-end;align-items:center}#classDetails .class-box .class-right .top-title .more-btn span{font-size:.4rem;font-weight:400;color:#80858e}#classDetails .class-box .class-right .top-title .more-btn img{width:.55rem;height:9px;margin-left:9px}#classDetails .class-box .class-right .home02-box01-content{justify-content:center}#classDetails .class-box .class-right .home02-box01-content .home02-box-item{box-shadow:none;position:relative}#classDetails .class-box .class-right .home02-box01-content .home02-box-item .home02-box-item-time{font-size:.35rem;font-weight:400;color:#80858e;text-align:left}#classDetails .class-box .class-right .home02-box01-content .home02-box-item .kind-label{font-size:.35rem;font-weight:400;color:#fff;padding:3px 4px;background:linear-gradient(207deg,#49a7f8,#4a84d4);border-radius:3px;position:absolute;left:.325rem;top:.325rem}#classDetails .class-box .class-right .home02-box01-content .home02-box-item .kind-label:hover{background:linear-gradient(224deg,#f7d092,#dcb879 49%,#caa869)}#classDetails .class-box .class-right .home02-box01-content .home02-box-item-eg{width:7.95rem;height:6.25rem;background:#f5f8f9;margin-left:.375rem}#classDetails .class-box .class-right .home02-box01-content .home02-box-item-eg .home02-box-item-title{min-height:auto}#classDetails .class-box .class-right .home02-box01-content .home02-box-item-eg .home02-box-item-img-box{width:7.95rem;height:4.45rem}#classDetails .class-box .class-right .home02-box01-content .home02-box-item-eg .home02-box-item-img-box .home02-box-item-img{width:100%;height:100%}#classDetails .class-box .class-right .home02-box01-content .home02-box-item-eg .home02-box-item-content{justify-content:flex-start}#classDetails .comment-box{width:38.25rem;max-height:9.825rem;background:#fff;overflow:auto;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);margin:0 auto;margin-bottom:1.2rem;border-top:1px solid #e6eaec;border-bottom:1px solid #e6eaec}#classDetails .comment-box .comment-top-box{width:100%;height:1.6rem;display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #e6eaec}#classDetails .comment-box .comment-top-box .avator-box{width:1rem;height:1rem;border-radius:50%;border:1px solid #efefef;margin-right:12px;margin-left:.875rem}#classDetails .comment-box .comment-top-box input{width:25.9rem;height:.9rem;background:#f5f8f9;border-radius:.45rem;border:1px solid #e6eaec;margin-right:12px;padding:0 .35rem}#classDetails .comment-box .comment-top-box input:focus{border:none;outline:none}#classDetails .comment-box .comment-top-box .comment-btn{width:1.45rem;height:.65rem;line-height:.65rem;background:#e4bc75;border-radius:.45rem;font-size:.35rem;font-weight:500;color:#fff;cursor:pointer}#classDetails .comment-box .comment-content-box{padding:12px .9rem}#classDetails .comment-box .comment-content-box .comment-content-item{margin-top:.5rem}#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-top,#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-top .item-top-left{display:flex;justify-content:flex-start;align-items:center}#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-top .item-top-left .comment-avator{width:1rem;height:1rem;border-radius:50%;background-color:#efefef}#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-top .item-top-left .comment-name{max-width:5rem;font-size:.4rem;font-weight:700;color:#374353;padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-top .comment-time{font-size:12px;font-family:Avanti;color:#80858e;padding-left:12px}#classDetails .comment-box .comment-content-box .comment-content-item .comment-item-content{word-break:break-all;font-size:.35rem;font-weight:400;color:#374353;line-height:.5rem;text-align:left;padding-left:1.275rem}#classDetails .comment-box .comment-content-box .comment-content-item .reply{font-size:.35rem;font-weight:600;color:#e4bc75;text-align:left;padding-left:1.275rem;padding-top:5px;cursor:pointer}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box{padding:6px .375rem;width:18rem;background:#eee;border-radius:5px;margin-left:1.275rem;margin-top:10px}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item:first-child{padding-top:0}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item{padding:.35rem 0;border-bottom:1px solid #aaa}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item .reply-top{display:flex;justify-content:flex-start;align-items:center}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item .reply-top p:first-child{font-size:.4rem;font-weight:700;color:#374353}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item .reply-top p:nth-child(2){flex-shrink:0;font-size:12px;color:#80858e;padding-left:10px}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item .reply-content{word-break:break-all;font-size:.35rem;font-weight:400;color:#374353;line-height:.5rem;text-align:left;padding-top:4px}#classDetails .comment-box .comment-content-box .comment-content-item .reply-box .reply-item:last-child{border:none}