.user-seat .breadcrumb{background: none;padding: 20px 0;margin-bottom: 0px;}
.web-main .main-container{background: #fff;width: 100%;min-height:450px;margin-bottom: 60px;border-bottom-left-radius: 80px;border-top-right-radius: 80px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);display: flex;padding: 60px;}
.main-container .product-essential{position: relative;margin-right: 40px;}
.product-essential .pro-img{width:300px;}
.product-essential .pro-img img{width: 100%;}
.main-container .product-essential em{position: absolute;background: #FF240E;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;color: #fff;top: 20px;left: 20px;}
.product-essential .collect{position: absolute;background: #00000045;width: 40px;height: 40px;border-radius: 50px;text-align: center;color: #fff;top: 20px;right: 20px;font-size: 20px;cursor: pointer;}
.product-essential .collect .fa-heart-o{display: block;line-height: 42px;}
.product-essential .collect .fa-heart{display: none;color: #FF240E;}
.product-essential .collect .fa-heart-o.no{display: none;}
.product-essential .active {background: #fa9b9b45;}
.product-essential .active .fa-heart-o{display: none;}
.product-essential .active .fa-heart{display: block;line-height: 42px;}

.ptb-sic{padding-top:12px}
.main-container .web-price{width: 100%;position: relative;}
.main-container .web-price .web-entry-title{margin: 0;font-size: 1.5rem;line-height: 35px;width: 100%;}
.main-container .web-price .web-title-sic{display: flex;flex-wrap: wrap;align-items: center;}
.product-essential .ptb-sic span{border-radius: 50px;color: #fff;font-size: 12px;padding:0px 6px;}
.product-essential .ptb-sic .pt-cs{ background:#f60;}
.product-essential .ptb-sic .pt-so{background:#507CBE;}
.product-essential .ptb-sic .pt-hot{background:#F75263}
.product-essential .ptb-sic .pt-new{background:#22916D}
.main-container .web-price .price-row{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;align-items: center;}
.price-row .special-price{font-size: 32px;font-weight: 600;color: #FF240E;}
.price-row .old-price{color: #999;text-decoration: line-through;padding-left:30px;}
.price-row .star-ler i{color: #FF240E;}
.list-unstyled-t{margin-bottom: 30px;}
.list-unstyled-t .list-unstyled{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 30px;}
.list-unstyled-t .list-unstyled b{width: 100px;font-weight: 500;color: #666;}
.list-unstyled-t .list-unstyled .platform-img img{height: 24px;margin-right: 10px;}
.list-unstyled-t .list-unstyled .platform-rel{font-weight: 600;}
.list-unstyled-t .list-unstyled .in-stock{font-weight: 600;color: #04b436;}
.list-unstyled-t .list-unstyled .out-of-stock{font-weight: 600;color: #ff0000;}

.list-unstyled-t .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:40px;text-align:center; font-weight:normal; background:#f0f0f0;border: 1px #ececec solid;}
.list-unstyled-t .custom button.items-count:hover{background: var(--btn-black);color: #fff;}
.list-unstyled-t .qty {height: 30px;text-align: center;width: 60px;vertical-align: top;border: 1px solid #ececec;}
.list-unstyled-t .custom .i-s{padding-left: 15px;}

.web-price .web-button{display: flex;align-items: center;position: relative;bottom: 0;width: 100%;}
.web-price .web-button .web-but-red{width: 150px;padding: 0;height: 40px;line-height: 40px;font-size: 16px;background: var(--btn-red);border-radius: 0;}
.web-price .web-button .web-but-right{position: absolute;right: 0;}
.web-price .web-button .web-but-right .button-inst{color: #999;text-decoration:underline;}
.web-price .web-button .web-but-right .button-inst:hover{font-weight: 600;color: #000;}


/*recently*/
.recently {width: 100%;position: relative; height:127px; margin-bottom: 21px;display: flex;align-items: center;background:#fff url(../../image/44/recently-bg.jpg) no-repeat 0px 0px;background-size: 100%;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);}
.recently .rec-font{font-size:2rem;width: 574px;text-align: center;text-indent: 94px;}
.recently .rec-icon {background: url(../../image/44/recently-1.png) no-repeat 0px 0px;width:103px; height: 53px; background-size: 61px;}
.recently .rec-pro{display: flex;}
.recently .rec-pro img{height: 118px;border-radius: 5px;}
.recently .rec-pro .rec-price{padding-left: 20px;padding-top: 16px;}
.recently .rec-pro .rec-price .rec-special{color: #000;font-size:1rem;font-weight: bold; padding-right: 12px;}
.recently .rec-pro .rec-price .rec-old{font-size: 15px;color: #666;text-decoration: line-through;    padding: 8px 0px;}


/*main-youmay*/
.main-youmay{margin-bottom: 60px;}
.main-youmay .best-title{display: flex;justify-content: space-between;align-items: center;font-weight: 600;margin-bottom: 30px;}
.main-youmay .best-title p{font-size: 24px;}
/* boxlist */
.boxlist{display:grid;grid-template-columns: repeat(6, 1fr);grid-auto-rows:auto;grid-column-gap:40px;grid-row-gap: 40px;margin: auto;height: 430px;overflow: hidden;}
.boxlist .box-li{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);background:#fff;padding:12px;width: 215px;}
.boxlist .box-li .web-but-left{width: 100%;}
.boxlist .box-li .web-but-left span{width: 100%;}

.boxlist .box-li .box-item{position:relative;text-align:center;overflow: hidden;background: #f6f6f6;height: 267px;}
.boxlist .box-li .box-item:before {content:'';background:linear-gradient(45deg,rgba(103,178,111,0.6),rgba(76,162,205,0.6));height:100%;width:100%;opacity:0;filter:blur(10px);transform:scale(1) rotate(180deg);position:absolute;left:0;top:0;z-index:1;transition:all 0.4s ease-in-out;}
.boxlist .box-li:hover .box-item:before {box-shadow:0 0 10px 2px #555;opacity:1;filter:blur(0);transform:scale(0.92,0.9) rotate(0);}
.boxlist .box-li .box-info .item-title{padding:5px 0px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:48px;padding-bottom: 10px;}
.boxlist .box-li .box-info .p-sort{padding:4px 0px; color: #969696;}

.boxlist .box-li .box-info .original-price{text-decoration: line-through;}
.boxlist .box-li .box-info .present-price{font-weight:bold;font-size:1.2rem}
.boxlist .box-li img{width: 100%;transition:all 0.5s ease-in-out;height: 100%;}
.boxlist .box-li:hover img {transform:scale(1.9) rotate(45deg);}
.boxlist .box-li a{display:block;height: 100%;transition:all 0.5s linear;}

.boxlist .box-li  .box-content {color:#fff;text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(3);position:absolute;top:50%;left:50%;z-index:1;transition:all 0.5s ease;}
.boxlist .box-li:hover .box-content {opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);}
.boxlist .box-li .stock {font-size:1.1rem;text-transform:capitalize;}
.boxlist .box-li .title {font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;margin:10px;color:#fff}
.boxlist .box-li .box-icon {padding:0;margin:0;list-style:none;filter:blur(10px);transform:scale(0);position:absolute;left: 50%;bottom:29px;z-index:2;transition:all 0.5s ease 0.2s;margin-left:-44px;}
.boxlist .box-li:hover .box-icon {transform:scale(1);filter:blur(0);}
.boxlist .box-li .box-icon li {display:inline-block;cursor: pointer;}
.boxlist .box-li .box-icon li .glyphicon-heart{left:-1px}
.boxlist .box-li .box-icon li .glyphicon{ top: 3px;}
.boxlist .box-li .box-icon li .active{background: #f66a78;}
.boxlist .box-li .box-icon li a {color:#fff;background:rgba(000,000,000,0.6);font-size:18px;text-align:center;line-height: 35px;height: 35px;width: 35px;margin:0 3px;display:block;position:relative;transition:all 0.3s;border-radius: 34px;}
.boxlist .box-li .off{background:#FF240E;border-radius: 40px;color:#fff;height: 40px;left: 12px;position: absolute;top: 12px;width: 40px;text-align:center;line-height: 40px;font-weight: bold;transition:all 0.5s ease-in-out;opacity:0.9;z-index:1}
.boxlist .box-li:hover .off{opacity:0}

@media screen and (max-width:768px){
.boxlist{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap:10px;width: 99%;margin: auto}
}

/*product-collateral*/
.product-collateral .p-title{display: flex;border-bottom: 1px solid #ccc;}
.product-collateral .p-title li:not(:first-child){margin-left: 50px;}
.product-collateral .p-title li a{font-size: 1.2rem;padding-bottom: 20px;}
.product-collateral .p-title li a:hover{font-weight: 600;border-bottom: 4px solid #000;}
.product-collateral .p-title li.active a{border-bottom: 4px solid #000;display: block;font-weight: 600;}
.product-collateral .animated{margin-top: 20px;}
.product-collateral .best-title{color: #000;background: transparent;padding-bottom: 0px;font-size: 16px;font-weight: bold}
.product-collateral .animated .web-active{padding:20px 0;}
.product-collateral .animated .web-active p{line-height: 25px;}
.product-collateral .customer-review{margin-top: 20px;}
.product-collateral .customer-review .pagers{text-align: center;}

.product-collateral .tab-content{margin-bottom: 130px;}
.product-collateral .tab-content img{max-width: 100%}
.customer-review .c-title{margin: 0;padding-bottom: 10px;color: #000;font-size: 18px;font-weight: 600;border-bottom: 1px solid #eee;font-family: sans-serif;}
.customer-review>ul{display: flex;width: 100%;margin: 25px 0;color: #000;align-items: center;margin-bottom: 50px;}
.customer-review>ul .star-box{display: table-cell;vertical-align: middle;width: 280px;}
.customer-review>ul .star-percent{display: table-cell;padding: 0 30px;border: solid #eee;border-width: 0 1px;font-size: 14px;flex: 1;}
.customer-review>ul .star-box .score{margin-bottom: 10px;}
.customer-review>ul .star-box .score span:first-child{font-size: 72px;font-weight: 700;color: #000;display: inline-block;vertical-align: middle;}
.customer-review>ul .star-box .score span:last-child{vertical-align: -22px;font-size: 16px;}
.customer-review .star-percent ul li{margin-bottom: 12px;display: flex;align-items: center;}
.customer-review .star-percent ul li:last-of-type{margin-bottom: 0;}
.customer-review .star-percent ul li span:first-child{vertical-align: middle;word-wrap: break-word;word-break: break-all;width:100px;text-align: right;}
.customer-review .star-percent ul li span.active{background-color: var(--btn-red);}
.customer-review .star-percent ul li .bar em{background-color: var(--btn-red);height: 20px;height:4px;display: block;border-radius: 20px;}
.customer-review .star-percent ul li .bar{display: inline-block;vertical-align: middle;margin-left: 25px;margin-right: 8px;width: 400px;height:4px;background-color: #e0e0e0;border-radius: 20px;overflow: hidden;}
.customer-review .star-percent ul li span:last-child{display: inline-block;}
.customer-review .star-box .w-review{height: 40px;padding: 0 20px;line-height: 40px;font-size: 16px;text-align: center;background:var(--btn-red);color: #fff;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;display: inline-block;bottom:2px;}
.customer-review .star-box .w-review a{color: white;}
.customer-review .star-box .w-review .tips {white-space: nowrap;top: -34px;line-height:18px; font-size: 14px;border: 1px solid #F44336;display:none;}
.customer-review .star-box .w-review .tips::after {color: #F44336;position: absolute;left: 77px;top: 24px;}
.customer-review .star-percent ul li span:first-child .fa{color: #FAB347;}
.customer-review .entry .s-review a{height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #000;transition: all .5s ease;box-sizing: border-box;width: 190px;display: inline-block;border: 1px solid var(--btn-black);}
.customer-review .entry .s-review a:hover{background:var(--btn-black);color: #fff;}
.customer-review .pagers .pagination>li.active a{background: var(--btn-black);}


.customer-review .reply { margin-top: 10px; margin-left: 60px;overflow: hidden; position: relative;border-bottom-left-radius: 50px; border-top-right-radius: 50px; padding: 25px 40px;background: #fbffff;}
.customer-review .reply .additional-time{color:#666}
.customer-review .reply .headportrait{position: absolute;float: left;}
.customer-review  .reply .detail{float: left;padding-left: 74px;}
.customer-review .headportrait{position:absolute;text-align:center;padding-left:10px;}
.customer-review  .headportrait img{width:50px;height:50px;border-radius:50px}
.customer-review  .headportrait p{color:#666;font-weight:bold;line-height:33px;}








.reviews{display: flex;margin-bottom: 60px;align-items: flex-start;position: relative;}
.reviews .item-user{width: 50px;height: 50px;border-radius: 50px;background: #999;overflow: hidden;}
.reviews .item-user .avatar{width: 100%;}
.reviews .item-wrap .item-star{color: #FAB347;}
.reviews .item-wrap .operate a,
.reviews .item-wrap .operate a, .reviews .item-wrap .operate span {background: #fff;padding: 3px 21px;border-radius: 41px; margin-top: 5px;display: inline-block;margin-right: 10px;cursor: pointer;}

.reviews .item-wrap{margin-left: 30px;width: 100%;}
.reviews .item-wrap .name{font-size: 16px;font-weight: 600;}
.reviews .item-wrap .brand{margin: 0 100px;}
.reviews .admire{position: absolute;right: 0;top: 10px; font-size: 16px;cursor: pointer;}
.reviews .item-wrap .item-cont{background: #fff;width: 100%;padding: 40px;height: auto;margin-top:20px;border-bottom-left-radius:50px;border-top-right-radius:50px;position: relative;}
.reviews .item-wrap .item-cont p{font-size: 1rem;}
.reviews .item-wrap .item-cont .comment-img{display: flex;flex-wrap: wrap;}
.reviews .item-wrap .item-cont .comment-img li{width: 100px;height: 100px;overflow: hidden;margin-top: 20px;}
.reviews .item-wrap .item-cont .comment-img li:not(:first-child){margin-left: 20px;}
.reviews .item-wrap .item-cont .comment-img li img{width: 100%;}
.reviews .item-wrap .item-cont .item-time{position: absolute;right:20px;bottom: 10px;color: #999;}
.reviews .item-img li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 78px;
  height: 78px;
  border: 1px solid #ccc;
  overflow: hidden;
  cursor: pointer;
}

/*discount-price*/
.main-container .web-price .price-row .discount-price{display: flex;height: 40px;margin-left: 13px;padding-top: 5px;align-items: center;position: absolute;left: 300px;}
.main-container .web-price .price-row .discount-price p{font-size: 14px;color: #000000;font-weight: 700;}
.main-container .web-price .price-row .discount-price .price{font-size: 20px;color: #DF272F;font-weight: 600;padding-left: 10px;}
.main-container .web-price .price-row .copy-discount{position: relative;left: -350px;top: 32px;}
.main-container .web-price .price-row .copy-discount .btncopy {height: 57px;z-index: 1;color: rgb(255, 255, 255);width: 210px;padding-left: 16px;left: -320px;position: absolute;font-weight: bold;background: url(../../44/images/code-edm.png) no-repeat;}
.main-container .web-price .price-row .copy-discount .btncopy .extra {width: 159px;padding-top: 19px;font-weight: normal;padding-left: 31px;cursor: pointer;}
.main-container .web-price .price-row .copy-discount .btncopy .cop-to {position: absolute;left:27px;color: rgb(255, 255, 255);font-size: 14px;height: 19px;width: 100px;text-align: center;line-height: 17px;overflow-wrap: break-word;}
.main-container .web-price .price-row .copy-discount .btncopy span {width: 73px;font-size: 16px;font-weight: bold;line-height: 19px;color:#fff700;margin-left:70px;background: transparent;border-width: 0px;border-style: initial;border-color: initial;border-image: initial;outline: medium;}

.pr-test .h-q {font-size: 12px;height: 45px;overflow: hidden;}
.pr-test .warper-dt {color: #a0a0a0;line-height: 22px;line-height: 20px;margin-top: 8px;width: 100%;}
.main-container .web-price .web-title-sic .warper-more {color: #000;cursor: pointer;display: none;float: right;padding-right: 15px; font-size:12px}
.pr-test .warper-more .glyphicon-triangle-bottom{ top:2px}

/*add-to-cart*/
.add-to-cart {--color: #fff;--icon: var(--color);--cart: #fff;--dots: #fff;cursor: pointer;position: relative;outline: none;border: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;font-size: 16px;padding: 10px 52px;font-weight: 500;line-height: 20px;-webkit-transform: scale(var(--s, 0.97));transform: scale(var(--s, 0.97));color: var(--color);background:var(--btn-red);transition: box-shadow .3s, -webkit-transform .3s;transition: transform .3s, box-shadow .3s;transition: transform .3s, box-shadow .3s, -webkit-transform .3s;margin-left: 20px;opacity: .8;}
.add-to-cart:hover{opacity: 1;}
.add-to-cart .default {padding-left: 0px;position: relative;opacity: var(--o, 1);-webkit-transform: scale(var(--s, 1));  transform: scale(var(--s, 1));transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;transition-delay: var(--d, 0.3s);}
.add-to-cart .default:after {--r: 90deg;}
.add-to-cart .success {opacity: var(--o, 0);-webkit-transform: translate(-50%, var(--y, 12px));transform: translate(-50%, var(--y, 12px));position: absolute;top: 10px; left: 50%;transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;transition-delay: var(--d, 0s);}
.add-to-cart .dots {width: 4px;height: 4px;top: 20px;left: 50%;margin-left: -7px;border-radius: 2px;position: absolute;-webkit-transform-origin: 10px 50%;transform-origin: 10px 50%;background: var(--dots);box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);opacity: var(--o, 0);-webkit-transform: scale(var(--s, 0.4));transform: scale(var(--s, 0.4));transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;transition-delay: var(--d, 0s);}
.add-to-cart .cart {position: absolute;left: 0;top: 0; right: 0;bottom: 0;z-index: 1;border-radius: inherit;overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);}
.add-to-cart .cart:before {content: '';position: absolute;width: 20px;height: 16px;background: var(--background);top: 17px;right: 100%;z-index: 1;margin-right: -20px;-webkit-transform: translateX(-18px) rotate(-16deg);transform: translateX(-18px) rotate(-16deg);}
.add-to-cart .cart > div {top: 13px;right: 100%;-webkit-transform: translateX(-18px) rotate(-16deg);transform: translateX(-18px) rotate(-16deg);position: absolute;z-index: 2;-webkit-transform-origin: 1px 21px;transform-origin: 1px 21px;}
.add-to-cart .cart > div:before, .add-to-cart .cart > div:after {content: '';position: absolute;top: var(--t, 4px);left: var(--l, 0);height: 2px;width: var(--w, 18px);background: var(--cart);border-radius: 1px;}
.add-to-cart .cart > div:after {--w: 16px;--t: 14px;--l: 1px;}
.add-to-cart .cart > div > div {width: 2px;height: var(--h, 15px);border-radius: 1px;-webkit-transform: rotate(var(--r, -8deg));transform: rotate(var(--r, -8deg));background: var(--cart);position: relative;}
.add-to-cart .cart > div > div:before, .add-to-cart .cart > div > div:after {content: '';position: absolute;background: inherit;}
.add-to-cart .cart > div > div:after {width: 4px;height: 4px;border-radius: 2px;bottom: var(--b, -6px);left: var(--l, 0);}
.add-to-cart .cart > div > div:first-child:before {border-radius: inherit;top: 0;right: 0;height: 2px;width: 6px;-webkit-transform-origin: 5px 1px;transform-origin: 5px 1px;-webkit-transform: rotate(16deg);transform: rotate(16deg);}
.add-to-cart .cart > div > div:last-child {--h: 12px;--r: 8deg;position: absolute;left: 16px;bottom: -1px;}
.add-to-cart .cart > div > div:last-child:after {--l: -2px;--b: -5px;}
.add-to-cart.added .default {--o: 0;--s: .8;--d: 0s;}
.add-to-cart.added .default:before { --r: -180deg;}
.add-to-cart.added .default:after {--r: -90deg;}
.add-to-cart.added .dots {--o: 1;--s: 1;--d: .3s;-webkit-animation: dots 2s linear forwards;animation: dots 2s linear forwards;}
.add-to-cart.added .success {--o: 1;--y: 0;--d: 1.8s;}
.add-to-cart.added .cart:before, .add-to-cart.added .cart > div {-webkit-animation: cart 2s forwards; animation: cart 2s forwards;}
.add-to-cart:not(.added):hover {--s: 1;--s-y: 8px;--s-b: 20px;}
.add-to-cart:not(.added):active {--s: .94;--s-y: 2px;--s-b: 6px;}

/* end-time  */
.end-time {margin: 10px;position: absolute;width: 170px;left: 310px;top: 250px;}
.end-time .special {margin-bottom: 5px;    display: flex;align-items: center;justify-content: center;}
.end-time .special span{border-radius: 54px; color: #fff; font-size: 12px; padding: 0px 6px; text-transform: capitalize;opacity: 0.8;background-color: var(--btn-red)}
.end-time li{float:left;}
.end-time li p{font-size:12px;text-align: center;}
.end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.end-time .sales{padding-right: 6px;line-height:30px;float: left;line-height:32px;}
.end-time .sales span{font-size:14px;}
.end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;}
.end-time .end-number li {  height:30px;line-height:30px;min-width: 30px;background-color: var(--btn-black);opacity:.7;  border-radius:5px;font-size: 16px; text-align: center;}
.end-time .end-number .esymbol { line-height: 28px;color: #000; padding: 0px;background-color: transparent; width: 10px; text-align: center; padding: 0px; min-width: 10px;}
@-webkit-keyframes cart {
    41%,
      49%,
      57%,
      60% {
      -webkit-transform: translateX(72px) rotate(0deg);
              transform: translateX(72px) rotate(0deg);
    }
    40%,
      47%,
      54% {
      -webkit-transform: translateX(72px) rotate(0deg) translateY(1px);
              transform: translateX(72px) rotate(0deg) translateY(1px);
    }
    100% {
      -webkit-transform: translateX(180px) rotate(-16deg);
              transform: translateX(180px) rotate(-16deg);
    }
  }

  @keyframes cart {
    41%,
      49%,
      57%,
      60% {
      -webkit-transform: translateX(72px) rotate(0deg);
              transform: translateX(72px) rotate(0deg);
    }
    40%,
      47%,
      54% {
      -webkit-transform: translateX(72px) rotate(0deg) translateY(1px);
              transform: translateX(72px) rotate(0deg) translateY(1px);
    }
    100% {
      -webkit-transform: translateX(180px) rotate(-16deg);
              transform: translateX(180px) rotate(-16deg);
    }
  }
  @-webkit-keyframes dots {
    5% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    25% {
      -webkit-transform: translateY(-20px) rotate(-32deg);
      transform: translateY(-20px) rotate(-32deg);
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    31% {
      box-shadow: 5px -4px 0 var(--dots), 10px -8px 0 var(--dots);
    }
    32%,
      50% {
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
      opacity: 1;
    }
    45%,
      100% {
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    51%,
      100% {
      opacity: 0;
    }
  }
  @keyframes dots {
    5% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    25% {
      -webkit-transform: translateY(-20px) rotate(-32deg);
      transform: translateY(-20px) rotate(-32deg);
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    31% {
      box-shadow: 5px -4px 0 var(--dots), 10px -8px 0 var(--dots);
    }
    32%,
      50% {
      -webkit-transform: translateY(0) rotate(0deg);
              transform: translateY(0) rotate(0deg);
      opacity: 1;
    }
    45%,
      100% {
      box-shadow: 5px 0 0 var(--dots), 10px 0 0 var(--dots);
    }
    51%,
      100% {
      opacity: 0;
    }
  }
  @media screen and (max-width:1500px){
    .product-collateral{width: 80%;margin: auto;}
    .main-youmay{width: 80%;margin: auto;margin-bottom: 60px;}
    .web-main .main-container{width: 80%;margin:40px auto;height:680px;}
    .recently{width: 80%;margin:40px auto;padding: 20px;}
    .container{width: auto;}
    .boxlist{grid-template-columns: repeat(5, 1fr);}


    .customer-review .star-percent ul li .bar{width: 280px;}
  }
  @media screen and (max-width:900px){
    .web-main .main-container{padding: 10px;width: 90%;}
    .web-main .main-container{height: 600px;}
  }
  @media screen and (max-width:768px){
    .recently{background: #fff;height: auto; margin-top: -6px;}
    .recently .rec-font { font-size: 25px;width: 100%;text-align: center; text-indent: 0; padding-top: 19px;}
    .recently .rec-pro {display: flex; padding: 20px 12px 12px 62px;}
    .recently .rec-icon { width: 39px;height: 30px; background-size: 31px;  position: absolute;  top: 52px; left: 15px;}
    }


/*buy-warning*/
.warning .transfinite-explain{text-align: center;}
.warning .live .livesupport {margin-top: 12px;background: #fff; border: 1px solid#49b57a;color: #49b57a;  padding: 4px 21px;text-transform: uppercase;}
.warning .modal-footer .btn-primary:active{background: var(--btn-black);}

  @media screen and (max-width:1440px){
  	.main-youmay .best-title{margin-top:30px}
.user-seat .breadcrumb {padding: 11px 20px;margin-bottom: 0px;}
.web-main .main-container {width: 97%;margin: 0 auto;    height: auto;padding: 49px;}
.main-youmay {width: 97%;}
.product-collateral { width: 97%;margin-bottom: 31px;}
}

/* activity-title */
.activity-title .btncopy .copy {background: url(../../image/pro/copy.png) no-repeat 1px 5px;}
.activity-title .clickto i {background: url(../../image/pro/arrow5.gif) no-repeat;}