.ov-ellipsis[data-v-1e4a9502]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.sticky[data-v-1e4a9502]{position:relative;z-index:100}.header[data-v-1e4a9502]{height:64px;background:#fff;z-index:1;box-shadow:0 2px 8px 0 rgba(107,102,99,.12);display:flex;justify-content:center;align-items:center}.header .container[data-v-1e4a9502]{min-width:1000px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;position:relative;height:100%}.header .container .logo[data-v-1e4a9502]{height:42px;cursor:pointer;background:none}.header .container .menu[data-v-1e4a9502]{display:flex;height:100%;margin-left:30px}.header .container .menu>div[data-v-1e4a9502]{cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;font-size:15px;color:#33312f;line-height:16px;letter-spacing:1px;flex-grow:1}.header .container .menu>div>a[data-v-1e4a9502]{padding:0 24px;display:block;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:100%;width:100%;color:#33312f}.header .container .menu .active[data-v-1e4a9502]{color:#f0941d;font-weight:700;position:relative}.header .container .menu .active a[data-v-1e4a9502]{color:#f0941d}.header .container .menu .active[data-v-1e4a9502]:after{content:"";position:absolute;bottom:10px;left:50%;width:28px;height:2px;background:#f0941d;transform:translateX(-50%)}.header .container .user[data-v-1e4a9502]{position:absolute;height:100%;right:16px;display:flex;align-items:center}.header .container .user .user-course[data-v-1e4a9502]{cursor:pointer;margin-right:20px}.header .container .user .avatar[data-v-1e4a9502]{cursor:pointer;width:32px;height:32px;border-radius:50%}.header .container .user-login[data-v-1e4a9502]{cursor:pointer;position:absolute;height:100%;right:16px;display:flex;align-items:center;height:14px;font-size:14px;color:#f0941d;line-height:14px;font-weight:700}.header .container .user-login .br[data-v-1e4a9502]{margin:0 8px;width:1.5px;height:15px;background:#f0941d}.mobile-header[data-v-1e4a9502]{display:none;justify-content:space-between;align-items:center;box-sizing:border-box;height:50px;width:100%;padding:0 16px;background:#f0941d}.mobile-header .van-icon-wap-nav[data-v-1e4a9502]{font-size:28px}.mobile-header h2[data-v-1e4a9502]{font-size:20px;flex-grow:1;text-align:center;margin:0 20px}.mobile-header .avatar[data-v-1e4a9502]{flex-shrink:0;width:36px;height:36px;border-radius:50%}.menu-popup[data-v-1e4a9502]{font-size:14px}.menu-popup .van-icon[data-v-1e4a9502],.menu-popup a[data-v-1e4a9502]{display:block;line-height:50px;margin:0 16px;border-bottom:1px solid #eee}@media screen and (max-width:1000px)and (min-width:640px){.header .container[data-v-1e4a9502]{min-width:720px}}@media screen and (max-width:720px){.header[data-v-1e4a9502]{display:none}.mobile-header[data-v-1e4a9502]{display:flex}}.ov-ellipsis[data-v-952b5fc8]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.fotter[data-v-952b5fc8]{flex-shrink:0;padding:20px 0;width:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:1000px}.fotter .container[data-v-952b5fc8]{width:1000px;display:flex;justify-content:space-between}.fotter .container>div[data-v-952b5fc8]{display:flex;align-items:center;color:#fff;font-size:16px;margin:0 20px}.fotter .container .logo[data-v-952b5fc8]{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;margin-right:12px}.fotter .container .logo img[data-v-952b5fc8]{width:32px;height:32px;background:none}.fotter .beian[data-v-952b5fc8]{color:#fff;margin-bottom:8px;display:flex;align-items:center}.fotter .beian a[data-v-952b5fc8]{margin:0 18px;color:#fff;font-size:14px;display:flex;align-items:center}.fotter .beian a[data-v-952b5fc8]:hover{opacity:.4}@media screen and (max-width:1000px)and (min-width:640px){.fotter[data-v-952b5fc8]{min-width:auto}.fotter .container[data-v-952b5fc8]{width:auto}.fotter .container>div[data-v-952b5fc8]{font-size:14px}.fotter .container .logo[data-v-952b5fc8]{width:42px;height:42px;margin-right:8px}.fotter .container .logo img[data-v-952b5fc8]{width:28px;height:28px}}@media screen and (max-width:640px){.fotter[data-v-952b5fc8]{padding:12px 0;min-width:auto}.fotter .container[data-v-952b5fc8]{width:auto;display:block}.fotter .container>div[data-v-952b5fc8]{margin:12px;font-size:14px}.fotter .container .logo[data-v-952b5fc8]{width:42px;height:42px;margin-right:8px}.fotter .container .logo img[data-v-952b5fc8]{width:28px;height:28px}.fotter .beian[data-v-952b5fc8]{display:block}.fotter .beian a[data-v-952b5fc8]{margin:12px}}.ov-ellipsis[data-v-36d49d86]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}header[data-v-36d49d86]{height:64px;width:100%;position:fixed;z-index:999;top:0;left:0;box-shadow:0 2px 8px 0 rgba(107,102,99,.12);display:flex;justify-content:center;align-items:center;background:#fff}header .container[data-v-36d49d86]{width:1000px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;position:relative;height:64px}header .container .logo[data-v-36d49d86]{width:54px;height:54px;cursor:pointer;background:none}header .container .menu[data-v-36d49d86]{display:flex;height:100%;margin-left:60px}header .container .menu>div[data-v-36d49d86]{font-size:16px;line-height:16px;letter-spacing:1px;cursor:pointer;width:112px;display:flex;align-items:center;justify-content:center;height:100%;color:#33312f}header .container .menu .active[data-v-36d49d86]{background:#f0941d;font-weight:700;position:relative}header .container .menu .active[data-v-36d49d86]:after{content:"";position:absolute;bottom:10px;left:50%;width:28px;height:2px;background:#f0941d;transform:translateX(-50%)}header .container .buy-btn[data-v-36d49d86],header .container .study-btn[data-v-36d49d86]{top:50%;transform:translateY(-50%);position:absolute;right:24px;width:156px;height:40px;background:#f0941d;border-radius:4px;font-size:14px;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer}header .container .study-btn[data-v-36d49d86]{background:#f08e0e}.ov-ellipsis[data-v-a834e990]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.product-details[data-v-a834e990]{display:flex;flex-direction:column}.product-details .content[data-v-a834e990]{flex-grow:1}.product-details[data-v-a834e990]{background:#f7f7f7;min-height:100vh}.product-details .cover-bg[data-v-a834e990]{position:absolute;top:0;width:100%;height:330px;filter:blur(16px);background-size:cover}.product-details .container[data-v-a834e990]{position:relative;z-index:1;max-width:1000px;padding:24px;margin:0 auto}.product-details .product-info[data-v-a834e990]{width:100%;height:232px;background:#fff;border-radius:4px;display:flex;box-sizing:border-box;padding:24px}.product-details .product-info>img[data-v-a834e990]{width:328px;height:184px;-o-object-fit:cover;object-fit:cover;margin-right:24px}.product-details .product-info .title[data-v-a834e990]{font-size:36px;color:#33312f;line-height:36px;font-weight:700}.product-details .product-info .teacher-name[data-v-a834e990]{margin:20px 0 80px;display:flex;align-items:center;font-size:16px;color:#66625e;line-height:16px}.product-details .product-info .teacher-name>img[data-v-a834e990]{width:32px;height:32px;background:none;margin-right:8px}.product-details .product-info .details[data-v-a834e990]{flex-grow:1}.product-details .paid-container[data-v-a834e990],.product-details .pay-container[data-v-a834e990]{margin:24px 0;width:100%;height:100px;background:#fff;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#66625e;padding:0 24px;box-sizing:border-box}.product-details .paid-container .price[data-v-a834e990],.product-details .pay-container .price[data-v-a834e990]{font-size:44px;color:#33312f;display:flex;align-items:center;font-weight:700}.product-details .paid-container .price span[data-v-a834e990],.product-details .pay-container .price span[data-v-a834e990]{font-size:14px;color:#66625e}.product-details .paid-container .buy-btn[data-v-a834e990],.product-details .paid-container .study-btn[data-v-a834e990],.product-details .pay-container .buy-btn[data-v-a834e990],.product-details .pay-container .study-btn[data-v-a834e990]{width:156px;height:40px;background:#f0941d;border-radius:4px;font-size:14px;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer}.product-details .paid-container .study-btn[data-v-a834e990],.product-details .pay-container .study-btn[data-v-a834e990]{background:#f08e0e}.product-details .paid-container .buy-btn-disabled[data-v-a834e990],.product-details .pay-container .buy-btn-disabled[data-v-a834e990]{background:#eee;color:#999}.product-details .menu[data-v-a834e990]{width:100%;height:64px;background:#fff;display:flex}.product-details .menu>div[data-v-a834e990]{width:172px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#33312f;cursor:pointer}.product-details .menu .active[data-v-a834e990]{color:#f0941d;font-weight:700;position:relative}.product-details .menu .active[data-v-a834e990]:after{content:"";position:absolute;bottom:15px;width:28px;height:2px;background:#f0941d}.product-details .introduce[data-v-a834e990]{width:100%;background:#fff;padding:32px 40px;box-sizing:border-box}.product-details .introduce>img[data-v-a834e990]{width:100%;display:block}.product-details .catalog[data-v-a834e990]{width:100%;background:#fff;padding:32px 40px;box-sizing:border-box;border-top:1px solid #e6e6e6}.product-details .catalog .stage .stage-title[data-v-a834e990]{height:64px;background:#f5f5f5;display:flex;align-items:center;font-size:16px;color:#33312f;position:relative}.product-details .catalog .stage .stage-title[data-v-a834e990]:before{content:"";display:block;width:8px;height:24px;background:#f0941d;margin-right:20px}.product-details .catalog .stage .stage-title .btn[data-v-a834e990]{position:absolute;top:50%;transform:translateY(-50%);right:20px;height:100%;font-size:14px;color:#99948d;line-height:14px;display:flex;align-items:center;cursor:pointer}.product-details .catalog .stage .stage-title .btn .van-icon[data-v-a834e990]{margin-left:6px}.product-details .catalog .stage .course-item[data-v-a834e990]{height:64px;font-size:14px;color:#66625e;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 56px;box-shadow:0 1px 0 0 hsla(0,0%,82.7%,.5)}.product-details .catalog .stage .course-item span[data-v-a834e990]{flex-grow:1}.product-details .catalog .stage .course-item>img[data-v-a834e990]{background:none}.product-details .catalog .stage .course-item .play-icon[data-v-a834e990]{width:18px;height:14px;margin-right:12px}.product-details .catalog .stage .course-item .lock-icon[data-v-a834e990]{width:16px;height:16px}.product-details .catalog .stage .course-item .homework-icon[data-v-a834e990]{width:16px;height:16px;margin-left:16px}.product-details .top-icon[data-v-a834e990]{position:fixed;bottom:40px;right:40px;z-index:99;cursor:pointer}@media screen and (max-width:720px){.product-details[data-v-a834e990]{background:#fff}.product-details .cover-bg[data-v-a834e990],.product-details .header[data-v-a834e990]{display:none}.product-details .container[data-v-a834e990]{width:auto;padding:16px 16px 0;margin:0 auto}.product-details .product-info[data-v-a834e990]{width:100%;height:auto;padding:0;border-radius:0;background:#f7f7f7;flex-direction:column}.product-details .product-info>img[data-v-a834e990]{width:100%;height:auto;margin-right:0}.product-details .product-info .title[data-v-a834e990]{font-size:20px;margin:16px 0 0 16px}.product-details .product-info .teacher-name[data-v-a834e990]{display:none}.product-details .paid-container[data-v-a834e990],.product-details .pay-container[data-v-a834e990]{padding:24px 0;margin:0;width:100%;height:auto;background:#f7f7f7;border-radius:0;flex-direction:column;align-items:flex-start;font-size:14px;color:#66625e;padding:0 16px;box-sizing:border-box}.product-details .paid-container .price[data-v-a834e990],.product-details .pay-container .price[data-v-a834e990]{margin:12px 0 8px;font-size:32px}.product-details .paid-container .buy-btn[data-v-a834e990],.product-details .paid-container .study-btn[data-v-a834e990],.product-details .pay-container .buy-btn[data-v-a834e990],.product-details .pay-container .study-btn[data-v-a834e990]{width:120px;margin:24px auto 24px}}