a:hover{color:#f74859;text-decoration:underline}
a:focus{outline:0}
body{background:#f8f8f8}
.loader-inner{width:100%;display:none;height:34px;background:#ff5400;position:absolute;top:0px;border-radius:5px}
.ball-clip-rotate{width:25px;height:25px;margin:auto}
.ball-clip-rotate > i{background-color:#fff;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.ball-clip-rotate-pulse > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0px;left:0px;border-radius:100%}
.ball-clip-rotate-pulse > i:first-child{background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.ball-clip-rotate-pulse > i:last-child{position:absolute;border:2px solid #fff;width:30px;height:30px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}.ball-clip-rotate-multiple{position:relative}
.ball-clip-rotate-multiple > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}
.ball-clip-rotate-multiple > i:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;x-direction:reverse}
@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}.loader-black{background:#fff}
.loader-black .ball-clip-rotate > i{border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #333;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
.main{background:linear-gradient(180deg,#a2d1ff 0%,#fbfcff 100%)}
header{height:126px}
.banner{text-align:center;height:210px;position:relative;background:linear-gradient(180deg,#cfeaf7 0%,#f1f5f9 100%);border-radius:20px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 2px 9px 2px #9ccafa;margin:20px 40px}
.banner:before{width:231px;height:100%;display:block;background:url(../images/banner-2.webp) no-repeat center;background-size:100%;position:relative;left:40px;content:" ";top:0}
.banner:after{width:231px;height:100%;display:block;background:url(../images/banner-1.webp) no-repeat center;background-size:100%;position:relative;right:40px;top:0px;content:" "}
.banner img{max-width:1699px}
.banner .banner-text{position:absolute;width:100%;z-index:1}
.banner .text-big{color:#000000;font-size:32px;font-weight:bold;font-family:sans-serif;min-height:50px;line-height:42px}
.item-code-web{background-size:100%;font-size:21px;position:relative;display:flex;justify-content:center}
.item-code-web .item-text-top{font-size:30px;height:50px;font-weight:bold;color:#000}
.item-code-web .item-text-top p{font-weight:normal;padding-top:33px;font-size:23px;opacity:0.8}
.item-code-web .edm-discount-text{font-weight:bold;font-size:28px;color:#c70500}
.item-code-web .code{cursor:pointer;position:relative;width:289px;display:flex;text-transform:capitalize;align-items:center;background:url(../images/code_1.webp) no-repeat center -2px;background-size:100%;justify-content:center;height:65px}
.item-code-web .border-code{border-radius:6px;position:relative;padding-left:0;height:38px;line-height:28px}
.item-code-web .border-code .edm-discount-text{position:relative;top:4px;padding-left:5px}
.item-code-web  .copy-code{position:absolute;top:0px;left:0px;pointer-events:none;opacity:0}
.item-code-web .btn-copy{background:#07782a;color:#ffffff;font-size:12px;margin:0px 17px;border-radius:21px;cursor:pointer;line-height:24px;position:absolute;right:-74px;word-break:keep-all;white-space:nowrap;top:6px;display:none;width:23px;height:23px;opacity:0.8;text-align:center;z-index:1}
.item-code-web  .btn-copy:hover{opacity:1}
.item-code-web .btn-copy-m{display:none;background:#f47219;color:#fff;padding:6px 17px;margin-left:11px;border-radius:6px;font-size:14px;position:relative;top:0px;height:36px;left:1px;border-top-left-radius:0px;border-bottom-left-radius:0px;font-weight:bold}
.item-code-web .code-text{font-size:20px;font-weight:bold}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.fullbg{position:fixed}
.topbg{background:#4e4e4e;height:34px;padding-top:5px}
.topbg .line{border-left:1px solid #7b7b7b;width:1px;height:10px;margin-left:12px}
.title .rtm{position:absolute;width:480px;height:340px;right:-466px;top:-75px;display:none}
.title .title_bg{width:1182px;height:138px;margin:auto;position:absolute;top:152px;left:50%;margin-left:-623px}
.listcode{text-align:center;margin:auto;width:100%;margin-top:40px}
.listcode .codewarp{width:1162px;margin:auto;position:relative}
.listcode .copy{color:#fff;display:block;margin:22px 0px;width:200px;height:56px;text-align:center;cursor:pointer;line-height:53px;position:absolute;right:137px;top:45px}
.listcode .copy .btncopy{width:100%;background:#fe4445;height:56px;border-radius:55px;font-size:22px;opacity:0.9}
.listcode .copy .btncopy:hover{opacity:1}
.listcode .success{width:100%;background:#3a9113;height:56px;border-radius:55px;font-size:23px;position:absolute;z-index:11;display:none}
.banner img{width:100%}
.font-title{text-align:center;height:260px;display:flex;align-items:center;width:100%;justify-content:center;font-size:32px;color:#121212;font-weight:bold}
.salelist{margin:20px 40px;position:relative;background:linear-gradient(180deg,#cfeaf7 0%,#f1f5f9 100%);box-shadow:4px 2px 9px 2px #c0dfff;border-radius:20px;padding:40px}
.salelist .pool-spe{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:100px;grid-row-gap:40px;margin-bottom:40px}
.salelist li{position:relative;color:#000;border-radius:10px;padding:20px 50px;transition:all 0.5s linear}
.salelist li:hover{transform:scale(1.02)}
.salelist .imgc{text-align:center}
.salelist .imgc img{max-width:100%;height:290px;border-radius:9px}
.salelist .mc{color:#000;font-size:18px;line-height:20px;margin-top:20px;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;height:51px;display:block}
.salelist .mc a{color:#000}
.salelist .s_us{text-decoration:line-through;display:block;font-size:16px;color:#666}
.salelist .c_price{display:block;font-size:22px;color:#f60;font-weight:700;padding:12px 0px}
.pool-title{width:70%;margin:0 auto;text-align:center}
.pool-title .pool-but{background:#333;color:#fff;font-size:14px;padding:5px 0;width:160px;margin:0 auto;margin-top:30px}
.pool-title .pool-but i{font-size:18px;color:#fff500;font-weight:bolder;position:relative;top:1.5px}
.pool-title .aff-price{border:1px solid #ccc;padding:30px 20px}
.pool-title .aff-price p{line-height:25px;font-size:14px;font-weight:600}
.salelist .qty-wrapper{padding:12px}
.salelist .qty-wrapper input{border:1px solid #ddd;padding:5px;width:62px;text-align:center;font-size:13px;font-weight:bold}
.salelist .buywarp{padding-top:10px;display:flex;align-items:center}
.salelist .buynow-nologin{display:block;text-align:center;flex:1;position:relative}
.salelist .buynow-nologin .buy-a{background:#f47219;color:#fff;line-height:43px;cursor:pointer;opacity:0.9;display:block;font-size:18px;border-radius:55px}
.salelist .buynow-nologin .buy-a:hover{opacity:1;color:#fff;text-decoration:none}
.salelist .buynow-nologin .loader-inner{z-index:1;height:100%;background-color:#888888;opacity:0.7;border-radius:30px}
.salelist .buynow-nologin .loader-inner .ball-clip-rotate>i{margin-top:6px}
.salelist .add{text-align:center;font-size:18px;position:relative;margin-left:15px}
.salelist .add .add-cart{background:#444547 url(../images/cart_1.webp) no-repeat center;background-size:39px;height:42px;line-height:41px;color:#fff;cursor:pointer;opacity:0.9;font-size:17px;border-radius:48px;width:117px}
.salelist .add .add-cart:hover{opacity:1}
.salelist .add .add-cart span:last-child{display:none}
.salelist .add .addsuccess{background:#0d7907;height:100%;line-height:41px;color:#fff;opacity:1;position:absolute;width:100%;top:0px;display:none;border-radius:30px}
.custom button.items-count{background-color:#fff;border:1px #ececec solid;color:#999}
.custom button.items-count:hover{background-color:#E45E5F;color:#fff}
.add-to-cart .qty,.qty-holder .qty{background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:0px;font-size:15px;font-weight:bold}
.custom .qty{height:30px;text-align:center;width:60px;vertical-align:top;float:left;border:1px solid #ececec}
.custom .qty-input-text{float:left;margin-left:10px}
.custom button.items-count{transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;font-size:12px;line-height:0px;padding:0px;height:30px;width:20px;text-align:center;float:left;font-weight:normal;background:#f0f0f0}
.custom button.reduced{border-right:none;border-radius:3px 0 0 3px}
.custom button.increase{border-left:none;border-radius:0 3px 3px 0}
.custom .i-s{padding:4px;line-height:29px;color:#666;padding-left:16px}
.endtime{display:flex;font-weight:bold;border-radius:61px}
.endtime .endin{padding:16px 8px;font-size:16px;padding-left:0px;color:#666;font-weight:normal}
.endtime .time{width:50px;height:50px;border-radius:50px;color:#fff;text-align:center;background:#ef7c00;line-height:50px;font-size:20px}
.endtime .esymbol{padding:11px 8px;color:#a8a8a8}
.salelist li .imgc a{display:block;position:relative}
.salelist li .imgc .p-off{position:absolute;left:0px;top:0px;background:url(../images/off_1.webp) no-repeat center;width:66px;height:66px;text-align:center;font-size:19px;line-height:67px;background-size:100%;color:#fff;font-weight:normal}
.custom{margin-top:5px;display:none}
.maskLayer{position:absolute;top:0px;left:0px;width:100%;height:356px;background-color:#272727;opacity:.7;box-sizing:border-box;border-radius:3px;display:none}
.snap{display:flex;width:65%;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);padding:8px 15px;display:none;text-align:center;margin:auto;color:#fff;background:#fe4445;border-radius:25px;font-size:16px;z-index:15}
.snap:hover{cursor:pointer}
.goodsList{position:relative}
.salelist .contli .clleft .clleft-price{font-size:16px}
.salelist .contli .clleft .clleft-price .s_us{padding-bottom:0px}
@media screen and (max-width:786px){.pool-title{width:auto;padding:0 20px;margin:inherit}
.pool-title .aff-price p{font-size:18px}
.pool-title .pool-but{width:250px;font-size:18px}
.pool-title .pool-but i{font-size:24px;top:2px}
.salelist .contli .clleft .clleft-price{text-align:left;padding-bottom:10px}
.salelist .mc{line-height:17px;padding-bottom:16px}
.list{width:100%;padding:12px 0;padding-bottom:22px;margin-top:0px}
.list .proimg{width:86%;height:auto}
.list li{width:45%;margin:0;margin-left:3%;height:357px;margin-top:15px}
.list li .imgc{padding-top:5px;height:227px}
.list .height_h{height:235px}
.maskLayer{top:0;left:0;width:100%;height:100%}
.snap{width:87%}
.list{top:auto}
.list .c_price,.list .s_us{font-size:12px}
.list div{padding:0 4px}
.list li .endtime{top:188px;left:4px;width:95%;height:36px}
.list li .endtime .time{width:25px;height:25px;border-radius:36px;color:#fff;text-align:center;background:#ef7c00;line-height:24px}
.list li .endtime .endin{padding:4px 0px;padding-right:4px;font-weight:normal}
.list li .endtime .esymbol{padding:2px 5px;color:#a8a8a8}
.salelist{width:100%;margin:0;margin-top:20px;padding:15px 0px}
.salelist .imgc{width:100%;text-align:center;height:auto;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}
.salelist .imgc img{width:100%;margin-top:0px;height:auto}
.salelist li .imgc a{display:block;width:100%}
.salelist .contli{width:100%;float:left}
.salelist li{display:inline-block;height:auto;padding:0px}
.salelist .c_price{font-size:24px;padding:0px}
.salelist .s_us{font-size:20px;color:#666;padding:0px}
.salelist .endtime .endin{width:50px;padding:4px 0px;line-height:23px;font-size:12px;padding-left:0px;text-align:center;color:#666;font-weight:normal}
.salelist .endtime .time{width:30px;height:30px;border-radius:30px;line-height:30px;font-size:12px}
.salelist li .riming{top:-16px}
.salelist .endtime .esymbol{padding:3px 2px;color:#a8a8a8}
.salelist li .endtime{position:initial;left:auto;top:auto}
.salelist .buywarp{width:100%;padding-top:0}
.salelist .buynow a,.salelist .add .add-cart,.salelist .add .addsuccess{line-height:50px;height:50px;font-size:24px}
.salelist .buynow .buy-a{line-height:50px;height:50px;font-size:24px}
.salelist .buynow-nologin .buy-a{line-height:50px;height:50px;font-size:24px}
.salelist .pool-spe{grid-template-columns:repeat(2,1fr);padding:0 10px;grid-column-gap:30px}
.salelist .buynow-nologin{width:70%}
.salelist .add .add-cart span{display:none}
.salelist .add .add-cart .fa{display:block;line-height:48px}
.custom button.reduced{width:50px;height:40px}
.custom button.items-count{width:50px;height:40px}
.custom .qty{width:60px;height:38px}
.custom .i-s{display:none}
.header_active .search-form{z-index:99}
.header_active .web_shopping-cart,.header_active .web_user{z-index:100}
.main{background-size:822px;padding:15px}
.font-title{height:auto;padding-top:40px}
.item-code-web{padding:0px;text-align:center}
.item-code-web .btn-copy-m{height:26px;top:-1px}
.item-code-web .code{margin:auto}
.custom{display:none}
.salelist .add .add-cart{width:50px}
.item-code-web .border-code .edm-discount-text{top:0px}
.banner{margin:0px;height:172px}
header{height:166px}
.banner:before{width:172px;left:-1px;top:37px;opacity:0.4}
.banner:after{width:151px;right:0;top:0px;background-size:252px;background-position:0 30px;opacity:0.4}
}