.mobile-shop-header[data-v-6a0c2a5f]{display:none}@media screen and (max-width:767px){.mobile-shop-header[data-v-6a0c2a5f]{display:flex;position:fixed;top:0;left:0;z-index:1009;width:100%;height:60px;padding:0 17px;box-sizing:border-box;align-items:center;justify-content:space-between;background:#323232}.mobile-shop-header .toper-logo[data-v-6a0c2a5f]{flex-shrink:0;width:112px;height:24px;padding:0;border:0;cursor:pointer;background:url(/mobile-shop/static/img/newlogo.png) no-repeat 0 0;background-size:contain}.mobile-shop-header .toper-right[data-v-6a0c2a5f]{display:flex;align-items:center;justify-content:flex-start}.mobile-shop-header .toper-back[data-v-6a0c2a5f],.mobile-shop-header .toper-open[data-v-6a0c2a5f]{padding:0;border:0;background:transparent;font-size:13px;line-height:17px;font-family:PingFangSC-Regular,PingFang SC}.mobile-shop-header .toper-open[data-v-6a0c2a5f]{margin-right:14px;color:#cfbd8c;font-family:PingFangSC-Medium,PingFang SC;font-weight:500}.mobile-shop-header .toper-back[data-v-6a0c2a5f]{height:17px;padding-left:14px;color:#c7c7c7;border-left:1px solid #cdcdcd}.mobile-shop-header .toper-icon[data-v-6a0c2a5f]{width:17px;height:17px;background:url(/mobile-shop/static/img/toper_back.png) no-repeat 50%;background-size:100% 100%}.mobile-shop-header.is-light[data-v-6a0c2a5f]{height:14.4vw;padding:0 4.8vw;background:linear-gradient(180deg,#ddebf8,#fbfcfd)}.mobile-shop-header.is-light .toper-logo[data-v-6a0c2a5f]{position:relative;width:26.6666666667vw;height:6.1333333333vw;background:url(https://cdn5.vistopia.com.cn/925c8edb-8f6e-4054-a6b4-0cdfbbfbbaa6.png) no-repeat 100%;background-size:14.1333333333vw 6.1333333333vw}.mobile-shop-header.is-light .toper-logo[data-v-6a0c2a5f]:before{position:absolute;left:0;top:1.0666666667vw;width:4.08vw;height:4.08vw;border-radius:50%;background:#28354a;box-shadow:6.48vw 0 #28354a;content:""}.mobile-shop-header.is-light .toper-open[data-v-6a0c2a5f]{display:flex;width:28.8vw;height:8.8vw;margin:0;align-items:center;justify-content:center;border-radius:26.6666666667vw;color:#fff;background:#28354a;font-size:3.2vw;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:5.6vw}}@media screen and (min-width:750px)and (max-width:767px){.mobile-shop-header[data-v-6a0c2a5f]{width:750px;left:50%;margin-left:-375px}}.home-mobile[data-v-df1ef5a6]{min-height:100vh;overflow-x:hidden;padding-bottom:calc(15.46667vw + env(safe-area-inset-bottom));color:#333;background:#fff;box-sizing:border-box;font-family:inherit}.header-spacer[data-v-df1ef5a6]{height:14.4vw}.home-carousel[data-v-df1ef5a6]{position:relative;width:100%;height:45.3333333333vw;overflow:hidden}.carousel-track[data-v-df1ef5a6]{display:flex;width:100%;height:100%;transition:transform .32s ease}.banner-item[data-v-df1ef5a6]{flex:0 0 100%;width:100%;height:100%;padding:0;border:0;background:#fff}.banner-item img[data-v-df1ef5a6]{display:block;width:100%;height:100%;padding:5.3333333333vw 5.3333333333vw 0;-o-object-fit:cover;object-fit:cover;box-sizing:border-box}.carousel-dots[data-v-df1ef5a6]{position:absolute;left:0;right:0;bottom:2.1333333333vw;display:flex;justify-content:center;grid-gap:1.3333333333vw;gap:1.3333333333vw}.carousel-dots i[data-v-df1ef5a6]{width:1.3333333333vw;height:1.3333333333vw;border-radius:50%;background:hsla(0,0%,100%,.45)}.carousel-dots i.active[data-v-df1ef5a6]{background:#fff}.home-venues[data-v-df1ef5a6]{display:grid;grid-template-columns:repeat(5,14.4vw);grid-gap:4vw 5.0666666667vw;gap:4vw 5.0666666667vw;width:100%;padding:5.8666666667vw 3.7333333333vw 0;box-sizing:border-box}.home-venues button[data-v-df1ef5a6]{display:flex;width:14.4vw;padding:0;flex-direction:column;align-items:center;border:0;background:transparent}.home-venues img[data-v-df1ef5a6]{width:10.6666666667vw;height:10.6666666667vw}.home-venues span[data-v-df1ef5a6]{width:14.4vw;margin-top:1.3333333333vw;overflow:hidden;color:#333;font-family:PingFangSC-Regular,PingFang SC;font-size:3.4666666667vw;line-height:4.8vw;text-align:center;text-overflow:ellipsis;white-space:nowrap}.home-guide[data-v-df1ef5a6]{position:relative;display:block;width:89.8666666667vw;height:27.2vw;margin:2.6666666667vw auto 0;padding:0;overflow:hidden;border:0;background:transparent}.home-guide img[data-v-df1ef5a6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-guide span[data-v-df1ef5a6]{position:absolute;right:6.9333333333vw;bottom:8.2666666667vw;width:17.8666666667vw;color:#cb7136;font-size:3.7333333333vw;font-weight:500;letter-spacing:1px;white-space:nowrap}.home-programs[data-v-df1ef5a6]{width:100%;padding-bottom:10.1333333333vw}.home-programs h2[data-v-df1ef5a6]{height:6.9333333333vw;margin:5.3333333333vw auto;padding-left:5.3333333333vw;color:#1d212b;font-family:SourceHanSerifCN,Songti SC,serif;font-size:5.3333333333vw;font-weight:500;line-height:normal;box-sizing:border-box}.home-programs ul[data-v-df1ef5a6]{width:89.3333333333vw;margin:0 auto;padding:0;list-style:none}.home-programs li[data-v-df1ef5a6]{margin-bottom:4vw}.home-programs li>button[data-v-df1ef5a6]{display:flex;width:100%;padding:0;border:0;background:transparent;text-align:left}.program-cover[data-v-df1ef5a6]{position:relative;width:28.8vw;height:38.6666666667vw;flex:0 0 auto}.program-cover img[data-v-df1ef5a6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.program-cover i[data-v-df1ef5a6]{position:absolute;right:.5333333333vw;bottom:.5333333333vw;width:5.3333333333vw;height:3.7333333333vw;background:url(https://cdn.vistopia.com.cn/1572927160333.png) no-repeat 50%/100% 100%}.program-info[data-v-df1ef5a6]{position:relative;display:flex;height:38.6666666667vw;min-width:0;margin-left:4.2666666667vw;flex:1;flex-direction:column}.program-author[data-v-df1ef5a6]{display:flex;width:100%;height:4.5333333333vw;margin-top:1.0666666667vw;color:#b3b3b3;font-family:SourceHanSerifCN-SemiBold,serif;font-size:3.2vw;font-weight:600;line-height:4.5333333333vw}.program-author i[data-v-df1ef5a6]{height:3.4666666667vw;margin-left:1.3333333333vw;flex:1;border-bottom:1px solid #eee;box-sizing:border-box}.program-info strong[data-v-df1ef5a6]{margin-top:1.0666666667vw;color:#333;font-size:4vw;font-weight:500;line-height:6.9333333333vw}.program-info small[data-v-df1ef5a6],.program-info strong[data-v-df1ef5a6]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.program-info small[data-v-df1ef5a6]{margin-top:.8vw;color:#b3b3b3;font-size:3.4666666667vw;line-height:4.8vw}.program-price[data-v-df1ef5a6]{position:absolute;left:0;bottom:1.0666666667vw;display:flex;align-items:center;grid-gap:2.1333333333vw;gap:2.1333333333vw}.program-price em[data-v-df1ef5a6]{color:#c94500;font-size:3.2vw;font-style:normal;line-height:4.5333333333vw}.program-price em.purchased[data-v-df1ef5a6]{color:#8895a0;background:#e8ecf2}.program-price em.purchased[data-v-df1ef5a6],.program-price em.trial[data-v-df1ef5a6]{padding:1.0666666667vw 2.1333333333vw}.program-price em.free[data-v-df1ef5a6]{color:#c94500;font-size:4vw;line-height:5.6vw}.program-price em.vip[data-v-df1ef5a6]{padding:.2666666667vw 1.0666666667vw;color:#cfbd8c;background:#f4f0e6}.program-price em.trial[data-v-df1ef5a6]{color:#8895a0;background:#e8ecf2}.program-price em.price[data-v-df1ef5a6]{font-size:4vw;font-weight:400;line-height:5.6vw}.program-price del[data-v-df1ef5a6]{color:#b3b3b3;font-size:3.2vw}.load-more[data-v-df1ef5a6]{display:flex;width:89.3333333333vw;height:9.6vw;margin:2.1333333333vw auto 0;align-items:center;justify-content:center;border:0;color:#b3b3b3;background:#f6f8fa;font-family:PingFangSC-Regular;font-size:3.4666666667vw;line-height:normal}.home-bottom-nav[data-v-df1ef5a6]{position:fixed;left:0;right:0;bottom:-4px;z-index:1000;display:flex;height:calc(13.86667vw + env(safe-area-inset-bottom));padding:1.3333333333vw 0 env(safe-area-inset-bottom);align-items:flex-start;justify-content:space-around;overflow:hidden;background:#fff;box-shadow:0 -1px 6px rgba(0,0,0,.03);box-sizing:border-box}.home-bottom-nav button[data-v-df1ef5a6]{display:flex;padding:0 5.3333333333vw;flex-direction:column;align-items:center;border:0;color:#d4d4d4;background:transparent;font-family:inherit;font-size:12px;line-height:20px}.home-bottom-nav button.active[data-v-df1ef5a6]{color:#222}.home-bottom-nav .active span[data-v-df1ef5a6],.home-bottom-nav .mine span[data-v-df1ef5a6]{font-size:2.8vw}.home-bottom-nav i[data-v-df1ef5a6]{display:block;width:6.4vw;height:6.4vw;background:no-repeat 50%/contain}.home-bottom-nav .active i[data-v-df1ef5a6]{background-image:url(https://cdn.vistopia.com.cn/1591949913511.png)}.home-bottom-nav .member i[data-v-df1ef5a6]{background-image:url(https://cdn.vistopia.com.cn/1604395863608.png)}.home-bottom-nav .mine i[data-v-df1ef5a6]{background-image:url(https://cdn.vistopia.com.cn/1591950001309.png)}.page-home[data-v-f1f878d2]{width:100%;position:relative;height:100vh}.page-home .home-content[data-v-f1f878d2],.page-home[data-v-f1f878d2]{background:#f3f4f5;box-sizing:border-box}.page-home .home-content[data-v-f1f878d2]{min-height:150vh;width:1020px;margin:0 auto;padding:92px 0 80px}.page-home .home-content .swipe_wrap[data-v-f1f878d2]{width:1020px;height:225px;margin:0 auto 16px;position:relative}.page-home .home-content .swipe_wrap .banner_viewport[data-v-f1f878d2]{width:100%;height:225px;overflow:hidden}.page-home .home-content .swipe_wrap .banner_grid[data-v-f1f878d2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;width:100%;height:225px;transform-origin:center}.page-home .home-content .swipe_wrap .banner_grid.is-next[data-v-f1f878d2]{animation:bannerNext-f1f878d2 .68s cubic-bezier(.22,1,.36,1)}.page-home .home-content .swipe_wrap .banner_grid.is-prev[data-v-f1f878d2]{animation:bannerPrev-f1f878d2 .68s cubic-bezier(.22,1,.36,1)}.page-home .home-content .swipe_wrap .banner_item[data-v-f1f878d2]{display:block;width:100%;height:225px;overflow:hidden;background:#dce0e5;text-decoration:none}.page-home .home-content .swipe_wrap img[data-v-f1f878d2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.page-home .home-content .carousel_arrow[data-v-f1f878d2]{width:30px;height:30px;border:none;border-radius:50%;background:rgba(227,229,230,.68);position:absolute;top:98px;padding:0;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}.page-home .home-content .carousel_arrow span[data-v-f1f878d2]{display:block;width:7px;height:7px;margin:0;border-top:1.5px solid rgba(40,54,74,.72);border-left:1.5px solid rgba(40,54,74,.72)}.page-home .home-content .carousel_arrow[data-v-f1f878d2]:hover{background:rgba(227,229,230,.92)}.page-home .home-content .carousel_arrow:hover span[data-v-f1f878d2]{border-color:rgba(40,54,74,.9)}.page-home .home-content .carousel_arrow.right[data-v-f1f878d2]{right:-50px}.page-home .home-content .carousel_arrow.right span[data-v-f1f878d2]{transform:rotate(135deg)}.page-home .home-content .carousel_arrow.left[data-v-f1f878d2]{left:-50px}.page-home .home-content .carousel_arrow.left span[data-v-f1f878d2]{transform:rotate(-45deg)}.page-home .home-content .tabs_wrap[data-v-f1f878d2]{padding-top:10px;width:1020px;height:46px;background:#f3f4f5;position:sticky;top:72px;box-sizing:border-box;z-index:888}.page-home .home-content .tabs_wrap.isfixed[data-v-f1f878d2]{z-index:888}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs{width:100%}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__header{width:100%;margin-bottom:0}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav-wrap{width:100%}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav-wrap:after{height:0}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav-scroll{width:100%}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav{display:flex;grid-gap:46px;gap:46px;width:auto;justify-content:flex-start}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__active-bar{display:none}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .slide{transition:transform .3s cubic-bezier(.645,.045,.355,1)!important}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item{position:relative;padding:0 0 4px;box-sizing:border-box;height:32px;font-size:14px;font-weight:400;font-family:PingFangSC-Regular,PingFang SC;color:#28364a;line-height:28px}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item:before{content:"";position:absolute;right:-22px;top:7px;width:1px;height:14px;background:rgba(161,168,173,.3);pointer-events:none}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item:last-child:before{display:none}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item.is-active{color:#c6b178;font-weight:600}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item.is-active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#c6b178}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item:hover{color:#c6b178}.page-home .home-content .category_sub_tabs[data-v-f1f878d2],.page-home .home-content .sort_tabs[data-v-f1f878d2]{display:flex;grid-gap:32px;gap:32px;align-items:center;box-sizing:border-box}.page-home .home-content .category_sub_tabs .tab_item[data-v-f1f878d2],.page-home .home-content .sort_tabs .tab_item[data-v-f1f878d2]{width:auto;height:18px;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:18px;color:#505e66;margin-right:0;cursor:pointer}.page-home .home-content .category_sub_tabs .tab_item.is-active[data-v-f1f878d2],.page-home .home-content .category_sub_tabs .tab_item[data-v-f1f878d2]:hover,.page-home .home-content .sort_tabs .tab_item.is-active[data-v-f1f878d2],.page-home .home-content .sort_tabs .tab_item[data-v-f1f878d2]:hover{color:#c6b178}.page-home .home-content .category_sub_tabs[data-v-f1f878d2]{background:#e8ebee;position:sticky;top:118px;width:100vw;height:40px;margin-left:calc(-50vw + 510px);padding-left:calc(50vw - 510px);z-index:888}.page-home .home-content .category_sub_tabs.isfixed[data-v-f1f878d2]{z-index:888}.page-home .home-content .sort_tabs[data-v-f1f878d2]{position:sticky;top:118px;width:1020px;height:30px;background:#f3f4f5;grid-gap:28px;gap:28px;z-index:888}.page-home .home-content .sort_tabs.isfixed[data-v-f1f878d2]{z-index:888}.page-home .home-content .sort_tabs .tab_item[data-v-f1f878d2]{color:#6f7b84}.page-home .home-content .sort_tabs .tab_item[data-v-f1f878d2]:hover{color:#28354a}.page-home .home-content .sort_tabs .tab_item.is-active[data-v-f1f878d2]{color:#c6b178}.page-home .home-content.has-second-tabs .sort_tabs.isfixed[data-v-f1f878d2],.page-home .home-content.has-second-tabs .sort_tabs[data-v-f1f878d2]{top:158px}.page-home .home-content.has-second-tabs .program_wrap[data-v-f1f878d2]{margin-top:12px}.page-home .home-content .program_wrap[data-v-f1f878d2]{display:grid;grid-template-columns:repeat(4,230px);grid-column-gap:33px;-moz-column-gap:33px;column-gap:33px;grid-row-gap:30px;row-gap:30px;width:100%;margin-top:12px}.page-home .home-content .program_wrap .program-item[data-v-f1f878d2]{margin:0}.page-home .home-content .scroll_noMore[data-v-f1f878d2]{height:60px;line-height:60px;width:100%;text-align:center;font-size:12px;color:grey}.page-home.mobile-home-page[data-v-f1f878d2]{height:auto;min-height:100vh;overflow:visible;background:#fff}@keyframes bannerNext-f1f878d2{0%{opacity:.36;transform:translateX(28px) scale(.992)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes bannerPrev-f1f878d2{0%{opacity:.36;transform:translateX(-28px) scale(.992)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:1100px){.page-home .home-content[data-v-f1f878d2]{width:calc(100vw - 32px)}.page-home .home-content .swipe_wrap[data-v-f1f878d2],.page-home .home-content .tabs_wrap[data-v-f1f878d2]{width:100%}.page-home .home-content .carousel_arrow[data-v-f1f878d2]{display:flex;width:36px;height:36px;top:calc(50% - 18px);background:hsla(0,0%,100%,.86);box-shadow:0 4px 14px rgba(40,54,74,.14)}.page-home .home-content .carousel_arrow.left[data-v-f1f878d2]{left:12px}.page-home .home-content .carousel_arrow.right[data-v-f1f878d2]{right:12px}.page-home .home-content .banner_viewport[data-v-f1f878d2]{touch-action:pan-y}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav-scroll{overflow-x:auto}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__nav{width:auto;justify-content:flex-start}.page-home .home-content .tabs_wrap[data-v-f1f878d2] .el-tabs .el-tabs__item{padding-right:24px;flex-shrink:0}.page-home .home-content .category_sub_tabs[data-v-f1f878d2]{margin-left:-16px;padding-left:16px;overflow-x:auto}.page-home .home-content .sort_tabs[data-v-f1f878d2]{width:100%;overflow-x:auto}.page-home .home-content .program_wrap[data-v-f1f878d2]{grid-template-columns:repeat(2,230px);grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px}}@media(max-width:620px){.page-home .home-content[data-v-f1f878d2]{padding-top:92px}.page-home .home-content .swipe_wrap[data-v-f1f878d2]{height:auto}.page-home .home-content .swipe_wrap .banner_grid[data-v-f1f878d2]{grid-template-columns:1fr;height:auto}.page-home .home-content .swipe_wrap .banner_item[data-v-f1f878d2]{height:190px}.page-home .home-content .program_wrap[data-v-f1f878d2]{grid-template-columns:230px}}