.study-circle-dynamic-activity-comment{padding:4vw 4.26667vw;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.study-circle-dynamic-activity-comment .div-change-in div{display:initial}.study-circle-dynamic-activity-comment .avatar{margin-right:2.66667vw;-ms-flex-negative:0;flex-shrink:0}.study-circle-dynamic-activity-comment .detail{-webkit-box-flex:1;-ms-flex:1;flex:1}.study-circle-dynamic-activity-comment .detail .name-tag{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}.study-circle-dynamic-activity-comment .detail .name-tag .name{color:#576b95}.study-circle-dynamic-activity-comment .detail .name-tag .name .sticky-image{width:9.6vw;-webkit-transform:translateY(.33333vw);transform:translateY(.33333vw);margin-right:.53333vw}.study-circle-dynamic-activity-comment .detail .name-tag .tag{color:#e5b659;font-size:3.2vw}.study-circle-dynamic-activity-comment .detail .desc{margin-top:1.33333vw;position:relative;width:18rem;word-break:break-all}.study-circle-dynamic-activity-comment .detail .desc .expand{position:absolute;bottom:0;right:0;color:#4775ff;text-align:right;background:#fff}.study-circle-dynamic-activity-comment .detail .images{margin-top:1.33333vw;font-size:0}.study-circle-dynamic-activity-comment .detail .images .van-image{display:inline-block;margin-right:1.33333vw;margin-bottom:1.33333vw;width:21.06667vw;height:21.06667vw}.study-circle-dynamic-activity-comment .detail .video-box{position:relative}.study-circle-dynamic-activity-comment .detail .video-box>img{width:100%;height:37.33333vw;display:block;position:absolute;-o-object-fit:cover;object-fit:cover;z-index:1}.study-circle-dynamic-activity-comment .detail .video-box video{width:100%;height:37.33333vw}.study-circle-dynamic-activity-comment .detail .video-box i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.study-circle-dynamic-activity-comment .detail .time-more{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;margin-top:3.73333vw}.study-circle-dynamic-activity-comment .detail .time-more .time-delete{font-size:3.2vw;color:#999}.study-circle-dynamic-activity-comment .detail .time-more .time-delete .delete{color:#576b95;margin-left:2.66667vw}.study-circle-dynamic-activity-comment .detail .time-more .comment-like{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;font-size:3.2vw}.study-circle-dynamic-activity-comment .detail .time-more .comment-like i{margin-right:1.06667vw}.study-circle-dynamic-activity-comment .detail .time-more .comment-like>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-circle-dynamic-activity-comment .detail .time-more .comment-like .like{margin-right:5.33333vw}.study-circle-dynamic-activity-comment .detail .like-comment{font-size:3.2vw;background:#f4f3f7;position:relative;margin-top:2.66667vw}.study-circle-dynamic-activity-comment .detail .like-comment:before{content:"";position:absolute;top:-1.33333vw;left:2.66667vw;width:0;height:0;border-left:1.33333vw solid transparent;border-right:1.33333vw solid transparent;border-bottom:1.33333vw solid #f4f3f7}.study-circle-dynamic-activity-comment .detail .like-comment .comments,.study-circle-dynamic-activity-comment .detail .like-comment .like{padding:1.6vw 2.66667vw}.study-circle-dynamic-activity-comment .detail .like-comment .like,.study-circle-dynamic-activity-comment .detail .like-comment .name{color:#576b95}.study-circle-dynamic-activity-comment .detail .like-comment .like i{margin-right:.53333vw;vertical-align:text-bottom}.study-circle-dynamic-activity-comment .detail .like-comment .view-all{color:#999}.page-study-circle-task-detail{min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f4f3f8;padding-bottom:13.33333vw;font-size:0}.page-study-circle-task-detail .finish-task{font-size:2.66667vw!important}.page-study-circle-task-detail article{padding:4vw 4.26667vw;line-height:1;background:#fff;font-size:4.26667vw}.page-study-circle-task-detail article .title{font-size:5.33333vw;text-align:center}.page-study-circle-task-detail article .time{font-size:3.2vw;text-align:center;color:#999;margin-top:2.13333vw}.page-study-circle-task-detail article .course-list{border-radius:2.13333vw;overflow:hidden;background:#f4f3f8;margin-top:5.33333vw}.page-study-circle-task-detail article .course-list [class*=van-hairline]:after{border-color:#eaeaea;left:calc(-50% + 8vw);right:calc(-50% + 8vw)}.page-study-circle-task-detail article .course-list .course{padding:2.66667vw 4vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-study-circle-task-detail article .course-list .course,.page-study-circle-task-detail article .course-list .course .course-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-study-circle-task-detail article .course-list .course .course-info .van-image{width:16vw;height:9.06667vw;border-radius:.8vw;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.page-study-circle-task-detail article .course-list .course .course-info .course-title{margin-left:2.66667vw;font-size:3.73333vw}.page-study-circle-task-detail article .course-list .course i{-ms-flex-negative:0;flex-shrink:0}.page-study-circle-task-detail article .image:not(:first-child),.page-study-circle-task-detail article .text:not(:first-child){margin-top:2.66667vw}.page-study-circle-task-detail .footer-btn{width:100%;position:fixed;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.page-study-circle-task-detail .footer-btn .history-btn{color:#945a03;background:#fdf1dd;border-color:#fdf1dd;-webkit-box-flex:1;-ms-flex:1;flex:1}.page-study-circle-task-detail .footer-btn .van-button--primary{-webkit-box-flex:3;-ms-flex:3;flex:3}.page-study-circle-task-detail .footer-btn .next-btn{background-color:#ccc;color:#fff;border:0;-webkit-box-flex:3;-ms-flex:3;flex:3}.page-study-circle-task-detail .checkin-list{margin-top:2.66667vw;font-size:4.26667vw;background:#fff}.page-study-circle-task-detail .checkin-list .title{height:11.73333vw;line-height:11.73333vw;padding:0 4.26667vw;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}.page-study-circle-task-detail .checkin-list .title .complete-number{color:#999;font-size:3.2vw}.page-study-circle-task-detail .icon-back-checkin-home{position:fixed;bottom:21.33333vw;right:3.2vw;z-index:1}