products/uni-shop/pages/product/product.scss

page{
  background-color: #fff;
}

/* banner */
.banner {
  background-color: #fff;
  width: 750upx;
  height: 750upx;
}
.banner swiper,.banner image{
  width: 100%;
  height: 100%;
}
/* banner */

/* 商品内容 */
.shop-info{
  background-color: #fff;
  padding:30upx;
}
.shop-price-warp{
  //margin-top: 25upx;
}
.shop-price{
  font-size: 26upx;
  line-height: 40upx;
  color: #FD383B;
  font-weight: bold;
}
.shop-price-target{
  font-size: 37upx;
  margin-left: 8upx;
}
.shop-title{
  font-size: 30upx;
  line-height: 43upx;
  color: #333;
  margin-top: 8upx;
  font-weight: 500;
}
.shop-share-icon{
  width: 24upx;
  height: 24upx;
  margin-right: 8upx;
}
.shop-share{
  font-size: 26upx;
  line-height: 30upx;
  color: #666;
}
.shop-share-warp{
  height: 40upx !important;
  margin-left: 130upx;
}
/* 商品内容 */

/* 商品 */
.shop-padding{
  padding: 20upx;
  background-color: #f8f9fb;
}
.ranking,.service,.comment,.shop-store{
  background-color: #fff;
  height: 80upx;
  border-radius: 10upx;
  padding: 0 20upx;
  margin-bottom: 20upx;
}
.ranking-icon{
  width: 34upx;
  height: 32upx;
}
.ranking-title{
  margin-left: 15upx;
  font-size: 30upx;
  font-weight: bold;
  color: #333;
}
.ranking-introduce{
  font-size: 26upx;
  color:#333333;
  line-height:36upx;
  margin: 0 35upx;
}
.ranking-prominent{
  font-size: 36upx;
  color: #FF3030;
  margin: 0 4upx;
}
.ranking-more{
  font-size: 28upx;
  color: #999999;
}
/* 商品 */

/* 服务 */
.service,.comment{
  height: auto;
  padding: 25upx 20upx;
}
.service-aside{
  padding-left: 10upx;
  margin-top: 35upx;
  font-size: 26upx;
  line-height: 36upx;
  color: #999;
}
.service-aside:first-child{
  margin-top: 0;
}
.service-content{
  margin-left: 30upx
}
.service-title{
  font-size: 28upx;
  color: #333;
  line-height: 34upx;
}
.service-coupon-label{
  padding: 0 13upx;
  background-color: rgba(255, 3, 3, 0.1);
  height: 36upx;
  border-radius: 5upx;
  font-size: 22upx;
  line-height: 30upx;
  color: #FF3627;
}
/* 服务 */

/* 商品评论 */
.comment{
  padding-bottom: 0;
}
.comment-header{
  font-size: 28upx;
  line-height: 34upx;
  color: #333;
  margin-left: 10upx;
  font-weight: 500;
}
.comment-header-margin{
  margin-left: 10upx;
}
.comment-more-title{
  font-size: 24upx;
  color: #999;
  line-height: 30upx;
  font-weight: 400;
}
.comment-content{
  padding-left: 10px;
}
/* 商品评论 */

/* 店铺 */
.control-label-dot{
  top: -6upx;
  right: 8upx;
}
.shop-store{
  height: 120upx;
}
.shop-store-title{
  font-size: 28upx;
  line-height: 36upx;
  color: #444;
}
.shop-store-image{
  width: 80upx;
  height: 80upx;
  margin-right: 20upx;
}
.shop-store-comment{
  background-color: rgba(0,0,0,0.05);
  border-radius: 18upx;
  height: 40upx;
  width: 140upx;
  margin-top: 10upx;
}
.store-comment-target{
  margin-top: -2upx;
}
.store-more-title{
  font-size: 26upx;
  color: #666666;
}
.comment-content-empty{
  padding: 50upx 0;
  font-size: 26upx;
  text-align: center;
}
/* 店铺 */
.control-footer{
  height: 98upx;
  border-top: 1upx solid rgba(152, 152, 152, 0.1);
  //box-shadow: 0 2upx 5upx 0 rgba(152, 152, 152, 0.1);
  background-color: #fff;
  padding-right: 30upx;
}
.control-button-group{
  width: 400upx;
  height: 76upx;
  background-color: #FC3538;
  border-radius: 38upx;
}
.control-fail-button{
  background-color: #f2f2f2 !important;
  font-size: 28upx;
  line-height: 36upx;
  color: #666 !important;
}
.control-fail-button view {
  width: 100%;
  padding: 0 30upx;
  text-align: center;
}
.control-icon{
  width: 40upx;
  height: 40upx;
}
.control-button-group-login,.control-button{
  color: #fff;
}
.control-button-group-login{
  background-color: #FC8935;
}
.control-button{
  width: 200upx;
  height: 100%;
  background-color: #FC3538;
  font-size: 28upx;
  line-height: 36upx;
}
.control-button-car{
  background-color: #FC8935;
}

