.online-class-detail[data-v-e469ffc0]{min-height:100%;width:7.11458rem;margin:.125rem auto}.online-class-detail[data-v-e469ffc0] .text-line-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.online-class-detail[data-v-e469ffc0] .list-empty{display:flex;flex-direction:column;align-items:center;margin:0 auto;color:#999;font-size:.07292rem}.online-class-detail[data-v-e469ffc0] .img{width:100%;height:100%}.online-class-detail[data-v-e469ffc0] .header{padding:.08333rem .125rem;display:flex;color:#333;column-gap:.16667rem;background:#fff}.online-class-detail[data-v-e469ffc0] .header .cover .el-image{width:2.33333rem;height:1.48958rem}.online-class-detail[data-v-e469ffc0] .header .left .title{font-size:.20833rem;line-height:.25rem}.online-class-detail[data-v-e469ffc0] .header .left .introduction{margin-top:.125rem;color:#666;font-size:.08333rem;line-height:.14583rem}.online-class-detail[data-v-e469ffc0] .header .left .price{margin-top:.20833rem;margin-bottom:.16667rem;font-size:.125rem;line-height:.125rem;color:#f33636}.online-class-detail[data-v-e469ffc0] .header .el-button{width:.85417rem;height:.20833rem;margin-left:0;margin-right:.125rem;color:#e2f2ff;border-radius:0}.online-class-detail[data-v-e469ffc0] .header .el-button--primary{background:#144b9f;border:0}.online-class-detail[data-v-e469ffc0] .header .el-button--primary:active,.online-class-detail[data-v-e469ffc0] .header .el-button--primary:hover{background:rgba(20,75,159,.92)!important}.online-class-detail[data-v-e469ffc0] .header .el-button.is-plain{border-color:#e2f2ff;background:none}.online-class-detail[data-v-e469ffc0] .header .el-button.is-plain:active{background:none!important}.online-class-detail[data-v-e469ffc0] .content{margin-top:.08333rem;padding:.08333rem .125rem;background:#fff}.online-class-detail[data-v-e469ffc0] .content .el-tabs .el-tabs__nav-wrap:after{display:none}.online-class-detail[data-v-e469ffc0] .content .el-tabs .el-tabs__item{font-size:.08333rem;color:#333}.online-class-detail[data-v-e469ffc0] .content .el-tabs .el-tabs__item.is-active{font-weight:700;color:#144b9f}.online-class-detail[data-v-e469ffc0] .content .el-tabs .el-tab-pane{height:3.22917rem;overflow-y:auto}.online-class-detail[data-v-e469ffc0] .content .directory-list{color:#666}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .title{display:flex;align-items:center;padding:.06771rem .125rem;background:#f5f9ff}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .title .tit{color:#333;font-size:.07292rem;line-height:.07292rem;font-weight:600}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .is-free{margin-left:auto;padding:.02604rem .08333rem;font-size:.07292rem;line-height:.07292rem;color:#144b9f;background:rgba(20,75,159,.12);border-radius:.02083rem}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .is-free.not-free{color:#f33636;background:rgba(243,54,54,.12)}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes{margin:.125rem}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes .class{cursor:pointer;display:flex;align-items:center;column-gap:.04167rem;margin-bottom:.17708rem}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes .class:hover,.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes .class:hover i:before{color:#144b9f}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes .class>i{width:.07292rem;height:.07292rem;line-height:.0625rem;border:.00521rem solid #666;border-radius:50%}.online-class-detail[data-v-e469ffc0] .content .directory-list .directory .classes .class>i:before{color:#878787;font-size:.0625rem}