diancan/pages/user/order/detail/index.wxss

/**index.wxss**/
.wrap{
	min-height: 100vh;
	background: #f6f6f6;
	padding: 30rpx;
}
.order_t{
	width: 690rpx;
	margin-bottom: 20rpx;
	background: #FFFFFF;
	border-radius: 5rpx;
	font-size: 30rpx;
	color: #000000;
	text-align: center;
	position: relative;
}
.order_t .order_status{
	padding-top: 30rpx;
}
.order_t .order_tips{
	padding-top: 28rpx;
	font-size: 28rpx;
	color: rgba(0,0,0,.54);
}
.order_t .order_btns{
	padding: 24rpx 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.order_t .order_btns .btn{
	width: 180rpx;
	height: 60rpx;
	background: rgba(41, 92, 86, 0.05);
	border: 1px solid #295C56;
	border-radius: 5rpx;
	font-size: 30rpx;
	color: #295C56;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 18rpx;
}
.order_t .order_btns .btn.cancel{
	border-color: #999999;
	color: #999999;
	background: transparent;
}
.order_t .order_tag{
	width: 119rpx;
	height: 124rpx;
	position: absolute;
	top: -4rpx;
	left: -4rpx;
}
.order_t .line_bg{
	width: 690rpx;
	height: 30rpx;
	border-radius: 0 0 5rpx 5rpx;
	background-repeat: repeat;
	background-size: 18rpx 30rpx;
}
/* 商品 */
.order_m{
	width: 690rpx;
	border-radius: 5rpx;
	background: #FFFFFF;
	padding: 0 30rpx;
}
.order_m .shop_info{
	padding: 40rpx 0rpx 30rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shop_info .shop_name{
	font-size: 30rpx;
	color: #080808;
	font-weight: bold;
}
.shop_info .shop_adress{
	padding-top: 16rpx;
	font-size: 24rpx;
	color: rgba(51,51,51,.54);
}
.shop_info .shop_phone{
	width: 44rpx;
	height: 44rpx;
}
/* 配送费 & 券 */
.order_m .delivery{
	padding: 20rpx 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 30rpx;
	color: #000000;
	border-bottom: 1rpx dashed rgba(0,0,0,.12);
}
.order_m .delivery .price{
	font-size: 34rpx;
	color: #080808;
}
.order_m .delivery .price .unit{
	font-size: 22rpx;
}
.order_m .quan{
	padding: 37rpx 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1rpx dashed rgba(0,0,0,.12);
}
.order_m .quan_l{
	display: flex;
	align-items: center;
	font-size: 30rpx;
	color: #000000;
}
.order_m .quan_icon{
	width: 48rpx;
	height: 41rpx;
	margin-right: 20rpx;
}
.order_m .quan_price{
	color: #D54C43;
	font-size: 34rpx;
}
.order_m .quan_price .unit{
	font-size: 22rpx;
}
.order_m .total_price{
	padding: 30rpx 0;
	font-size: 26rpx;
	color: #000000;
	text-align: right;
}
.order_m .total_price .discount{
	padding: 0 18rpx 0 16rpx;
	font-size: 28rpx;
	color: #333333;
}
.order_m .total_price .price{
	font-size: 44rpx;
	color: #333333;
	font-weight: bold;
	padding-left: 14rpx;
}
.order_m .total_price .price .unit{
	font-size: 22rpx;
}
/* 配送信息&订单信息 */
.section_wrap{
	width: 690rpx;
	background: #FFFFFF;
	border-radius: 5rpx;
	margin-top: 20rpx;
}
.section_wrap .section_name{
	padding: 30rpx;
}
.section {
	padding-bottom: 30rpx;
}
.section .item{
	padding: 30rpx 30rpx 0;
	display: flex;
	font-size: 26rpx;
	color: rgba(0,0,0,.87);
}
.section .item .item_l{
	color: rgba(0,0,0,.54);
}
.section .item .item_r{
	flex: 1;
	text-align: right;
	padding-left: 10rpx;
}
.section .item .item_pay:not(:last-child)::after{
	content: "";
	display: inline-block;
	width: 2rpx;
	height: 14rpx;
	background: #666666;
	margin: 0 18rpx;
}