diancan/pages/user/vipcard/index.wxss

/**index.wxss**/
.wrap{
	width: 750rpx;
	min-height: 100vh;
	background: #f6f6f6;
}
.wrap_nr{
	padding: 14rpx 30rpx 0;
}
.wrap_t{
	width: 690rpx;
	height: 315rpx;
	font-size: 30rpx;
	color: #000000;
	padding-left: 170rpx;
	background-repeat: no-repeat;
	background-size: 690rpx 315rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.wrap_t .total_price{
	margin-top: 30rpx;
	/* font-size: 48rpx;
	font-weight: 500; */
}
.wrap_t .total_price .unit{
	font-size: 30rpx;
}
.wrap_b{
	/* background: #FFFFFF; */
	margin-top: 24rpx;
	border-radius: 5rpx;
}
.card_top{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.card_top .line_tu{
	width: 690rpx;
	height: 30rpx;
}
.wrap_b_t{
	width: 100%;
	padding: 30rpx 30rpx 10rpx;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wrap_b_t .wrap_b_t_l{
	display: flex;
	align-items: center;
}
.wrap_b_t .item_icon{
	width: 48rpx;
	height: 36rpx;
}
.wrap_b_t .item_name{
	font-size: 30rpx;
	color: #000000;
	padding-left: 20rpx;
}
.wrap_b_t .wrap_b_t_r{
	font-size: 24rpx;
	color: rgba(0,0,0,.87);
}
.card_list{
	background: #FFFFFF;
	padding: 0 30rpx 10rpx;
}
.btn_wrap{
	margin-top: 90rpx;
}
.btn_wrap .btn{
	width: 405rpx;
	height: 98rpx;
	margin: 0 auto;
	background: #D54C43;
	border-radius: 10rpx;
	font-size: 28rpx;
	color: #FFFEFE;
	display: flex;
	align-items: center;
	justify-content: center;
}