@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
.yhq-wrap {
  width: 702rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 20rpx;
  margin: auto;
  padding: 30rpx 24rpx 50rpx;
}
.yhq-wrap .yhq-info {
  width: 655rpx;
  height: 230rpx;
  margin: auto;
}
.yhq-wrap .yhq-info image {
  width: 655rpx;
}
.yhq-wrap .yhq-info view {
  padding-left: 22rpx;
}
.yhq-wrap .yhq-info .info-name {
  top: 25rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #333333;
}
.yhq-wrap .yhq-info .info-info {
  top: 70rpx;
  font-size: 45rpx;
  font-weight: bold;
  color: #333333;
}
.yhq-wrap .yhq-info .info-time {
  bottom: 25rpx;
}
.yhq-price {
  width: 643rpx;
  margin: auto;
  height: 110rpx;
  border-bottom: 1rpx solid #f6f6f6;
}
.yhq-price .price-right {
  font-size: 25rpx;
  font-weight: 500;
  color: #999999;
}
.yhq-price .left-new-price {
  font-size: 56rpx;
  font-weight: bold;
  color: #FF4C4C;
}
.yhq-price .left-new-price:before {
  content: '￥';
  font-size: 29rpx;
  color: #FF4C4C;
}
.yhq-price .left-zk {
  display: inline-block;
  padding: 5rpx 8rpx;
  border: 1px solid #FF4C4C;
  border-radius: 8rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #FF4C4C;
  margin: 0 10rpx 0 12rpx;
}
.yhq-price .left-old-price {
  font-size: 25rpx;
  font-weight: 500;
  text-decoration: line-through;
  color: #999999;
}
.yhq-tit {
  padding-top: 45rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
}
.yhq-val {
  padding-top: 20rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #333333;
  text-align: justify;
}
.btm-btn {
  background-color: #fff;
  box-shadow: 0px 0px 40px 0px rgba(50, 50, 52, 0.06);
  position: fixed;
  bottom: 0;
  width: 750rpx;
  height: 100rpx;
}
.btm-btn .sc {
  width: 103rpx;
}
.btm-btn .sc image {
  width: 42rpx;
  height: 64rpx;
}
.btm-btn .buy-now-btn {
  line-height: 100rpx;
  background: #FF4C4C;
  font-size: 36rpx;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.buy-num {
  width: 537rpx;
  height: 449rpx;
  background: #FFFFFF;
  border-radius: 30rpx;
  font-size: 30rpx;
  text-align: center;
}
.buy-num .buy-num-tit {
  font-weight: bold;
  color: #333333;
  padding-top: 60rpx;
}
.buy-num .buy-num-wrap {
  margin: 60rpx auto 45rpx;
}
.buy-num .buy-num-hj {
  font-weight: 500;
  color: #333333;
}
.buy-num .buy-num-btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 90rpx;
}
.zf-wrap {
  width: 750rpx;
  height: 404rpx;
  background: #FFFFFF;
  border-radius: 10rpx 10rpx 0px 0px;
}
.zf-wrap .zf-top {
  height: 86rpx;
  border-bottom: #EEEEEE solid 1rpx;
  padding: 0 25rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
}
.zf-wrap .zf-top image {
  width: 15rpx;
  height: 15rpx;
}
.zf-wrap .zf-type {
  margin-left: 23rpx;
  width: 727rpx;
  height: 100rpx;
  border-bottom: #EEEEEE solid 1rpx;
  padding: 0 25rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #3F454B;
}
.zf-wrap .zf-type:last-of-type {
  border-bottom: none;
}
.zf-wrap .zf-btn .btn-right {
  width: 360rpx;
  line-height: 100rpx;
  background: #FF4C4C;
  text-align: center;
  font-size: 32rpx;
  font-weight: bold;
  color: #FFFFFF;
}
.zf-wrap .zf-btn .btn-left {
  width: 390rpx;
  line-height: 100rpx;
  padding-left: 24rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #3F454B;
}
.zf-wrap .zf-btn .btn-left .zf-price {
  font-size: 36rpx;
  font-weight: bold;
  color: #FF4C4C;
}
.zf-wrap .zf-btn .btn-left .zf-price::before {
  content: '￥';
  font-size: 24rpx;
  color: #FF4C4C;
}
.iconweixin {
  color: #36cb59;
}
.iconyue {
  color: #fe8e2e;
}

