@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:local("Roboto Light"),local("Roboto-Light"),url(../fonts/Roboto-Light.ef7c6637.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),local("Roboto-Regular"),url(../fonts/Roboto-Regular.479970ff.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(../fonts/Roboto-Medium.020c97dc.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Bold"),local("Roboto-Bold"),url(../fonts/Roboto-Bold.2735a3a6.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.banner-block{padding:7px}.banner-block,.banner-block .banner-frame{display:-webkit-box;display:-ms-flexbox;display:flex}.banner-block .banner-frame{position:relative;overflow:hidden;padding-top:40%;width:100%;border:1px solid #e2e2e2}.banner-block .banner-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:auto}.banner-block .banner-control{position:absolute;top:.8rem;right:.8rem;left:.8rem;bottom:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex}.banner-block .banner-control div{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 auto auto}.banner-block .banner-control i{width:20px;height:20px;line-height:20px;text-align:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 1px 2px #909090;box-shadow:0 1px 2px #909090;cursor:pointer}.banner-block>div{width:100%}.category-block{display:-webkit-box;display:-ms-flexbox;display:flex;padding:7px}.category-block .category-image-frame{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-top:100%;width:100%;border:1px solid #e2e2e2}.category-block .category-image-frame a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:1}.category-block .category-image-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:auto}.category-block .category-name{text-align:center;font-size:.9rem}.category-block .category-control{position:absolute;top:.8rem;right:.8rem;left:.8rem;bottom:2.3rem;display:-webkit-box;display:-ms-flexbox;display:flex}.category-block .category-control div{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 auto auto;z-index:2}.category-block .category-control i{width:20px;height:20px;line-height:20px;text-align:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 1px 2px #909090;box-shadow:0 1px 2px #909090;cursor:pointer;z-index:2}.category-block .disable-name{text-decoration:line-through}.category-block .disable-screen{position:absolute;top:.5rem;right:.5rem;left:.5rem;bottom:2.3rem;background-color:rgba(58,58,58,.5);z-index:1}.category-block>div{width:100%}.mobile-frame{font-family:Roboto,sans-serif;font-size:14px;width:18rem;height:32rem;border:.42rem solid #333;border-radius:2.35rem;overflow:hidden;margin:1rem auto;position:sticky;top:1.5rem;background-color:#fff}.mobile-frame .mobile-header{font-size:.8rem;color:#a7a7a7;font-weight:500}.mobile-frame .mobile-header .mobile-header-block{background-color:#333;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;height:1.3rem}.mobile-frame .mobile-header i{font-size:.85rem!important}.mobile-frame .mobile-body{height:29.4rem;padding:0}.mobile-frame .mobile-body .mobile-body-header{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.3rem .5rem}.mobile-frame .mobile-body .mobile-body-header p{font-weight:500;font-size:.9rem;line-height:14px}.mobile-frame .mobile-body .mobile-body-header .w-65{width:65%!important}.mobile-frame .mobile-body .mobile-body-header .w-35{width:35%!important}.mobile-frame .mobile-body .mobile-body-main{position:absolute;top:2.14rem;left:0;right:0;bottom:3.2rem;padding:0;overflow:auto}.mobile-frame .mobile-body .mobile-body-main .carousel-control-next-icon,.mobile-frame .mobile-body .mobile-body-main .carousel-control-prev-icon{height:1rem;width:1rem}.mobile-frame .mobile-body .mobile-body-main .carousel-indicators{bottom:-2rem}.mobile-frame .mobile-body .mobile-body-main .carousel-indicators li{width:.5rem;height:.5rem;border-radius:.5rem;background-color:#a7a7a7;border:none}.mobile-frame .mobile-body .mobile-body-main .carousel-indicators li.active{background-color:#666}.mobile-frame .mobile-body .mobile-body-main .mobile-banner-frame{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-top:40%;width:100%;border-radius:.4rem}.mobile-frame .mobile-body .mobile-body-main .mobile-banner-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:auto}.mobile-frame .mobile-body .mobile-body-main .mobile-category-block{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.3rem}.mobile-frame .mobile-body .mobile-body-main .mobile-category-block .mobile-category-image-frame{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-top:100%;width:100%}.mobile-frame .mobile-body .mobile-body-main .mobile-category-block .mobile-category-image-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:auto}.mobile-frame .mobile-body .mobile-body-main .mobile-category-block .mobile-category-name{text-align:center;font-size:.7rem;color:#a7a7a7;padding:.2rem 0}.mobile-frame .mobile-body .mobile-body-main .mobile-category-block>div{width:100%}.mobile-frame .mobile-body .mobile-body-main .mobile-body-splendor{height:.35rem;background:#f9f9f9}.mobile-frame .mobile-body .mobile-body-main::-webkit-scrollbar{width:0}.mobile-frame .mobile-body .mobile-body-footer{position:absolute;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem 1.2rem .5rem 1.2rem;font-size:.8rem;font-weight:400;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.5);box-shadow:0 1px 4px 0 rgba(0,0,0,.5)}.mobile-frame .mobile-body .mobile-body-footer div{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.mobile-frame .mobile-body .mobile-body-footer div i{font-size:16px;height:16px;width:16px;line-height:16px;color:#a7a7a7}.mobile-frame .mobile-body .mobile-body-footer div p{line-height:.9rem;color:#a7a7a7}