#video[data-v-4803a01c],.videoPlayer[data-v-4803a01c]{height:600px;position:relative}.videoPlayer[data-v-4803a01c]{margin:0 auto}.videoPlayer embed[data-v-4803a01c],.videoPlayer iframe[data-v-4803a01c],.videoPlayer object[data-v-4803a01c]{position:absolute;top:0;left:0;width:100%;height:100%}video[data-v-4803a01c]::-internal-media-controls-download-button{display:none}video[data-v-4803a01c]::-webkit-media-controls-enclosure{overflow:hidden}video[data-v-4803a01c]::-webkit-media-controls-panel{width:calc(100% + 30px)}.recomandCourse[data-v-4803a01c]{position:absolute;width:100%;padding:15% 10% 0 10%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;z-index:10;background:rgba(0,0,0,.9);text-align:center}.recomandCourse .course-item[data-v-4803a01c]{float:left;width:30%;margin:10px;position:relative;-webkit-box-shadow:0 0 2px 0 #ddd;box-shadow:0 0 2px 0 #ddd;cursor:pointer;height:180px;overflow:hidden}.recomandCourse .course-item[data-v-4803a01c]:hover{-webkit-box-shadow:0 0 8px 0 #ddd;box-shadow:0 0 8px 0 #ddd}.recomandCourse .course-item:hover .img img[data-v-4803a01c]{width:120%;opacity:.2}.recomandCourse .course-item:hover .name[data-v-4803a01c]{font-size:16px}.recomandCourse .course-item .name[data-v-4803a01c]{text-align:center;position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px}.recomandCourse .course-item .img[data-v-4803a01c]{display:inline-block;width:100%;height:100%;background:#000}.recomandCourse .course-item .img img[data-v-4803a01c]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;opacity:.3}.courseBtn[data-v-4803a01c]{position:absolute;height:500px;width:25px;background:#1f1f1f;z-index:999;border-radius:3px;cursor:pointer}.courseBtn[data-v-4803a01c]:hover{background:#292828}.courseBtn span[data-v-4803a01c]{position:absolute;height:0;width:0;border:15px solid transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.courseBtn.preBtn[data-v-4803a01c]{left:-25px}.courseBtn.preBtn span[data-v-4803a01c]{left:-15px;border-right:15px solid #4e4e4e}.courseBtn.nextBtn[data-v-4803a01c]{right:-25px}.courseBtn.nextBtn span[data-v-4803a01c]{right:-15px;border-left:15px solid #4e4e4e}#playContent[data-v-eac56b94]{background:#f9f9f9;width:100%}.buyaction[data-v-eac56b94]{line-height:45px}.buyaction .buyBtn[data-v-eac56b94]{margin-left:10px;background:#f32f2f;color:#fff;padding:5px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer}.buyaction .tips[data-v-eac56b94]{margin-left:10px;color:#9c9c9c}.buyaction .payMethod .pay-item[data-v-eac56b94]{margin-right:20px;cursor:pointer;padding:10px 20px;border-radius:8px;border:1px solid #ddd}.buyaction .payMethod .pay-item.active[data-v-eac56b94]{border:1px solid #ffa13c}.buyaction .payMethod .buyBtn[data-v-eac56b94]{background:#f80;font-size:14px}.main[data-v-eac56b94]{padding:10px;color:#fff;background:#333;position:relative;margin-bottom:20px;font-size:12px;-webkit-box-shadow:0 10px 12px .5px #d8d8d8;box-shadow:0 10px 12px .5px #d8d8d8}.main .title[data-v-eac56b94]{padding:0 10px;margin:10px auto;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .title .close-icon[data-v-eac56b94]{height:30px;margin-right:10px;cursor:pointer}.main .title .buyBtn[data-v-eac56b94]{margin-left:10px;background:#f32f2f;color:#fff;padding:5px 20px;font-size:16px;border:none;border-radius:10px;cursor:pointer}.main .title .addWant[data-v-eac56b94]{font-size:14px;color:#878787;margin-left:20px;cursor:pointer;border:1px solid #878787;border-radius:10px;padding:4px 8px;line-height:20px}.main .title .addWant[data-v-eac56b94]:hover{color:#b6b6b6;background:#565656}.main .title .addWant i[data-v-eac56b94]{font-size:14px;margin-right:8px}.main .title .subtitle[data-v-eac56b94]{font-size:16px;display:block}.main .videoWrapper[data-v-eac56b94]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:10px}.main .videoWrapper .video-right[data-v-eac56b94]{width:200px;background:#1e1e1e;color:#fff;overflow:hidden}.main .videoWrapper .video-right .keywords[data-v-eac56b94]{padding:10px;height:600px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}.main .videoWrapper .video-right .keywords .word-item[data-v-eac56b94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:5px 0;color:#666;cursor:pointer}.main .videoWrapper .video-right .keywords .word-item[data-v-eac56b94]:hover{color:#f80}.main .videoWrapper .video-left[data-v-eac56b94]{width:100%}.main .videoWrapper .video-left .videoPlay[data-v-eac56b94]{width:100%;height:600px;background:#000;color:#ddd;font-size:20px;text-align:center;padding-top:10%;-webkit-box-sizing:border-box;box-sizing:border-box}.main .videoWrapper .video-left .catalogBtn[data-v-eac56b94]{position:absolute;top:0;background:hsla(0,0%,53.7%,.58);border-radius:2px;padding:10px;cursor:pointer;font-size:14px;text-align:center;z-index:1}.main .videoWrapper .video-left .playList[data-v-eac56b94]{overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;position:absolute;z-index:1;background:rgba(33,33,33,.94);padding:20px;height:600px;-webkit-box-shadow:3px 0 9px 0 #1e1e1e;box-shadow:3px 0 9px 0 #1e1e1e}.main .videoWrapper .video-left .playList .play-item[data-v-eac56b94]{width:100%;font-size:14px;line-height:25px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;border:2px solid transparent;color:#e5e5e5}.main .videoWrapper .video-left .playList .play-item.active[data-v-eac56b94],.main .videoWrapper .video-left .playList .play-item[data-v-eac56b94]:hover{color:#f80}.main .videoWrapper .video-left .playList .play-item .course-title[data-v-eac56b94]{max-width:300px;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.main .videoWrapper .video-left .playList .play-item .during[data-v-eac56b94]{float:right}.main .videoWrapper .video-left .playList .play-item .sub-catalog-item[data-v-eac56b94]{padding-left:25px;color:#afafaf}.main .videoWrapper .video-left .playList .play-item .sub-catalog-item li[data-v-eac56b94]{padding:0;list-style:square}.main .videoWrapper .video-left .playList .play-item .sub-catalog-item li.active[data-v-eac56b94],.main .videoWrapper .video-left .playList .play-item .sub-catalog-item li[data-v-eac56b94]:hover{color:#f80}.main .videoWrapper .video-left .playList .play-item .sub-catalog-item li .course-title[data-v-eac56b94]{max-width:250px;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.main .suggesion-group[data-v-eac56b94]{width:322px;margin:0 auto;text-align:center}.main .suggesion-group .input[data-v-eac56b94]{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;background:#fff;color:#666;font-size:12px;margin-bottom:5px}.main .suggesion-group .btn-group[data-v-eac56b94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;height:30px;line-height:30px}.main .suggesion-group .btn-group .btn-item[data-v-eac56b94]{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-right:8px}.main .suggesion-group .btn-group .btn-item[data-v-eac56b94]:last-child{margin-right:0}.main .suggesion-group .btn-group .btn-item>[data-v-eac56b94]{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:none}.main .suggesion-group .btn-group .btn-item .showSubtitleInputBtn[data-v-eac56b94]{background:#9f5e2a;display:inline-block;padding:0 5px;cursor:pointer;position:relative}.main .suggesion-group .btn-group .btn-item .btn-submit[data-v-eac56b94]{font-size:12px;background:#4e4e4e;color:#999}.main .suggesion-group .btn-group .btn-item .btn-submit[data-v-eac56b94]:hover{background:#666}.main-content[data-v-eac56b94]{overflow:hidden;min-height:200px}.course-content-right[data-v-eac56b94],.detail[data-v-eac56b94]{background:#fff;padding:20px;-webkit-box-shadow:0 0 20px 1px #eaeaea;box-shadow:0 0 20px 1px #eaeaea;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:#666}.course-content-right ul[data-v-eac56b94],.detail ul[data-v-eac56b94]{margin:20px 0}.course-content-right img[data-v-eac56b94],.detail img[data-v-eac56b94]{cursor:pointer}.course-content-right .course-content-detail-title[data-v-eac56b94],.detail .course-content-detail-title[data-v-eac56b94]{font-size:18px;font-weight:700;margin:20px 0;color:#333}.detail[data-v-eac56b94]{font-size:14px;width:calc(100% - 316px);float:left;line-height:30px}.detail .note[data-v-eac56b94]{line-height:25px}.detail .note h1[data-v-eac56b94],.detail .note h2[data-v-eac56b94],.detail .note h3[data-v-eac56b94],.detail .note h4[data-v-eac56b94]{font-size:16px}.detail .group-item[data-v-eac56b94]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:10px 0}.detail .group-item img[data-v-eac56b94]{cursor:pointer;height:150px;margin-right:20px}.detail .group-item .group-item-name[data-v-eac56b94]{cursor:pointer;font-size:16px;margin:10px 0}.detail .group-item .group-item-name[data-v-eac56b94]:hover{text-decoration:underline}.detail .group-item .group-item-detail[data-v-eac56b94]{font-size:12px;color:#999}.detail .course-content-detail-teacher .teacher-item[data-v-eac56b94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:nowrap;flex-direction:nowrap;margin-bottom:20px;cursor:pointer}.detail .course-content-detail-teacher .teacher-item img[data-v-eac56b94]{margin-right:20px;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.detail .course-content-detail-teacher .teacher-item .teacher-info[data-v-eac56b94]{line-height:27px}.detail .course-content-detail-teacher .teacher-item .teacher-info .name[data-v-eac56b94]{font-size:16px;line-height:40px}.detail .course-content-detail-teacher .teacher-item .teacher-info .name[data-v-eac56b94]:hover{text-decoration:underline}.course-content-right[data-v-eac56b94]{padding-bottom:0;width:300px;float:right}.course-content-right .course-content-detail-courselist .item-course[data-v-eac56b94]{margin:10px;cursor:pointer}.course-content-right .course-content-detail-courselist .item-course .during[data-v-eac56b94]{float:right}.course-content-right .course-content-detail-courselist .item-course .during[data-v-eac56b94]:hover,.course-content-right .course-content-detail-courselist .item-course:hover .during[data-v-eac56b94],.course-content-right .course-content-detail-courselist .item-course[data-v-eac56b94]:hover{text-decoration:underline}.showAllTeacherBtn[data-v-eac56b94]{color:#03a9f4;cursor:pointer}.toindex[data-v-eac56b94]{color:#ff8726;cursor:pointer}@-webkit-keyframes showUp-data-v-eac56b94{0%{opacity:0;width:0}to{opacity:1;width:400px}}@keyframes showUp-data-v-eac56b94{0%{opacity:0;width:0}to{opacity:1;width:400px}}@-webkit-keyframes hideIn-data-v-eac56b94{0%{opacity:1;width:400px;padding:20px}to{opacity:0;width:0;padding:0}}@keyframes hideIn-data-v-eac56b94{0%{opacity:1;width:400px;padding:20px}to{opacity:0;width:0;padding:0}}.showUp[data-v-eac56b94]{animation:showUp-data-v-eac56b94 .5s ease-in-out;-webkit-animation:showUp-data-v-eac56b94 .5s ease-in-out}.hideIn[data-v-eac56b94]{animation:hideIn-data-v-eac56b94 .5s ease-in-out;-webkit-animation:hideIn-data-v-eac56b94 .5s ease-in-out}@-webkit-keyframes toLeft-data-v-eac56b94{0%{left:400px}to{left:0}}@keyframes toLeft-data-v-eac56b94{0%{left:400px}to{left:0}}@-webkit-keyframes toRight-data-v-eac56b94{0%{left:0}to{left:400px}}@keyframes toRight-data-v-eac56b94{0%{left:0}to{left:400px}}.toRight[data-v-eac56b94]{animation:toRight-data-v-eac56b94 .5s ease-in-out;-webkit-animation:toRight-data-v-eac56b94 .5s ease-in-out}.toLeft[data-v-eac56b94]{animation:toLeft-data-v-eac56b94 .5s ease-in-out;-webkit-animation:toLeft-data-v-eac56b94 .5s ease-in-out}