.page{
  background: #F7F7F7;
}
.state{
  background: #FFFFFF;
  padding: 24rpx 0;

  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #93D21A;
  line-height: 44rpx;
}
.box_4{
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 44rpx;
  margin-top: 18rpx;
}
.detail{
  margin-top: 24rpx;
  background: #FFFFFF;
  padding: 0 32rpx;
}
.serviceAttrDesc{
  width: 108rpx;
  background: #fff9de;
  border-radius: 0rpx 0rpx 12rpx 12rpx;

  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
}

.serviceAttrDesc1{
  width: 108rpx;
  background: #e9f6d1;
  border-radius: 0rpx 0rpx 12rpx 12rpx;

  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #93D21A;
  text-align: center;
}

.serviceType{
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 40rpx;
}
.key{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 44rpx;
}
.ss_key{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 44rpx;
  margin-left: 10rpx;
}
.value{
  height: 36rpx;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 44rpx;
}
.planNumber{
  font-size: 40rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  text-align: center;
}
.plan{
  font-size: 20rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 28rpx;
}
.scan{
  width: 200rpx;
  height: 64rpx;
  background: #FFE05C;
  border-radius: 32rpx;
  margin-top: 32rpx;

  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 64rpx;
  text-align: center;
}
.line{
  width: 686rpx;
  height: 2rpx;
  background: #EEEEEE;
  margin-top: 32rpx;
}
.right{
  width: 100%;
}
.projectState{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #93D21A;
  line-height: 44rpx;
}

.projectMoney{
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #353535;
  line-height: 44rpx;
}

.lineMoney{
  font-size: 20rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #959595;
  line-height: 44rpx;
  margin-left: 8rpx;
  text-decoration:line-through;
}

.bottom1{
  width: 750rpx;
  height: 150rpx;
  background: #FFFFFF;
  position: fixed;
  bottom: 0;
  z-index: 5;
}

.bottomHeight{
  height: 236rpx;
  background-color: white;
}

.allMoney{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 40rpx;
  margin-top: 24rpx;
  margin-left: 64rpx;
}
.unpaid{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 108rpx;
  margin-left: 32rpx;
}
.preferentialPrice{
  font-size: 36rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #111111;
  line-height: 108rpx;
  margin-left: 16rpx;
}
.originalPrice{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #d65d58;
  line-height: 108rpx;
  margin-left: 16rpx;
  //text-decoration:line-through;
}

.priceDetail{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 108rpx;
  margin-left: 32rpx;
}
.bottomBtn{
  width: 686rpx;
  height: 108rpx;
  background: #FFF6CE;
  border-radius: 60rpx;
  margin-left: 32rpx;
}
.btn{
  width: 220rpx;
  height: 108rpx;
  background: #FFE05C;
  border-radius: 0rpx 60rpx 60rpx 0rpx;

  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #111111;
  line-height: 108rpx;
  text-align: center;
}
.borderBottom{
  margin-top: 32rpx;
  border-bottom:  1px solid #F7F7F7;
  padding-bottom: 32rpx;
}
.appealView{
  width: 700rpx;
  height: 500rpx;
  border-radius: 15rpx;
  background: #FFFFFF;
}
.popupTitle{
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  margin-top: 24rpx;
  text-align: center;
}
.leftBtn{
  width: 140rpx;
  height: 70rpx;
  background: #F7F7F7;
  line-height: 70rpx;
  text-align: center;
}

.rightBtn{
  width: 140rpx;
  height: 70rpx;
  border-radius: 15rpx;
  background: #F7F7F7;
  line-height: 70rpx;
  text-align: center;
}
.textareaView{
  width: 650rpx;
  height: 350rpx;
}
.textarea{
  background: #f7f7f7;
  font-size: 28rpx;
  line-height: 40rpx;
  padding: 24rpx;
}



