.container[data-v-37a75a68]{height:100%;width:100%;position:absolute;background:#67686d}.header[data-v-37a75a68]{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.header-left-box[data-v-37a75a68]{width:80%}.header-right-box[data-v-37a75a68]{width:20%}.header-button-box[data-v-37a75a68],.header-right-box[data-v-37a75a68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-button-box[data-v-37a75a68]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;color:#fff}.return-button-box[data-v-37a75a68]{width:90px;left:-4px;top:20px;background-color:#abadb0;color:#484848;line-height:24px;font-size:12px;padding:0 8px 0 11px;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer}.timer-box[data-v-37a75a68]{width:220px;height:82px;background-color:#8b8d92;color:#000;padding:5px;border-radius:10px}.directory-button-box[data-v-37a75a68]{width:24px;background:#abadb0;color:#484848;text-align:center;cursor:pointer;border-top-left-radius:3px;border-bottom-left-radius:3px}.course-info-box[data-v-37a75a68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:20px;font-size:12px}.course-info-box .chapter[data-v-37a75a68]{margin-top:4px;height:16px;color:#000;padding:3px 30px 3px 16px;background-color:#8b8d92;border-radius:20px}.course-info-box .item[data-v-37a75a68]{margin-top:4px;height:16px;padding:3px 30px 3px 10px;color:#999;background-color:#000;border-radius:20px;position:relative;left:-20px}.course-info-box .item-index[data-v-37a75a68]{color:#000;background-color:#2b78bc;border:2px solid #000;font-size:14px;width:25px;height:25px;display:inline-block;text-align:center;border-radius:50%;position:relative;left:-40px;top:1px;line-height:25px}.course-info-box .item-index span[data-v-37a75a68]{position:relative;line-height:25px}.course-info-box .name[data-v-37a75a68]{margin:6px 0 0 10px;margin-right:10px;color:#c6cccc;position:relative;left:-30px}.course-info-box .play[data-v-37a75a68]{margin:6px 0 0 10px;color:#c6cccc;position:relative;left:20px}.play-box[data-v-37a75a68]{margin:0 15px}#player[data-v-37a75a68]{height:100%}.product-box[data-v-37a75a68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;width:100%;height:97px;padding:15px 15px 0;background:#abadb0}.product-name[data-v-37a75a68]{width:165px;height:19px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-teacher[data-v-37a75a68]{margin-top:10px;font-size:12px}.product-image[data-v-37a75a68]{width:150px}.directory-box[data-v-37a75a68]{overflow:auto}.directory-title[data-v-37a75a68]{margin:0 0 20px 0;background-color:#d2d5da;color:#000;line-height:45px;text-align:center}.directory-chapter[data-v-37a75a68]{margin:0 0 0 10px;color:#666!important}.directory-chapter span[data-v-37a75a68]{display:block;margin-bottom:4px}.directory-item[data-v-37a75a68]{height:36px;padding:4px 0 0 8px;color:#999;font-size:12px;cursor:pointer}.directory-item[data-v-37a75a68]:hover{color:#bbb}.studying[data-v-37a75a68]{color:#444;cursor:default}.next-button[data-v-37a75a68]{margin-top:2px}