@charset "utf-8";

/*浮动窗口联系*/
.izl-rmenu{position:fixed; right:6px; bottom:50px; padding-bottom:73px; z-index:99;}
.izl-rmenu .btn{width:72px; height:72px;padding:0; margin-bottom:1px; cursor:pointer; position:relative;display:block;color: #333;background: #fff;text-align: center;border-radius:3px;font-size: 12px;}
.izl-rmenu .btn:hover{background-color:#288feb;color: #fff;}
.izl-rmenu .btn i{font-size: 28px;padding: 12px 0 5px 0;}
.izl-rmenu .btn-qq,.izl-rmenu .btn-qq:visited{text-decoration:none;}
.izl-rmenu .btn-wx{}
.izl-rmenu .btn-wx:hover{}
.izl-rmenu .btn-wx .pic{position:absolute; left:-159px; top:0; display:none;width:160px;height:160px;padding: 5px;background: #288feb;}

.izl-rmenu .btn-skype{}
.izl-rmenu .btn-skype:hover{}
.izl-rmenu .btn-skype .skype{position:absolute; width:230px; left:-227px; top:0; line-height:52px;padding:10px 0 10px 0; color:#FFF; font-size:14px; text-align:center; display:none;background-color:#288feb;}
.izl-rmenu .btn-skype .skype a{color:#FFF;}
.izl-rmenu .btn-skype .skype .salesman{display:flex;}
.izl-rmenu .btn-skype .skype .salesman .name {display:inline-block;width:80px;}
.izl-rmenu .btn-skype .skype .salesman .btn {display:inline-block;width: 69px; height: 25px; border-radius: 4px;align-items: center; text-align: center; font-family: PingFangSC;  font-size: 14px;   font-weight: 400; line-height: 20px; font-style: normal;color: rgb(255, 255, 255);background: rgb(239, 61, 97);}
.izl-rmenu .btn-skype .skype .salesman .btn span{font-size: 12px;line-height: 17px;}
.skype .avatar{width: 40px;height: 40px;margin:5px 0 0 10px; border-radius: 50px;}
.skype .avatar .img{width: 100%; height: 100%; border-style: none; border-radius: inherit; overflow: hidden; box-shadow: none;}
.skype .avatar a{line-height:100%;}

@keyframes shake {
     0%{ transform: rotate(0deg); }
    25% { transform: rotate(-1deg); }
    50%{ transform: rotate(-2deg); }
    75%{ transform: rotate(1deg); }
    100% { transform: rotate(2deg); } /* 调整旋转角度以控制抖动的幅度 */
}
.salesman:hover {background-color:#333;}
.salesman .btn:hover {
    animation: shake 0.2s; /* 抖动的持续时间 */
    animation-iteration-count: infinite; /* 动画重复次数 */
}
.izl-rmenu .btn-phone{}
.izl-rmenu .btn-phone:hover{}
.izl-rmenu .btn-phone .phone{position:absolute; width:275px; left:-272px; top:0; line-height:36px;padding:10px 0 10px 0; color:#FFF; font-size:14px; text-align:center; display:none;background-color:#288feb;}
.izl-rmenu .btn-phone .phone4{position:absolute; width:160px; left:-157px; top:0; line-height:26px;padding:10px 0 10px 0; color:#FFF; font-size:14px; text-align:center; display:none;background-color:#288feb;}
.izl-rmenu .btn-phone2{}
.izl-rmenu .btn-phone2:hover{}
.izl-rmenu .btn-phone2 .phone2{background-color:#288feb; position:absolute; width:210px; left:-207px; top:0; line-height:36px; color:#FFF; font-size:14px; text-align:center; display:none;}

.izl-rmenu .btn-phone3{}
.izl-rmenu .btn-phone3:hover{}
.izl-rmenu .btn-phone3 .phone3{background-color:#288feb; position:absolute; width:275px; left:-272px; top:0; line-height:36px; color:#FFF; font-size:14px; text-align:center; display:none;}

.izl-rmenu .btn-top{display:none;}
.izl-rmenu .btn-top:hover{background-color:#288feb;}
/*cart*/


.cd-cart-container::before{content:'';position:fixed;z-index:9991;height:100vh;width:100vw;top:0;left:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s}
.cd-cart-container.cart-open::before{opacity:1;visibility:visible}
.cd-cart-trigger,.cd-cart{position:fixed;bottom:50px;right:6px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:transform;backface-visibility:hidden}
.empty .cd-cart-trigger,.empty .cd-cart{-webkit-transform:translateX(150px);-ms-transform:translateX(150px);transform:translateX(150px)}
@media only screen and (min-width:1170px){.cd-cart-trigger,.cd-cart{}
}
.cd-cart-trigger{z-index:9993;height:72px;width:72px;text-indent:100%;color:transparent;white-space:nowrap}
.cd-cart-trigger::after,.cd-cart-trigger::before{content:'';position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:100%;width:100%;background:url(/images/cd-icons-cart-close.png) no-repeat 0 0;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}
.cd-cart-trigger::after{background-position:-72px 0;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg)}
.cart-open .cd-cart-trigger::before{opacity:0}
.cart-open .cd-cart-trigger::after{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.cd-cart-trigger .count{position:absolute;top:-10px;left:-10px;line-height:28px;height:28px;width:28px;background:#e94b35;color:#ffffff;font-size:16px;font-weight:bold;border-radius:50%;text-indent:0;-webkit-transition:-webkit-transform .2s .5s;transition:-webkit-transform .2s .5s;transition:transform .2s .5s,-webkit-transform .2s .5s}
.cd-cart-trigger .count li{position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.cd-cart-trigger .count li:last-of-type{visibility:hidden}
.cd-cart-trigger .count.update-count li:last-of-type{-webkit-animation:cd-qty-enter .15s;animation:cd-qty-enter .15s}
.cd-cart-trigger .count.update-count li:first-of-type{-webkit-animation:cd-qty-leave .15s;animation:cd-qty-leave .15s}
.cart-open .cd-cart-trigger .count{-webkit-transition:-webkit-transform .2s 0s;transition:-webkit-transform .2s 0s;transition:transform .2s 0s,-webkit-transform .2s 0s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.empty .cd-cart-trigger .count{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.cd-cart-trigger:hover + div .wrapper1{box-shadow:0 6px 40px rgba(0,0,0,0.3)}
.cart-open .cd-cart-trigger:hover + div .wrapper1{box-shadow:0 4px 30px rgba(0,0,0,0.17)}
.cd-cart{z-index:9992;width:90%;max-width:440px;height:400px;max-height:90%;pointer-events:none}
.cd-cart .wrapper1{position:absolute;bottom:0;right:0;z-index:2;overflow:hidden;height:72px;width:72px;border-radius:3px;-webkit-transition:height .4s .1s,width  .4s .1s,box-shadow .3s;transition:height .4s .1s,width  .4s .1s,box-shadow .3s;-webkit-transition-timing-function:cubic-bezier(0.67,0.17,0.32,0.95);transition-timing-function:cubic-bezier(0.67,0.17,0.32,0.95);background:#ffffff;pointer-events:auto}
.cd-cart header,.cd-cart footer{position:absolute;z-index:2;left:0;width:100%;}
.cd-cart header,.cd-cart .body{opacity:0}
.cd-cart header{top:0;border-radius:6px 6px 0 0;padding:0 1.4em;height:40px;line-height:40px;background-color:#ffffff;-webkit-transition:opacity .2s 0s;transition:opacity .2s 0s;border-bottom:1px solid #e6e6e6}
.cd-cart header::after{clear:both;content:"";display:block}
.cd-cart footer{bottom:0;border-radius:0 0 6px 6px;box-shadow:0 -2px 20px rgba(0,0,0,0.15);background:#ffffff}
.cd-cart h2{text-transform:uppercase;display:inline-block;font-size:18px;}
.cd-cart .undo{float:right;font-size:12px;opacity:0;visibility:hidden;-webkit-transition:opacity .2s,visibility .2s;transition:opacity .2s,visibility .2s;color:#808b97}
.cd-cart .undo a{text-decoration:underline;color:#2b3e51}
.cd-cart .undo a:hover{color:#2c97de}
.cd-cart .undo.visible{opacity:1;visibility:visible}
.cd-cart .checkout{display:block;height:72px;line-height:72px;margin-right:72px;background:#2c97de;color:rgba(255,255,255,0);text-align:center;font-size:24px;font-weight:600;-webkit-transition:all .2s 0s;transition:all .2s 0s;font-style: normal;}
.cd-cart .checkout:hover{background:#399ee0}
.cd-cart .checkout em{position:relative;display:inline-block;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);-webkit-transition:-webkit-transform 0s .2s;transition:-webkit-transform 0s .2s;transition:transform 0s .2s,-webkit-transform 0s .2s;font-style: normal;}
.cd-cart .checkout em::after{position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;content:'';height:24px;width:24px;background:url(/images/cd-icon-arrow-next.png) no-repeat center center;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.cd-cart .body{position:relative;z-index:1;height:calc(100% - 40px);padding:20px 0 10px;margin:40px 0 10px;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition:opacity .2s;transition:opacity .2s}
.cd-cart .body ul{overflow:hidden;padding:0 1.4em;position:relative;padding-bottom:90px}
.cd-cart .body li{position:relative;opacity:0;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);-webkit-transition:opacity 0s .2s,-webkit-transform 0s .2s;transition:opacity 0s .2s,-webkit-transform 0s .2s;transition:opacity 0s .2s,transform 0s .2s;transition:opacity 0s .2s,transform 0s .2s,-webkit-transform 0s .2s}
.cd-cart .body li::after{clear:both;content:"";display:block}
.cd-cart .body li:not(:last-of-type){margin-bottom:20px}
.cd-cart .body li.deleted{position:absolute;left:1.4em;width:calc(100% - 2.8em);opacity:0;-webkit-animation:cd-item-slide-out .3s forwards;animation:cd-item-slide-out .3s forwards}
.cd-cart .body li.deleted.undo-deleted{-webkit-animation:cd-item-slide-in .3s forwards;animation:cd-item-slide-in .3s forwards}
.cd-cart .body li.deleted + li{-webkit-animation:cd-item-move-up-mobile .3s;animation:cd-item-move-up-mobile .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cd-cart .body li.undo-deleted + li{-webkit-animation:cd-item-move-down-mobile .3s;animation:cd-item-move-down-mobile .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.cd-cart .product-image{display:inline-block;float:left;width:50px}
.cd-cart .product-image img{display:block}
.cd-cart .product-details{position:relative;display:inline-block;float:right;width:calc( 100% - 50px);padding:0.3em 0 0 0.5em}
.cd-cart .product-details::after{clear:both;content:"";display:block}
.cd-cart h3,.cd-cart .price{}
.cd-cart h3{width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cd-cart h3 a{color:#2b3e51}
.cd-cart h3 a:hover{color:#2c97de}
.cd-cart .price{display:none;float:right;width:30%;text-align:right}
.cd-cart .actions{font-size:14px;height:1.6em;line-height:1.6em;padding-top:5px}
.cd-cart .actions::after{clear:both;content:"";display:block}
.cd-cart .delete-item,.cd-cart .quantity{float:left;color:#808b97;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cd-cart .delete-item{margin-right:1em}
.cd-cart .delete-item:hover{color:#e94b35}
.cd-cart .quantity label{display:inline-block;margin-right:.3em}
.cd-cart .select{position:relative}
.cd-cart .select::after{content:'';position:absolute;z-index:1;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;width:12px;height:12px;background:url(/images/cd-icon-select.png) no-repeat center center;pointer-events:none}
.cd-cart select{position:relative;padding:0 1em 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;font-size:14px;margin:0;color:#00aeef}
.cd-cart select:focus{outline:none;color:#2b3e51;box-shadow:0 1px 0 currentColor}
.cd-cart select::-ms-expand{display:none}
.cart-open .cd-cart .wrapper1{height:100%;width:100%;-webkit-transition-delay:0s;transition-delay:0s}
.cart-open .cd-cart header,.cart-open .cd-cart .body{opacity:1}
.cart-open .cd-cart header{-webkit-transition:opacity .2s .2s;transition:opacity .2s .2s}
.cart-open .cd-cart .body{-webkit-transition:opacity 0s;transition:opacity 0s}
.cart-open .cd-cart .body li{-webkit-transition:opacity .3s .2s,-webkit-transform .3s .2s;transition:opacity .3s .2s,-webkit-transform .3s .2s;transition:transform .3s .2s,opacity .3s .2s;transition:transform .3s .2s,opacity .3s .2s,-webkit-transform .3s .2s;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.cart-open .cd-cart .body li:nth-of-type(2){-webkit-transition-duration:.4s;transition-duration:.4s}
.cart-open .cd-cart .body li:nth-of-type(3){-webkit-transition-duration:.5s;transition-duration:.5s}
.cart-open .cd-cart .body li:nth-of-type(4),.cart-open .cd-cart .body li:nth-of-type(5){-webkit-transition-duration:.55s;transition-duration:.55s}
.cart-open .cd-cart .checkout{color:#ffffff;-webkit-transition:color .2s .3s;transition:color .2s .3s}
.cart-open .cd-cart .checkout em{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:padding .2s 0s,-webkit-transform .2s .3s;transition:padding .2s 0s,-webkit-transform .2s .3s;transition:transform .2s .3s,padding .2s 0s;transition:transform .2s .3s,padding .2s 0s,-webkit-transform .2s .3s}
.cart-open .cd-cart .checkout:hover em{padding-right:30px;font-weight: normal;}
.cart-open .cd-cart .checkout:hover em::after{opacity:1}
@media only screen and (min-width:768px){.cd-cart .body li:not(:last-of-type){margin-bottom:14px}
    .cd-cart .body li.deleted + li{-webkit-animation:cd-item-move-up .3s;animation:cd-item-move-up .3s}
    .cd-cart .body li.undo-deleted + li{-webkit-animation:cd-item-move-down .3s;animation:cd-item-move-down .3s}
    .cd-cart .checkout{font-size:2.4rem}
    .cd-cart .product-image{width:90px}
    .cd-cart .product-details{padding:0.4em 0 0 1em;width:calc( 100% - 90px)}
    .cd-cart h3,.cd-cart .price{font-size:16px;}
}
@-webkit-keyframes cd-qty-enter{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}
    100%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
}
@keyframes cd-qty-enter{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}
    100%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
}
@-webkit-keyframes cd-qty-leave{0%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
    100%{opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
}
@keyframes cd-qty-leave{0%{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
    100%{opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}
}
@-webkit-keyframes cd-item-move-up-mobile{0%{padding-top:70px}
    100%{padding-top:0}
}
@keyframes cd-item-move-up-mobile{0%{padding-top:70px}
    100%{padding-top:0}
}
@-webkit-keyframes cd-item-move-up{0%{padding-top:104px}
    100%{padding-top:0}
}
@keyframes cd-item-move-up{0%{padding-top:104px}
    100%{padding-top:0}
}
@-webkit-keyframes cd-item-move-down-mobile{0%{padding-top:0}
    100%{padding-top:70px}
}
@keyframes cd-item-move-down-mobile{0%{padding-top:0}
    100%{padding-top:70px}
}
@-webkit-keyframes cd-item-move-down{0%{padding-top:0}
    100%{padding-top:104px}
}
@keyframes cd-item-move-down{0%{padding-top:0}
    100%{padding-top:104px}
}
@-webkit-keyframes cd-item-slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    100%{-webkit-transform:translateX(80px);transform:translateX(80px);opacity:0}
}
@keyframes cd-item-slide-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    100%{-webkit-transform:translateX(80px);transform:translateX(80px);opacity:0}
}
@-webkit-keyframes cd-item-slide-in{100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    0%{-webkit-transform:translateX(80px);transform:translateX(80px);opacity:0}
}
@keyframes cd-item-slide-in{100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    0%{-webkit-transform:translateX(80px);transform:translateX(80px);opacity:0}
}