.comment-item-container{background:#fff;padding:4vw;border-bottom:1px solid #eaeaea;display:-webkit-box;display:-ms-flexbox;display:flex}.comment-item-container .left{width:13.86667vw}.comment-item-container .left img{border-radius:50%!important;width:10.66667vw;height:10.66667vw;border-radius:1.06667vw}.comment-item-container .right{width:calc(100% - 13.86667vw)}.comment-item-container .right .name-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.comment-item-container .right .name-operation .name{color:#576b95}.comment-item-container .right .name-operation .name span{vertical-align:middle}.comment-item-container .right .name-operation .name i{margin-left:1.6vw}.comment-item-container .right .name-operation .operation-img{width:100%;width:6.66667vw;height:4vw}.comment-item-container .right .activity,.comment-item-container .right .course,.comment-item-container .right .task{font-size:4.26667vw;color:#333}.comment-item-container .right .task{color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.comment-item-container .right .desc{position:relative}.comment-item-container .right .desc .expand{white-space:nowrap;position:absolute;bottom:0;right:0;color:#e5b659;text-align:right;background-color:#fff;padding:0 1.33333vw}.comment-item-container .right .display-images{white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch}.comment-item-container .right .display-images .van-image{margin-right:1.33333vw;margin-top:1.33333vw}.comment-item-container .right .display-images::-webkit-scrollbar{display:none}.comment-item-container .right .video-bg{position:relative}.comment-item-container .right .video-bg img{width:100%;height:37.33333vw;display:block;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:10}.comment-item-container .right .video-bg video{width:100%;height:37.33333vw}.comment-item-container .right .video-bg i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:11}.comment-item-container .right .course-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.8vw;background-color:#f5f5f5;line-height:9.6vw;padding:0 2.66667vw;margin-top:2.66667vw}.comment-item-container .right .course-name span{font-size:3.73333vw;color:#333;width:calc(100% - 5.33333vw);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-item-container .right .activity-img{width:100%;height:32vw;margin-top:1.86667vw;display:block}.comment-item-container .right .date-comment{margin-top:3.2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.comment-item-container .right .date-comment .date{color:#999;font-size:3.2vw}.comment-item-container .right .date-comment .comment-love{display:-webkit-box;display:-ms-flexbox;display:flex}.comment-item-container .right .date-comment .comment-love span{color:#999;vertical-align:middle;font-size:3.2vw}.comment-item-container .right .date-comment .comment-love .comment{margin-left:5.33333vw}.comment-item-container .right .comment-content{background-color:#f4f3f7;margin-top:2.66667vw}.comment-item-container .right .comment-content .like-people{border-bottom:1px solid #eaeaea;padding:1.6vw 2.66667vw}.comment-item-container .right .comment-content .like-people .icon-comment-like{margin-right:.8vw}.comment-item-container .right .comment-content .like-people .people{color:#576b95;font-size:3.73333vw}.comment-item-container .right .comment-content .mutual{padding:1.6vw 2.66667vw}.comment-item-container .right .comment-content .mutual .dialogue{padding:1.6vw 0}.comment-item-container .right .comment-content .mutual .dialogue li{font-size:3.73333vw}.comment-item-container .right .comment-content .mutual .dialogue li .left-dia,.comment-item-container .right .comment-content .mutual .dialogue li .right-dia{color:#576b95}.comment-item-container .right .comment-content .mutual .dialogue li .content-dia,.comment-item-container .right .comment-content .mutual .dialogue li .reply,.comment-item-container .right .comment-content .mutual .more{font-size:3.73333vw;color:#333}.comment-item-container .comment-action-sheet{height:80%}.comment-item-container .comment-action-sheet .van-action-sheet__header{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1}.comment-item-container .comment-action-sheet .van-action-sheet__content{padding:0 4.26667vw}.comment-item-container .comment-action-sheet .van-action-sheet__content [class*=van-hairline]:after{border:0 solid #ebedf0;border-top-width:1px}.comment-item-container .popup-mutual{padding:2.66667vw 0}.comment-item-container .popup-mutual .dialogue{padding:1.6vw 0}.comment-item-container .popup-mutual .dialogue li{font-size:3.73333vw;line-height:6.66667vw}.comment-item-container .popup-mutual .dialogue li .left-dia,.comment-item-container .popup-mutual .dialogue li .right-dia{color:#576b95}.comment-item-container .popup-mutual .dialogue li .content-dia,.comment-item-container .popup-mutual .dialogue li .reply,.comment-item-container .popup-mutual .more{font-size:3.73333vw;color:#333}.dynamic-container .dynamic-header{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.dynamic-container .dynamic-header .left,.dynamic-container .dynamic-header .right{-webkit-box-flex:1;-ms-flex:1;flex:1;height:13.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dynamic-container .dynamic-header .left img,.dynamic-container .dynamic-header .right img{width:5.86667vw;height:5.86667vw;margin-left:7.46667vw;margin-right:3.2vw}.dynamic-container .dynamic-header .left .rank p:first-child,.dynamic-container .dynamic-header .right .rank p:first-child{font-size:4.26667vw;color:#333}.dynamic-container .dynamic-header .left .rank p:last-child,.dynamic-container .dynamic-header .right .rank p:last-child{font-size:3.2vw;color:#999}.dynamic-container .dynamic-header .right{-webkit-box-flex:1;-ms-flex:1;flex:1;height:13.33333vw;border-left:1px solid #eaeaea}.dynamic-container .line{height:2.66667vw;background-color:#f4f3f8}.dynamic-container .comment-father{margin-bottom:13.33333vw}.dynamic-container .btn{position:fixed;bottom:0;width:100%}.dynamic-container .btn .van-button{width:100%}.dynamic-container .go-hme{width:13.33333vw;position:fixed;right:2.66667vw;bottom:46.66667vw;z-index:999}.dynamic-container .no-list{width:100%;background:#fff}.dynamic-container .no-list img{width:100%}.dynamic-container .no-list p{text-align:center;padding-bottom:5.33333vw;color:#999;font-size:4.26667vw}