@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content {
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.content .banner {
  width: 705rpx;
  height: 275rpx;
  box-shadow: 0rpx -2rpx 47rpx 4rpx rgba(1, 0, 32, 0.1);
  border-radius: 30rpx;
  margin-top: 36rpx;
}
.content .earn {
  width: 705rpx;
  height: 275rpx;
  box-shadow: 0rpx -2rpx 47rpx 4rpx rgba(1, 0, 32, 0.1);
  border-radius: 30rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 36rpx 0;
}
.content .earn .title {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: white;
  margin-left: 68rpx;
  margin-bottom: 63rpx;
}
.content .earn .earn_bottom {
  height: 88rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 68rpx;
  margin-right: 68rpx;
}
.content .earn .earn_bottom .price {
  font-size: 72rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: white;
}
.content .earn .earn_bottom .price .unit {
  font-size: 30rpx;
  color: white;
  display: inline-block;
}
.content .earn .earn_bottom .btn {
  width: 163rpx;
  height: 88rpx;
  line-height: 88rpx;
  background: white;
  border-radius: 44rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #E42F2F;
  text-align: center;
}
.content .rule {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #E42F2F;
  margin-bottom: 36rpx;
}
.content .rule_text {
  width: 598rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
  line-height: 40rpx;
  margin-top: 36rpx;
}
.content .list {
  width: 705rpx;
  background: white;
  box-shadow: 0rpx -2rpx 47rpx 4rpx rgba(1, 0, 32, 0.1);
  border-radius: 30rpx;
  margin-top: 88rpx;
  margin-bottom: 88rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.content .list .list-head {
  width: 637rpx;
  height: 100rpx;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 637rpx;
}
.content .list .list-head .head_left {
  width: 83rpx;
  text-align: center;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #E42F2F;
  margin-left: 30rpx;
}
.content .list .list-head .head_right {
  width: 210rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #E42F2F;
  text-align: center;
  margin-right: 30rpx;
}
.content .list .item {
  width: 637rpx;
  height: 130rpx;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1rpx solid #f2f2f2;
}
.content .list .item .item_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 130rpx;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 30rpx;
}
.content .list .item .item_left .photo {
  width: 83rpx;
  height: 83rpx;
  border-radius: 50%;
  background-color: gray;
}
.content .list .item .item_left .text {
  margin-left: 32rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}
.content .list .item .item_right {
  width: 210rpx;
  text-align: center;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-right: 30rpx;
}

