xiuhuwangqiu/pages/order/css/cg-order.css

page {
	background-color: #F6F7F9 !important;
}

.cg-order .top-tabbar {
	height: 96rpx;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	overflow-x: auto;
	background-color: #F6F7F9 !important;
	margin-bottom: 28rpx;
}

.cg-order .top-tabbar .tab-item.active::after {
	content: '';
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAQCAMAAAB9TOwNAAAAn1BMVEUAAAAAQIAgQIAqVZUwUI8zWZkwWJczV5kyVZU0VZY0XJ0zWZk1WZo1WZo0WJc1WZg0WpszVpk0WJg0V5o1WZg2WZkzWZk0WJk0V5k1WZk2WZk0Wps2Wps2WJo0Wpo1WZk1Wpo1WZk1Wpo2WZo2WZk2WZo1Wpo1WZk1WZo2WZo2Wpo1Wpo1WZk2WZk2WZo1WZk1Wpo2WZk2Wpo2WZk2WppMVWQ4AAAANHRSTlMABAgMEBQgIyQnJygrP0BIT1BUWFxfZGtsc3t/f5OXm5+jp6uvr7O3v8PHz9Pf3+vv8/f7R0m5LAAAAMZJREFUGBmtwQlygjAABdBvUNzFWldADS6YKqiQf/+zSZlqhzIWM+17+BtrFas+DPVVvLIArJkJmjDQDJgJgLrmJy17eFFPaubqsHmnJhYqWRPFOxsi5UN6mHXwi87skPIhFYDLgsvOHbZr+KHWHrq7Cws8ZDyWxcdQLv3cUobHmGUecqOExq5v+NL6oCFl49v4RAOndxQ5e82X6L2DssY0TFghCacNPCEGi03EJ6LNYiBQQXSduS+3SkXnTKTUVvpzpyvwv24yMFfPCBJo4AAAAABJRU5ErkJggg==');
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60rpx;
	height: 16rpx;
}


.tab-item{
	flex-shrink: 0;
	white-space: nowrap;
	flex: auto;
}

.order-list {
	margin: 0 30rpx;
}

.order-list .order-head .state-text {
	padding: 10rpx 12rpx;
	margin-right: 21rpx;
	border-radius: 4rpx;
	background: #FFE7E4;
	font-size: 22rpx;
	color: #F6220C;
}

.shop-name {
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
}

.order-list .item {
	margin-bottom: 30rpx;
	padding: 30rpx;
	background: #ffffff;
	border-radius: 10rpx;
}

.order-list .product-list,
.order-list .one-product {
	padding: 30rpx 0 27rpx 0;
	height: 150rpx;
}

.one-product .pro-info {
	padding: 0 21rpx 0 28rpx;
	display: -webkit-box;
	width: 361rpx;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 26rpx;
	color: #333333;
}

.order-list .cover,
.order-list .cover image {
	width: 150rpx;
	height: 150rpx;
	border-radius: 8rpx;
}

.order-list .total-count {
	padding-left: 20rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.total-count .count {
	padding-top: 16rpx;
	color: #999999;
	font-size: 22rpx;
}

.product-list .total-count {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9);
}

.product-list .total-count .left-shadow {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24rpx;
	width: 24rpx;
	overflow: hidden;
}

.product-list .total-count .left-shadow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 24rpx;
	right: -12rpx;
	display: block;
	content: '';
	background-image: radial-gradient(rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 80%);
}

.order-list .order-bts {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.order-list .order-bts.presale {
	display: block;
	padding-top: 12rpx;
}

.order-list .order-bts button {
	width: 176rpx;
	height: 60rpx;
	line-height: 60rpx;
	margin-left: 20rpx;
	font-size: 32rpx;
	border: 1px solid #F6220C;
	border-radius: 8px;
	background: #ffffff;
	white-space: nowrap;
	font-family: PingFang SC;
}

.order-list .order-bts button::after {
	display: none;
}

.order-list .order-bts button.btn-border-red {
	border: 1px solid $dominant-color;
	font-size: 24rpx;
	color: $dominant-color;
}

.order-list .order-bts button.btn-red {
	background: linear-gradient(90deg, #FF6B6B 4%, #F6220C 100%);
	border-radius: 30rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	color: #ffffff;
	border: none;
}

.buy-checkout {
	width: 100%;
}

.buy-checkout .item {
	min-height: 50rpx;
	line-height: 50rpx;
	padding: 20rpx;
	display: flex;
	justify-content: space-between;
	font-size: 28rpx;
}

.buy-checkout .iconfont.icon-weixin {
	color: #04be01;
	font-size: 50rpx;
}

.buy-checkout .iconfont.icon-yue {
	color: #f0de7c;
	font-size: 50rpx;
}

.buy-checkout .item.active .iconfont.icon-xuanze {
	color: #04be01;
}

.item-dianpu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 24rpx;
	line-height: 30rpx;
}

.item-dianpu .icon-jiantou {
	font-size: 24rpx;
	color: #333333;
}

.item-d-l {
	display: flex;
}

.icon-dianpu1 {
	margin-right: 20rpx;
	color: #333333;
	font-size: 32rpx;
}

.cg-name {
	font-weight: bold;
	font-size: 30rpx;
	color: #303133;
	line-height: 42rpx;
}

.cg-state {
	font-weight: 400;
	font-size: 28rpx;
	color: #FF5951;
	line-height: 40rpx;
}

.cg-info1 {
	font-weight: 500;
	font-size: 30rpx;
	color: #303133;
	line-height: 42rpx;
}

.cg-info2 {
	margin-top: 34rpx;
	font-weight: 400;
	font-size: 26rpx;
	color: #606266;
	line-height: 36rpx;
}

.cg-info3 {
	margin-top: 18rpx;
	font-weight: 400;
	font-size: 26rpx;
	color: #606266;
	line-height: 36rpx;
}

.order-bts .cancel-btn {
	border: 2rpx solid #C2C9D5 !important;
	color: #303133 !important;
}

.order-bts .pay-btn {
	border: 2rpx solid #365A9A !important;
	background-color: transparent !important;
	color: #365A9A !important;
}

.order-bts .del-btn {
	border: 2rpx solid #C2C9D5 !important;
	color: #365A9A !important;
}