*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Oxanium,Microsoft YaHei UI,Microsoft Yahei,微软雅黑,PingFang,Helvetica Neue,Helvetica,arial,sans-serif}.transition{transition:all .3s}.p-20{padding:20px}.px-8{padding-left:8px;padding-right:8px}.mt-40{margin-top:40px}.mt-20{margin-top:20px}.mb-40{margin-bottom:40px}.mb-20{margin-bottom:20px}.mb-12{margin-bottom:12px}.mr-20{margin-right:20px}.fs-32{font-size:32px}.fs-24{font-size:24px}.fs-20{font-size:20px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-12{font-size:12px}.fs-10{font-size:10px}.fw-600{font-weight:600}.fw-500{font-weight:500}.text-input{background:#fff;border:1px solid #dadada;border-radius:5px;color:#333;font-size:14px;height:32px;letter-spacing:.5px;line-height:32px;margin-top:0;padding:0 12px;width:200px}.text-input:focus-within{border:1px solid #09f}.symbol-input{border-radius:5px 0 0 5px;border-right:none;text-align:center;width:44px}.cek-label{align-items:center;display:flex}.cek-label .cek-square,.cek-label .cek-yes{border-radius:4px;height:16px;margin-bottom:0;margin-right:4px;margin-top:0;width:16px}.cek-label .cek-txt{color:#666;flex:1;line-height:20px;overflow:hidden}.cek-label .n-o{color:#666;display:inherit;letter-spacing:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cek-label .checkbx:checked+.cek-square,.cek-label .checkbx:checked+.cek-yes{background:#09f;border:none;border-radius:4px}.cek-label .checkbx:checked+.cek-yes:after{background-image:url(/images/check-all.png?728a736000ea935d19bd5fd36c8bfab0);background-repeat:no-repeat;background-size:8px;height:6px}.cek-label .checkbx:checked+.cek-square:after,.cek-label .checkbx:checked+.cek-yes:after{content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:10}.cek-label .checkbx:checked+.cek-square:after{background:#fff;border-radius:1px;height:2px}.radio-input input[type=radio]{opacity:0}.radio-input{align-items:center;color:#666;display:flex;font-size:14px;font-weight:400;line-height:20px;padding-left:0;position:relative}.radio-input>.radio-text{border:none!important;border-radius:0!important;flex:1;left:inherit;overflow:hidden;padding-left:4px;position:inherit;text-overflow:ellipsis;top:inherit;transform:translateY(0);white-space:nowrap;width:100%}.radio-input>.radio-yes{border:1px solid #ccc;border-radius:50%!important;height:16px;left:inherit;position:inherit;top:inherit;transform:translate(0);width:16px}.radio-input:hover>.radio-yes,.radio-input>input:checked~.radio-yes{border:1px solid #09f}.radio-input>input:checked~.radio-yes:after{background:#09f;border-radius:100%!important;content:"";display:inline-block;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.radio-input>input:checked~.radio-text:after{content:none}.select-type-edit{flex:1}.type-edit-txt{color:#666;padding:0}.can-select-list{min-width:100px}.online-tabs{align-items:center;border:1px solid #dadada;border-radius:6px;display:flex;height:32px;padding:4px 5px}.online-tab-item{border-radius:4px;color:#333;cursor:pointer;font-size:14px;letter-spacing:0;padding:2px 8px}.online-tab-item.active{background:#f0f9ff;color:#09f}.online-prices{align-items:center;border:1px solid #dadada;border-radius:5px;display:flex;height:32px;padding:6px 32px 6px 12px;position:relative;width:200px}.online-price-input{border:none;flex:1;height:100%;text-align:center;width:calc(50% - 5px)}.online-price-clear{position:absolute;right:8px;width:16px}.width160{width:160px}.hv-show-txt{left:20px;max-width:calc(100% - 20px)}.pagination{text-align:right}.pagination a,.pagination span.active{border:1px solid #b3b3b3;color:#b3b3b3}.pagination span.active{border:1px solid #09f;color:#09f}.swiper-button-next,.swiper-button-prev{height:40px;width:32px}.swiper-button-next:after,.swiper-button-prev:after{background-repeat:no-repeat;background-size:100% 100%!important;content:"";height:100%;width:100%}.swiper-button-prev:after{background:url(/images/icon-prev.png?5428cd29b3177dd6b094065c0e85f763)}.swiper-button-next:after{background:url(/images/icon-next.png?4fbd57e97622f4d69d696ecd578202b3)}.swiper-pagination-bullet{background:#fff;height:14px;width:14px}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px}.shopping-banner-box{height:600px;position:relative}.shopping-banner-img{height:100%}.commodity-tab-box{align-items:center;display:flex;justify-content:space-between}.commodity-tab-box .commodity-tab-item{align-items:center;background-position:50%;background-size:100%;border:1px solid #e6e6e6;cursor:pointer;display:flex;height:100px;justify-content:flex-end;position:relative;width:calc(50% - 10px)}.commodity-tab-box .commodity-tab-item:after{content:"";filter:blur(1px);height:100%;left:0;position:absolute;top:0;width:100%}.commodity-tab-box .commodity-tab-item.active,.commodity-tab-box .commodity-tab-item:hover{border:1px solid #09f}.commodity-tab-box .commodity-tab-item.ec{background-image:url(/images/commodity-bg-ec.png?661dcdbb55de1e5081b2e93fa252ea48)}.commodity-tab-box .commodity-tab-item.all{background-image:url(/images/commodity-bg-all.png?d6c83c22fe801d09c0027d5268455c19)}.commodity-tab-item .commodity-tab-text{color:#333;font-weight:500;margin-right:56px;position:relative;z-index:1}.commodity-tab-box .commodity-tab-item.active:before,.commodity-tab-box .commodity-tab-item:hover:before{background:#fff;bottom:4px;content:"";display:none;height:4px;left:4px;position:absolute;width:calc(100% - 8px);z-index:1}.commodity-tab-item.active .commodity-tab-text:before{background-image:url(/images/commodity-arrow.png?127ed7f7d48ae1632b11229647d874d8);background-size:100% 100%;content:"";height:16px;left:50%;position:absolute;top:100%;width:16px;z-index:1}.commodity-type-box{align-items:center;display:flex;flex-wrap:wrap}.commodity-type-box .commodity-type-item{align-items:center;border:1px solid #e6e6e6;cursor:pointer;display:flex;height:100px;margin-right:20px;margin-top:20px;padding:20px 40px;position:relative;width:calc(25% - 15px)}.commodity-type-box .commodity-type-item:first-child,.commodity-type-box .commodity-type-item:nth-child(2),.commodity-type-box .commodity-type-item:nth-child(3),.commodity-type-box .commodity-type-item:nth-child(4){margin-top:0}.commodity-type-box .commodity-type-item:nth-child(4n){margin-right:0}.commodity-type-item .commodity-type-icon{height:auto;max-height:50px;max-width:60px;width:auto}.commodity-type-item .commodity-type-icon>img{height:100%}.commodity-type-item .commodity-type-text{color:#999;flex:1;word-break:break-all}.commodity-type-box .commodity-type-item.active,.commodity-type-box .commodity-type-item:hover{border:1px solid #0099ff99}.commodity-type-box .commodity-type-item.active:after,.commodity-type-box .commodity-type-item:hover:after{background:#09f;bottom:8px;content:"";height:4px;left:50%;position:absolute;top:auto;transform:translateX(-50%);width:75%}.commodity-type-box .commodity-type-item.active .commodity-type-icon,.commodity-type-box .commodity-type-item:hover .commodity-type-icon{opacity:1}.commodity-type-box .commodity-type-item.active .commodity-type-text,.commodity-type-box .commodity-type-item:hover .commodity-type-text{color:#09f}.commodity-filter-item{border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;display:flex}.commodity-filter-item:first-child{border-top:1px solid #e6e6e6}.commodity-filter-item .commodity-filter-label{background:#fbfcfe;border-right:1px solid #e6e6e6;color:#666;display:flex;justify-content:space-between;width:120px}.commodity-filter-item .commodity-filter-label .icon-arrow{display:none;transition:all .4s;width:14px}.commodity-filter-item.filter-open .commodity-filter-label .icon-arrow{transform:rotate(180deg)}.commodity-filter-item .commodity-filter-list{display:flex;flex:1;flex-wrap:wrap;width:100%}.commodity-filter-list .filter-list-item{display:flex;margin-right:20px;margin-top:20px;position:relative;width:calc(20% - 16px)}.commodity-filter-list .filter-list-item:nth-child(5n){margin-right:0}.commodity-filter-list .filter-list-item:first-child,.commodity-filter-list .filter-list-item:nth-child(2),.commodity-filter-list .filter-list-item:nth-child(3),.commodity-filter-list .filter-list-item:nth-child(4),.commodity-filter-list .filter-list-item:nth-child(5){margin-top:0}.commodity-filter-list.commodity-filter-select .cek-label{max-width:105px}.filter-list-item:hover .cek-label .cek-yes{border:1px solid #09f}.filter-list-item:hover .hv-show-txt{display:block}.filter-list-item .type-edit-txt{background-position:right 0 center;padding-right:16px}.filter-list-clear{align-items:center;color:#09f;display:flex;font-size:14px}.filter-list-clear>img{height:16px;margin-right:4px;width:16px}.sort-box{align-items:center;display:flex;justify-content:space-between}.sort-select .type-edit-txt{border:1px solid #dadada;border-radius:5px;height:32px;padding:0 12px;width:160px}.commodity-list-box{display:flex;flex-wrap:wrap}.commodity-list-item{border:1px solid #e6e6e6;display:flex;flex-direction:column;height:auto;margin-right:20px;margin-top:20px;padding:8px;position:relative;width:212px}.commodity-list-item:nth-child(5n){margin-right:0}.commodity-list-item:first-child,.commodity-list-item:nth-child(2),.commodity-list-item:nth-child(3),.commodity-list-item:nth-child(4),.commodity-list-item:nth-child(5){margin-top:0}.list-item-icon{display:flex;flex-wrap:wrap}.list-item-icon .list-icon-item{align-items:center;background:#fff;border:1px solid #f2f2f2;border-radius:7px;display:flex;flex-direction:column;height:62px;justify-content:center;margin-right:4px;position:relative;width:calc(33.33333% - 2.66667px)}.list-item-icon .list-icon-item:nth-child(3n){margin-right:0}.list-icon-item .list-icon-img{align-items:center;display:flex;height:32px;justify-content:center;margin-bottom:4px}.list-icon-item .list-icon-label{color:#999}.list-icon-item .list-icon-val{color:#666;letter-spacing:-.6px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.list-icon-item .hv-show-txt{max-width:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.list-icon-item:hover .hv-show-txt{display:block}.list-item-img{height:150px;margin:10px auto;width:150px}.list-item-name{margin-bottom:4px;position:relative}.list-name-p{color:#333;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-name:hover .hv-show-txt{display:block}.list-item-type{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#999;display:-webkit-box;letter-spacing:normal;line-height:24px;margin-bottom:4px;overflow:hidden}.list-item-price{color:#09f;line-height:24px}@media screen and (min-width:768px) and (max-width:1024px){.can-select-list li{letter-spacing:-.8px}.notice-box{background-size:cover}.commodity-type-box .commodity-type-item{height:80px;padding:10px}.commodity-type-item .commodity-type-icon{height:32px;width:32px}.commodity-type-item .commodity-type-text{font-size:16px}.commodity-filter-list .filter-list-item{width:calc(33.33333% - 13.33333px)}.commodity-filter-list .filter-list-item:nth-child(4),.commodity-filter-list .filter-list-item:nth-child(5){margin-top:20px}.commodity-filter-list .filter-list-item:nth-child(5n){margin-right:20px}.commodity-filter-list .filter-list-item:nth-child(3n){margin-right:0}.commodity-list-item{width:calc(33.33333% - 13.33333px)}.commodity-list-item:nth-child(4),.commodity-list-item:nth-child(5){margin-top:20px}.commodity-list-item:nth-child(5n){margin-right:20px}.commodity-list-item:nth-child(3n){margin-right:0}}@media screen and (min-width:320px) and (max-width:767px){.swiper-button-next,.swiper-button-prev{display:flex}.cek-label{width:100%}.select-type-edit{flex:auto}.symbol-input,.text-input{width:100%}.notice-box{background-size:cover;height:auto;padding:10px}.notice-left{line-height:normal}.commodity-tab-box{display:block}.commodity-tab-box .commodity-tab-item{margin-bottom:20px;width:100%}.commodity-type-box{flex-wrap:wrap}.commodity-type-box .commodity-type-item{height:80px;margin-top:20px;padding:10px;width:calc(50% - 10px)}.commodity-type-box .commodity-type-item:nth-child(2n){margin-right:0}.commodity-type-box .commodity-type-item:first-child,.commodity-type-box .commodity-type-item:nth-child(2){margin-top:0}.commodity-type-item .commodity-type-icon{height:32px;margin-right:10px;width:32px}.commodity-type-item .commodity-type-text{font-size:14px}.commodity-filter-item{display:block}.commodity-filter-item .commodity-filter-label{border-bottom:1px solid #e6e6e6;border-right:none;padding:10px;width:100%}.commodity-filter-item .commodity-filter-list{padding:10px}.commodity-filter-list .filter-list-item{width:calc(50% - 10px)}.commodity-filter-list .filter-list-item:nth-child(3),.commodity-filter-list .filter-list-item:nth-child(4),.commodity-filter-list .filter-list-item:nth-child(5){margin-top:20px}.commodity-filter-list .filter-list-item:nth-child(5n){margin-right:20px}.commodity-filter-list .filter-list-item:nth-child(2n){margin-right:0}.commodity-filter-item .commodity-filter-label .icon-arrow{display:block}.commodity-list-item{height:auto;padding:8px;width:calc(50% - 10px)}.commodity-list-item:nth-child(3),.commodity-list-item:nth-child(4),.commodity-list-item:nth-child(5){margin-top:20px}.commodity-list-item:nth-child(5n){margin-right:20px}.commodity-list-item:nth-child(2n){margin-right:0}.list-item-img{height:80px;margin:24px auto;width:80px}.list-item-icon .list-icon-item{height:auto;justify-content:flex-start;padding:6px 0;text-align:center}.list-icon-item .list-icon-img{height:24px}}.original-price{color:#999;margin-left:4px;margin-right:12px;text-decoration:line-through}.list-item-img{position:relative}.list-item-tag{bottom:0;display:flex;gap:4px;position:absolute;right:0}.tag-discount{background:#ef0d0d}.tag-discount,.tag-promotion{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:12px;justify-content:center;line-height:16px;margin-left:4px;padding:4px 4px 2px;white-space:nowrap}.tag-promotion{background:#fa8c16}