challengeFamily/pages/product/balancePayment/balancePayment.wxss

.enlist{width:100%;background-color:#F5F5F4;box-sizing:border-box;}
.padLeft10{padding-left: 20rpx;}
.buy-gray{color: #9c9d9d!important}
.column{width:100%;background-color:#fff;}
.enlist .top{height:180rpx;margin-bottom:20rpx;display:flex;}
.top-left{width:180rpx;height:180rpx;border-top-left-radius:14rpx;border-bottom-left-radius:14rpx;}
.top-right{width:calc(100% - 180rpx);height:100%;padding:20rpx;box-sizing:border-box;border-top-right-radius:14rpx;border-bottom-right-radius:14rpx;}
.top .title{width:100%;font-size:32rpx;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.top .tit{font-size:22rpx;color:#9C9C9C;margin-top:18rpx;letter-spacing:1rpx;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.details{width:100%;padding:0 20rpx;box-sizing:border-box;}
.col{border-bottom:1px solid #E2E1E1;}
.mealBox{width: 50%; flex-shrink: 1;display:flex;justify-content:space-between;}
.meal-title{font-size:28rpx;color:#474B4F;}
.meal-oldprice{font-size:24rpx;color:#C9CACA;margin-left:14rpx;text-decoration:line-through;}
.meal-price{font-size:28rpx;margin-left:10rpx;color:#EE3A43;}
.meal .chooseNum{display:flex; flex-shrink: 0;align-items:center;}
.chooseNum .btn{width:44rpx;height:44rpx;text-align:center;border-radius:50%;line-height:38rpx;/*margin:0 18rpx;*/font-size:44rpx;}
.chooseNum .nocan{background-color:#C9CACA;color:#fff;}
.chooseNum .can{border:1px solid #EE3A43;background-color:#fff;color:#EE3A43;}
.chooseNum .numBox{width:80rpx;height:42rpx;line-height:42rpx;min-height:42rpx;text-align:center;color:#616467;font-size:26rpx;border:1px solid #EE3A43;border-radius:6rpx;margin:0 18rpx;}
.col-line{width:100%;height:90rpx;display:flex;align-items:center;justify-content:space-between;/*padding:0 20rpx;*/box-sizing:border-box;}
.col-line .line-title{color:#474B4F;font-size:28rpx; flex-shrink: 0; /*font-weight:bold;*/}
.remark-title{color:#474B4F;font-size:28rpx;line-height: 32rpx;}
.Coupon{font-size:28rpx;color:#888B92;text-align:right;position:absolute;right:46rpx;top:16rpx;z-index:1;}
.line-details{font-size:28rpx; flex-shrink: 1; width: 100%; text-align: right; margin-left: 40rpx;}
.address{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.details-link::after{content:'';width:16rpx;height:16rpx;border-right:2rpx solid #D6D6DA;border-bottom:2rpx solid #D6D6DA;transform:rotate(-45deg); display: block; margin-left: 10rpx;}
.posit{position:absolute;right:20rpx;top:30rpx;z-index:1;}
.padding{margin-right:50rpx;box-sizing:border-box;}
.bottom{width:100%;height:90rpx;position:fixed;left:0;bottom:0;z-index:999;display:flex;align-items:center;}
.bottom .btn{width:100%;text-align:center;line-height:90rpx;font-size:30rpx;}
.bottom .leftBtn{background-color:#585453;color:#DCDDDD;}
.bottom .leftBtn text{color:#EE3A43;}
.bottom .rightBtn{background-color:#EE3A43;color:#fff;border-radius:0;}
.bottomBG{width:100%;margin: 20rpx 0 80rpx;background-color:#fff;}
.textarea{width:100%;height:50rpx;font-size:29rpx;}
.placeholder{font-size:28rpx;color:#C9CACA;}
.balance{color:#EE3A43;}
.contract{font-size:28rpx;padding:20rpx;display:flex;align-items:center;}
.contract .icon{display:inline-block;margin-right:10rpx;}
.contract text{font-size:26rpx}
.contract .conDetails{color:#EE3A43;}
text.disagree{width:38rpx;height:38rpx;border:1px solid #EE3A43;border-radius:50%;margin-right:10rpx;}
text.agree{position:relative;}
text.agree::after{content:'';width:22rpx;height:22rpx;border-radius:50%;background-color:#EE3A43;position:absolute;left:8rpx;top:8rpx;}
.icon-wx{font-size:80rpx;display:flex;align-items:center;}
.icon-wx text{font-size:30rpx;margin-left:30rpx;}
.col-pay{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20rpx;box-sizing:border-box;}
.email{text-align:right;}
.progress{width:100%;position:fixed;left:0;top:0;z-index:999;}



.pLeft10{padding-left: 20rpx}
.sku-stepper-stock {padding: 24rpx 20rpx;background-color: #F5F5F4}
.sku-stepper-container {height: 48rpx;}
.sku-stepper-container text{display: inline-block;line-height: 48rpx}
.sku__stepper-title {float: left;line-height: 60rpx;}
.sku__stepper {float: right;}
.stepper {font-size: 0;-webkit-user-select: none;user-select: none;display: flex;}
.sku__stock {margin-right: 20rpx;color: #969799;
}
.stepper__minus,.stepper__plus{width: 44rpx;height: 44rpx;border: 1px solid #EE3A43;border-radius: 50%;position: relative;}
.stepper__plus{background: #EE3A43;}
.stepper__minus::before,.stepper__plus::before{content: '';width: 30rpx;height: 2rpx;background: #EE3A43;position: absolute;top:21rpx;left: 7rpx;}
.stepper__plus::after{content: '';width: 2rpx;height: 30rpx;position: absolute;top:7rpx;left: 21rpx;}
.stepper__plus::before,.stepper__plus::after{background: white;}
.stepper__minus__diabled,.stepper__plus__diabled{background:#F5F5F4;border:1px solid gray;}
.stepper__minus__diabled::before,
.stepper__plus__diabled::before,
.stepper__plus__diabled::after{background: gray;}
.stepper__input{box-sizing: border-box;width: 64rpx;height: 48rpx;margin: 0 4rpx;padding: 0;color: #323233;font-size: 28rpx;line-height: 48rpx;text-align: center;vertical-align: middle;border: 0;border-width: 2rpx 0;border-radius: 0;-webkit-appearance: none;}
.enlist-choose-child,.enlist-choose-child-button{padding:20rpx;}
.enlist-choose-child-button button{height: 60rpx;line-height: 60rpx;color: white;background-color: #ee3a43;border-radius: 30rpx;font-size: 24rpx;}
.enlist-choose-child .van-cell{padding: 10px 0;display: flex;align-items: center;}
.card-list{padding: 20rpx 0;position: relative;}
.card-item{font-size: 28rpx;line-height: 48rpx;}
.card-item text{display: inline-block;}
.card-item-one{width: 120rpx;}
.card-item-two{width: 310rpx;}
.card-item-three{width: 250rpx;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.card-list::after{content:" "; position: absolute; top:50%; right: 10rpx; transform:rotate(45deg) translateY(-70%);width: 22rpx;height: 22rpx;border-top: 2rpx solid #D6D6DA;border-right: 2rpx solid #D6D6DA;}
.black{color: #000;vertical-align: middle;margin-top: -10rpx;}
.mask{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:9999;}
.maskBox{width:80%;background-color:#fff;border-radius:20rpx;position:absolute;left:10%;top:30%;z-index:9;overflow: hidden;}
.button.button-white{background-color:#fff; color:#EE3A43;font-size: 36rpx;}
/* .maskBtn{width:100%;height:90rpx;text-align:center;color:#EE3A43;line-height:90rpx;font-size:32rpx;border: none;border-top:1px solid #c7c7cc;background: #fff;} */
.maskContent{width:100%;padding:20rpx;box-sizing:border-box;}
.maskTitle{color:#ee3a43;font-size:32rpx;line-height:40rpx;margin-top:10rpx;text-align: center;}
.maskTit{font-size:32rpx;line-height:40rpx;text-align: center;padding: 20rpx;}
.buttons-row .button {height: 70rpx;line-height: 70rpx;border-radius: 4rpx;}
.button-weixin{background: #07c160;}
.icon-weixin{font-size: 48rpx;vertical-align: top;position: relative;top: 8rpx;margin-right: 6rpx;}
.mLeft10{margin-left: 20rpx;}
.ship-address.col-line{height: auto;}
.text-name {font-size: 28rpx;font-weight: 500;}
.text-info {font-size: 24rpx;padding: 10rpx 0;}

.content .column .member{
  border-bottom: 1px solid #E2E1E1;
}
.content .column .member:last-child{
  border-bottom: none
}