.product-body[data-v-f94c4a3e]{min-height:calc(100vh - 84px);background-color:#fff;padding-bottom:40px}.product-body .course-title[data-v-f94c4a3e]{height:48px;width:100%;background-color:#cc80dd;margin-bottom:65px}.product-body .course-content[data-v-f94c4a3e]{width:100%;position:relative}.product-body .course-content .picture-read[data-v-f94c4a3e]{width:50%;margin:0 auto;font-size:16px}.product-body .course-content .picture-read img[data-v-f94c4a3e]{width:100%;height:auto}.product-body .course-content .picture-read .handle[data-v-f94c4a3e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.product-body .course-content .picture-read .handle>div[data-v-f94c4a3e]{cursor:pointer}.product-body .course-content .picture-read .handle>div>span[data-v-f94c4a3e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:87px;height:54px;background-color:#cc80dd;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:14px;border-radius:8px}.product-body .course-content .picture-read .handle>div:last-child>span[data-v-f94c4a3e]{background-color:#e7ba07}.product-body .course-content .left[data-v-f94c4a3e],.product-body .course-content .right[data-v-f94c4a3e]{font-size:60px;position:absolute;top:50%;cursor:pointer;color:#ccc}.product-body .course-content .left[data-v-f94c4a3e]:hover,.product-body .course-content .right[data-v-f94c4a3e]:hover{color:#cc80dd}.product-body .course-content .left[data-v-f94c4a3e]{left:10%}.product-body .course-content .right[data-v-f94c4a3e]{right:10%}