.ov-ellipsis[data-v-974f41ce]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.btn-style1[data-v-974f41ce]{width:96px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:16px;color:#fff;cursor:pointer}.btn-style1[data-v-974f41ce]:active{opacity:.94}.sticky[data-v-974f41ce]{position:relative;z-index:100}.header[data-v-974f41ce]{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-974f41ce]{min-width:1000px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;position:relative;height:100%}.header .container .logo[data-v-974f41ce]{height:42px;cursor:pointer;background:none}.header .container .menu[data-v-974f41ce]{display:flex;height:100%;margin-left:30px}.header .container .menu>div[data-v-974f41ce]{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-974f41ce]{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-974f41ce]{color:#df7e2f;font-weight:700;position:relative}.header .container .menu .active a[data-v-974f41ce]{color:#df7e2f}.header .container .menu .active[data-v-974f41ce]:after{content:"";position:absolute;bottom:10px;left:50%;width:28px;height:2px;background:#df7e2f;transform:translateX(-50%)}.header .container .user[data-v-974f41ce]{position:absolute;height:100%;right:16px;display:flex;align-items:center}.header .container .user .user-course[data-v-974f41ce]{cursor:pointer;margin-right:20px}.header .container .user .avatar[data-v-974f41ce]{cursor:pointer;width:32px;height:32px;border-radius:50%}.header .container .user-login[data-v-974f41ce]{cursor:pointer;position:absolute;height:100%;right:16px;display:flex;align-items:center;height:14px;font-size:14px;color:#df7e2f;line-height:14px;font-weight:700}.header .container .user-login .br[data-v-974f41ce]{margin:0 8px;width:1.5px;height:15px;background:#df7e2f}.mobile-header[data-v-974f41ce]{display:none;justify-content:space-between;align-items:center;box-sizing:border-box;height:50px;width:100%;padding:0 16px;background:#df7e2f;color:#fff}.mobile-header .van-icon-wap-nav[data-v-974f41ce]{font-size:28px}.mobile-header h2[data-v-974f41ce]{font-size:20px;flex-grow:1;text-align:center;margin:0 20px}.mobile-header .avatar[data-v-974f41ce]{flex-shrink:0;width:36px;height:36px;border-radius:50%}.menu-popup[data-v-974f41ce]{font-size:14px}.menu-popup .van-icon[data-v-974f41ce],.menu-popup a[data-v-974f41ce]{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-974f41ce]{min-width:720px}}@media screen and (max-width:720px){.header[data-v-974f41ce]{display:none}.mobile-header[data-v-974f41ce]{display:flex}}.ov-ellipsis[data-v-284a3b6a]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.btn-style1[data-v-284a3b6a]{width:96px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:16px;color:#fff;cursor:pointer}.btn-style1[data-v-284a3b6a]:active{opacity:.94}.fotter[data-v-284a3b6a]{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-284a3b6a]{width:1000px;display:flex;justify-content:space-between}.fotter .container>div[data-v-284a3b6a]{display:flex;align-items:center;color:#fff;font-size:16px;margin:0 20px}.fotter .container .logo[data-v-284a3b6a]{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-284a3b6a]{width:100%;height:100%;background:none}.fotter .beian[data-v-284a3b6a]{color:#fff;margin-bottom:8px;display:flex;align-items:center}.fotter .beian a[data-v-284a3b6a]{margin:0 18px;color:#fff;font-size:14px;display:flex;align-items:center}.fotter .beian a[data-v-284a3b6a]:hover{opacity:.4}@media screen and (max-width:1000px)and (min-width:640px){.fotter[data-v-284a3b6a]{min-width:auto}.fotter .container[data-v-284a3b6a]{width:auto}.fotter .container>div[data-v-284a3b6a]{font-size:14px}.fotter .container .logo[data-v-284a3b6a]{width:42px;height:42px;margin-right:8px}}@media screen and (max-width:640px){.fotter[data-v-284a3b6a]{padding:12px 0;min-width:auto}.fotter .container[data-v-284a3b6a]{width:auto;display:block}.fotter .container>div[data-v-284a3b6a]{margin:12px;font-size:14px}.fotter .container .logo[data-v-284a3b6a]{width:42px;height:42px;margin-right:8px}.fotter .beian[data-v-284a3b6a]{display:block}.fotter .beian a[data-v-284a3b6a]{margin:12px}}.ov-ellipsis[data-v-456856b9]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.btn-style1[data-v-456856b9]{width:96px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:16px;color:#fff;cursor:pointer}.btn-style1[data-v-456856b9]:active{opacity:.94}#product[data-v-456856b9]{display:flex;flex-direction:column;min-height:100vh}#product .content[data-v-456856b9]{flex-grow:1}.product[data-v-456856b9]{background:#f7f7f7}.product .container[data-v-456856b9]{width:1000px;padding:24px 0;margin:0 auto}.product .query[data-v-456856b9]{padding:0 0 24px 20px;display:flex;font-size:14px;color:#33312f;line-height:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.product .query span[data-v-456856b9]{cursor:pointer}.product .query .price[data-v-456856b9]{display:flex;align-items:center;cursor:pointer}.product .query .price span[data-v-456856b9]{margin-right:2px}.product .query .price img[data-v-456856b9]{width:3px;height:12px;background:none;margin-left:2px}.product .query .price .top[data-v-456856b9]{transform:rotate(180deg)}.product .query .active-query[data-v-456856b9]{font-weight:700;color:#df7e2f}.product .query .br[data-v-456856b9]{width:1px;height:14px;background:#99948d;margin:0 16px}.product .product-list[data-v-456856b9]{display:flex;flex-wrap:wrap}.product .product-list .product-item[data-v-456856b9]{margin:0 9px 24px;width:300px;height:320px;background:#fff;border-radius:8px;overflow:hidden;cursor:pointer}.product .product-list .product-item[data-v-456856b9]:hover{transition:all .2s;transform:translateY(-8px);box-shadow:0 8px 12px 0 rgba(51,49,47,.12)}.product .product-list .product-item .cover[data-v-456856b9]{width:300px;height:174px;display:block}.product .product-list .product-item .title[data-v-456856b9]{font-size:16px;color:#33312f;line-height:16px;margin:20px 0 12px;font-weight:700;width:96%}.product .product-list .product-item .title[data-v-456856b9]:before{content:"";width:4px;height:16px;background:#df7e2f;display:inline-block;margin-right:12px;vertical-align:-2px}.product .product-list .product-item .desc[data-v-456856b9]{height:54px;font-size:12px;color:#66625e;line-height:1.6em;min-height:24px;margin:0 16px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.product .product-list .product-item .other[data-v-456856b9]{margin:10px 16px 0;display:flex;justify-content:space-between}.product .product-list .product-item .other .lesson-cnt[data-v-456856b9]{font-weight:700;font-size:16px;color:#df7e2f;line-height:22px}@media screen and (max-width:980px)and (min-width:640px){.product[data-v-456856b9]{background:#f7f7f7}.product .container[data-v-456856b9]{width:100%;padding:20px}.product .product-list[data-v-456856b9]{display:flex;flex-wrap:wrap}.product .product-list .product-item[data-v-456856b9]{margin:0 20px 28px}}@media screen and (max-width:640px){.product[data-v-456856b9]{background:#f7f7f7}.product .container[data-v-456856b9]{width:auto;padding:20px 0}.product .product-list[data-v-456856b9]{display:flex;flex-direction:column;align-items:center;margin:0 18px}.product .product-list .product-item[data-v-456856b9]{max-width:340px;width:100%;height:auto;background:#fff}.product .product-list .product-item .cover[data-v-456856b9]{width:100%;-o-object-fit:cover;object-fit:cover}}