@charset "UTF-8";@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-btn-background-color: #13b7ab}.loading{display:none;vertical-align:middle;position:relative;width:30px;height:30px;border:2px solid #fff;border-top-color:#fff3;border-right-color:#fff3;border-bottom-color:#fff3;border-radius:100%;animation:circle infinite .75s linear}.multiple-title{max-width:1200px;margin:0 auto 30px;font-size:24px;line-height:1.4;color:#000}.multiple-info{max-width:1200px;margin:0 auto;font-size:16px;color:#666;line-height:1.4}.multiple-product-box{display:flex;align-items:start;max-width:1200px;width:100%;margin:0 auto;padding:30px 0 50px;gap:50px}.multiple-product-box .left{flex:1}.multiple-product-box .title{display:flex;align-items:center;margin-bottom:20px;border-radius:5px;border:1px solid var(--primary-btn-background-color);padding:30px 38px;margin-top:20px;gap:20px}.multiple-title{font-size:24px;line-height:1;color:#000;font-weight:600;max-width:180px}.multiple-product-box .btn-list{display:flex;flex-direction:column;gap:10px}.multiple-product-box .common-btn{background:var(--primary-btn-background-color);border:0 none;box-shadow:0 0 0 1px var(--primary-btn-background-color);color:#fff;cursor:pointer;align-items:center;justify-content:center;display:block;padding:6px 0;width:180px;border-radius:200px}.multiple-product-box .cart{background:#ff985b;box-shadow:0 0 0 1px #ff985b}.multiple-product-box .common-btn:hover{background:#13b7abcc;box-shadow:0 0 0 1px #13b7abcc}.multiple-product-box .cart:hover{background:#ff985bcc;box-shadow:0 0 0 1px #ff985bcc}.multiple-product-box .common-btn.active{background:#13b7ab33;box-shadow:0 0 0 1px #13b7ab33}.multiple-product-box .common-btn.disabled{background:#727272;box-shadow:0 0 0 1px #727272;cursor:no-drop}.multiple-product-box .common-btn.disabled:hover{background:#727272;box-shadow:0 0 0 1px #727272}.multiple-product-box .common-btn.disabled:active{box-shadow:0 0 0 1px #727272;background:#727272}.multiple-product-box .classification{flex:1;padding:0;margin:0;display:flex;justify-content:center}.multiple-product-box .classification li{flex:1;display:flex;flex-direction:column;gap:6px;list-style:none;justify-content:flex-start;align-items:center;position:relative}.multiple-product-box .classification li span{width:30px;height:30px;border-radius:100px;border:1px solid rgb(240,240,240);position:relative;background:#fff;z-index:10}.multiple-product-box .classification li span:after{content:"";position:absolute;top:50%;left:50%;border-radius:100%;transform:translate(-50%,-50%);width:39%;height:39%;background:#dbdbdb}.multiple-product-box .classification li span:before{content:"";position:absolute;top:50%;left:50%;border-radius:100%;transform:translate(-50%,-50%);width:75%;height:75%;border:1px solid rgb(218,218,218)}.multiple-product-box .classification li.active span{border-color:#c0eae8}.multiple-product-box .classification li.active span:before{border-color:#12acab}.multiple-product-box .classification li.active span:after{background:#0ab4a7}.multiple-product-box .classification li:before{content:"";display:inline-block;right:50%;top:15px;width:100%;border-top:1px dashed rgb(220,220,220);position:absolute;transform:translateY(-50%)}.multiple-product-box .classification li:first-child:before{content:none}.multiple-product-box .classification li:after{content:"";display:inline-block;position:absolute;width:10px;height:20px;border-bottom:2px solid transparent;border-right:2px solid transparent;transform:rotate(30deg) translateY(-50%);border-radius:1px;left:calc(50% - 9px);top:5px;z-index:20}.multiple-product-box .classification li.item-active:after{border-color:#ffc133}.multiple-product-box .classification li.active:before{border-color:var(--primary-btn-background-color)}.multiple-product-box .classification li div{font-size:16px;line-height:20px;width:100%;text-align:center;color:#dcdcdc}.multiple-product-box .classification li.active div{color:var(--primary-btn-background-color)}.multiple-product-box .product-box{display:none;gap:15px;flex-wrap:wrap;overflow:hidden}.multiple-product-box .product-box.product-list-mobile{height:154vw;position:relative}.multiple-product-box .product-box.product-list-mobile:before{content:"";display:inline-block;position:absolute;bottom:0;left:0;right:0;height:50vw;z-index:2;background:linear-gradient(0,white 28%,transparent)}.multiple-product-box .product-box.product-list-mobile .moreSpuImgBtn{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5;display:block;margin:0 auto;background:var(--primary-btn-background-color);border-color:var(--primary-btn-background-color);color:#fff;padding:8px 10px}.multiple-product-box .product-box.product-list-mobile .moreSpuImgBtn:active{background:#13b7ab99;border-color:#13b7ab99}.multiple-product-box .product-box.active{display:flex}.multiple-product-box .product-box .item-box{flex:0 0 32%}.multiple-product-box .product-box .item-box .product-image{margin-bottom:10px;position:relative}.multiple-product-box .product-box .item-box .product-image img{vertical-align:top}.multiple-product-box .product-box .item-box .product-image .last{position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all .5s ease-out;right:0;bottom:0}.multiple-product-box .product-box .item-box .product-image:hover .last{opacity:1}.multiple-product-box .product-box .item-box .product-title{font-size:14px;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:3em;line-height:1.5em}.multiple-product-box .product-box .item-box .product-name{line-height:1.4;font-size:14px}.multiple-product-box .product-box .item-box .product-number-box{display:none;background:var(--primary-btn-background-color);margin-top:15px;overflow:hidden;padding:0;font-weight:400}.multiple-product-box .product-box .item-box .product-number-box .num{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.multiple-product-box .product-box .item-box .box-btn{padding:8px 12px;color:#fff;border:0 none;background:transparent;cursor:pointer}.multiple-product-box .product-box .item-box .box-btn svg{width:24px;height:24px;vertical-align:top;fill:#fff}.multiple-product-box .product-box .item-box .product-btn{margin-top:15px;display:block;width:100%;line-height:1.4;font-weight:400;cursor:pointer;border:0 none}.multiple-product-box .right{width:320px;background:#fbfbfb;position:sticky;top:232px;right:0;z-index:50}.multiple-product-box .r-content{padding:20px 25px}.multiple-product-box .r-title{line-height:1.6;font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:#000}.multiple-product-box .r-title .icon{height:24px;width:24px}.multiple-product-box .r-price{line-height:1.2;font-size:25px;padding:10px 0;color:#727272;border-bottom:1px solid #c8c8c9;font-weight:700}.multiple-product-box .r-price.active{color:#c20000}.multiple-product-box .r-add-cart{color:#fff;line-height:1.4;text-align:center;display:block;width:100%;box-sizing:border-box;border:0 none;box-shadow:0 0 0 1px #ff985b;padding:10px 0;background:#ff985b;border-radius:5px}.multiple-product-box .r-add-cart.disabled{background:#727272;box-shadow:0 0 0 1px #727272;cursor:no-drop}.multiple-product-box .r-add-cart.disabled:hover{background:#727272;box-shadow:0 0 0 1px #727272}.multiple-product-box .r-add-cart.disabled:active{box-shadow:0 0 0 1px #727272;background:#727272}.multiple-product-box .r-add-cart:hover{background:#ff985bcc;box-shadow:0 0 0 1px #ff985bcc}.multiple-product-box .r-add-cart:active{box-shadow:0 0 0 1px #ff985b99;background:#ff985b99}.multiple-product-box .r-add-cart.active{cursor:wait;background:#ff985b33;box-shadow:0 0 0 1px #ff985b33}.multiple-product-box .right .ul{display:block}.multiple-product-box .ul .box{display:flex;align-items:center;padding:10px;gap:10px;background-color:transparent}.multiple-product-box .ul .box .img{position:relative;width:60px;height:60px}.multiple-product-box .ul .box .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.multiple-product-box .ul .box .info{flex:1}.multiple-product-box .btn-box{padding:10px 0 0}.multiple-product-box .ul .box .info-title{font-size:14px;line-height:1.2;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all}.multiple-product-box .ul .box .info-price{font-size:12px;line-height:1.4;color:#5b5b5b;display:flex;justify-content:space-between}.multiple-product-box .ul .box .info-price i{font-style:normal}.multiple-product-box .ul .box .close{cursor:pointer}.multiple-product-box .ul .box .close svg{vertical-align:top;width:20px;height:20px}.multiple-product-box .moreSpuImgBtn{display:none}.btn-cart{display:none;border:2px solid var(--primary-btn-background-color);background:#fffc;position:fixed;top:80%;left:1%;border-radius:500px;padding:14px;z-index:5}.btn-cart span{position:absolute;top:-8px;right:4px;display:inline-block;background:red;color:#fff;padding:1px 8px;border-radius:200px}.btn-cart svg{vertical-align:top;display:block;width:44px;height:44px}.popup-box{display:none;position:fixed;top:50%;transform:translate(-50%,-50%);left:50%;box-shadow:0 0 10px #00000040;border-radius:5px;background:#fff;padding:15px 25px 30px;width:34%;z-index:10}.popup-box .p-title{line-height:50px;border-bottom:1px solid #d6d6d7;padding:0 10px;font-size:20px;font-weight:900}.popup-box .c-content{padding:0 10px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.popup-box .text-content{padding:10px 0;font-size:16px;line-height:1.2;overflow:hidden;width:100%}.popup-box .btn-ok{display:inline-block;color:#fff;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;background:var(--primary-btn-background-color);padding:5px 50px;border-radius:100px}.multiple-product-box .icon-bottom{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:40px;box-shadow:0 0 10px #00000040;background:#fff;text-align:center;line-height:40px}.multiple-product-box .icon-bottom svg{width:30px;height:30px;vertical-align:middle}@media screen and (max-width: 1100px){.multiple-title{font-weight:400;font-size:14px;max-width:100%}.multiple-product-box .title{position:relative;padding:20px;flex-direction:column}.multiple-product-box .classification{width:100%}.multiple-product-box .classification li{gap:0}.multiple-product-box .classification li:before{top:9px;right:50%}.multiple-product-box .classification li:after{left:41%;top:-2px}.multiple-product-box .classification li p{font-size:12px}.multiple-product-box .btn-list{flex-direction:row;width:100%;gap:20px}.multiple-product-box .classification li div{font-size:12px}.multiple-product-box .common-btn{flex:1;width:auto}.multiple-info{padding:0 16px;margin-bottom:15px}.multiple-product-box .classification li span{width:18px;height:18px}.multiple-product-box{flex-direction:column;gap:16px;padding:0 0 60px}.multiple-product-box .left{padding:0 16px}.multiple-product-box .product-box .item-box{flex:0 0 calc(50% - 8px)}.multiple-product-box .product-box .item-box .product-image{margin-bottom:5px}.multiple-product-box .product-box .item-box .product-title{font-size:12px;margin:0 0 5px}.multiple-product-box .product-box .item-box .product-name{margin-bottom:5px}.multiple-product-box .product-box .item-box .product-number-box{margin-top:10px}.multiple-product-box .product-box .item-box .product-number-box .num{font-size:14px}.multiple-product-box .product-box .item-box .box-btn{padding:6px 7px}.multiple-product-box .product-box .item-box .box-btn svg{width:18px;height:18px}.multiple-product-box .product-box .item-box .product-btn{line-height:16px;margin-top:10px;padding:10px 15px;font-size:14px}.multiple-product-box .right .ul{display:flex}.r-swiper-box{display:flex;gap:5px;align-items:self-start}.multiple-product-box .arrow-bottom:after{transform:rotate(-226deg);top:-5px}.multiple-product-box .arrow-bottom{padding:10px}.multiple-product-box .r-add-cart{font-size:14px}.multiple-product-box .ul .box .info-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}.multiple-product-box .right{position:fixed;bottom:0;left:0;right:0;top:unset;width:100%;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 0 10px #00000040}.multiple-product-box .btn-box{display:flex;gap:10px;align-items:center;justify-content:space-between}.multiple-product-box .r-price{border:0 none;font-size:20px}.multiple-product-box .r-add-cart{flex:1;max-width:60%;padding:10px 0;border-radius:5px}.multiple-product-box .r-swiper-box{border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:120px;overflow:hidden}.popup-box{width:92%;text-align:center}.popup-box .p-title{border:0 none}.popup-box .c-content{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/multipleProduct.css.map */