
/* product */ 

.announcement-bar-show .page-product-detail {margin-top:50px;}
.announcement-bar-show .page-product-detail-header-content-left {top: 150px;}
.page-product-detail {width: 100%;padding: 80px 0;background-color: #fff;}
.page-product-detail .swiper-slide .pic {width: 100%;position: relative;background-color: #fff;}
.page-product-detail-header {position: relative;padding: 2% 0;}
.page-product-detail-header-content {width: 70%;margin: auto;display: flex;justify-content: space-between;position: relative;}
.page-product-detail-header-content-left {width: 50%;position: -webkit-sticky;position: sticky;top: 100px;height: calc(100vh - 100px);z-index: 10;}
.page-product-detail-header-content-top-swiper {width: 100%;border-radius: 20px;box-sizing: border-box;}
.page-product-detail-header-content-top-swiper::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;border-radius: 20px;border: 3px solid #ddd;box-sizing: border-box;z-index: 10;opacity: 0;}
.page-product-detail-header-content-top-swiper .swiper-slide{width: 100%;}
.page-product-detail-header-content-top-swiper .swiper-slide .pic {overflow: hidden;}
.page-product-detail-header-content-bottom-swiper {width: 70%;margin: auto;margin-top: 2%;}
.page-product-detail-header-content-bottom-swiper .swiper-slide a {overflow: hidden;display: block;border-radius: 10px;position: relative;cursor: pointer;}
.page-product-detail-header-content-bottom-swiper .swiper-slide a::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;border-radius: 10px;border: 3px solid #000;box-sizing: border-box;transition: all .3s ease-in-out;opacity: .1;z-index: 10}
.page-product-detail-header-content-bottom-swiper .swiper-slide-thumb-active a::before {opacity: 1;}
.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-detail-header-content-right {width: 45%;padding-left: 2%;;}
.page-product-detail-header-content-right .labels-1 {margin-top: 2%;display: flex;flex-wrap: wrap;} 
.page-product-detail-header-content-right .labels-1 span {display: block;margin-right: 10px;margin-bottom: 10px;padding: 5px 15px;background: #f5f5f5;color: #000;overflow: hidden;border-radius: 8px;} 
.page-product-detail-header-content-right .labels-1 span:hover,
.page-product-detail-header-content-right .labels-1 span.cur {background-image: -webkit-linear-gradient(90deg,#e6ddcc,#bfa072);background-image: linear-gradient(90deg,#e6ddcc,#bfa072);color: #000;}
.page-product-detail-header-content-right .price-1 {display: flex;align-items: center;margin-top: 5%;}
.page-product-detail-header-content-right .price-1 strong {color: #000;}
.page-product-detail-header-content-right .price-1 .save-1 {color: #fff;margin-left: 10px;display: block;background-image: -webkit-linear-gradient(90deg,#ff5353,#fd3736);background-image: linear-gradient(90deg,#ff5353,#fd3736);padding: 5px 10px;overflow: hidden;border-radius: 4px;} 
.page-product-detail-header-content-right .price-1 .original-1 {color: #999;margin-left:5px;text-decoration: line-through;}
.page-product-detail-header-content-right .price-1 ins {text-decoration: none;}
.page-product-detail-header-content-right .reviews-1 {margin-top: 1%;display: flex;align-items: center;}
.page-product-detail-header-content-right .reviews-1 .star-5 {display: flex;align-items: center;margin-right: 10px;}
.page-product-detail-header-content-right .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-product-detail-header-content-right .reviews-1 .star-5 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.page-product-detail-header-content-right .reviews-1 .num-2 {transform: translateY(2px);}
.page-product-detail-header-content-right .button-1 {display: block;margin-top: 5%;}
.page-product-detail-header-content-right .button-1 .btn-1 {margin-bottom: 10px;}
.page-product-detail-header-content-right .button-1 .btn-1 a {color: #000;position: relative;display: flex;align-items: center;justify-content: center;padding: 15px 0px;box-sizing: border-box;overflow: hidden;border-radius: 10px;}
.page-product-detail-header-content-right .button-1 .btn-1 a::after { content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 3px solid #000;box-sizing: border-box;border-radius: 10px;z-index: 1;}
.page-product-detail-header-content-right .button-1 .btn-1 a:hover {color: #c1a275;}
.page-product-detail-header-content-right .button-1 .btn-1 .buyshop-1 {border: none;background-image: -webkit-linear-gradient(90deg,#e6ddcc,#bfa072);background-image: linear-gradient(90deg,#e6ddcc,#bfa072); }
.page-product-detail-header-content-right .button-1 .btn-1 .buyshop-1 span {color: #000;}
.page-product-detail-header-content-right .button-1 .btn-1 .buyshop-1::after {display: none;}
.page-product-detail-header-content-right .button-1 .btn-1 a:hover {background-image:none;}
.page-product-detail-header-content-right .button-1 .btn-1 a:hover::after {border: 3px solid #c1a275;}
.page-product-detail-header-content-right .button-1 .btn-1 a:hover span {color: #c1a275;}
.page-product-detail-header-content-right .button-1 .btn-1 a.buyshop-1:hover::after {display: block;}

.quantity-1 {margin-top: 5%;}
.quantity-1 .title-2 {color: #000;}
.quantity-2 {margin-top: 10px;display: flex;overflow: hidden;position: relative;}
.quantity-content {display: flex;border: 2px solid #f9f9f9;overflow: hidden;border-radius: 8px;}
.quantity-reduce,.quantity-plus,.quantity-num {width:60px;height: 60px;background: #f9f9f9;border: none;box-sizing: border-box;position: relative;}
.quantity-num {background: #fff;text-align: center;}
.quantity-reduce::after {content: '';width: 16px;height: 2px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);background: #000;}
.quantity-plus::after,.quantity-plus::before {content: '';width: 16px;height: 2px;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);background: #000;}
.quantity-plus::after {transform: translate(-50%,-50%) rotate(90deg);}
.quantity-reduce,.quantity-plus {cursor: pointer;}
.quantity-reduce:hover,.quantity-plus:hover {background: #ccc;}

.coupon-1 {display: flex;margin-top: 1%;}
.coupon-1 .coupon-left {width: 30%;position: relative;background-image: -webkit-linear-gradient(320deg,#e6ddcc,#bfa072);background-image: linear-gradient(320deg,#e6ddcc,#bfa072);}
.coupon-1 .coupon-right {width: 70%;position: relative;background-image: -webkit-linear-gradient(320deg,#f8f5ef,#f8f5ef);background-image: linear-gradient(320deg,#f8f5ef,#f8f5ef);}
.coupon-left-content {padding: 20px;position: relative;z-index: 10;}
.coupon-right-content {padding: 15px 25px;position: relative;z-index: 10;}
.coupon-1 .coupon-left .numbe-1 strong {margin: 0;padding: 0;}
.coupon-1 .coupon-right .promo-code {color: #000;}
.coupon-1 .coupon-right .promo-code strong{color: #000; }
.coupon-1 .coupon-right .countdown-1 {display: flex;align-items: center;margin-top: 10px;}
.coupon-1 .coupon-right .countdown-1 span {padding: 3px 5px;border-radius: 5px;background: #fff;margin: 0 5px;color: #be9e6f;}
.coupon-1 .coupon-right .countdown-1 span:first-child {margin: 0 5px 0 0;}
.side-notch {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.side-notch i{display: block;width: 12px;height: 12px;border-radius: 100%;background: #fff;overflow: hidden;position: absolute;}
.side-notch i:nth-child(1){left: -6px;top: -6px;} 
.side-notch i:nth-child(2){top: -6px;right: -6px;}
.side-notch i:nth-child(3){left: -6px;bottom: -6px;}
.side-notch i:nth-child(4){right: -6px;bottom: -6px;}
.right-side-notch {position: absolute;top: 50%;right: -3px;z-index: 1;transform: translateY(-50%);height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.right-side-notch i{display: block;width: 5px;height: 5px;border-radius: 100%;background: #fff;overflow: hidden;margin: 2px 0;}
.copy-btn {position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index: 22;}
.copy-btn a {display: block;border-radius: 5px;overflow: hidden;color: #000;background-image: -webkit-linear-gradient(90deg,#e6ddcc,#bfa072);background-image: linear-gradient(90deg,#e6ddcc,#bfa072);padding: 5px 10px;transition: all 0.3s ease;}
.copy-btn a:hover {background-image: -webkit-linear-gradient(90deg,#d7c5a8,#ac8956);background-image: linear-gradient(90deg,#d7c5a8,#ac8956);}
.copy-btn.copied a {background-image: -webkit-linear-gradient(90deg,#4CAF50,#45a049);background-image: linear-gradient(90deg,#4CAF50,#45a049);color: #fff;}

.introduction-1 {position: relative;margin-top: 3%;padding-bottom: 20px;}
.introduction-1.show .introduction-content {height:auto;}
.introduction-1.show .introduction-mark,.introduction-1.show .learnmore-1 {display:none;}
.introduction-content {position: relative;color: #666;overflow:hidden;height: 100px;}
.introduction-content ul{list-style: none;margin: 0;padding: 0;}
.introduction-content li{list-style: none;margin: 8px 0;padding: 0;padding-left:10px;position: relative;}
.introduction-content li::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #666;position: absolute;left: 0;top: 8px;}
.introduction-mark {position: absolute;left: 0;bottom: 0;width: 100%;height: 70%;z-index: 10;background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0),#fff 70%);background-image: linear-gradient(180deg,rgba(255,255,255,0),#fff 70%);}
.introduction-1 .learnmore-1 {position: absolute;left: 0;bottom: 0;z-index: 20;}
.learnmore-1 {margin: 0;}
.learnmore-1 a {display: flex;align-items: center;}
.learnmore-1 span {color: #000;}
.learnmore-1 i {margin-left: 10px;width: 10px;height: 10px;background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}
.learnmore-1 a:hover span {color: #c1a275;}
.learnmore-1 a:hover i {transform: rotate(180deg);}

.quantity-1 .color-2 {overflow: hidden;margin-top: 1%;display: flex;flex-wrap: wrap;}
.quantity-1 .color-2 .color-item {margin-bottom: 1%;position: relative;margin-right: 10px;margin-bottom: 10px;}
.quantity-1 .color-2 .color-item a{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 15px;position: relative;border-radius: 10px;}
.quantity-1 .color-2 .color-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;}
.quantity-1 .color-2 .color-item a.cur::after {border: 2px solid #000;}
.quantity-1 .color-2 .color-item .name-1 {position: relative;color: #000;margin-right: 10px;}
.quantity-1 .color-2 .color-item .yanse-2 {display: block;position: relative;}
.quantity-1 .color-2 .color-item .yanse-2 i {display: block;width: 30px;height: 30px;border-radius: 100%;overflow: hidden;background: #fff;border: 1px solid #ccc;}

.quantity-1 .plugtype-2 {overflow: hidden;margin-top: 1%;display: flex;flex-wrap: wrap;}
.quantity-1 .plugtype-2 .plugtype-item {margin-bottom: 1%;position: relative;margin-bottom: 10px;width: 24%;}
.quantity-1 .plugtype-2 .plugtype-item a{display: flex;align-items: center;justify-content:center;box-sizing: border-box;padding: 15px;position: relative;border-radius: 10px;margin-right:10px;}
.quantity-1 .plugtype-2 .plugtype-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;}
.quantity-1 .plugtype-2 .plugtype-item a.cur::after {border: 2px solid #000;}
.quantity-1 .plugtype-2 .plugtype-item a.none {background: #f5f5f5;}
.quantity-1 .plugtype-2 .plugtype-item a.none .name-1 {color: #999;}
.quantity-1 .plugtype-2 .plugtype-item .name-1 {position: relative;color: #000;}

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

.accordion-1 {overflow: hidden;position: relative;margin-top: 4%;border-radius: 10px;background: #f5f5f5;padding: 0 2%;}
.accordion-1 .accordion-item {border-bottom: 1px solid #ededed;cursor: pointer;}
.accordion-1 .accordion-item:last-child {border-bottom: none;}
.accordion-1 .accordion-item-top {position: relative;display: flex;align-items: center;padding: 20px 0;cursor: pointer;transition: all 0.3s ease;}
.accordion-1 .icon-1 {position: relative;width: 23px;height: 23px;margin-right: 10px;}
.accordion-1 .title-2 {color: #000;}
.accordion-1 .icon-2 {position: relative;width: 15px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .3;transition: transform 0.3s ease;}
.accordion-1 .accordion-item.active .title-2 {color: #000;}
.accordion-1 .accordion-item-bottom {margin:auto;overflow: hidden;width: 90%;}
.accordion-1 .text-1 {overflow: hidden;padding-bottom: 20px;display: none;}
.accordion-1 .text-1 span {display: inline-block;vertical-align: middle;max-width: 9%;}
.accordion-1 .accordion-item.active .icon-2 {transform: translateY(-50%) rotate(90deg);}

.page-content {width: 70%;margin: auto;padding: 15px 0;position: relative;overflow: hidden;}
.page-product-detail-top-header {background: #000;}
.detail .page-product-detail-top-header {position: relative;z-index: 5000;}
.detail-top-fixed .page-product-detail-top-header {position: fixed;left: 0;right: 0;top: 0px;z-index: 5000;}
.detail-top-fixed .header {transform: translateY(-100%);}
.page-product-detail-top-header .page-content {display: flex;justify-content: space-between;align-items: center;}
.page-product-detail-top-header .page-content-left {display: flex;align-items: center;}
.page-product-detail-top-header .page-content-left .title-1 {color: #fff;position: relative;display: flex;align-items: center;}
.page-product-detail-top-header .page-content-left .title-1::after {content: ''; width: 1px;height: 20px;display: block;margin: 0 20px;background: #ccc;}
.page-product-detail-top-header .page-content-left .nav-1 {display: flex;align-items: center;}
.page-product-detail-top-header .page-content-left .nav-1 ul {display: flex;list-style: none;padding: 0;margin: 0;}
.page-product-detail-top-header .page-content-left .nav-1 li {list-style: none;padding: 0;margin: 0;margin-right: 20px;}
.page-product-detail-top-header .page-content-left .nav-1 li a {color: #666;}
.page-product-detail-top-header .page-content-left .nav-1 li a:hover {color: #fff;}
.page-product-detail-top-header .page-content-left .nav-1 li.cur a {color: #fff;}
.page-product-detail-top-header .page-content-right {display: flex;}
.page-product-detail-top-header .page-content-right .price-1 {display: flex;align-items: center;}
.page-product-detail-top-header .page-content-right .price-1 strong {color: #fff;}
.page-product-detail-top-header .page-content-right .price-1 .save-1 {color: #fff;margin-left: 10px;display: block;background-image: -webkit-linear-gradient(90deg,#ff5353,#fd3736);background-image: linear-gradient(90deg,#ff5353,#fd3736);padding: 2px 10px;overflow: hidden;border-radius: 4px;}  
.page-product-detail-top-header .page-content-right .price-1 ins {text-decoration: none;}
.button-2 {display: flex;margin-left: 20px;}
.button-2 .btn-1 {margin-left: 10px;}
.button-2 .btn-1 a {color: #fff;position: relative;display: flex;align-items: center;padding: 10px 40px;box-sizing: border-box;overflow: hidden;border-radius: 10px;}
.button-2 .btn-1 a::after { content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 2px solid #fff;box-sizing: border-box;border-radius: 10px;z-index: 1;}
.button-2 .btn-1 a:hover {color: #fff;}
.button-2 .btn-1 .buyshop-1 {border: none;background-image: -webkit-linear-gradient(90deg,#e6ddcc,#bfa072);background-image: linear-gradient(90deg,#e6ddcc,#bfa072); }
.button-2 .btn-1 .buyshop-1 span {color: #000;}
.button-2 .btn-1 .buyshop-1::after {display: none;}
.button-2 .btn-1 a:hover {background-image:none;}
.button-2 .btn-1 a:hover::after {border: 2px solid #c1a275;}
.button-2 .btn-1 a:hover span {color: #c1a275;}
.button-2 .btn-1 a.buyshop-1:hover::after {display: block;}

.page-product-detail-section-list {overflow: hidden;position: relative;padding-bottom:5%;}
.page-product-detail-section-item {overflow: hidden;position: relative;}
.page-product-detail-section-item-text {position: absolute;left: 15%;top: 50%;z-index: 10;transform: translateY(-50%);width: 50%;color: #fff;}
.page-product-detail-section-item-text .title-1{position: relative;}
.page-product-detail-section-item-text .title-2{margin-top: 10px;}
.page-product-detail-section-item-text .text-3{margin-top: 10px;opacity: .5;width: 60%;}
.page-product-detail-section-item-text .playvideo-1 {margin-top: 30px;}
.playvideo-1 {margin-top: 1px;}
.playvideo-1 a {border-radius: 10px;overflow: hidden;background: rgba(255,255,255,.3);text-align: center;display: inline-block;padding: 10px 20px;}
.playvideo-1 a span {color: #fff;margin-right: 10px;display: inline-block;vertical-align: middle;}
.playvideo-1 a i {background: url('../upload/play.svg') center no-repeat;background-size: 100%;width: 11px;height: 11px;display: inline-block;vertical-align: middle;filter: invert(1);}
.playvideo-1 a:hover {background: #bfa072;}

.page-product-detail-section-item-video {overflow: hidden;position: relative;}
.page-product-detail-section-item-video video{display: block;width: 100%;height: 100%;object-fit: contain;}
.page-product-detail-section-item-video img {display:block;width: 100%;max-width:100%;height: auto;}

.page-product-detail-section-item-top {text-align: center;padding: 5% 0 0 0;}
.page-product-detail-section-item-top .title-1 {color: #fff;}
.page-product-detail-section-item-top .text-3 {width: 50%;margin: auto;margin-top: 10px;color: #999;}
.page-product-detail-section-item-bottom {margin: auto;overflow: hidden;margin-top: 2%;position: relative;}
.page-product-detail-section-swiper {overflow: hidden;width: 70%;margin: auto;border-radius: 16px;}
.page-product-detail-section-item-txt {position: absolute;left: 10%;top: 50%;z-index: 10;transform: translateY(-50%);width: 50%;color: #fff;}
.page-product-detail-section-item-txt .title-1 {overflow: hidden;}
.page-product-detail-section-item-txt .text-1 {margin-top: 20px;}
.page-product-detail-section-item-txt .laber-2 {margin-top: 20px;}
.page-product-detail-section-item-txt .laber-2 span {padding: 5px 10px;text-align: center;color: #000;background-image: -webkit-linear-gradient(90deg,#e6ddcc,#bfa072);background-image: linear-gradient(90deg,#e6ddcc,#bfa072);border-radius: 6px;overflow: hidden;}
.page-product-detail-section-item-txt .icon-1 {margin-top: 20px;}
.page-product-detail-section-item-txt .icon-1 img {max-width:100%;}
.page-product-detail-section-item-pic {overflow: hidden;position: relative;}
.page-product-detail-section-item-bottom .sw-prev,.page-product-detail-section-item-bottom .sw-next {background: rgba(255,255,255,.2);}
.page-product-detail-section-item-bottom .sw-prev {left:9%;}
.page-product-detail-section-item-bottom .sw-next {right:9%;}

.section-swiper-nav {margin-top: 0;position: relative;width: 70%;margin: auto;}
.section-swiper-nav ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.section-swiper-nav li{list-style: none;margin: 0;padding: 0;width: 50%;}
.section-swiper-nav a{display: flex;position: relative;justify-content: center;align-items: center;}
.section-swiper-nav a::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom:0;background: #313131;}
.section-swiper-nav strong {padding: 18px 0;display: block;text-align: center;opacity: .6;color: #fff;}
.section-swiper-nav li.cur a::after {background: #fff;}
.section-swiper-nav li.cur strong {opacity: 1;}

.page-product-detail-packaging {padding: 8% 0;overflow: hidden;background: #1a1a1a;}
.page-product-detail-packaging .page-content {display: flex;justify-content: center;align-items: center;}
.page-product-detail-packaging-pic {width: 40%;text-align: center;overflow: hidden;}
.page-product-detail-packaging-text {width: 40%;margin-left: 10%;}
.page-product-detail-packaging-text .title-1 {color: #fff;}
.page-product-detail-packaging-text .text-1 {color: #8c8c8c;margin-top: 10px;}
.page-product-detail-packaging-text .text-1 p {margin: 0;padding: 0;}

.page-product-detail-specs {padding: 5% 0 0 0;overflow: hidden;background: #fff;}
.page-product-detail-specs-top {border-bottom: 1px solid #e8e8e8;}
.page-product-detail-specs-top .title-1 {color: #000;padding-bottom: 2%;}
.page-product-detail-specs-bottom {margin-top: 3%;display: flex;align-items: center;justify-content: space-between;}
.page-product-detail-specs-pic {width: 42%;background: #f5f5f5;border-radius: 20px;overflow: hidden;box-sizing: border-box;padding: 4% 2% 2% 2%;}
.page-product-detail-specs-pic .pic-1 {overflow: hidden;position: relative;text-align: center;margin:8% auto;}
.page-product-detail-specs-pic .title-2 {text-align: center;color: #000;margin-top: 20px;}
.page-product-detail-specs-parameter {overflow: hidden;width: 53%;margin-left: 5%;}
.page-product-detail-specs-parameter ul{list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-product-detail-specs-parameter li{list-style: none;margin: 0;padding: 0;width: 48%;margin-bottom: 30px;}
.page-product-detail-specs-parameter strong{display: block;margin: 0;padding: 0;}
.page-product-detail-specs-parameter p {margin: 0;padding: 0;margin-top: 0px;color: #999;}

.page-product-detail-customer-reviews {padding: 5% 0;overflow: hidden;background: #fff;}
.page-product-detail-customer-reviews-top {border-bottom: 1px solid #e8e8e8;}
.page-product-detail-customer-reviews-top .title-1 {color: #000;padding-bottom: 2%;}
.page-product-detail-customer-reviews-center {display: flex;justify-content: space-between;overflow: hidden;padding:2% 0;}
.customer-reviews-rating {display: flex;align-items: center;}
.customer-reviews-rating .rating-1 {overflow: hidden;}
.customer-reviews-rating .rating-1 strong {display: inline-block;margin: 0;padding: 0;border-radius: 10px;overflow: hidden;background-image: -webkit-linear-gradient(90deg,#dbaa80,#997655);background-image: linear-gradient(90deg,#dbaa80,#997655);height: 50px;line-height: 50px;text-align: center;color: #fff;padding: 0 10px;}
.customer-reviews-rating .stars-2 {margin-left: 10px;}
.customer-reviews-rating .stars-2 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.customer-reviews-rating .stars-2 li{list-style: none;margin: 0;padding: 0;margin-right: 5px;width: 20px;height: 20px;background: url('../upload/star1.svg');background-size: 100%;}
.customer-reviews-rating .stars-2 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.customer-reviews-rating .text-3 {color: #666;margin-left: 10px;transform: translateY(2px);}

.customer-reviews-progress {width: 100%;margin-top: 3%;}
.customer-reviews-progress .progress-5 {display: flex;align-items: center;width: 100%;}
.customer-reviews-progress .progress-5 .num-1 {width: 20px;height: 20px;text-align: center;color: #000;}
.customer-reviews-progress .progress-5 .icon-1 {width: 15px;height: 15px;background: url('../upload/star2.svg') center no-repeat;background-size: 100%;margin-left: 2px;}
.customer-reviews-progress .progress-5 .tiao-1 {width: 100%;overflow: hidden;margin-left: 10px;height: 8px;border-radius: 20px;background: #e6e6e6;position: relative;}
.customer-reviews-progress .progress-5 .tiao-1 i{position: absolute;overflow: hidden;background: #be9e6f;border-radius:0 5px 5px 0px;left: 0;top: 0;height: 100%;}
.customer-reviews-progress .progress-5 .num-2 {color: #000;margin-left: 10px;}
.customer-reviews-btn {margin-top: 30px;}
.customer-reviews-btn a {background-image: -webkit-linear-gradient(90deg,#e8dfcd,#bfa072);background-image: linear-gradient(90deg,#e8dfcd,#bfa072);padding: 10px 20px;color: #000;border-radius:8px;overflow: hidden;}

.customer-reviews-left {width: 33%;}
.customer-reviews-right {width: 60%;margin-left:7%;}
.customer-reviews-photos {width: 100%;}
.customer-reviews-photos .title-1 {color: #333;margin-top: 2%;}
.customer-reviews-photos .title-1 strong {color: #000;}
.customer-reviews-photos-list {display: flex; flex-wrap: wrap; margin-top: 30px;align-items: center;}
.customer-reviews-photos-item {width: 13.4%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;border-radius: 14px;position: relative;}
.customer-reviews-photos-item:last-child {margin-right: 0;}
.customer-reviews-photos-item .pic-1 {overflow: hidden;position: relative;background-color: #f1f1f1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.customer-reviews-photos-item .mark-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 11;}
.customer-reviews-photos-item .mark-1 strong {color: #fff;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}

.page-product-detail-customer-reviews-bottom {overflow: hidden;border-top: 1px solid #e8e8e8;margin-top: 2%;}
.customer-reviews-filterby {padding: 2% 0;overflow: hidden;}
.customer-reviews-filterby .title-1 {color: #000;}
.customer-reviews-filterby-list {margin-top: 1%;position: relative;overflow: hidden;display: flex;justify-content: space-between;}
.customer-reviews-filterby-item {display: flex;}
.customer-reviews-filterby-item a {display: block;margin-right: 10px;}
.customer-reviews-filterby-item span {border: 2px solid #e6e6e6;border-radius: 6px;overflow: hidden;display: block;padding: 10px 20px;text-align: center;color: #000;}
.customer-reviews-filterby-select {position: relative;} 
.customer-reviews-filterby-select .select-1 {position: relative;overflow: hidden;border: 2px solid #e6e6e6;border-radius: 6px;overflow: hidden;}   
.customer-reviews-filterby-select .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%;}   
.customer-reviews-filterby-select .select-1 select { appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:10px 50px 10px 20px;border:none;width:100%;}

.customer-reviews-comment-list {margin-top: 1%;border-bottom: 1px solid #e8e8e8;}
.customer-reviews-comment-item {overflow: hidden;border-top: 1px solid #e8e8e8;display: flex;justify-content: space-between;padding: 2% 0;}
.customer-reviews-comment-left {width: 30%;}
.customer-reviews-comment-left .stars-1 {width: 100%;}
.customer-reviews-comment-left .stars-1 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.customer-reviews-comment-left .stars-1 li{list-style: none;margin: 0;padding: 0;margin-right: 5px;width: 20px;height: 20px;background: url('../upload/star1.svg');background-size: 100%;}
.customer-reviews-comment-left .stars-1 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.customer-reviews-comment-left .users-2 {margin-top: 10px;display: flex;align-items: center;}
.customer-reviews-comment-left .users-2 .icon-1 {margin-right: 10px;}
.customer-reviews-comment-left .users-2 .icon-1 i{width: 50px;height: 50px;position: relative;display: block;border-radius: 6px;overflow: hidden;background: #ededed;}
.customer-reviews-comment-left .users-2 .icon-1 i img{max-width: 50%;max-height: 50%;}
.customer-reviews-comment-left .users-2 .right-2 {overflow: hidden;}
.customer-reviews-comment-left .users-2 .right-2 .name-1 {color: #000;}
.customer-reviews-comment-left .users-2 .right-2 .add-1{display: inline-block;margin-top: 2px;background: #000;border-radius: 4px;overflow: hidden;text-align: center;color: #fff;padding: 0 5px;}
.customer-reviews-comment-left .users-2 .right-2 .add-1 i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url('../upload/add.svg') center no-repeat;background-size: 100%;filter: invert(1);}
.customer-reviews-comment-left .users-2 .right-2 .add-1 span {display: inline-block;vertical-align: middle;margin-left: 5px;}
.customer-reviews-comment-right {width: 65%;margin-left:5%;}
.customer-reviews-comment-right .righticon-1 {display: flex;align-items: center;justify-content: flex-end;color: #999;}
.customer-reviews-comment-right .righticon-1 .icon-1 {display: flex;align-items: center;}  
.customer-reviews-comment-right .righticon-1 .icon-1 i{width: 20px;height: 20px;display: block;position: relative;filter: grayscale(1);}  
.customer-reviews-comment-right .righticon-1 .icon-1 span{margin-left: 5px;color: #999;} 
.customer-reviews-comment-right .righticon-1 .link-1 {margin-left: 10px;position: relative;padding-left: 10px;} 
.customer-reviews-comment-right .righticon-1 .link-1::before { content: ''; width: 1px; height: 100%; background: #e8e8e8; position: absolute;left: 0; top: 0;}
.customer-reviews-comment-right .bottomtext-2 {width: 100%;clear: both;padding: 1% 0;overflow: hidden;position: relative;}
.customer-reviews-comment-right .bottomtext-2 .title-2 {overflow: hidden;}     
.customer-reviews-comment-right .bottomtext-2 .text-2 {margin-top: 10px;}   
.customer-reviews-comment-right .bottomtext-2 .pic-2 {margin-top: 20px;position: relative;}   
.customer-reviews-comment-right .bottomtext-2 .pic-2 ul {list-style: none;margin: 0;padding: 0;display: flex;}
.customer-reviews-comment-right .bottomtext-2 .pic-2 li {list-style: none;margin: 0;padding: 0;margin-right: 10px;background: #f1f1f1;border-radius: 10px;overflow: hidden;width: 17%;}
.customer-reviews-comment-more {margin-top: 2%;text-align: center;}
.customer-reviews-comment-more a {display: inline-block;padding: 10px 30px;color: #000;border-radius: 4px;overflow: hidden;border: 2px solid #e8e8e8;}
.customer-reviews-comment-more a span{display: inline-block;vertical-align: middle;}
.customer-reviews-comment-more a i{display: inline-block;vertical-align: middle;margin-left: 5px;width: 10px;height: 10px;background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}
.customer-reviews-comment-more a:hover {background:#ac8956;border: 2px solid #ac8956;}
.customer-reviews-comment-more a:hover span {color: #fff;}
.customer-reviews-comment-more a:hover i {filter: invert(1);}




/* 产品推荐 */
.page-product-detail-recommended {overflow: hidden;background: #fff;padding: 5% 0;background-image: -moz-linear-gradient(-90deg, #dfceb7 0%, #f3eee5 100%);background-image: -webkit-linear-gradient(-90deg, #dfceb7 0%, #f3eee5 100%);background-image: -ms-linear-gradient( -90deg, #dfceb7 0%, #f3eee5 100%);}
.page-product-detail-recommended-top {position: relative;display: flex;justify-content: space-between;align-items: center;}
.page-product-detail-recommended-top .title-1{color: #000;}
.page-product-detail-recommended-top .swiper-1 {position: relative;text-align:right;} 
.page-product-detail-recommended-top .swiper-1 .recommended-prev,
.page-product-detail-recommended-top .swiper-1 .recommended-next {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;display: inline-block;vertical-align: middle;background:none;border:1px solid #333;}
.page-product-detail-recommended-top .swiper-1 .recommended-next:after, .page-product-detail-recommended-top .swiper-1 .recommended-prev:after {filter: none;}
.page-product-detail-recommended-top .swiper-1 .recommended-pagination {position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: auto;transform: none;width: auto;display: inline-block;vertical-align: middle;padding: 0 10px;}
.page-product-detail-recommended-top .swiper-1 .swiper-pagination-total {position: relative;}
.page-product-detail-recommended-top .swiper-1 .swiper-pagination-total::before {content: '/';display: inline-block;vertical-align: middle;margin: 0 5px;font-size: 14px;color: #999;}
.page-product-detail-recommended-bottom {margin-top: 3%;}
.page-product-detail-recommended-swiper {overflow: hidden;}







/* 产品列表样式 */
.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;width:80%;margin:auto;}
.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;min-height: 40px;  }
.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 .save-1 { display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.page-product-items .bottom-1 .price-1 .original-1 {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}
.page-product-items .bottom-1 .btn-2 a{display: block;width: 49%;box-sizing: border-box;border: 1px solid #333;text-align: center;padding: 10px 0;border-radius: 4px;color: #000;}
.page-product-items .bottom-1 .btn-2 a:last-child {background: #000;color: #fff; }
.page-product-items .bottom-1 .btn-2 a:hover {background: #ac8956;border: 1px solid #ac8956;color: #fff;}





/* 对比 */
.page-product-detail-comparison {padding:6% 0;overflow: hidden;background: #fff;}
.page-product-detail-comparison-top {position: relative;}
.page-product-detail-comparison-bottom {margin: 0;margin-top: 1%;}
.page-product-detail-comparison-list {position: relative;display: flex;}
.page-product-detail-comparison-item {position: relative;width: 24%;margin-right: 1.5%;display: flex;margin-right: 1.5%;flex-wrap: wrap;align-content: flex-end;}
.page-product-detail-comparison-item:last-child {margin-right: 0;}
.comparison-select {position: relative;z-index: 20;width: 100%;}
.comparison-select-item {position: relative;border: 2px solid rgba(0, 0, 0, .1);background: #fff;border-radius: 10px;}
.comparison-select-item .select-1 {text-align: center;position: relative;width: 100%;cursor:pointer;}
.comparison-select-item .select-1::after {content: '';width: 15px;height: 15px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}
.comparison-select-item .select-1 strong {margin: 0;padding: 10px 0;display: block;}
.comparison-select-item .select-1:hover strong {color:#000;}
.comparison-select-item .option-2 {position: absolute;left: 0;top: 100%;z-index: 1;width: 100%;overflow: hidden;border-radius: 8px;box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.08);display: none;}
.comparison-select-item ul{list-style: none;margin: 0;padding: 0;padding: 5%;overflow: hidden;overflow-y: auto;max-height: 200px;background: #fff;}
.comparison-select-item ul::-webkit-scrollbar {width: 5px;height: 5px;}
.comparison-select-item li{list-style: none;margin: 0;padding: 6px 0;transition:all .4s ease;cursor: pointer;}
.comparison-select-item span {text-align: center;display: block;}
.comparison-select-item li:hover {background: #f1f1f1;} 
.comparison-product-item {margin-top: 2%;width:100%;}
.comparison-product-item .pic-1 {background: #f5f5f5;border-radius: 10px;overflow: hidden;position: relative;}
.comparison-product-item .pic-1 a {position: relative;display:block;width:70%;margin:10% auto;}
.comparison-product-item a:hover .img-center {transform: scale(1.05);}
.comparison-product-item .protxt-1 {text-align: center;padding: 5% 0;}             
.comparison-product-item .protxt-1 .title-1 {margin-bottom: 5px;}               
.comparison-product-item .protxt-1 .price-1 {padding: 5px 0;overflow: hidden; display: flex;align-items: center;justify-content: center;}   
.comparison-product-item .protxt-1 .price-1 strong{ margin: 0;padding: 0;display: block;} 
.comparison-product-item .protxt-1 .price-1 .save-1 { display: block;margin-left: 10px;color: #999;text-decoration: line-through;} 
.comparison-product-item .protxt-1 .price-1 .original-1 {display: block;margin-left: 10px;color: #999;text-decoration: line-through;}
.comparison-product-item .protxt-1 .price-1 ins {text-decoration: none;}
.comparison-product-item .protxt-1 .reviews-2 {margin-top: 5px;display: flex;align-items: center;justify-content: center;}                   
.comparison-product-item .protxt-1 .stars-2 {margin-right: 10px;} 
.comparison-product-item .protxt-1 .stars-2 ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;} 
.comparison-product-item .protxt-1 .stars-2 li{list-style: none;margin: 0;padding: 0;margin-right: 5px;width: 20px;height: 20px;background: url('../upload/star1.svg');background-size: 100%;} 
.comparison-product-item .protxt-1 .stars-2 li.cur {background: url('../upload/star2.svg');background-size: 100%;}
.comparison-product-item .protxt-1 .text-3 {color: #666;} 
.comparison-product-item .protxt-1 .btn-2 {margin-top: 20px;display: flex;align-items: center;justify-content: space-between}     
.comparison-product-item .protxt-1 .btn-2 a{display: block;width: 100%;box-sizing: border-box;text-align: center;padding: 10px 0;border-radius: 4px;color: #fff;background-image: -webkit-linear-gradient(90deg,#333,#000);background-image: linear-gradient(90deg,#333,#000);}   
.comparison-product-item .protxt-1 .btn-2 a:hover {background: #ac8956;color: #fff;}
.comparison-product-parameter {margin-top: 2%;border-top: 1px solid #f1f1f1;width: 100%;}
.comparison-product-parameter li {list-style: none;margin: 0;padding: 0;padding: 20px 0;border-bottom: 1px solid #f1f1f1;}
.comparison-product-parameter li span{display: block;text-align: center;}










@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) {}
@media screen and (max-width: 1860px) {}
@media screen and (max-width: 1680px) {
    .page-product-detail-header-content,.page-content,.page-product-detail-section-swiper,.section-swiper-nav {width: 80%;}
    .page-product-detail-section-item-text {left: 10%;}
    .page-product-detail-section-item-bottom .sw-prev {left: 5%;}
    .page-product-detail-section-item-bottom .sw-next {right: 5%;}
    .comparison-select-item .select-1::after {width: 10px;height: 10px;}
    .comparison-product-item .protxt-1 .stars-2 li {width: 15px;height: 15px;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {
    .page-product-detail-header-content,.page-content,.page-product-detail-section-swiper,.section-swiper-nav {width: 90%;}
    .page-product-detail-section-item-text {left: 5%;}
    .page-product-detail-section-item-bottom .sw-prev {left: 1%;}
    .page-product-detail-section-item-bottom .sw-next {right: 1%;}
}
@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) {
    
    .detail .header .menu-toggle span.hamburger {filter:invert(1);}
    .page-product-detail {overflow: hidden;}
    .page-product-detail-header-content,.coupon-1 .coupon-right .countdown,.page-product-detail-packaging .page-content,
    .page-product-detail-specs-bottom,.page-product-detail-customer-reviews-center,.customer-reviews-comment-item {flex-wrap: wrap;}
    .page-product-detail-header-content-left {width: 100%;position: relative;top: auto;height: auto;}
    .page-product-detail-header-content-right {width: 100%;padding-left: 0;padding-top: 10%;}
    .coupon-left-content {padding: 15%;}
    .coupon-right-content {padding: 5%;}
    .page-product-detail-top-header .page-content {flex-wrap: wrap;}
    .page-product-detail-top-header .page-content-left {width: 100%;}
    .coupon-1 .coupon-right .countdown-1 span {display:block;}
    .page-product-detail-top-header .page-content-right .price-1 .save-1 {font-size:10px;}
    .button-2 .btn-1 {margin-left: 3px;}
    .button-2 { margin-left: 2px;}
    .button-2 .btn-1 a {padding: 5px 10px;}
    .customer-reviews-filterby-select,.page-product-detail-recommended-top .swiper-1,.sw-prev, .sw-next{display:none;}
    .page-product-detail-top-header .page-content-right {width:100%;justify-content: space-between;}
    .page-product-detail-section-item-text {left: 5%;width: 90%;position: relative;transform: none;padding: 10% 0;}
    .page-product-detail-section-item-text .text-3 ,.page-product-detail-packaging-pic,.customer-reviews-left,.customer-reviews-comment-left{width: 100%;}
    .page-product-detail-section-item-top .text-3 {width: 90%;}
    .page-product-detail-section-item-top {padding: 10% 0;}
    .page-product-detail-section-item-txt {position: relative;left: auto;top: auto;transform: none;width: 100%;margin: 5% auto;padding:5% 0;}
    .page-product-detail-section-item-text .title-1 strong{font-size: 34px;line-height: 38px;}
    .page-product-detail-section-item-txt .title-1 strong {font-size: 20px;line-height: 28px;}
    .page-product-detail-packaging-text .title-1 strong,.page-product-detail-customer-reviews-top .title-1 strong,
    .page-product-detail-comparison-top .title-1 strong,.page-product-detail-recommended-top .title-1 strong{font-size: 30px;line-height: 34px;}
    .page-product-detail-section-item-txt .text-1 {font-size: 15px;line-height: 24px;}
    .page-product-detail-packaging-text {width: 100%;margin-left: 0;margin-top: 10%;}
    .page-product-detail-specs-pic {width: 100%;padding: 10%;}
    .page-product-detail-specs-parameter,.customer-reviews-right,.customer-reviews-comment-right {width: 100%;margin-left: 0;margin-top: 10%;}
    .customer-reviews-filterby-item a {margin-right: 5px;}
    .customer-reviews-filterby-item span {padding: 10px 10px;}
    .customer-reviews-filterby-item {overflow-x: auto;width: 100%;justify-content: flex-start!important;}
    .customer-reviews-filterby-item::-webkit-scrollbar {height:0;width:0}
    .customer-reviews-comment-left {padding-top:5%;}
    .page-product-detail-section-item-top .title-1  strong,.page-product-detail-packaging-text .title-1 strong {font-size: 30px;line-height: 34px;}
    .page-product-detail-comparison-bottom {margin-top: 10%;}
    .page-product-detail-comparison-list {overflow-x: auto;width: 100%;}
    .page-product-detail-comparison-list::-webkit-scrollbar {height:0;width:0}
    .page-product-detail-comparison-item {width:200px;margin-right: 20px;}
    .comparison-select,.comparison-product-parameter {width:200px;}
    .announcement-bar-show .page-product-detail-header-content-left {top: auto;}
    .page-product-detail-header-content-right .title-1 h1 {font-size: 30px;line-height: 40px;}
    .page-product-items .bottom-1 .title-1 strong,.page-product-items .bottom-1 .text-1,.comparison-product-item .protxt-1 .title-1 strong{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
    .page-product-detail-header-content-right .price-1 strong {font-size: 22px;}

}


 

/* 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) { 
 
}

