/* pages/CardChooseMembership/CardChooseMembership.wxss */ .choose_cycle .content .header { background: #3b3b4f; padding: 40rpx; display: flex; } .choose_cycle .content .header .user { width: 120rpx; height: 120rpx; border-radius: 60rpx; border: solid 4rpx #fff; overflow: hidden; } .choose_cycle .content .header .user image { width: 100%; height: 100%; } .choose_cycle .content .header .name { text-align: left; color: #fff; margin-left: 20rpx; } .choose_cycle .content .header .name .li:first-child { line-height: 60rpx; font-size: 36rpx; font-weight: bold; max-width: 480rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .choose_cycle .content .header .name .li:last-child { font-size: 28rpx; line-height: 60rpx; } .choose_cycle .content .meal { background: #fff; } .choose_cycle .content .meal .h1 { line-height: 100rpx; font-size: 36rpx; padding: 0 28rpx; text-align: left; } .choose_cycle .content .meal .meal_list { padding: 20rpx 28rpx; } .choose_cycle .content .meal .meal_list .li { line-height: 80rpx; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20rpx; font-size: 32rpx; margin: 12rpx 0; } .choose_cycle .content .meal .meal_list .current { background: rgba(218, 172, 94, 0.1); border-radius: 6rpx; } .choose_cycle .content .meal .meal_list .li .span:first-child { display: flex; } .choose_cycle .content .meal .meal_list .li .span:first-child icon { font-size: 48rpx; color: #ccc; line-height: 80rpx; margin-right: 20rpx; } .choose_cycle .content .meal .meal_list .current .span:first-child icon { color: #333; } .choose_cycle .content .meal .meal_list .li .span:last-child .font { text-decoration: line-through; color: #8c8c8c; margin-right: 20rpx; } .choose_cycle .content .btn { margin-top: 40rpx; } .choose_cycle .content .btn .button { width: 600rpx; height: 84rpx; border-radius: 24rpx; background: #3b3b4f; color: #fff; font-size: 36rpx; border: none; text-align: center; line-height: 84rpx; margin: 0 auto; }