hhsc/unpackage/dist/dev/mp-weixin/pages/index/vip.wxss

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page,
.center {
  height: auto;
  min-height: 100%;
  background-color: #ffffff;
}
.guess-item {
  display: flex;
  width: 710rpx;
  height: 290rpx;
  background: #ffffff;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 10rpx;
  padding: 15rpx;
  padding-bottom: 150rpx;
  margin: 20rpx auto 0;
  position: relative;
}
.guess-item image {
  width: 260rpx;
  height: 260rpx;
  border-radius: 10rpx;
}
.guess-item .guess-box {
  padding: 12rpx 0 0 24rpx;
  width: 436rpx;
}
.guess-item .guess-box .title {
  font-size: 30rpx;
  padding-left: 4rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  width: 368rpx;
  line-height: 36rpx;
}
.guess-item .guess-box .title .tuanF {
  display: inline-block;
  margin-right: 4rpx;
  position: relative;
  top: -6rpx;
}
.guess-item .guess-box .title .tuanF .tuan {
  display: flex;
  align-items: center;
  padding: 10rpx;
  height: 36rpx;
  background: #ffebe9;
  border-radius: 18rpx;
}
.guess-item .guess-box .title .tuanF .tuan .tuan-image {
  width: 18rpx;
  height: 18rpx;
}
.guess-item .guess-box .title .tuanF .tuan .tuan-font {
  display: inline;
  font-size: 20rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ff1135;
  margin-left: 2rpx;
}
.guess-item .guess-box .ping-box {
  margin-top: 15rpx;
  justify-content: flex-start;
}
.guess-item .guess-box .ping-box .ping {
  margin-left: 10rpx;
  height: 39rpx;
  background: #fdf7eb;
  border-radius: 5rpx;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ff911f;
  display: flex;
  align-items: center;
  padding: 0 10rpx;
}
.guess-item .guess-box .price-box {
  margin-top: 80rpx;
  justify-content: flex-start;
}
.guess-item .guess-box .price-box .yuanprice {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: line-through;
  color: #999999;
  padding-right: 6rpx;
}
.guess-item .guess-box .price-box image {
  width: 14rpx;
  height: 16rpx;
}
.guess-item .guess-box .price-box .jiang {
  padding-left: 2rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #b59467;
}
.guess-item .guess-box .price {
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ff1135;
}
.guess-item .guess-box .btn {
  width: 137rpx;
  height: 56rpx;
  background: #16CC9F;
  border-radius: 28rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 56rpx;
  text-align: center;
  position: absolute;
  bottom: 25rpx;
  right: 25rpx;
}