.course-page[data-v-0bbc7b25]{width:100%;height:100vh;background-size:cover}.page-head[data-v-0bbc7b25]{height:80px;background-color:#fff;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 60px;position:fixed;top:0;left:0;z-index:10;opacity:0;transition:opacity .2s ease-in}.page-head.show-head[data-v-0bbc7b25],.page-head[data-v-0bbc7b25]:hover{opacity:1}.page-head .left .menu-icon[data-v-0bbc7b25]{background-color:#fbae17;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;color:#fff;cursor:pointer}.page-head .right .back[data-v-0bbc7b25]{background-color:#fbae17;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;color:#fff;cursor:pointer}.page-content[data-v-0bbc7b25]{width:100%;height:100%;position:relative}.content-swiper[data-v-0bbc7b25],.swiper-container[data-v-0bbc7b25]{width:100%;height:100%}.swiper-slide[data-v-0bbc7b25]{width:100%;height:100%;overflow:hidden}.swiper-slide img[data-v-0bbc7b25]{height:100%;width:100%}.swiper-slide video[data-v-0bbc7b25]{height:100%;width:100%;background-color:rgba(0,0,0,.8);max-height:100%}.swiper-button-prev[data-v-0bbc7b25]:after{content:none}.swiper-button-prev[data-v-0bbc7b25]{width:40%;height:60%;left:0;cursor:pointer;top:20%;margin-top:0;opacity:0}.swiper-button-next[data-v-0bbc7b25]:after{content:none}.swiper-button-next[data-v-0bbc7b25]{width:40%;height:60%;right:0;cursor:pointer;color:#fff;top:20%;margin-top:0;opacity:0}.model-panel[data-v-0bbc7b25]{position:absolute;top:80px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:200;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;pointer-events:auto}.model-panel .left-menu[data-v-0bbc7b25]{width:200px;background-color:rgba(0,0,0,.9);height:100%}.model-panel .left-menu .menu-item[data-v-0bbc7b25]{text-align:center;padding:16px 0;color:#fff;font-size:14px;cursor:pointer}.model-panel .left-menu .active[data-v-0bbc7b25]{background-color:#fbae17;color:rgba(0,0,0,.8)}.model-panel .right-content[data-v-0bbc7b25]{width:calc(100% - 200px);position:relative;display:flex;align-items:center;justify-content:center;height:100%;background-color:rgba(0,0,0,.8);padding:40px}.model-panel .right-content .swiper-container[data-v-0bbc7b25]{width:100%;height:100%;border:10px solid #fbae17;border-radius:10px}.right-content .model-swiper-container[data-v-0bbc7b25]{width:calc(100% - 200px)}.right-content .model-swiper-container .model-swiper-slide[data-v-0bbc7b25],.right-content .model-swiper-container .model-swiper-slide img[data-v-0bbc7b25]{width:100%;height:100%}.right-content .model-swiper-container .model-swiper-slide video[data-v-0bbc7b25]{max-height:100%}.right-content .model-swiper-prev[data-v-0bbc7b25]{position:absolute;width:50px;height:50px;left:20px;cursor:pointer;background-color:#fbae17;border-radius:100%;color:#fff;display:flex;align-items:center;justify-content:center;z-index:100}.right-content .model-swiper-prev[data-v-0bbc7b25]:after{content:none}.right-content .model-swiper-next[data-v-0bbc7b25]{position:absolute;width:50px;height:50px;right:20px;cursor:pointer;background-color:#fbae17;border-radius:100%;color:#fff;display:flex;align-items:center;justify-content:center;z-index:100}.right-content .model-swiper-next[data-v-0bbc7b25]:after{content:none}.right-content .right-content-video[data-v-0bbc7b25]{width:100%;height:100%;border:10px solid #fbae17;border-radius:10px}.watermark[data-v-0bbc7b25]{position:absolute;left:0;top:0;z-index:300;transition:all .1s}.preview-swiper[data-v-0bbc7b25]{position:fixed;bottom:0;left:0;width:100%;z-index:10;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;height:auto}.preview-icon[data-v-0bbc7b25]{position:absolute;top:-40px;width:40px;height:40px;background-color:#fbae17;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;border-radius:10px 10px 0 0;cursor:pointer}.preview-swiper-container[data-v-0bbc7b25]{height:200px;width:100%}.preview-swiper-slide[data-v-0bbc7b25]{display:flex;align-items:center;justify-content:center}.preview-swiper-slide img[data-v-0bbc7b25],.preview-swiper-slide video[data-v-0bbc7b25]{height:auto}.fade-enter-active[data-v-0bbc7b25],.fade-leave-active[data-v-0bbc7b25]{transition:opacity .1s}.fade-enter[data-v-0bbc7b25],.fade-leave-active[data-v-0bbc7b25]{opacity:0}swiper2-button-prev[data-v-0bbc7b25]:after{content:none}.swiper2-button-prev[data-v-0bbc7b25]{width:60px;height:60px;left:0;cursor:pointer;top:70px;margin-top:0;position:absolute;background-color:rgba(0,0,0,.6);border-radius:0 100px 100px 0;z-index:12;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}.swiper2-button-next[data-v-0bbc7b25]:after{content:none}.swiper2-button-next[data-v-0bbc7b25]{width:60px;height:60px;right:0;cursor:pointer;top:70px;margin-top:0;position:absolute;background-color:rgba(0,0,0,.6);border-radius:100px 0 0 100px;z-index:12;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}