.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:9.6vw}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:4.26667vw;left:50%;color:#fff;font-size:3.73333vw;line-height:5.33333vw;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%);transform:translate(-50%)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:5.86667vw;cursor:pointer}.van-image-preview__close-icon:active{color:#969799}.van-image-preview__close-icon--top-left{top:4.26667vw;left:4.26667vw}.van-image-preview__close-icon--top-right{top:4.26667vw;right:4.26667vw}.van-image-preview__close-icon--bottom-left{bottom:4.26667vw;left:4.26667vw}.van-image-preview__close-icon--bottom-right{right:4.26667vw;bottom:4.26667vw}.overflow-line1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overflow-line2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.box-shadow-radius{box-shadow:0 .53333vw 1.06667vw 0 rgba(222,207,207,.5);border-radius:2.13333vw}.title-1{font-size:4.8vw}.title-2{font-size:4.26667vw;font-weight:400}.title-3{font-size:3.73333vw;font-weight:400}.common-state1{font-size:3.73333vw;color:#cc3d3d}.common-state1:before{content:"·";font-weight:700}.common-state2{font-size:3.73333vw;color:#ff976a}.common-state2:before{content:"·";font-weight:700}.common-state3{font-size:3.73333vw;color:green}.common-state3:before{content:"·";font-weight:700}.common-tag1{color:#cc3d3d;background-color:#faecec}.common-tag1,.common-tag2{font-size:3.2vw;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}.common-tag2{color:#ff976a;background-color:#fff5f0}.common-tag3{font-size:3.2vw;color:green;background-color:#e6f2e6;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}.list-style[data-v-2bd58be1]{padding:0 3.2vw;border-bottom:1px solid #ebedf0;font-family:PingFangSC-Regular,PingFang SC}.list-style .item-top .item-top-title[data-v-2bd58be1]{display:flex;justify-content:space-between;align-items:flex-start}.list-style .item-top .item-top-title h3[data-v-2bd58be1]{word-break:break-all;overflow:hidden;font-weight:400;font-size:4.26667vw;color:#323233;margin-bottom:0}.list-style .item-top .item-top-title h3 .item-type[data-v-2bd58be1]{margin-left:1.06667vw;padding:1.06667vw;background-color:rgba(245,208,208,.5);color:#cc3d3d;display:inline-block;border-radius:1.33333vw;font-size:3.2vw}.list-style .item-top .item-top-title .introduce[data-v-2bd58be1]{font-size:3.46667vw;margin:0;margin-top:1.33333vw}.list-style .item-top .item-top-title img[data-v-2bd58be1]{width:31%;height:20vw;flex-shrink:0;margin-left:2.66667vw;border-radius:1.06667vw;margin-top:2.66667vw}.list-style .item-top .item-top-title .video-img[data-v-2bd58be1]{width:31%;height:20vw;margin-left:2.66667vw;margin-top:2.66667vw;position:relative;flex-shrink:0}.list-style .item-top .item-top-title .video-img img[data-v-2bd58be1]{width:100%;height:100%;margin:0}.list-style .item-top .item-top-title .video-img .class-num[data-v-2bd58be1]{position:absolute;right:1.33333vw;bottom:1.33333vw;font-size:3.2vw;padding:0 1.86667vw;color:#fff;border-radius:1.33333vw;background-color:rgba(0,0,0,.6)}.list-style .item-top .supplier-details[data-v-2bd58be1]{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:3.73333vw;color:#666}.list-style .item-top .image-wrapper[data-v-2bd58be1]{display:flex;overflow-x:scroll;justify-content:space-between;margin:4vw 0}.list-style .item-top .image-wrapper img[data-v-2bd58be1]{width:31%;height:20vw;flex-shrink:0;margin-right:2.66667vw;border-radius:1.06667vw}.list-style .item-top .image-wrapper img[data-v-2bd58be1]:last-child{margin-right:0}.list-style .item-bottom[data-v-2bd58be1]{display:flex;justify-content:space-between;align-items:center;font-size:3.2vw;color:#969799}.list-style .item-bottom span[data-v-2bd58be1]{position:relative;padding:1.6vw;vertical-align:middle}.list-style .item-bottom span i[data-v-2bd58be1]{color:#cc3d3d;font-size:4.26667vw;padding-right:1.06667vw;vertical-align:middle}.list-style .item-bottom span[data-v-2bd58be1]:not(:last-child):after{content:"";position:absolute;top:25%;right:-1px;background:#ebedf0;width:1px;height:3.73333vw}.overflow-line1[data-v-2bd58be1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overflow-line2[data-v-2bd58be1]{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.box-shadow-radius[data-v-2bd58be1]{box-shadow:0 .53333vw 1.06667vw 0 rgba(222,207,207,.5);border-radius:2.13333vw}.title-1[data-v-2bd58be1]{font-size:4.8vw}.title-2[data-v-2bd58be1]{font-size:4.26667vw;font-weight:400}.title-3[data-v-2bd58be1]{font-size:3.73333vw;font-weight:400}.common-state1[data-v-2bd58be1]{font-size:3.73333vw;color:#cc3d3d}.common-state1[data-v-2bd58be1]:before{content:"·";font-weight:700}.common-state2[data-v-2bd58be1]{font-size:3.73333vw;color:#ff976a}.common-state2[data-v-2bd58be1]:before{content:"·";font-weight:700}.common-state3[data-v-2bd58be1]{font-size:3.73333vw;color:green}.common-state3[data-v-2bd58be1]:before{content:"·";font-weight:700}.common-tag1[data-v-2bd58be1]{color:#cc3d3d;background-color:#faecec}.common-tag1[data-v-2bd58be1],.common-tag2[data-v-2bd58be1]{font-size:3.2vw;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}.common-tag2[data-v-2bd58be1]{color:#ff976a;background-color:#fff5f0}.common-tag3[data-v-2bd58be1]{font-size:3.2vw;color:green;background-color:#e6f2e6;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}.classes-details[data-v-57898c72]{top:0;position:absolute;left:0;right:0;bottom:0;overflow:hidden;background:#f2f2f2}.classes-details .video-css[data-v-57898c72]{background-color:#000;position:relative;height:53.33333vw;overflow:hidden}.classes-details .content[data-v-57898c72]{top:53.33333vw;position:absolute;left:0;right:0;bottom:0;overflow-y:scroll}.classes-details .content .box[data-v-57898c72]{background-color:#fff;margin-bottom:4vw;padding:4vw}.classes-details .content .box[data-v-57898c72]:last-child{margin-bottom:0}.classes-details .content .detail h3[data-v-57898c72]{font-size:4.53333vw;line-height:6.4vw;margin-top:1.33333vw}.classes-details .content .detail .s-detail[data-v-57898c72]{display:flex;align-items:center;color:#999}.classes-details .content .detail .s-detail div[data-v-57898c72]{display:flex;align-items:center;margin-right:3.2vw;position:relative;padding-right:3.2vw;font-size:3.46667vw}.classes-details .content .detail .s-detail div i[data-v-57898c72]{font-size:4.26667vw;margin-right:1.33333vw}.classes-details .content .detail .s-detail div[data-v-57898c72]:not(:last-child):after{content:"";position:absolute;width:1px;height:3.46667vw;right:0;top:.53333vw;background-color:#999}.classes-details .content .detail .m-detail[data-v-57898c72]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:3.73333vw;color:#333;margin-top:1.33333vw;line-height:7.46667vw}.classes-details .content .title[data-v-57898c72]{display:flex;justify-content:space-between}.classes-details .content .title h3[data-v-57898c72]{font-size:4vw;margin:0 0 2.66667vw}.classes-details .content .title span[data-v-57898c72]{font-size:3.73333vw;color:#666}.classes-details .content .collection-silder[data-v-57898c72]{position:relative;height:19.2vw!important;background-color:#fff;text-align:left;margin-top:4vw;overflow:hidden}.classes-details .content .collection-list[data-v-57898c72]{display:flex}.classes-details .content .collection-list .collection-item[data-v-57898c72]{flex:0 0 32vw;width:37.33333vw;display:inline-block;height:19.2vw;background-color:#fff;padding:1.6vw 2.66667vw;border-radius:1.06667vw;border:1px solid #eaeaea;margin-right:2.66667vw;box-sizing:border-box}.classes-details .content .collection-list .collection-item.active[data-v-57898c72]{border:1px solid #ff9600}.classes-details .content .collection-list .collection-item h4[data-v-57898c72]{font-size:3.2vw;color:#333;margin:2.66667vw 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classes-details .content .collection-list .collection-item div[data-v-57898c72]{display:flex;justify-content:space-between;flex-direction:row;line-height:5.33333vw}.classes-details .content .collection-list .collection-item div .state[data-v-57898c72]{color:#ff9600;font-size:3.2vw}.classes-details .content .collection-list .collection-item div .hole-time[data-v-57898c72]{color:#999;font-size:3.2vw;text-align:right}.all-list-title[data-v-57898c72]{display:flex;justify-content:space-between;align-items:center;padding:2.66667vw 4vw}.all-list-title>div[data-v-57898c72]{display:flex;align-items:center}.all-list-title h3[data-v-57898c72]{color:#333;font-size:4.53333vw;margin-right:2.13333vw}.all-list-title>div span[data-v-57898c72]{color:#999;font-size:3.46667vw}.all-list-item[data-v-57898c72]{display:flex;justify-content:space-between;height:13.33333vw;padding:1.33333vw 4vw}.all-list-item.active[data-v-57898c72]{background:#fff7ec}.all-list-item .num[data-v-57898c72]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:16vw}.all-list-item .title h5[data-v-57898c72]{color:#333;font-size:4vw;margin:1.33333vw 0}.all-list-item.active .num h5[data-v-57898c72]{color:#ff9600}.all-list-item .title span[data-v-57898c72]{color:#999;font-size:3.2vw}.all-list-item.active .title[data-v-57898c72]{color:#ff9600}.all-list-item .title[data-v-57898c72]{text-align:left;margin-left:2.66667vw;flex:1;color:#999;font-size:4vw;padding:1.06667vw 0;display:flex;flex-direction:column}.all-list-wrapper[data-v-57898c72]{position:absolute;top:18.66667vw;left:0;right:0;bottom:0;overflow:hidden}.all-list.active[data-v-57898c72]{top:53.33333vw;bottom:0}.all-list[data-v-57898c72]{position:absolute;top:100vh;left:0;right:0;bottom:0;background-color:#fff;z-index:99}.recommendation-list[data-v-57898c72]{display:flex;justify-content:space-between;flex-wrap:wrap}.recommendation-list .recommendation-item[data-v-57898c72]{display:flex;flex-direction:column;width:49%;border-radius:1.33333vw;overflow:hidden;border:1px solid #f0f0f0;box-sizing:border-box;margin-bottom:2.66667vw}.recommendation-list .recommendation-item .img[data-v-57898c72]{position:relative;padding-top:66%;height:0;width:100%}.recommendation-list .recommendation-item .img img[data-v-57898c72]{position:absolute;top:0;left:0;width:100%;height:100%}.recommendation-list .img .classNum[data-v-57898c72]{position:absolute;right:1.33333vw;bottom:1.33333vw;font-size:4.26667vw;padding:0 1.86667vw;color:#fff;border-radius:1.33333vw;transform:scale(.8);background-color:rgba(0,0,0,.6)}.recommendation-list .img .classNum i[data-v-57898c72]{font-size:3.73333vw;margin-right:1.33333vw}.recommendation-list .img .classNum .mui-icon[data-v-57898c72]{font-size:3.2vw}.recommendation-list .recommendation-item p[data-v-57898c72]{padding:0 1.33333vw;margin-bottom:2.66667vw;line-height:5.86667vw;font-size:3.2vw;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.overflow-line1[data-v-57898c72]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overflow-line2[data-v-57898c72]{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.box-shadow-radius[data-v-57898c72]{box-shadow:0 .53333vw 1.06667vw 0 rgba(222,207,207,.5);border-radius:2.13333vw}.title-1[data-v-57898c72]{font-size:4.8vw}.title-2[data-v-57898c72]{font-size:4.26667vw;font-weight:400}.title-3[data-v-57898c72]{font-size:3.73333vw;font-weight:400}.common-state1[data-v-57898c72]{font-size:3.73333vw;color:#cc3d3d}.common-state1[data-v-57898c72]:before{content:"·";font-weight:700}.common-state2[data-v-57898c72]{font-size:3.73333vw;color:#ff976a}.common-state2[data-v-57898c72]:before{content:"·";font-weight:700}.common-state3[data-v-57898c72]{font-size:3.73333vw;color:green}.common-state3[data-v-57898c72]:before{content:"·";font-weight:700}.common-tag1[data-v-57898c72]{color:#cc3d3d;background-color:#faecec}.common-tag1[data-v-57898c72],.common-tag2[data-v-57898c72]{font-size:3.2vw;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}.common-tag2[data-v-57898c72]{color:#ff976a;background-color:#fff5f0}.common-tag3[data-v-57898c72]{font-size:3.2vw;color:green;background-color:#e6f2e6;border-radius:1.33333vw;padding:1.06667vw 2.66667vw}