/* pages/productDetail/productDetail.wxss */
@import './../../base/base.wxss';

page{
  padding-bottom: 100rpx;
}
.swiper-image{
  width: 100%;
}
.product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dots{ 
  position: absolute; 
  left: 0; 
  right: 0; 
  top: 700rpx; 
  display: flex; 
  justify-content: center; 
} 
.dots .dot{ 
  margin: 0 8rpx; 
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: all .6s; 
} 
.dots .dot.active{ 
  width: 22rpx; 
  height: 10rpx; 
  background: #C09A74; 
  border-radius: 20rpx; 
}
.product-detail-wrap{
  padding: 0 16rpx 0 24rpx;
  margin-top: 17rpx;
}
.price-icon{
  display: inline-block;
  width: 88rpx;
  height: 30rpx;
  border-radius: 3rpx;
  background-color: rgba(203, 60, 60, 0.08);
  font-size: 13rpx;
  color: #cb3c3c;
  line-height: 30rpx;
  text-align: center;
  vertical-align: middle;
}
.price{
  font-size: 36rpx;
  color: #333333;
  vertical-align: middle;
}
.cost-price{
  text-decoration:line-through;
  font-size: 24rpx;
  color: #aaaaaa;
  margin-left: 10rpx;
  vertical-align: middle;
}
.share-wrap{
  float: right;
}
.share-img{
  width: 30rpx;
  height: 30rpx;
  vertical-align: middle;
}
.share-text{
  font-size: 26rpx;
  color: #999999;
  vertical-align: middle;
  margin-left: 8rpx;
}
.price-wrap{
  flex: 1;
}
.product-name{
  color: #333333;
  font-size: 40rpx;
  margin-top: 16rpx;
}
.product-desc{
  color: #808080;
  font-size: 28rpx;
  margin-top: 11rpx;
}
.member-price{
  background-color: rgba(192, 154, 116, 0.07);
  padding:24rpx 24rpx;
  height: 55rpx;
  margin-top: 24rpx;
}
.open{
  width: 184rpx;
  height: 55rpx;
  line-height: 55rpx;
  text-align: center;
  border-radius: 34rpx;
  border: 1px solid rgba(192, 154, 116, 1);
  display: inline-block;
  position: absolute;
  right: 24rpx;
}
.open-text{
  font-size: 24rpx;
  color: rgba(192, 154, 116, 1);
}
.big-arrow{
  width: 23rpx;
  height: 16rpx;
  margin-left: 10rpx;
}
.member-price{
  position: relative;
}
.member-price-info{
  display: inline-block;
}
.member-price-icon{
  width: 88rpx;
  height: 30rpx;
  vertical-align: middle;
}
.before-reduce-price{
  font-size: 40rpx;
  color: #cb3c3c;
  font-weight: bold;
}
.reduce-price{
  font-size: 24rpx;
  color: #cb3c3c;
}
.choose-wrap{
  height: 80rpx;
  line-height: 80rpx;
  color: #808080;
  font-size: 28rpx;
  border: 1px solid rgba(128, 128, 128, 0.3);
  padding: 0 24rpx;
  margin-top: 20rpx;
}
.surplus{
  font-size: 24rpx;
  color: #808080;
  float: right;
  margin: 20rpx 0 16rpx;
}
.surplus-number{
  font-weight: bold;
  color: #cb3c3c;
}
.gray-line{
  background-color: #f9f9f9;
  height: 22rpx;
  clear: both;
}
.scroll-tips{
  width: 750rpx;
  text-align: center;
  padding: 15rpx 0 30rpx;
  margin-bottom: 100rpx;
  color: #666666;
  font-size: 24rpx;
}


.product-footer {
  background: #ffffff;
  position: fixed;
  height: 100rpx;
  left: 0;
  bottom: 0;
  width: 750rpx;
  z-index: 2;
  display: flex;
  flex-direction: row; }

.product-footer .footer-icons {
  width: 300rpx;
  flex-grow: 0;
  }

.product-footer .footer-icons .footer-icon {
  width: 33.333%;
  box-sizing: border-box;
  float: left;
  height: 100rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.product-footer .footer-icons .footer-icon image {
  width: 39rpx;
  height: 39rpx;
  flex-shrink: 0; }

.product-footer .footer-icons .footer-icon view {
  font-size: 20rpx;
  line-height: 22rpx;
  color: #333333;
  margin-top: 8rpx; }

.product-footer .footer-buttons {
  flex: 1;
  display: flex;
  height: 100rpx; 
  justify-content: flex-end;
  }

.product-footer .footer-buttons button {
  flex: 1;
  font-size: 25rpx;
  line-height: 100rpx;
  border-radius: 0;
  color: #ffffff; }

.product-footer .footer-buttons button[disabled] {
  background: #cccccc; }

.product-footer .footer-buttons button.cart-button {
  width: 240rpx;
  }
.product-footer .footer-buttons button.btn-cart {
  background: rgba(203,60,60,0.71); 
  }

.product-footer .footer-buttons button.buy-button {
  width: 214rpx;
}

.product-footer .footer-buttons button.btn-buy {
  background: #cb3c3c; 
  }

.product-footer .footer-buttons button::after {
  border: 0; }

.product-footer .footer-buttons button.button-hover {
  opacity: 0.5; }

.get-formId--btn{
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}
.arrow-right{
  width: 15rpx;
  float:right;
  margin-top: 26rpx;
}
