.mt-10[data-v-08c9fd94]{margin-top:10px!important}.ml-10[data-v-08c9fd94]{margin-left:10px!important}.mb-10[data-v-08c9fd94]{margin-bottom:10px!important}.mb-20[data-v-08c9fd94]{margin-bottom:20px!important}.mt-20[data-v-08c9fd94]{margin-top:20px!important}.pull-left[data-v-08c9fd94]{float:left}.pull-right[data-v-08c9fd94]{float:right}.util__click-element[data-v-08c9fd94]{transition:all .8s;display:inline-block;cursor:pointer}.util__click-element[data-v-08c9fd94]:hover{transform:scale(1.1)}.btn-to-create[data-v-08c9fd94]{font-size:46px!important;position:fixed;right:15px;bottom:76px;z-index:10}.empty-wrapper[data-v-08c9fd94]{line-height:150px;text-align:center;border-radius:3px;position:relative;color:#909399;clear:both;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.empty-wrapper[data-v-08c9fd94]:before{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;left:calc(50% - 80px);top:50%}.empty-wrapper[data-v-08c9fd94]:after{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;right:calc(50% - 80px);top:50%}.mr-5[data-v-08c9fd94]{margin-right:5px}.score--display[data-v-08c9fd94]{display:flex;font-weight:700;justify-content:normal;align-items:normal;justify-content:space-between;margin:10px 10px}.score--wrapper[data-v-08c9fd94]{padding:0;margin:0 0 0 20px;width:100%;overflow:hidden}.score--wrapper li[data-v-08c9fd94]{display:flex;align-items:center}.score--wrapper li[data-v-08c9fd94] .el-rate__icon{font-size:26px}.score--wrapper li .el-button[data-v-08c9fd94],.score--wrapper li .el-rate[data-v-08c9fd94]{margin-left:10px}.mt-10[data-v-0c78076a]{margin-top:10px!important}.ml-10[data-v-0c78076a]{margin-left:10px!important}.mb-10[data-v-0c78076a]{margin-bottom:10px!important}.mb-20[data-v-0c78076a]{margin-bottom:20px!important}.mt-20[data-v-0c78076a]{margin-top:20px!important}.pull-left[data-v-0c78076a]{float:left}.pull-right[data-v-0c78076a]{float:right}.util__click-element[data-v-0c78076a]{transition:all .8s;display:inline-block;cursor:pointer}.util__click-element[data-v-0c78076a]:hover{transform:scale(1.1)}.btn-to-create[data-v-0c78076a]{font-size:46px!important;position:fixed;right:15px;bottom:76px;z-index:10}.empty-wrapper[data-v-0c78076a]{line-height:150px;text-align:center;border-radius:3px;position:relative;color:#909399;clear:both;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.empty-wrapper[data-v-0c78076a]:before{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;left:calc(50% - 80px);top:50%}.empty-wrapper[data-v-0c78076a]:after{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;right:calc(50% - 80px);top:50%}.mr-5[data-v-0c78076a]{margin-right:5px}.comments-wrapper[data-v-0c78076a]{margin-top:10px;max-height:300px;overflow-y:auto}.comments-wrapper dd[data-v-0c78076a]{display:flex;align-items:center;margin:10px;border-bottom:1px dashed #f8f8f9;padding:0 0 10px}.comments-wrapper dd .el-image[data-v-0c78076a]{width:40px;height:40px;border-radius:50%}.comments-wrapper dd .comments--detail[data-v-0c78076a]{flex:1;margin-left:10px;color:#909399}.comments-wrapper dd .comments--detail .comments--name[data-v-0c78076a]{color:#24313e;font-weight:700}.comments-wrapper dd .comments--detail .comments--date[data-v-0c78076a]{font-size:14px}[data-v-0c78076a] .el-drawer__body{margin-left:20px}.mt-10[data-v-6739917f]{margin-top:10px!important}.ml-10[data-v-6739917f]{margin-left:10px!important}.mb-10[data-v-6739917f]{margin-bottom:10px!important}.mb-20[data-v-6739917f]{margin-bottom:20px!important}.mt-20[data-v-6739917f]{margin-top:20px!important}.pull-left[data-v-6739917f]{float:left}.pull-right[data-v-6739917f]{float:right}.util__click-element[data-v-6739917f]{transition:all .8s;display:inline-block;cursor:pointer}.util__click-element[data-v-6739917f]:hover{transform:scale(1.1)}.btn-to-create[data-v-6739917f]{font-size:46px!important;position:fixed;right:15px;bottom:76px;z-index:10}.empty-wrapper[data-v-6739917f]{line-height:150px;text-align:center;border-radius:3px;position:relative;color:#909399;clear:both;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.empty-wrapper[data-v-6739917f]:before{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;left:calc(50% - 80px);top:50%}.empty-wrapper[data-v-6739917f]:after{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;right:calc(50% - 80px);top:50%}.mr-5[data-v-6739917f]{margin-right:5px}.join-wrapper .join--item[data-v-6739917f]{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 1%;position:relative;width:23%}.join-wrapper .join--item .el-image[data-v-6739917f]{width:50px;height:50px;border-radius:50%}.join-wrapper .join--item p[data-v-6739917f]{font-size:14px;margin-top:5px;color:#909399}.join-wrapper .join--item .comments-score[data-v-6739917f]{font-size:26px;color:#e6a23c;font-style:italic;letter-spacing:1px;position:absolute;right:0;top:-15px}.join-wrapper .join--item .comments-score span[data-v-6739917f]{font-size:14px}.mt-10[data-v-7407454c]{margin-top:10px!important}.ml-10[data-v-7407454c]{margin-left:10px!important}.mb-10[data-v-7407454c]{margin-bottom:10px!important}.mb-20[data-v-7407454c]{margin-bottom:20px!important}.mt-20[data-v-7407454c]{margin-top:20px!important}.pull-left[data-v-7407454c]{float:left}.pull-right[data-v-7407454c]{float:right}.util__click-element[data-v-7407454c]{transition:all .8s;display:inline-block;cursor:pointer}.util__click-element[data-v-7407454c]:hover{transform:scale(1.1)}.btn-to-create[data-v-7407454c]{font-size:46px!important;position:fixed;right:15px;bottom:76px;z-index:10}.empty-wrapper[data-v-7407454c]{line-height:150px;text-align:center;border-radius:3px;position:relative;color:#909399;clear:both;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.empty-wrapper[data-v-7407454c]:before{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;left:calc(50% - 80px);top:50%}.empty-wrapper[data-v-7407454c]:after{content:"";width:10px;border-top:1px solid #dcdfe6;position:absolute;right:calc(50% - 80px);top:50%}.mr-5[data-v-7407454c]{margin-right:5px}.detail__wrapper[data-v-7407454c]{font-size:16px;letter-spacing:2px}.detail__wrapper .title[data-v-7407454c]{text-align:center;margin:0 0 10px;font-size:20px}.detail__wrapper .desc[data-v-7407454c]{display:flex;justify-content:space-between;color:#909399;margin-bottom:15px;background:#f8f8f9;padding:5px 10px;border-radius:3px;line-height:26px}.detail__wrapper .desc.flex--column[data-v-7407454c]{flex-direction:column}.detail__wrapper .desc i[data-v-7407454c]{color:#24313e;font-style:normal}.detail__box[data-v-7407454c]{margin-bottom:10px;position:relative}.detail__box .box--title[data-v-7407454c]{border-left:2px solid #24313e;color:#24313e;padding-left:4px}.detail__box .box--content[data-v-7407454c]{background:#f8f8f9;padding:10px;display:flex;border-radius:3px}.detail__box .box--content .teather-head-image[data-v-7407454c]{width:80px;height:80px;border-radius:100%;border:2px solid #fff}.detail__box .box--content .teacher--intro[data-v-7407454c]{flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:center}.detail__box .box--content .teacher--intro .teacher--name[data-v-7407454c]{font-size:20px;margin-bottom:5px}.detail__box .box--content .teacher--intro .teacher--desc[data-v-7407454c]{font-size:14px;color:#909399}.detail__box .detail--score[data-v-7407454c]{position:absolute;right:0;top:-6px;font-size:26px;color:#e6a23c;font-style:italic;letter-spacing:3px}.detail__box .detail--score i[data-v-7407454c]{font-size:14px}.detail__box li[data-v-7407454c],.detail__box ul[data-v-7407454c]{list-style:none;margin:0;padding:0}.detail__box ul.el-pager .el-icon[data-v-7407454c],.detail__box ul.el-pager .number[data-v-7407454c]{display:inline-block;margin-bottom:0}.detail__box ul li[data-v-7407454c]{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.detail__box ul li[data-v-7407454c]:last-child{margin-bottom:0}.detail__box ul li img[data-v-7407454c]{width:20px;margin-right:5px}.detail__box ul li p[data-v-7407454c]{flex:1;word-break:break-all}dd[data-v-7407454c],dl[data-v-7407454c],dt[data-v-7407454c]{margin:0;padding:0}.join-wrapper dd[data-v-7407454c]{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 1%;position:relative;width:23%}.join-wrapper dd .el-image[data-v-7407454c]{width:50px;height:50px;border-radius:50%}.join-wrapper dd p[data-v-7407454c]{font-size:14px;margin-top:5px;color:#909399}.join-wrapper dd .comments-score[data-v-7407454c]{font-size:26px;color:#e6a23c;font-style:italic;letter-spacing:1px;margin-left:10px}.join-wrapper dd .comments-score span[data-v-7407454c]{font-size:14px}.watcher-wrapper[data-v-7407454c]{max-height:300px;overflow-y:auto}.watcher-wrapper dd[data-v-7407454c]{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;margin:5px 1%;padding:10px;border-radius:3px;border:1px solid #e4e7ed;width:48%;box-sizing:border-box;text-align:center}.watcher-wrapper dd .watcher--name[data-v-7407454c]{font-size:18px;font-weight:700}.watcher-wrapper dd .watcher--desc[data-v-7407454c]{font-size:14px;margin-top:5px;color:#909399;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.comments-wrapper[data-v-7407454c]{margin-top:10px;max-height:300px;overflow-y:auto}.comments-wrapper dd[data-v-7407454c]{display:flex;align-items:center;margin:10px;border-bottom:1px dashed #f8f8f9;padding:0 0 10px}.comments-wrapper dd .el-image[data-v-7407454c]{width:40px;height:40px;border-radius:50%}.comments-wrapper dd .comments--detail[data-v-7407454c]{flex:1;margin-left:10px;color:#909399}.comments-wrapper dd .comments--detail .comments--name[data-v-7407454c]{color:#24313e;font-weight:700}.comments-wrapper dd .comments--detail .comments--date[data-v-7407454c]{font-size:14px}.comment-lg[data-v-7407454c]{position:fixed;bottom:0;background:#24313e;width:100%;box-sizing:border-box;padding:10px;left:0;z-index:100}.comment-lg[data-v-7407454c] .el-rate__icon{font-size:24px}.comment-lg[data-v-7407454c] .comment-wrapper{display:flex;box-sizing:border-box}.comment-lg[data-v-7407454c] .comment-wrapper ::v-deep .el-input__inner{border-radius:4px 0 0 4px;flex:1}.comment-lg[data-v-7407454c] .comment-wrapper ::v-deep .el-button{border-radius:0 4px 4px 0}.detail__video[data-v-7407454c]{position:relative}