.control-label{
  font-size: 22upx;
  color: #666;
  line-height: 30upx;
  margin-top: 6upx;
}
/* 店铺 */

/* 领取优惠券 */
.coupon-modal{
  height: 700upx;
  background-color: #fff;
  border-radius: 30upx 30upx 0px 0px;
  padding: 0 30upx;
}
.coupon-title{
  font-size: 32upx;
  margin: 30upx 0;
  font-weight: bold;
}
.coupon-sub-title,.coupon-title{
  line-height: 40upx;
  color: #333333;
}
.coupon-sub-title{
  font-size: 26upx;
}
.coupon-screen{
  padding: 30upx 0;
}
.coupon-info{
  font-size: 22upx;
  color: #999999;
  line-height: 26upx;
  margin-bottom: 26upx;
  text-align: center;
}
.coupon-button{
  height: 76upx;
  border-radius: 38upx;
  background-color: #FC3538;
  font-size: 28upx;
  color: #fff;
  line-height: 30upx;
  margin-bottom: 10upx;
}
/* 领取优惠券 */

/* 商品购买 */
.shop-buy-modal {
  max-height: 90%;
  background-color: #fff;
  border-radius: 20upx 20upx 0 0;
}
.shop-buy-header{
  padding: 0 30upx;
  height: 230upx;
  border-bottom: 1upx solid #EEEEEE;
}
.shop-buy-image{
  width: 150upx;
  height: 150upx;
  border-radius: 10upx;
  background-color: #DBDBDB;
  margin-right: 15upx;
}
.shop-buy-title{
  font-size: 30upx;
  line-height: 48upx;
  color: #333333;
  font-weight: 500;
  height: 96upx;
}
.shop-buy-price-group{
  color: #FD383B;
}
.shop-buy-close{
  height: 100%;
  padding-top: 32upx;
  margin-left: 60upx;
}
.shop-buy-close-icon{
  font-size: 30upx;
  font-weight: bold;
  color: #999;
}

.shop-rules-item{
  padding: 30upx;
  margin-right: -30upx;
  border-bottom: 1upx solid #eee;
}
.shop-rules-title{
  font-size: 28upx;
  line-height: 36upx;
  color: #333;
  font-weight: 500;
  margin-right: -20upx;
  margin-bottom: 10upx;
}
.shop-rules-label{
  margin-top: 20upx;
  height: 60upx;
  min-width: 140upx;
  max-width: 100%;
  background-color: #F1F1F1;
  border-radius: 5upx;
  font-size: 26upx;
  line-height: 34upx;
  color: #333;
  text-align: center;
  padding: 0 15upx;
  margin-right: 30upx;
}
.shop-rules-label-active{
  background-color: #FFF3F3;
  color: #FD383B;
}
.shop-rules-title-target{
  margin-right: 20upx;
}
.shop-rules-info{
  font-size: 24upx;
  line-height: 30upx;
  color: #999;
  font-weight: 400;
}
.shop-step{
  padding: 0 30upx;
  font-size: 28upx;
  line-height: 36upx;
  font-weight: 500;
  margin: 22upx 0;
}
.shop-buy-button-warp{
  margin-top: 50upx;
  margin-bottom: 20upx;
}
.shop-buy-button {
  width: 600upx;
  height: 80upx;
  border-radius: 40upx;
  font-size: 30upx;
  line-height: 36upx;
}
/* 商品购买 */