.payView{
  //height: 638rpx;
  background: #FFFFFF;
  box-shadow: 0rpx -4rpx 8rpx 0rpx rgba(0,0,0,0.03);
  border-radius: 24rpx 24rpx 0rpx 0rpx;
  padding: 24rpx 32rpx;
}
.payType{
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bord;
  color: #111111;
  line-height: 48rpx;
}
.x{
  width: 35rpx;
  height: 35rpx;
  border-radius: 18rpx;
}
.payTitle{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 40rpx;
  margin-top: 8rpx;
}
.payItem{
  background: #FAFAFA;
  border-radius: 20rpx;
  padding: 34rpx 32rpx;
  margin-top: 32rpx;
}
.payName{
  margin-left: 24rpx;
}
.balance{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 40rpx;
}
.commitBtn{
  width: 686rpx;
  height: 108rpx;
  background: #FFE05C;
  border-radius: 60rpx;
  margin-top: 32rpx;

  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #111111;
  line-height: 108rpx;
  text-align: center;
}
.passwordView{
  background: #FFFFFF;
  width: 686rpx;
  height: 400rpx;
  border-radius: 20rpx;
  padding: 34rpx 0;
}

.h-tab-bar{
  margin-top: 80rpx;
}
.h-operate-btn{
  width: 550rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: #FFE05C;
  line-height: 80rpx;
  text-align: center;
  margin-top: 80rpx;
}

.yuyue{
  height: 164rpx;
  background: #FFFEF7;
  padding-left: 28rpx;
  padding-right: 62rpx;
  margin-top: 24rpx;
}

.jishi{
  padding-right: 62rpx;
}
.loveCard{
  flex-grow: 1;
  max-height: 300rpx;
}
.loveCardItem{
  margin-top: 15rpx;
  background: #FFFFFF;
}
.flex1{
  flex: 1;
}
.couponView{
  background: #FFFFFF;
  border-radius: 20rpx;
  padding: 34rpx 32rpx;
}

.coupon1{
  border: 2rpx solid #cccccc;
  border-left: 10rpx solid #cccccc;
  border-radius: 16rpx;
  margin-top: 30rpx;
}

.icon1{
  background-color: #cccccc;
  width: 130rpx;
  height: 120rpx;

  color: #F5F5F5;
  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
}
.couponName{
  font-size: 30rpx;
  font-weight: bold;
  margin-left: 20rpx;
}
.couponBtn{
  border: 2rpx solid #ff5a5f;
  border-radius: 10rpx;
  color: #ff5a5f;
  font-size: 28rpx;
  padding:5rpx 10rpx;
}

.couponBtn1{
  color: #cccccc;
  font-size: 28rpx;
}

.couponType{
  padding: 0 10rpx;
  font-size: 24rpx;
  color: #cccccc;
}
.couponLine{
  border-bottom: 2rpx solid #cccccc;

}


.coupon2{
  border: 2rpx solid #ffe05c;
  border-left: 10rpx solid #ffe05c;
  border-radius: 16rpx;
  margin-top: 30rpx;
}

.coupon3{
  border: 2rpx solid #cccccc;
  border-left: 10rpx solid #cccccc;
  border-radius: 16rpx;
  margin-top: 30rpx;
}

.coupon4{
  border: 2rpx solid #57d75b;
  border-left: 10rpx solid #57d75b;
  border-radius: 16rpx;
  margin-top: 30rpx;
}


.icon2{
  background-color: #ffe05c;
  width: 150rpx;
  height: 100%;

  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
}

.icon3{
  background-color: #cccccc;
  width: 150rpx;
  height: 100%;

  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
}

.icon4{
  background-color: #57d75b;
  width: 150rpx;
  height: 100%;

  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
}
.reachPrice{
  font-size: 24rpx;
  font-weight: 400;
  text-align: center;
}

.couponMsg{
  padding: 30rpx 0;
  width: 370rpx;
}
.couponValue{
  color: #333333;
  font-size: 24rpx;
  margin-left: 20rpx;
}

.couponTabs{
  background-color: #ffe50c;
  padding: 20rpx 0;
  color: #333333;
  margin-left: 30rpx;
  width: 200rpx;
  font-size: 24rpx;
  font-weight: bold;
  border-radius: 10rpx;
  text-align: center;
  margin: 20rpx 20rpx;

}

.couponTabs1{
  background-color: #F5F5F5;
  font-weight: 400;
  border: 1px solid #F5F5F5;
}

.couponTabs:first-child{
  margin-left: 0;
}