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