diancan/pages/pay-order/index.wxss

/**index.wxss**/
.wrap{
	min-height: 100vh;
	background: #f6f6f6;
	padding-top: 20rpx;
	padding-bottom: 200rpx;
}
.order_wrap{
	width: 690rpx;
	padding: 20rpx;
	text-align: center;
	/* background: #FFFFFF; */
	border-radius: 5rpx;
	margin: 0 auto;
	position: relative;
}
.order_wrap .order_price{
	font-size: 30rpx;
	color: rgba(0,0,0,.54);
}
.order_wrap .price{
	/* padding-left: 14rpx; */
	color: #0E0E0E;
	font-size: 68rpx;
	font-weight: bold;
}
.order_wrap .price .unit{
	font-size: 40rpx;
}
.order_wrap .line_bg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 690rpx;
	height: 20rpx;
	border-radius: 0 0 5rpx 5rpx;
	background-repeat: repeat-x;
	background-size: 18rpx 30rpx;
}
/* 支付方式 */
.payment_wrap{
	width: 690rpx;
	margin: 20rpx auto 0;
	background: #FFFFFF;
}
.payment_item{
	padding: 30rpx;
}
.payment_item .item_t{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.payment_item .item_t .item_t_l{
	display: flex;
	align-items: center;
}
.payment_item .item_icon{
	width: 53rpx;
	height: 43rpx;
	margin-right: 18rpx;
}
.payment_item .item_name{
	font-size: 30rpx;
	color: #000;
}
.payment_item .item_t_r{
	display: flex;
	align-items: center;
}
.payment_item .price{
	font-size: 32rpx;
	font-weight: bold;
	color: #D54C43;
	padding-right: 20rpx;
}
.payment_item .price .unit{
	font-size: 24rpx;
}
.payment_item .item_b{
	padding-left: 70rpx;
	font-size: 24rpx;
	color: rgba(1,1,1,.54);
}
.payment_item .item_b .wenzi:not(:first-child){
	padding-left: 30rpx;
}
.payment_item .item_b .label{
	padding-right: 8rpx;
}
.payment_item .item_t_r .quan{
	font-size: 30rpx;
	color: #D54C43;
	padding-right: 26rpx;
}
/* .payment_item .item_t_r .icon_arrow{
	width: 12rpx;
	height: 20rpx;
} */
/* 充会员卡 */
/* .scroll_card{
	height: 500rpx;
} */
.card_list{
	padding: 0 30rpx;
}
/* 提交 */
.btn_tijiao{
	width: 405rpx;
	height: 98rpx;
	background: #295C56;
	border-radius: 10rpx;
	margin: 0 auto;
	font-size: 28rpx;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 50rpx;
	left: 50%;
	transform: translateX(-50%);
}
.btn_tijiao .label{
	padding-right: 10rpx;
}
.btn_tijiao .price{
	font-size: 42rpx;
	font-weight: bold;
}
.btn_tijiao .price .unit{
	font-size: 27rpx;
}
/* 余额不足提醒 */
.cash_pop{
	width: 586rpx;
	background: #FFFFFF;
	border-radius: 10rpx;
	font-size: 30rpx;
	color: #000000;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.cash_pop_t{
	padding: 120rpx 0 40rpx;
	border-bottom: 1rpx solid rgba(0,0,0,.1);
}
.cash_pop_b{
	height: 98rpx;
	display: flex;
	align-items: center;
	position: relative;
}
.cash_pop_b .cash_pop_btn{
	flex: 1;
	height: 98rpx;
	color: rgba(0,0,0,.54);
	display: flex;
	align-items: center;
	justify-content: center;
}
.cash_pop_b .cash_pop_btn.recharge{
	color: #D54C43;
	border-left: 1rpx solid rgba(0,0,0,.1);
}
.cash_pop .tip_tu{
	width: 134rpx;
	height: 245rpx;
	position: absolute;
	left: 50%;
	top: -135rpx;
	transform: translateX(-50%);
}
/* 优惠券 */
.coupon_wrap{
	width: 750rpx;
	position: fixed;
	bottom: 0;
	left: 0;
}
.coupon_wrap .coupon_t{
	width: 750rpx;
	height: 98rpx;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 0 0;
	font-size: 34rpx;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.coupon_wrap .coupon_t .van-icon{
	position: absolute;
	top: 50%;
	right: 30rpx;
	transform: translateY(-50%);
}
.coupon_wrap_scroll{
	/* height: 480rpx; */
	height: 820rpx;
	background: #F6F6F6;
}
.coupon_list{
	padding-top: 0;
	/* min-height: 480rpx;
	height: 100%; */
}
.coupon_item:first-child{
	margin-top: 30rpx;
}