diancan/pages/create-order/index.wxss

/**index.wxss**/
.wrap{
	min-height: 100vh;
	background: #f6f6f6;
	padding-bottom: 100rpx;
}
.wrap_nr{
	padding: 20rpx 30rpx 100rpx;
}
.address_wrap{
	width: 690rpx;
	padding: 30rpx 30rpx 50rpx;
	background: #FFFFFF;
	border-radius: 5rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 28rpx;
	color: #0C0C0C;
	position: relative;
}
.address_wrap .address_l{
	/* width: 476rpx; */
	flex: 1;
}
.address_l .address_text{
	font-size: 26rpx;
	color: #666666;
	padding-top: 10rpx;
}
.phone_wrap{
	display: flex;
	align-items: center;
	padding-top: 24rpx;
}
.takeout .phone_wrap{
	color: #666666;
}
.phone_wrap .label{
	padding-right: 10rpx;
}
.phone_wrap .icon_edit{
	/* width: 23rpx;
	height: 23rpx; */
	margin-left: 15rpx;
}
.address_wrap .address_r{
	/* flex: 1; */
	padding-left: 20rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.address_r .juli{
	font-size: 24rpx;
	color: #666666;
	padding: 4rpx 10rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
	border-radius: 14rpx;
	position: relative;
}
.address_r .juli::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -22rpx;
	left: 50%;
	width: 0rpx;
	height: 0rpx;
	border: 12rpx solid transparent;
	border-top: 12rpx solid #FFFFFF;
}
.address_r .store_logo{
	width: 60rpx;
	height: 60rpx;
	margin-top: 20rpx;
}
.address_wrap .line{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 690rpx;
	height: 20rpx;
	border-radius: 0 0 5rpx 5rpx;
	background-repeat: repeat-x;
	background-size: 18rpx 30rpx;
}
/* 订单商品 */
.order_wrap{
	width: 690rpx;
	/* padding: 0 30rpx; */
	margin: 20rpx auto 0;
	/* background: #FFFFFF; */
	border-radius: 5rpx;
}
.order_wrap .order_t{
	padding: 30rpx;
	font-size: 30rpx;
	color: #080808;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.order_wrap .border_line{
	width: 690rpx;
	height: 30rpx;
	display: block;
}
.order_wrap .order_t .order_shop{
	width: 500rpx;
}
.order_wrap .order_t .order_way{
	padding: 5rpx 10rpx;
	background: #295C56;
	border-radius: 5rpx;
	font-size: 22rpx;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.order_wrap .border_out{
	padding: 0 30rpx;
	background: #FFFFFF;
}
.order_wrap .delivery{
	padding: 0 0 30rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1rpx dashed rgba(0, 0, 0, 0.12);
	font-size: 30rpx;
	color: #000000;
}
.order_wrap .delivery .delivery_r{
	font-size: 34rpx;
	color: #080808;
}
.order_wrap .delivery .delivery_r .unit{
	font-size: 22rpx;
}
.order_wrap .heji_price{
	padding: 40rpx 0 30rpx;
	text-align: right;
	font-size: 26rpx;
	color: #000000;
}
.order_wrap .heji_price .price{
	font-size: 28rpx;
	color: #333333;
	padding-left: 16rpx;
	font-weight: bold;
}
.order_wrap .heji_price .price .unit{
	font-size: 22rpx;
}
.order_wrap .heji_item.total{
	padding-left: 28rpx;
}
.order_wrap .heji_item.total .price{
	font-size: 40rpx;
}
/* 备注 */
.remark{
	margin: 20rpx auto;
	width: 690rpx;
	padding-bottom: 20rpx;
	background: #FFFFFF;
	border-radius: 10rpx;
}
.remark .remark_t{
	font-size: 28rpx;
	color: #000000;
	padding: 20rpx 30rpx;
}
.remark .remark_nr{
	width: 634rpx;
	margin: 20rpx auto 0;
	/* background: #FAFAFA;
	border-radius: 10rpx; */
}
.remark .remark_nr .van-cell{
	width: 634rpx;
	/* height: 198rpx; */
	background: #FAFAFA;
	border-radius: 10rpx;
}
/* .remark .remark_nr .van-field__control{
	height: 110rpx !important;
} */
/* 创建订单 */
.bottom{
	width: 690rpx;
	height: 98rpx;
	padding: 0 30rpx;
	border-radius: 49rpx;
	background: #295C56;
	position: fixed;
	bottom: 60rpx;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 100;
	color: #FFFFFF;
}
.bottom .total_price{
	font-size: 26rpx;
	/* color: #FFFFFF; */
}
.bottom .total_price .price{
	padding-left: 14rpx;
	/* color: #333333; */
	font-size: 40rpx;
	font-weight: bold;
}
.bottom .total_price .price .unit{
	font-size: 22rpx;
}
.bottom .btn_tijiao{
	width: 197rpx;
	height: 100rpx;
	/* background: #D54C43; */
	font-size: 32rpx;
	font-weight: bold;
	/* color: #333333; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: 30rpx; */
}
/* 加购标志 */
.add_tag{
	font-size: 24rpx;
	color: #FFFFFF;
	background: linear-gradient(90deg, #FF6637, #FF954E);
	border-radius: 5rpx;
	padding: 6rpx 8rpx;
	margin-right: 12rpx;
}