yhb/pages/payment/Member/Member.wxss

/* 
.Member_title{border-bottom:1px solid #ECECEC;padding:20rpx 30rpx;}
.Member_title image{width:44rpx;display:block;margin:auto;height:0;}
.Member_title text{display:block;font-size:28rpx;color:#292828;font-weight: 600;text-align:center;margin-top:8rpx;}

.Member_box{padding:0 30rpx;}
.Member_id{margin-top:40rpx;}
.Member_id image{width:32rpx;position:relative;top:4rpx;height:0;}
.Member_id text{font-size:30rpx;color:#A7A6A6;margin-left:30rpx;}

.Member_month{margin-top:40rpx;border-bottom:1px solid #ECECEC;padding-bottom:20rpx;}
.Member_month image{width:32rpx;position:relative;top:4rpx;height:0;}
.Member_month text{font-size:30rpx;color:#7C27EA;margin-left:30rpx;}
.Member_month .Member_month_xl{width:18rpx;float:right;position:relative;top:27rpx;right:20rpx;}

.Member_money{margin-top:40rpx;border-bottom:1px solid #ECECEC;padding-bottom:20rpx;}
.Member_money image{width:32rpx;position:relative;top:10rpx;float:left;height:0;}

.Member_money .m_text{font-size:28repx;color:#292828;float:left;width:94%;}
.Member_money .m_text .m_text_jg{font-size:28rpx;color:#A7A6A6;text-decoration:line-through;margin-left:30rpx;}
.Member_money .m_text .m_text_yh{font-size:40rpx;color:#F01735;margin-left:35rpx;}
.Member_money .m_text .m_text_pj{font-size:24rpx;color:#A7A6A6;margin-right:20rpx;float:right;position:relative;top:16rpx;}


.NextStep{text-align:center;font-size:34rpx;color:#FFF;background: linear-gradient(to right, #FF9BCA , #FF79B8);height:100rpx;margin-top:70rpx;line-height:100rpx;border-radius:10rpx;} */

page{background:#F4F5F7;}

.Tips{background:#FED7A0;text-align:center;font-size:24rpx;color:#DDA666;padding:10rpx 0;}

.m_head_img{width:100%;height:242rpx;}
.m_head_img image{width:100%;height:100%;}

.Payment_List_box{padding:20rpx;}
.Payment_List{background:#FFF;border-radius:10rpx;padding:0 30rpx;}
.Payment{border-bottom:1px solid #F4F4F4;padding:40rpx 0;}
.Payment_List .Payment:last-child{border-bottom:0;}

.Payment_l{float:left;}
.Payment_l_yf{font-size:36rpx;color:#333;}
.Payment_l_rj{font-size:24rpx;color:#999;margin-left:20rpx;}

.Payment_r{float:right;}
.Payment_r text{font-size:38rpx;color:#333;margin-right:10rpx;}

radio{position:relative;top:-3rpx;}

radio .wx-radio-input{
   border-radius: 50%;/* 圆角 */
   width: 40rpx; /* 背景的宽 */
   height: 40rpx; /* 背景的高 */
}

/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */


radio .wx-radio-input.wx-radio-input-checked{
   border: 1px solid #FF79B8; 
   background: #FF79B8;

}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */

radio .wx-radio-input.wx-radio-input-checked::before{
border-radius: 50%;/* 圆角 */
   width: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   height: 40rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   line-height: 40rpx;
   text-align: center;
   font-size:28rpx; /* 对勾大小 30rpx */
   color:#fff; /* 对勾颜色 白色 */
   background: transparent;
   transform:translate(-50%, -50%) scale(1);
   -webkit-transform:translate(-50%, -50%) scale(1);
}

.confirm{border:1px solid;background:linear-gradient(to right, #FF9BCA , #FF79B8);text-align:center;height:80rpx;line-height:80rpx;font-size:30rpx;color:#FFF;border-radius:10rpx;}

.Paymentwz_text{border-bottom:1px solid #F4F4F4;padding:20rpx 0;}
.Payment_title{border-bottom:1px solid #F4F4F4;font-size:30rpx;color:#333;padding-bottom:20rpx;}

.Payment_title:before {content:"";display:block;position:relative;top:6rpx;left:0;width:6rpx;height:30rpx;background:#FF79B8;float:left;margin-right:10rpx;} 
.Payment_text{font-size:28rpx;color:#999;margin-top:20rpx;}