.pro-container:hover .product{border:1px solid var(--color-main)}.product{border:1px solid var(--color-border);padding:0 8px 8px 8px;border-radius:5px;position:relative}.product>div{cursor:pointer}.product .discount{width:31px;height:32px;background:url(../img/discount.de262266.png) no-repeat 100%/100%;position:absolute;top:0;right:0;text-align:center;font-size:11px;color:#fff;font-weight:500}.product .product-res{font-family:Roboto;font-style:normal;font-weight:400;font-size:10px;line-height:12px;color:#999}.product .poster{overflow:hidden}.product .poster,.product img{width:100%;height:100%;max-width:165px;height:165px}.product img{-o-object-fit:contain;object-fit:contain}.product h2{font-size:16px;color:var(--color-price);margin-bottom:6px;font-weight:500}.product p{font-size:14px;font-weight:400;min-height:40px;line-height:1.5;color:var(--color-title);max-width:138px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 15px 0}.product-footer{justify-content:space-between}.product-footer,.product-footer div{display:flex;align-items:center}.product-footer .el-icon-shopping-cart-full{margin-right:8px}.product-footer .buy-btn{font-size:12px;font-weight:600;cursor:pointer}.main-recommend{margin-top:26px}.main-recommend .main-recommend-title{align-items:flex-end;margin-bottom:4px}.main-recommend .title-wrap{display:flex;flex-direction:column;gap:4px}.main-recommend .section-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;color:#08a99d;text-transform:uppercase}.main-recommend h1{font-weight:700;font-size:22px;color:#0b1c22;margin:0}.main-recommend .all{font-size:12px;color:#08a99d;cursor:pointer;font-weight:500;white-space:nowrap}.main-recommend-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,165px));grid-column-gap:14px;grid-row-gap:20px;align-content:center;margin-top:15px}.main-banner{margin-top:12px}.main-banner-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:8px;align-items:stretch;width:100%}.main-banner-left{height:380px;background:#030e12;overflow:hidden}.main-banner-left .swiper-container{width:100%;height:380px!important;cursor:pointer}.main-banner-left .swiper-container .swiper-slide{width:100%;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-banner-left .swiper-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block}.main-banner-right{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:380px;min-width:0}.main-banner-right-group{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-width:0;height:100%}.main-banner-right-group .swiper-container{width:100%;height:100%;margin:0;cursor:pointer;overflow:hidden;background:#030e12}.main-banner-right-group .swiper-container .swiper-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-banner-right-group .swiper-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block}.main-banner .swiper-slide.swiper-slide-active{transform:translateZ(0)!important}.main-classification{margin-top:32px;margin-bottom:20px}.main-classification-title .title-wrap{display:flex;flex-direction:column;gap:4px}.main-classification-title .section-kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;color:#08a99d;text-transform:uppercase}.main-classification-title h1{font-weight:700;font-size:26px;color:#0b1c22;margin:0 0 22px}.main-classification-title span{color:var(--color-main);font-size:12px}.main-classification-title .all{font-size:13px;color:#08a99d;cursor:pointer;font-weight:500}.main-classification-item{flex-direction:column}.main-classification-item:hover .img-content{border-color:#08a99d;transition:ease-in-out;transform:scale(.95)}.main-classification-item:hover span{color:#08a99d}.main-classification-item .img-content{border:1px solid #e5ebef;margin-bottom:10px;border-radius:0;width:132px;height:108px;display:flex;align-items:center;justify-content:center;background:#fff}.main-classification-item .img-content>img{width:76px!important;height:76px!important;-o-object-fit:contain;object-fit:contain}.main-classification-item span{display:inline-block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#0b1c22;line-height:1.3}.main-classification .swiper-container{cursor:pointer;font-size:14px}.main-daily{margin-bottom:26px}.main-daily-title .title-wrap{display:flex;flex-direction:column;gap:4px}.main-daily-title .section-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;color:#08a99d;text-transform:uppercase}.main-daily-title h1{font-weight:700;font-size:22px;color:#0b1c22;margin:0 0 20px}.main-daily-title span{color:var(--color-main);font-size:12px}.main-daily-title .all{font-size:12px;color:#08a99d;cursor:pointer;font-weight:500}.main-daily-item{flex-direction:column}.main-daily-item .img-content{width:100%;margin-bottom:10px}.main-daily-item .amount{font-size:16px;font-weight:500;color:var(--color-main)}.main-daily-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,165px));grid-column-gap:14px;grid-row-gap:20px;align-content:center}.main-stroe{margin-top:26px;margin-bottom:26px}.main-stroe-title .title-wrap{display:flex;flex-direction:column;gap:4px}.main-stroe-title .section-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;color:#08a99d;text-transform:uppercase}.main-stroe-title h1{font-weight:700;font-size:22px;color:#0b1c22;margin:0 0 20px}.main-stroe-title span{color:var(--color-main);font-size:12px}.main-stroe-title .all{font-size:12px;color:#08a99d;cursor:pointer;font-weight:500}.main-stroe-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,165px));grid-column-gap:14px;grid-row-gap:20px;align-content:center}.icon-tips{background:#fff;border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef}.icon-tips-bottom{max-width:1200px;margin:0 auto;padding:36px 20px;display:grid!important;grid-template-columns:repeat(4,1fr);gap:0}.icon-tips-bottom-item{flex-direction:column;padding:8px 20px;border-right:1px solid #e8ecef}.icon-tips-bottom-item:last-child{border-right:0}.icon-tips-bottom-item img{width:38px}.icon-tips-bottom .advantage-label{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#08a99d;text-transform:uppercase}.icon-tips-bottom .advantage-text{font-weight:600;font-size:13px;margin-top:10px;color:#0b1c22;text-align:center;line-height:1.4}.icon-tips .icon_span{font-size:36px;color:#08a99d}html[dir=rtl] .banner-content[data-v-3dfd6cf9]{justify-content:flex-start}html[dir=rtl] .portal-content[data-v-3dfd6cf9]{justify-content:flex-end}html[dir=rtl] .portal-content>div.portal>.btn-content>.item[data-v-3dfd6cf9]:first-child{margin-right:0;margin-left:20px}.home[data-v-3dfd6cf9]{position:relative}.th_back[data-v-3dfd6cf9]{position:fixed;left:2%;top:600px;display:flex;flex-direction:column;overflow:hidden;z-index:2000}.th_back span[data-v-3dfd6cf9]{font-size:12px;width:44px;height:40px;color:#fff;background-color:#d8d8d8;display:flex;align-items:center;cursor:pointer;border-radius:4px;margin-bottom:4px}.th_back span img[data-v-3dfd6cf9]{width:28px;height:28px;margin-left:8px;margin-right:8px;-o-object-fit:contain;object-fit:contain}.th_back span div[data-v-3dfd6cf9]{padding:0 5px;display:none}.th_back .nav-bar[data-v-3dfd6cf9]{transition:width .35s ease,background-color .25s ease}.th_back .nav-bar[data-v-3dfd6cf9]:hover{width:150px;background-color:#08a99d}.th_back .nav-bar:hover div[data-v-3dfd6cf9]{display:flex;justify-content:center;text-align:center;flex:1;white-space:nowrap;color:#fff;animation:textAmin-3dfd6cf9 .6s ease}.th_back .nav-top[data-v-3dfd6cf9]{background-color:#08a99d;justify-content:center}.th_back .nav-top[data-v-3dfd6cf9]:hover{background-color:#079288}.th_back .active[data-v-3dfd6cf9]{background-color:#08a99d}@keyframes textAmin-3dfd6cf9{0%{color:transparent}to{color:#fff}}.banner-content[data-v-3dfd6cf9]{width:1200px;margin:28px auto;height:280px;overflow:hidden;background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:flex-end;position:relative}.banner-content[data-v-3dfd6cf9]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,18,.72),rgba(3,14,18,.35) 55%,rgba(3,14,18,.15));pointer-events:none}.banner-content>.content[data-v-3dfd6cf9]{position:relative;z-index:1;width:560px;height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:40px;box-sizing:border-box}.banner-content>.content>p[data-v-3dfd6cf9]{color:#fff;font-size:28px;line-height:1.35;margin:0 0 8px}.banner-content>.content>h3[data-v-3dfd6cf9]{color:#08a99d;font-size:34px;margin:0 0 18px}.banner-content>.content>div[data-v-3dfd6cf9]{padding:0 28px;height:44px;border-radius:0;line-height:44px;background-color:#08a99d;color:#fff;font-size:14px;font-weight:600;margin-top:12px;cursor:pointer}.banner-content>.content>div[data-v-3dfd6cf9]:hover{background-color:#077f78}.portal-content[data-v-3dfd6cf9]{width:1200px;margin:0 auto;margin-bottom:60px;height:297px;overflow:hidden;background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:all .3s ease}.portal-content.active[data-v-3dfd6cf9]{opacity:1}.portal-content>div[data-v-3dfd6cf9]{display:flex;flex-direction:column;align-items:stretch}.portal-content>div.portal[data-v-3dfd6cf9]{width:730px;font-weight:700;margin-left:10px}.portal-content>div.portal>h3[data-v-3dfd6cf9]{font-size:40px;letter-spacing:2px;margin-left:5px}.portal-content>div.portal>.tips[data-v-3dfd6cf9]{height:35px;line-height:35px;display:flex;font-size:24px;margin-top:10px}.portal-content>div.portal>.tips>.item[data-v-3dfd6cf9]{padding:0 8px}.portal-content>div.portal>.btn-content[data-v-3dfd6cf9]{display:flex;margin-top:15px;margin-left:10px}.portal-content>div.portal>.btn-content>.item[data-v-3dfd6cf9]{height:37px;line-height:37px;background-color:#fff;border-radius:4px;border:1px solid #000;display:flex;font-size:14px;align-items:center;justify-content:center;padding:5px;will-change:filter;transition:filter .5s}.portal-content>div.portal>.btn-content>.item[data-v-3dfd6cf9]:first-child{margin-right:20px}.portal-content>div.portal>.btn-content>.item[data-v-3dfd6cf9]:hover{filter:drop-shadow(0 0 4px #333)}.portal-content>div.portal>.btn-content>.item[data-v-3dfd6cf9]{cursor:pointer}.portal-content>div.portal>.btn-content>.item>img[data-v-3dfd6cf9]{margin-right:10px}.portal-content>div.portal>.btn-content>.item p[data-v-3dfd6cf9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-content>div.code-content[data-v-3dfd6cf9]{align-items:center;margin-right:50px;padding-top:20px}.portal-content>div.code-content>.content[data-v-3dfd6cf9]{width:108px;height:108px;background-color:#fff;display:flex;align-items:center;justify-content:center}.portal-content>div.code-content>p[data-v-3dfd6cf9]{font-size:14px;color:#fff;margin-top:15px}.tips-content[data-v-3dfd6cf9]{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;margin-bottom:60px}.tips-content>.item[data-v-3dfd6cf9]{display:flex;flex-direction:column;align-items:center}.tips-content>.item>p[data-v-3dfd6cf9]{font-size:12px;color:#000;margin-top:15px}