.comment-agent.line{background:none;border-bottom:1px solid #e3e3e3}.comment-agent .comment-info .agent-info{align-items:center;display:flex;flex:1;overflow:hidden}.comment-photo{background:#000;height:100%;position:relative;width:100%}.comment-photo img.big{max-height:calc(100vh - 40vw);max-width:100vw}.comment-photo .swiper-slide{align-items:center;display:flex;height:100vh;justify-content:center}.comment-photo .count{color:#fff;font-size:5.33333vw;left:50%;line-height:1.5;margin-left:-13.33333vw;position:absolute;text-align:center;top:5.33333vw;width:26.66667vw;z-index:5}.commemt-user{align-items:center;display:flex;margin-top:6.4vw}.commemt-user .user-avatar{border-radius:50%;height:10.66667vw;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:10.66667vw}.commemt-user .user-name{color:#333;font-size:4vw;font-weight:700;line-height:5.6vw;margin-left:2.66667vw}.commemt-user .user-label{border:1px solid #e96b42;border-radius:.53333vw;color:#e96b42;font-size:2.66667vw;margin-left:1.33333vw;padding:.26667vw .93333vw}.comment-text{color:#333;display:-webkit-box;font-size:3.73333vw;line-height:5.86667vw;margin-top:4.26667vw;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}.comment-text.d3{-webkit-line-clamp:3}.comment-text.d5{-webkit-line-clamp:5}.expand-text{color:var(--keyColor);font-size:3.73333vw;line-height:5.33333vw;padding:1.33333vw 0}.comment-imgs{display:grid;gap:3.46667vw;grid-template-columns:repeat(3,1fr);margin-top:3.73333vw}.comment-imgs .img-box{border-radius:.8vw;height:28vw;overflow:hidden;position:relative;width:28vw}.comment-imgs .img-box img{height:100%;width:100%}.comment-imgs .img-box .total{background:#333c;border-radius:.8vw 0;bottom:0;color:#fff;font-size:2.4vw;line-height:2.93333vw;padding:.26667vw 1.86667vw;position:absolute;right:0}.comment-time{align-items:center;color:#999;display:flex;font-size:3.2vw;line-height:4.4vw;margin-top:2.66667vw;position:relative}.comment-time .text{flex:1}.comment-time .handle{align-items:center;display:flex;flex:none;justify-content:flex-end;margin-left:1.33333vw;min-width:10vw}.comment-time .handle .icon{height:3.2vw;width:3.2vw}.comment-time .handle span{font-size:2.66667vw;margin-left:.8vw}.comment-scroll{background:#fff;box-sizing:border-box;font-size:0;overflow-x:auto;padding:2.66667vw 0;position:relative;vertical-align:middle;white-space:nowrap;width:100%}.comment-scroll.fixed{left:5.33333vw;position:fixed;right:5.33333vw;top:12vw;width:auto;z-index:200}.comment-scroll.fixed+*{margin-top:16vw}.comment-scroll::-webkit-scrollbar{width:0}.comment-scroll span.header{background:#f6f6f6;border-radius:1.06667vw;color:#999;display:inline-block;font-size:3.2vw;height:6.4vw;margin-right:4vw;padding:1.06667vw 2.66667vw;text-align:center}.comment-scroll span.header.on{background:#eef3ef;color:#18a65e}.layout-box{display:flex;flex-direction:column;margin-top:3.73333vw}.layout-box .item{color:#666;font-size:3.33333vw;line-height:4.8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-box .item+.item{margin-top:1.73333vw}.comment-wraper{padding:0 5.33333vw}.comment-agent{background:#f8f8f7;border-radius:.53333vw;display:flex;margin-top:3.73333vw;padding:3.2vw 2.66667vw}.comment-agent .head{border-radius:50%;flex-shrink:0;height:9.33333vw;margin-right:2.66667vw;margin-top:1.33333vw;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:9.33333vw}.comment-agent .comment-info{display:flex;flex:1;flex-direction:column;overflow:hidden}.comment-agent .comment-info .agent-info{align-items:center;display:flex;overflow:hidden}.comment-agent .comment-info .agent-info .name{color:#333;font-size:3.46667vw;font-weight:700;line-height:5.33333vw;max-width:17.06667vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-agent .comment-info .agent-info .brand{flex-shrink:0;height:4.26667vw;margin-left:.8vw;width:5.6vw}.comment-agent .comment-info .agent-info .job{background:#ededed;border-radius:.53333vw;color:#999;font-size:2.4vw;line-height:3.2vw;margin-left:1.6vw;margin-right:1.33333vw;padding:.26667vw .93333vw;white-space:nowrap}.comment-agent .comment-info .agent-info .msg-box{flex:none;margin-left:auto}.comment-agent .comment-info .agent-info .msg-box .icon{height:6.4vw;width:6.4vw}.comment-agent .comment-info .agent-info .msg-box .icon+.icon{margin-left:3.2vw}.comment-agent .comment-info .text{color:#333;font-size:3.46667vw;line-height:4.93333vw;margin-top:.93333vw;word-break:break-all}.comment-agent .comment-info .time{color:#999;font-size:2.93333vw;line-height:4vw;margin-top:2.66667vw}.mline{background:#e3e3e3;height:1px;margin:5.33333vw 0;transform:scaleY(.5)}
