/* packageE/groupCode/groupCodeRecord/groupCodeRecord.wxss */
.list {
  width: 100%;
  height: 290rpx;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20rpx;
}

.right_box {
  display: flex;
}

.right_box view:nth-child(1) {
  width: 81rpx;
  height: 290rpx;
  background-color: #fc8e5e;
  line-height: 290rpx;
  text-align: center;
  color: #fff;
}

.right_box view:nth-child(2) {
  width: 81rpx;
  height: 290rpx;
  line-height: 290rpx;
  background-color: #ff9b6f;
  text-align: center;
  color: #fff;
}

.listTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 40rpx;
  margin-right: 27rpx;
  margin-top: 46rpx;
  margin-bottom: 41rpx;
  font-size: 28rpx;
  line-height: 48rpx;
}

.listCon {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 41rpx;
  font-size: 32rpx;
  line-height: 40rpx;
}

.listBtn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.share {
  width: 142rpx;
  height: 52rpx;
  background-color: #e0fef4;
  border-radius: 26rpx;
  border: solid 1rpx #00b075;
  color: #00b075;
  font-size: 28rpx;
  text-align: center;
  line-height: 52rpx;
  position: relative;
}

.share button {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.datum {
  width: 142rpx;
  height: 52rpx;
  background-color: #00b075;
  border-radius: 26rpx;
  font-size: 28rpx;
  color: #fff;
  text-align: center;
  line-height: 52rpx;
  margin-right: 35rpx;
  margin-left: 34rpx;
}

/* 客服弹窗 */
.serviceBox {
  width: 590rpx;
  height: 812rpx;
  margin-bottom: 200rpx;
  position: relative;
}

.posbox {
  position: absolute;
  bottom: 100;
  width: 100%;
  text-align: center;
}

.posbox icon {
  color: #fff;
  font-size: 30rpx;
}

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

.serviceBox .top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.serviceBox .top view {
  font-size: 32rpx;
  line-height: 48rpx;
  letter-spacing: 2rpx;
  margin-top: 10rpx;
  display: flex;
  align-items: center;
}

.serviceBox .top icon {
  position: absolute;
  top: -2px;
  right: 20px;
}

.serviceImg {
  width: 444rpx;
  height: 444rpx;
  margin-top: 80rpx;
  margin-bottom: 25rpx;
}

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

.service_guide {
  font-size: 28rpx;
  color: #666;
  line-height: 48rpx;
}
