.read-listen[data-v-568c1df7]{min-height:calc(100vh - 84px);width:100%;background-color:#fff;padding-bottom:40px}.read-listen .course-title[data-v-568c1df7]{width:100%;height:48px;background-color:#cc80dd;margin-bottom:68px}.read-listen .course-content[data-v-568c1df7]{padding-left:45px;padding-right:38px;display:-webkit-box;display:-ms-flexbox;display:flex}.read-listen .course-content .unit-page[data-v-568c1df7]{width:50%;margin-right:30px}.read-listen .course-content .unit-page img[data-v-568c1df7]{width:100%;height:auto}.read-listen .course-content .unit-handle[data-v-568c1df7]{width:40%}.read-listen .course-content .unit-handle .unit-btn[data-v-568c1df7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.read-listen .course-content .unit-handle .unit-btn .main-default[data-v-568c1df7]{border:1px solid #cc80dd;color:#cc80dd}.read-listen .course-content .unit-handle .unit-btn .main-default[data-v-568c1df7]:hover{color:#fff;background-color:#cc80dd}.read-listen .course-content .unit-handle .unit-audio[data-v-568c1df7]{margin-bottom:38px}.read-listen .course-content .unit-handle .unit-audio .audio[data-v-568c1df7],.read-listen .course-content .unit-handle .unit-audio[data-v-568c1df7]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.read-listen .course-content .unit-handle .unit-audio .audio>span[data-v-568c1df7]{display:inline-block;margin-right:10px;width:26px;cursor:pointer}.read-listen .course-content .unit-handle .unit-audio .audio .audio-controll[data-v-568c1df7]{width:80%;height:auto}.read-listen .course-content .unit-handle .unit-audio .audio .audio-controll[data-v-568c1df7] .ant-slider-rail{background-color:#d2d2d2}.read-listen .course-content .unit-handle .unit-audio .audio .audio-controll[data-v-568c1df7] .ant-slider-handle{background-color:#cc80dd;border:none}.read-listen .course-content .unit-handle .unit-audio .audio .audio-controll[data-v-568c1df7] .ant-slider-track{background-color:#cc80dd}.read-listen .course-content .unit-handle .unit-recorder>[data-v-568c1df7]{margin-right:20px}.read-listen .course-content .unit-handle .unit-recorder .listen-btn[data-v-568c1df7],.read-listen .course-content .unit-handle .unit-recorder .listen-btn[data-v-568c1df7]:hover{background-color:#e7ba07;border:1px solid #e7ba07;color:#fff}