/* packageC/Myshaky/enrollEnter/enrollEnter.wxss */

.photoBox {
  width: 100%;
  height: 424rpx;
  background: #f5f5f5;
}

.photoBox image {
  width: 100%;
  height: 100%;
}

.titleBox {
  width: 100%;

  /* height: 268rpx; */
  background: #fff;
  overflow: hidden;
  padding-bottom: 20rpx;
}

.moneyTime {
  margin: 29rpx 30rpx 0 29rpx;
  display: flex;
  justify-content: space-between;
}

.moneyTime view:nth-child(1) {
  font-size: 32rpx;
  color: rgba(59, 179, 93, 1);
}

.endTime {
  font-size: 24rpx;
  color: rgba(255, 177, 38, 1);
}

.activityTitle {
  margin: 0 51rpx 0 31rpx;
  font-size: 32rpx;
  color: rgba(51, 51, 51, 1);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.weStatus {
  margin: 0 0 0 30rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 27rpx;
}

.dks {
  width: 124rpx;
  height: 48rpx;
  background: rgba(255, 177, 38, 0.1);
  opacity: 1.5;
  border-radius: 8rpx;
  font-size: 28rpx;
  text-align: center;
  line-height: 48rpx;
  color: #ffb126;
}

.ks {
  width: 124rpx;
  height: 48rpx;
  background-color: rgba(59, 179, 93, 0.1);
  border-radius: 8rpx;
  font-size: 28rpx;
  text-align: center;
  line-height: 48rpx;
  color: rgba(59, 179, 93, 1);
}

.staNum {
  font-size: 28rpx;
  color: rgba(51, 51, 51, 1);
  margin-left: 22rpx;
}

.staNum text {
  color: rgba(241, 83, 83, 1);
}

.activityDetails {
  width: 100%;

  /* height: 320rpx; */
  background: #fff;
  margin-top: 20rpx;
}

.boxA {
  height: 80rpx;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 32rpx;
}

.boxB {
  height: 80rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 29rpx;
  margin-right: 30rpx;
}

.boxLeft {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.boxLeft icon {
  font-size: 34rpx;
  color: rgba(153, 153, 153, 1);
  margin-right: 20rpx;
}

.boxLeft view {
  font-size: 28rpx;
}

.boxB van-icon {
  padding-top: 10rpx;
}

.vanye {
  color: red;
}

.boxAtit {
  margin-left: 20rpx;
  font-size: 28rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.boxA van-icon {
  padding-top: 10rpx;
}

.conditionBox {
  width: 100%;

  /* height: 270rpx; */
  background: #fff;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.conTop {
  margin: 0 30rpx 0 28rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.topLeft {
  font-size: 32rpx;
  color: rgba(51, 51, 51, 1);
  margin-top: 35rpx;
}

.topRight {
  color: rgba(153, 153, 153, 1);
  font-size: 28rpx;
  margin-top: 36rpx;
  display: flex;
  justify-content: flex-start;
}

.topRight text {
  font-size: 28rpx;
}

.topRight van-icon {
  padding-top: 5rpx;
}

.userHead {
  margin: 0 51rpx;
  margin-top: 20rpx;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}

.userBox {
  width: 96rpx;
  height: 135rpx;
  display: flex;
  flex-direction: column;
  margin-left: 42rpx;
}

.userBox:nth-child(1) {
  margin-left: 0;
}

.userBoxTwo {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 96rpx;
  color: rgba(153, 153, 153, 1);
}

.userphoto {
  width: 96rpx;
  height: 96rpx;
  background-color: rgba(250, 250, 250, 1);
  border-radius: 47.97rpx;
}

.userphoto image {
  width: 100%;
  height: 100%;
}

.username {
  margin: 0 13rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 23.98rpx;
}

.recommendBox {
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding-bottom: 180rpx;
  box-sizing: border-box;
}

.recommendBox .rectitle {
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rpx;
  color: rgba(51, 51, 51, 1);
  margin-top: 35rpx;
  margin-left: 28rpx;
  margin-bottom: 34rpx;
}

.navBottom {
  width: 100%;
  height: 100rpx;
  background: #fff;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -2px 4px 0 rgba(2, 4, 51, 0.08);
  display: flex;
  justify-content: space-between;
}

.navRight {
  width: 286rpx;
  height: 100%;
}

.sOne {
  background: rgba(241, 83, 83, 0.4);
  text-align: center;
  line-height: 100rpx;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rpx;
  color: rgba(255, 255, 255, 1);
}

.sTwo {
  background: rgba(241, 83, 83, 1);
  text-align: center;
  line-height: 100rpx;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rpx;
  color: rgba(255, 255, 255, 1);
}

.sThr {
  background: rgba(153, 153, 153, 1);
  text-align: center;
  line-height: 100rpx;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0rpx;
  color: rgba(255, 255, 255, 1);
}

.navLeft {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shouye {
  width: 134rpx;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.LeftBox {
  margin: 0 30rpx 0 29rpx;
  display: flex;
  justify-content: space-between;
}
