.content-box[data-v-776fb038]{width:100%;height:100%;display:flex}.content-left[data-v-776fb038]{flex:1;display:flex;flex-direction:column}.content-left .content-bar[data-v-776fb038]{height:50px;display:flex;align-items:center;padding:0 20px;box-shadow:inset 1px 1px 2px hsla(0,0%,40.4%,.3)}.content-left .content-bar .title[data-v-776fb038]{font-size:16px;font-weight:700;margin:auto}.content-left .content-video[data-v-776fb038]{flex:1;background:#161616}.content-left .content-video .payment-box[data-v-776fb038]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-left .content-video .payment-box .text[data-v-776fb038]{color:#fff;font-size:16px}.content-left .content-video .payment-box .button[data-v-776fb038]{margin:20px}.content-right[data-v-776fb038]{width:350px}.content-right .tabs[data-v-776fb038]{height:calc(100% - 2px)}.content-right .teacher-text[data-v-776fb038]{color:#555;font-size:14px;white-space:pre-wrap;word-wrap:break-word;padding:10px}[data-v-776fb038] .el-tabs--border-card>.el-tabs__content{padding:0!important;height:calc(100% - 40px)!important;overflow-y:auto!important}.content-box[data-v-0d26f898]{padding:0 10px}.content-video-box[data-v-0d26f898]{display:flex;flex-direction:column;border:1px solid #dcdfe6}.content-video-box .content-title[data-v-0d26f898]{display:flex;align-items:center;height:40px;font-size:14px;background-color:#f5f7fa}.content-video-box .content-video[data-v-0d26f898]{flex:1}.content-tabs-box[data-v-0d26f898]{margin:20px 0 10px 0;background-color:#fff}.content-tabs-box .free[data-v-0d26f898]{position:absolute;top:0;left:145px;z-index:100;background-color:red;color:#fff;font-size:10px;padding:1px 8px;border-radius:20px}.content-tabs-box .introl-image[data-v-0d26f898]{width:100%;margin-top:10px}.content-tabs-box .teacher-text[data-v-0d26f898]{color:#555;font-size:14px;white-space:pre-wrap;word-wrap:break-word;padding:10px}