*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:#000000d9;font-size:14px;background:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}ul{list-style:none;margin:0;padding:0}.w-875{width:87.5vw;margin:0 auto}.banner-section{background:#c4d088;padding:3vh 0}.banner-section .carousel-inner{border-radius:5px}.banner-section .carousel-item img{width:100%;border-radius:5px}.nav-section{background:#fcf7f3}.cat-nav{margin:25px 0 15px}.cat-nav .nav-item{cursor:pointer}.menuBtn{cursor:pointer;color:#999;font-size:22px}.menuBtn:hover{color:#0b0b0b}.nav-link.menuBtn.active{background-color:#1b1b1b;color:#fff}.nav-link.menuBtn.svip-link{color:#007aff}.grid-section{background:#eef1dc;padding:15px 0}.product-area{padding-top:15px;padding-bottom:20px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);column-gap:13px;row-gap:17px;padding-bottom:17px}.product-card{background:#fff;border:1px solid #ebeef5;border-radius:5px;padding:5px;cursor:pointer;transition:all .25s;text-align:left;overflow:hidden}.product-card:hover{transform:scale(1.05);z-index:2;position:relative}.product-card .pic{width:100%;border-radius:3px;overflow:hidden;margin-bottom:11.4px}.product-card .pic img{width:100%;display:block}.product-card .info{margin:5px 0;padding:3px;border-radius:5px;line-height:1.6}.product-card .line{display:flex;align-items:center;justify-content:space-between}.product-card .line+.line{margin-top:5px}.product-card .cat{display:block;font-size:11.5px;line-height:1.6;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .title{font-size:13px;font-weight:700;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .price{font-size:13px;font-weight:700;color:brown;white-space:nowrap;flex:none;padding-left:6px}.home-footer{background:#c4d088;height:35vh;padding-top:2.5vh;text-align:center;overflow:hidden}.home-footer img{height:28vh;width:auto;object-fit:contain;display:inline-block}.home-footer .copyright{font-size:14px;font-weight:700;color:#212529;line-height:1.5}.home-footer .copyright span{display:inline-block;height:2vh}.home-footer .copyright .icp{cursor:pointer;margin-left:6px}.home-float{position:fixed;top:50%;right:11px;z-index:90}.home-float .playBtn{display:block;width:50px;height:50px;font-size:30px;line-height:50px;text-align:center;color:#fff;background-color:#b5b5b5;border-radius:50%;cursor:pointer}.home-float .playBtn:hover{background-color:#a5a5a5}.home-float .qr-wrap{position:relative;display:inline-block}.home-float .qr-pop{position:absolute;right:62px;top:-20px;width:240px;padding:8px;background:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 2px 12px #0000001a;opacity:0;visibility:hidden;transition:opacity .2s}.home-float .qr-pop img{width:100%;display:block}.home-float .qr-wrap:hover .qr-pop{opacity:1;visibility:visible}.svip-shell{height:100vh;width:100%;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-gutter:stable}.svip-shell::-webkit-scrollbar{width:6px;height:6px}.svip-shell::-webkit-scrollbar-track{background:transparent}.svip-shell::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.svip-shell::-webkit-scrollbar-thumb:hover{background:#999}.top-menu{position:fixed;top:0;left:0;width:calc(100% - 10px);height:60px;background:#fff;z-index:100;box-shadow:0 3px 3px #adadad1d}.top-menu .header{width:90vw;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;position:relative}.top-menu .logo{display:flex;align-items:center;flex:none}.top-menu .logo img{height:44px;margin-top:8px;object-fit:contain;cursor:pointer}.right-area{display:flex;align-items:center;justify-content:flex-end;height:60px}.right-area .el-menu{border-bottom:none;background:transparent;display:flex}.right-area .el-menu-item{height:60px;line-height:60px;padding:0 18px;font-size:14px;color:#909399;border-bottom:none!important;background:transparent}.right-area .el-menu-item:hover{color:#409eff;background:transparent}.right-area .login-btn{margin-left:10px;font-weight:500}.top-spacer{height:60px}.svip-body{width:90vw;margin:0 auto}.select-menu{margin-top:25px;text-align:center}.field-row{display:flex;flex-wrap:nowrap;justify-content:center}.field-row.second{margin-top:10px}.field-row .el-button+.el-button{margin-left:0}.field-button{flex:0 0 auto;margin:0 5px;background-color:#f9f9f9;color:#303133;font-size:15px!important;border:none;font-weight:400;padding:12px 18px!important}.field-button.is-active,.field-button:hover{background-color:#d1dff673!important;color:#409eff;border:none}.filter-row{position:relative}.period-band{width:100%;background:#f9f9f9;border-radius:15px;padding:12px 15px 9px;margin-top:12px;text-align:left}.period-list{display:flex;flex-wrap:wrap;row-gap:15px;align-items:center;padding-right:220px}.period-list .el-button+.el-button{margin-left:0}.period-btn{flex:0 0 auto;margin:0 12px 0 0;color:#9e9e9e;background-color:#fff;border:none!important;font-weight:400;font-size:15px!important;padding:8px 10px!important;line-height:1}.period-btn:hover{color:#409eff;background-color:#fff}.period-btn.is-active{background-color:#409eff;color:#fff}.search-box{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:211px}.search-box .el-input__inner{height:40px;line-height:40px;font-size:14px}.product-style{margin-top:20px}.svip-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -10px}.svip-col{padding:0 9px;margin-bottom:15px}.svip-card{position:relative;width:100%;height:177px;background:#fff;border:1px solid #ebeef5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .15s ease}.svip-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4b4b4b40,#4b4b4b26);border-radius:12px;opacity:0;transition:opacity .15s ease;z-index:2;pointer-events:none}.svip-card:hover{border-color:#2c2c2c40;box-shadow:0 6px 20px #0000001f,0 2px 8px #00000014}.svip-card:hover:before{opacity:1}.svip-card .thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:12px;display:block}.bq-tag{position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;line-height:1.5;color:#fff;background:#ff4500;border-radius:9px;z-index:3}.share-tag{position:absolute;top:1px;right:30px;padding:6px 8px;z-index:4;cursor:pointer;display:flex;align-items:center}.star{position:absolute;top:0;right:7px;display:flex;align-items:center;justify-content:center;height:25px;font-size:25px;line-height:25px;color:#ccc;z-index:4;cursor:pointer}.star.layui-icon-star-fill{color:#e6a23c}.svip-title{margin:8px 0 0;padding:0 8px;font-size:14px;line-height:22px;color:#000000d9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svip-empty{grid-column:1 / -1;padding:80px 0;color:#909399;font-size:15px}.svip-footer{background:#fff;padding-top:20px}.svip-footer .inner{height:60px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000000d9;line-height:1.5}.svip-footer a{color:inherit;cursor:pointer}.svip-footer a:hover{color:#606266}.icon-group{position:fixed;top:50%;right:15px;display:flex;flex-direction:column;align-items:flex-end;gap:20px;z-index:90}.icon-group .playBtn,.icon-group .authBtn{width:50px;height:50px;border:0;font-size:30px;border-radius:50%;cursor:pointer;text-align:center;line-height:50px;display:flex;align-items:center;justify-content:center;color:#fff}.icon-group .playBtn{background:linear-gradient(135deg,#7fffd4,#32cd32)}.icon-group .authBtn{background:linear-gradient(135deg,#66b1ff,#409eff)}.login-dialog{display:flex;align-items:center;justify-content:center}.login-dialog .el-dialog{width:90%!important;max-width:470px;margin:0!important;padding:0 20px;border-radius:25px}.login-dialog .el-dialog__header{padding:20px 60px 10px;border-radius:25px 25px 0 0}.login-dialog .el-dialog__body{padding:10px 20px 39px}.login-dialog .el-dialog__headerbtn{top:16px;right:18px}.login-dialog .el-dialog__title{color:#606266;letter-spacing:2px}.login-title{font-size:24px;font-weight:500;color:#000;line-height:1.6}.login-container .el-form-item{margin-bottom:22px}.login-container .el-checkbox{vertical-align:middle}.login-container .el-checkbox__label{display:none}.login-container .el-button--primary{font-size:14px;padding:12px 20px}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}.svip-grid{grid-template-columns:repeat(3,1fr)}.menuBtn{font-size:19px}}@media(min-width:1920px){.svip-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.field-row{flex-wrap:wrap}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}.svip-grid{grid-template-columns:repeat(2,1fr)}.w-875,.top-menu .header,.svip-body{width:95vw}.banner-section{padding:1.5vh 0 16px}.menuBtn{font-size:15px}.period-list{padding-right:0}.search-box{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:12px}.right-area .el-menu-item{padding:0 8px}.login-dialog .el-dialog{border-radius:20px}.login-dialog .el-dialog__header{padding:24px 20px 10px}.login-dialog .el-dialog__body{padding:10px 20px 20px}.icon-group .playBtn,.icon-group .authBtn,.home-float .playBtn{width:40px;height:40px;font-size:24px;line-height:40px}}@media(max-width:600px){.right-area .el-menu{display:none}.product-grid,.svip-grid{grid-template-columns:repeat(2,1fr)}.home-footer img{height:22vh}.top-menu .logo img{height:34px}.svip-card{height:130px}}