.page-section {position: relative;}
.page-section-banner {position: relative;}
.page-banner-swiper {overflow: hidden;}
.page-banner-item {position: relative;}
.page-banner-item-container {position: absolute;left: 15%;top: 50%;transform: translateY(-50%);width: 30%;z-index: 10;}
.page-banner-item-text {color: #fff;}
.page-banner-item-text .category-1 {margin: 0;}
.page-banner-item-text .category-1 strong{display: inline-block;padding: 0 20px;background: #ff3838;color: #fff;border-radius: 50px;overflow: hidden;}
.page-banner-item-text .title-1 {margin-top: 10px;transition-delay: .2s;}
.page-banner-item-text .title-1 h1{margin: 0;padding: 0;}
.page-banner-item-text .text-1 {margin-top: 10px;transition-delay: .3s;}
.page-banner-item-text .text-1 span {display: block;} 
.page-banner-item-pic {overflow: hidden;position: relative;background-image: -webkit-linear-gradient(80deg,#cda985,#e8d8bb);background-image: linear-gradient(80deg,#cda985,#e8d8bb);}
.page-banner-item-text .countdown-1 {display: flex;align-items: center;width:100%;padding:5% 0;}
.page-banner-item-text .countdown-1 span {padding: 3px 5px;border-radius: 5px;background: #fff;margin: 0 5px;color: #be9e6f;font-size:22px;}
.page-banner-item-text .countdown-1 span:first-child {margin: 0 5px 0 0;}
.page-banner-product {margin-top: 30px;display:flex;}
.page-banner-product .page-product-items {width: 49%;padding: 2%;margin-right:2%;}

.banner-prev,.banner-next {transition: all .3s ease-in-out;width: 60px;height: 60px;position: absolute;top: 50%;transform: translateY(-50%);margin: 0;border: 2px solid rgba(255,255,255,.3);border-radius: 100%;outline: none;}
.banner-prev::after,.banner-next::after {color: #fff;background: url('../upload/r1.svg') center no-repeat;background-size: 100%;content: '';position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;filter: invert(1);width: 20px;height: 20px;}
.banner-prev::after {transform: translate(-50%,-50%) rotate(180deg);}
.banner-prev:hover,.banner-next:hover {background: rgba(0,0,0,.8);border: 2px solid rgba(0,0,0,.8);}



.page-nav-top {background-color: #000;overflow: hidden;}
.page-nav-top ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.page-nav-top ul li {list-style: none;padding: 0;margin: 0;}
.page-nav-top ul li a {display: block;position: relative;}
.page-nav-top ul li a::after {content: '';width: 100%;height: 2px;background-color: #ac8956;position: absolute;bottom: 0;left: 0;opacity: 0;}
.page-nav-top ul li a span {display: block;padding: 20px 20px;color: #fff;}
.page-nav-top ul li.cur a span {color: #ac8956;}
.page-nav-top ul li.cur a::after {width: 100%;opacity: 1;}


.page-section-list-content {overflow: hidden;position: relative;background: #333;padding:5% 0;overflow: hidden;}
.page-content {width: 70%;margin: auto;}
.page-list-content-item {margin-bottom: 3%;}
.page-list-content-item-top {padding: 2% 0;overflow: hidden;}
.page-list-content-item-top .title-1 {text-align: center;}
.page-list-content-item-top .title-1 h2 {margin: 0;padding: 0;color:#fff;}
.page-list-content-item-bottom {position: relative;}

.page-value-bundle-item {width: 100%;background: #fff;border-radius: 16px;overflow: hidden;position: relative;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);}
.page-list-content-item-bottom-left {width: 30%;height: 100%;position: absolute;left: 0;top: 0;} 
.page-list-content-item-bottom-right {width: 66%;padding: 2%;overflow: hidden;float: right;}
.page-list-content-item-bottom-left .pic {width: 100%;height: 100%;background-color: #ccc;position: relative;overflow: hidden;}
.page-list-content-item-bottom-left .pic img {width: 100%;height: 100%;}
.page-product-right-group {display: flex;width: 100%;}
.page-product-right-group .page-product-items {width: 33%;margin-right: 1%;padding: 2%;}
.page-product-right-group .page-product-items.mr0 {margin-right: 0;}
.page-product-right-group-text {padding: 2% 0;overflow: hidden; }
.discounted-price-1 {text-align: center;color: #f30000;}
.discounted-price-1 i {color: #999;font-style: normal;text-decoration: line-through;}
.from-time-2 {color: #333;margin-top: 1%;text-align: center;}
.from-time-2 a {color: #333;text-decoration: underline;}
.from-time-2 a:hover {color: #f30000;}

.page-product-right-bottom {margin-top: 0;text-align: center;}
.btn-2 {display: flex;align-items: center;justify-content:space-between;width: 100%;}
.btn-2 a {display: block;width: 49%;box-sizing: border-box;border: 2px solid #f30000;text-align: center;padding: 12px 0;border-radius: 4px;color: #fff;background: #f30000;}
.btn-2 a:last-child {background: #000;color: #fff; border: 2px solid #000;}
.btn-2 a:hover {background: #ac8956;border: 2px solid #ac8956;color: #fff;}

.page-hotsales-list {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.page-list-hotsales-item {width: 49%;overflow: hidden;position: relative;border-radius: 16px;background: #fff;box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);margin-bottom: 3%;}
.page-list-hotsales-item .hotsales-item-top {border-radius: 16px;overflow: hidden;}
.page-list-hotsales-item .hotsales-item-top .pic{background-color: #ccc;}
.page-list-hotsales-item .hotsales-item-center {margin-top: 2%;padding: 0 2% 2% 2%;overflow: hidden;}
.page-list-hotsales-item .hotsales-item-center .title-1 {color: #000;}
.page-list-hotsales-item .hotsales-item-center .text-1 {color: #666;}
.page-list-hotsales-item .hotsales-item-center .price-1 {display: flex;align-items: center;margin-top: 5px;}
.page-list-hotsales-item .hotsales-item-center .price-1 strong { margin: 0;padding: 0;display: block;color: #f30000;}
.page-list-hotsales-item .hotsales-item-center .price-1 span { display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.page-list-hotsales-item .hotsales-item-center .quantity-1 {margin-top: 15px;}

.attachment-1 {margin-top: 1%;display: flex;width: 100%;padding: 2%;box-sizing: border-box;background: #f1f1f1;border-radius: 10px;overflow: hidden;align-items: center;justify-content: space-between;background-image: -webkit-linear-gradient(180deg,#f9f8f4,#efece1);background-image: linear-gradient(180deg,#f9f8f4,#efece1);}
.attachment-1 .pic-1 {width: 15%;overflow: hidden;position: relative;}
.attachment-1 .right-2 {width: 80%;margin-left: 2%;}
.attachment-1 .right-2 .title-1 {color: #000;}
.attachment-1 .right-2 .text-1 {color: #999;}
.attachment-1 .right-2 .text-2 {color: #666;}

.choose-bundle1 {overflow: hidden;margin-top: 2%;}
.choose-bundle1 .choose-1{position: relative;}
.choose-bundle1 .select-1{position: relative;overflow: hidden;border: 2px solid #e6e6e6;border-radius: 6px;overflow: hidden;}
.choose-bundle1 .select-1::after{content: '';width: 10px;height: 10px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}   
.choose-bundle1 .select-option-1{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:10px 50px 10px 20px;border:none;width:100%;}

.option-2 {overflow: hidden;margin-top: 1%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.option-2 .option-item {margin-bottom: 1%;position: relative;width: 100%;}
.option-2 .option-item a {display: flex;align-items: center;box-sizing: border-box;padding: 2%;position: relative;border-radius: 16px;} 
.option-2 .option-item a::after { content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;border: 2px solid #ededed;box-sizing: border-box;border-radius: 10px;}
.option-2 .option-item .pic-1 {width: 60px;height: 60px;position: relative;margin-right: 15px;background: #fff;overflow: hidden;}
.option-2 .option-item .text-1 {width: 70%;}
.option-2 .option-item .name-1 {overflow: hidden;color: #000;} 
.option-2 .option-item a.cur::after {border: 2px solid #ff4848;}
.option-2 .option-item .salse-2 {position: absolute;right: 0;top: 0;z-index: 5;}
.option-2 .option-item .salse-2 span {display: block;color: #fff;padding: 3px 10px;background: #ff4848;border-radius: 5px;overflow: hidden;}
.option-2 .option-item .jiage-1 span {color: #ccc;text-decoration: line-through;margin-left: 10px;}
 
 


.page-basic-collection-list {display: flex;flex-wrap: wrap;justify-content: space-between;justify-content: flex-start;}
.page-basic-collection-list .page-product-items {width: 24%;margin-right: 1%;margin-bottom: 2%;padding: 2%;}
.page-basic-collection-list .page-product-items.mr0 {margin-right: 0;}


.reviews-2 {margin-top: 5px;display: flex;align-items: center;}                   
.reviews-2 .stars-2 {margin-right: 10px;} 
.reviews-2 .stars-2 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;} 
.reviews-2 .stars-2 li{list-style: none;margin: 0;padding: 0;margin-right: 5px;width: 15px;height: 15px;background: url('../upload/star1.svg');background-size: 100%;} 
.reviews-2 .stars-2 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.reviews-2 .text-3 {color: #666;transform: translateY(2px);} 



.page-logos-group {overflow: hidden;margin-top: 1%;}
.page-logos-group ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.page-logos-group ul li {list-style: none;margin: 0;padding: 0;width: 200px;margin-right:10px;}
.page-logos-group ul li a {display: block;width: 100%;position: relative;background: #fff;border-radius: 10px;overflow: hidden;}
.page-logos-group ul li .img-center {max-width:80%;max-height:80%;}





/* Hallowen Sale Offers */
.page-hotsales-list .page-list-hotsales-item.w100:nth-child(even) {flex-direction: row-reverse;}
.page-list-hotsales-item.w100 {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;margin-bottom: 4%;} 
.page-list-hotsales-item.w100:last-child {margin-bottom: 0;}
.page-list-hotsales-item .hotsales-item-left {width: 50%;padding: 2%;box-sizing: border-box;}
.page-list-hotsales-item .hotsales-item-right {width: 50%;position: relative;}
.page-list-hotsales-item .hotsales-item-left .title-1 {color: #000;}
.page-list-hotsales-item .hotsales-item-left .text-1 {color: #666;}
.page-list-hotsales-item .hotsales-item-left .extra-1 strong {color: #f30000;}
.page-list-hotsales-item .hotsales-item-left .price-1 {display: flex;align-items: center;margin-top: 5px;}
.page-list-hotsales-item .hotsales-item-left .price-1 strong { margin: 0;padding: 0;display: block;color: #f30000;}
.page-list-hotsales-item .hotsales-item-left .price-1 span { display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.page-list-hotsales-item .hotsales-item-left .reviews-1 {margin-top: 1%;display: flex;align-items: center;}
.page-list-hotsales-item .hotsales-item-left .reviews-1 .star-5 {display: flex;align-items: center;margin-right: 10px;}
.page-list-hotsales-item .hotsales-item-left .reviews-1 .star-5 li {list-style: none;margin: 0;padding: 0;margin-right: 5px;width: 20px;height: 20px;background: url('../upload/star1.svg');background-size: 100%;}
.page-list-hotsales-item .hotsales-item-left .reviews-1 .star-5 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.page-list-hotsales-item .hotsales-item-left .reviews-1 .num-2 {transform: translateY(2px);}
.page-list-hotsales-item .hotsales-item-left .btn-2 {margin-top: 10px;justify-content: space-between;}
.page-list-hotsales-item .hotsales-item-left .btn-2 a {width: 32%;}
.page-list-hotsales-item .hotsales-item-left .choose-bundle1 {border-top: 1px solid #f1f1f1;padding-top:10px;margin-top:20px;}
.page-list-hotsales-item .hotsales-item-left .quantity-1 {margin-top:20px;}

.page-list-hotsales-item .hotsales-item-right .hotsales-item-right-label {position: absolute;top: 0;left: 0;z-index: 10;background: #FF4438;padding: 10px 10px 0 10px;text-align: center;color: #fff;}
.page-list-hotsales-item .hotsales-item-right .hotsales-item-right-label:after {content: "";display: block;background-color: #FF4438;clip-path: polygon(50% 0, 100% 100%, 0 100%);width: 100%;height: 20px;position: absolute;transform: scaleY(-1);left: 0;margin-top: 5px;bottom: -20px;}

.hotsales-big-pic-swiper {width: 100%;margin: auto;border-radius: 20px;box-sizing: border-box;border: 1px solid #f1f1f1;}
.hotsales-big-pic-swiper::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;border-radius: 20px;border: 1px solid #f1f1f1;box-sizing: border-box;z-index: 10;opacity: 0;}
.hotsales-big-pic-swiper .swiper-slide{width: 100%;}
.hotsales-big-pic-swiper .swiper-slide .pic {overflow: hidden;width: 80%;margin: 0 auto;}
.hotsales-small-pic-swiper {width: 90%;margin: auto;margin: 2% auto;}
.hotsales-small-pic-swiper .swiper-slide .pic {overflow: hidden;display: block;border-radius: 10px;position: relative;cursor: pointer;}
.hotsales-small-pic-swiper .swiper-slide .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;border-radius: 10px;border: 1px solid #f1f1f1;box-sizing: border-box;transition: all .3s ease-in-out;opacity: 1;z-index: 10}
.hotsales-small-pic-swiper .swiper-slide-thumb-active .pic::before {opacity: 1;border: 1px solid #000;}


.sw-prev,.sw-next {top: 50%;transform: translateY(-50%);margin: 0;width: 50px;height: 50px;border-radius: 100%;background: rgba(0,0,0,.2);transition:all .4s ease;outline: none;}
.sw-prev:after, .sw-next:after {color: #fff;font-size: 18px;content:'';width: 15px;height: 15px;background: url('../images/r1.svg') center no-repeat;background-size: 100%;filter: invert(1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sw-prev:after {transform: translate(-50%,-50%) rotate(180deg);}
.sw-prev:hover,.sw-next:hover {background: rgba(0,0,0,.6);}
.sw-prev {left: 4%;}
.sw-next {right: 4%;}
.swiper{--swiper-theme-color: #be9e6f;--swiper-preloader-color: #be9e6f;} 



/* 产品列表样式 */
.page-product-series-list {display: flex; flex-wrap: wrap; position: relative; min-height: 200px;}
.page-product-series-list .page-product-items {width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 2%;}
.page-product-series-list .page-product-items.mr0 {margin-right: 0;}
.page-product-items {width: 100%;overflow: hidden;position: relative;border-radius: 10px;background-image: -webkit-linear-gradient(90deg,#f2f3fa,#fbf9f5);background-image: linear-gradient(90deg,#f2f3fa,#fbf9f5);box-sizing: border-box;padding: 10%;}
.page-product-items .pic-1 {position: relative;overflow: hidden;}
.page-product-items .pic-1 a:hover .img-center {transform: scale(1.05);}
.page-product-items .bottom-1 {margin-top: 10px;}
.page-product-items .bottom-1 .title-1 {overflow: hidden;}
.page-product-items .bottom-1 .text-1 {color: #999; }
.page-product-items .bottom-1 .price-1 { display: flex;align-items: center;margin-top: 5px;}
.page-product-items .bottom-1 .price-1 strong { margin: 0;padding: 0;display: block;}
.page-product-items .bottom-1 .price-1 span { display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.page-product-items .bottom-1 .btn-2 {margin-top: 20px;display: flex;align-items: center;justify-content: space-between}

 





@media screen and (max-width: 5120px) {}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {
    .btn-2 a {padding: 9px 0;}
    .page-banner-item-container {top: 55%;}
    .page-product-items .pic-1 {width: 90%;margin: auto;}
}
@media screen and (max-width: 1860px) {}
@media screen and (max-width: 1680px) { 
    .page-banner-item-container {left: 5%;width: 35%;}
    .page-product-items .pic-1 {width: 70%;}
    .page-content {width: 90%;}
    .page-banner-item-text .title-1 h1 {font-size: 30px;line-height: 30px;}
    .page-banner-product {margin-top: 2%;}
    .page-list-content-item {margin-bottom: 5%;}
    
}
@media screen and (max-width: 1580px) {
    .page-banner-item-container {width: 40%;}
    .page-product-items .pic-1 {width: 50%;}
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) { 
    .page-banner-item-container {left: 5%;width: 40%;}
    .page-content {width: 90%;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 768px) {
    .page-banner-item-container {left: 5%;width: 90%;}
    .page-nav-top ul {overflow-x: auto;width: 100%;justify-content: flex-start!important;}
    .page-nav-top ul::-webkit-scrollbar {height:0;width:0;}
    .page-nav-top ul li a span {white-space: nowrap;}
    .page-banner-item-text .countdown-1 span {font-size:16px;}
    .page-product-items .pic-1 {width: 80%;margin-top:5%;}
    .page-product-items .bottom-1 .btn-2 {display:block;}
    .page-product-items .bottom-1 .btn-2 a {width: 100%;margin-bottom:5px;}
    .page-section-list-content {padding:15% 0;}
    .page-list-content-item-bottom-left {width: 100%;height: 100%;position: relative;left: auto;top: auto;}
    .page-list-content-item-bottom-right {padding:5%;width: 100%;box-sizing: border-box;}
    .page-product-right-group,.page-hotsales-list { flex-wrap: wrap;}
    .page-product-right-group .page-product-items {width: 100%;margin-right: 0;padding: 5%;box-sizing: border-box;margin-bottom:5%;display: flex;align-items: center;}
    .page-product-right-group .page-product-items .pic-1 {width: 30%;margin: 0;margin-right: 5%;margin-top: 0;}
    .page-list-hotsales-item {width:100%;margin-bottom:5%;}
    .page-basic-collection-list .page-product-items {width: 49%;margin-right: 0;margin-bottom: 5%;}
    .page-logos-group ul li {width:130px;}
    .page-logos-group {margin-top:10px;}
    .page-product-items .bottom-1 .title-1 strong,.page-product-items .bottom-1 .text-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
    .page-list-hotsales-item .hotsales-item-left,.page-list-hotsales-item .hotsales-item-right{width: 100%;}
    .page-list-hotsales-item .hotsales-item-left .title-1 strong {font-size: 24px;}
    .page-list-hotsales-item .hotsales-item-left { padding: 5%;}
    .page-list-hotsales-item .hotsales-item-left .btn-2 a {width: auto;padding: 10px;}
    .page-list-hotsales-item .hotsales-item-left .btn-2 a strong {font-size: 12px;}
    .page-list-content-item-top .title-1 h2 {font-size: 30px;line-height: 34px;}
    .page-product-items .bottom-1 .reviews-2 {display:none;}
    

}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}