web-africa-h5/common/style.scss

body {
	background: #f2f2f2;
	font-size: 24rpx;
}

.container {
	padding: 20rpx;
}

.pointer-enents {
	pointer-events: none;
}

/*color*/
.domation {
	color: #fb3024;
}

.bg-domation {
	background-color: #fb3024;
}

.price-color {
	color: #fb3024;
}

.blue1c {
	color: #1c4b9d;
}

.color-57 {
	color: #575757;
}

.gray {
	color: #cccccc;
}

.gray9 {
	color: #999999;
}

.gray6 {
	color: #666666;
}

.gray1f {
	color: #1f1f1f;
}

.gray28 {
	color: #282828;
}

.gray3 {
	color: #333333;
}
.grayD {
	color: #dddddd;
}

.gray2e {
	color: #2e3840;
}

.white {
	color: #ffffff;
}

.red {
	color: #f6220c;
}

.redEe {
	color: #ee1414;
}

.redF6 {
	color: #f6220c;
}

.redF2 {
	color: #f20a06;
}

.blue {
	color: #28a5ff;
}

.violet {
	color: #a824e4;
}

.yellow {
	color: #ff9008;
}

.yellowD0 {
	color: #d0965a;
}

.orange {
	color: #ff8a00;
}

.green {
	color: #45c242;
}

.brown {
	color: #4f3a1e;
}

.golden {
	color: rgba(168, 112, 13, 1);
}

.c-f2 {
	background: #f2f2f2;
}

/*button*/
button {
	margin: 0;
	font-size: 28rpx;
}
button.theme-btn {
	background: #fb3024;
	border: none;
	color: #ffffff;
}
button.btn-gcred {
	background: #1c4b9d;
	border: none;
	color: #ffffff;
}

button.btn-red {
	border: 1px solid #f6220c;
	background: #f6220c;
	color: #ffffff;
}

button.btn-blue {
	background: #fb3024;
	color: #ffffff;
}

button.btn-violet {
	background: #a824e4;
	color: #ffffff;
}

button.btn-yellow {
	background: #ffd127;
	color: #ffffff;
}

button.btn-gray {
	background: #cccccc;
	color: #ffffff;
}

button.btn-red-border {
	background: #ffffff;
	border: 1px solid #f6220c;
	color: #f6220c;
}

button.btn-gray-border {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #333333;
}

button.btn-green {
	background: #44b549;
	color: #ffffff;
}

button::after {
	border: none;
}

button.btn-red[disabled][type='primary'],
button.btn-gray-border[disabled][type='primary'] {
	background-color: #bbbbbb;
	color: rgba(255, 255, 255, 0.6);
}

/*backgroud*/
.bg-white {
	background: #ffffff;
}

/*border*/
.br12 {
	border-radius: 12rpx;
}

.border {
	border: 1px solid #eee;
}

.border-t {
	border-top: 1px solid #eee;
}

.border-t-d9 {
	border-top: 1px solid #d9d9d9;
}

.border-b {
	border-bottom: 1px solid #eee;
}

.border-b-d9 {
	border-bottom: 1px solid #d9d9d9;
}

.border-b-e {
	border-bottom: 1px solid #eeeeee;
}

.border-b-d {
	border-bottom: 1px solid #d9d9d9;
}

.border-r-e {
	border-right: 1px solid #eeeeee;
}

.border-red {
	border: 1px solid #f6220c;
}

/*position*/
.pr {
	position: relative;
}

.z1 {
	z-index: 1;
}

.pa {
	position: absolute;
}

/**/
.top0 {
	top: 0;
}

.right0 {
	right: 0;
}

.bottom0 {
	bottom: 0;
}

.left0 {
	left: 0;
}

/*font*/
.f20 {
	font-size: 20rpx;
}

.f22 {
	font-size: 22rpx;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}

.f32 {
	font-size: 32rpx;
}

.f34 {
	font-size: 34rpx;
}

.f36 {
	font-size: 36rpx;
}

.f38 {
	font-size: 36rpx;
}

.f40 {
	font-size: 40rpx;
}
.f42 {
	font-size: 42rpx;
}

.f48 {
	font-size: 48rpx;
}

.f50 {
	font-size: 50rpx;
}
.f54 {
	font-size: 54rpx;
}

.f60 {
	font-size: 60rpx;
}

.f64 {
	font-size: 64rpx;
}

.f72 {
	font-size: 72rpx;
}

.fb {
	font-weight: bold;
}

/*text align*/
.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

/*overflow*/
.o-h {
	overflow: hidden;
}

/*word*/
.w-b {
	word-wrap: break-word;
}

/*flex*/
.flex-1 {
	flex: 1;
}
.flex-2 {
	flex: 1;
}
.btPlace {
	width: 192rpx;
	height: 220rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f3f3;
	border: 1px solid #eeeeee;
	border-radius: 4rpx;
	padding: 6rpx 0;
	box-sizing: border-box;
}
/*icon*/
.svg-icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.svg-icon {
	width: 32rpx;
	height: 32rpx;
	color: #cccccc;
}

.icon-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconfont {
	color: #cccccc;
}

.box-s-b {
	box-sizing: border-box;
}

/*width*/
.w150 {
	width: 150rpx !important;
}
.ww100 {
	width: 100%;
}

.ww50 {
	width: 50%;
}

.ww33 {
	width: 33.33333333%;
}

.ww25 {
	width: 25%;
}

.ww20 {
	width: 20%;
}

.hh100 {
	height: 100%;
}

/*padding*/
.p10 {
	padding: 10rpx;
}

.p20 {
	padding: 20rpx;
}

.p30 {
	padding: 30rpx;
}

.p-10-0 {
	padding: 10rpx 0;
}

.p-20-0 {
	padding: 20rpx 0;
}

.p-30-0 {
	padding: 30rpx 0;
}

.p-40-0 {
	padding: 40rpx 0;
}

.p-0-10 {
	padding: 0 10rpx;
}

.p-0-20 {
	padding: 0 20rpx;
}

.p-0-30 {
	padding: 0 30rpx;
}

.p-0-100 {
	padding: 0 100rpx;
}

.pt10 {
	padding-top: 10rpx;
}

.pt16 {
	padding-top: 16rpx;
}

.pt20 {
	padding-top: 20rpx;
}

.pt30 {
	padding-top: 30rpx;
}

.pt40 {
	padding-top: 40rpx;
}

.pt60 {
	padding-top: 60rpx;
}

.pr20 {
	padding-right: 20rpx;
}

.pr30 {
	padding-right: 30rpx;
}

.pr100 {
	padding-right: 100rpx;
}

.pb0 {
	padding-bottom: 0;
}

.pb10 {
	padding-bottom: 10rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.pb30 {
	padding-bottom: 30rpx;
}

.pb60 {
	padding-bottom: 60rpx;
}

.pb38 {
	padding-bottom: 38rpx;
}

.pb40 {
	padding-bottom: 40rpx;
}

.pb100 {
	padding-bottom: 100rpx;
}
.pb200 {
	padding-bottom: 200rpx;
}
/*margin*/
.m20 {
	margin: 20rpx !important;
}
.m-0-10 {
	margin: 0 10rpx !important;
}

.m-0-20 {
	margin: 0 20rpx !important;
}

.mt10 {
	margin-top: 10rpx !important;
}

.mt20 {
	margin-top: 20rpx !important;
}

.mt30 {
	margin-top: 30rpx !important;
}

.mt36 {
	margin-top: 36rpx !important;
}

.mt40 {
	margin-top: 40rpx !important;
}
.mt50 {
	margin-top: 50rpx !important;
}

.mt60 {
	margin-top: 60rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mr40 {
	margin-right: 40rpx;
}

.mb6 {
	margin-bottom: 6rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb16 {
	margin-bottom: 16rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb23 {
	margin-bottom: 23rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb40 {
	margin-bottom: 40rpx;
}

.mb50 {
	margin-bottom: 50rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.ml26 {
	margin-left: 26rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.ml80 {
	margin-left: 80rpx;
}

/*display*/
.d-f {
	display: flex;
}

.d-c-c {
	display: flex;
	justify-content: center;
	align-items: center;
}

.d-c-e {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.d-s-c {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.d-s-e {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.d-s-s {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.d-e-c {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.d-b-c {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.d-b-s {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.d-b-e {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.d-e-e {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.d-a-c {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.d-a-s {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.d-c-s {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.d-c {
	flex-direction: column;
}

.d-r {
	flex-direction: row;
}

.d-stretch {
	align-items: stretch;
	align-content: stretch;
}

.f-w {
	flex-wrap: wrap;
}

.w-s-n {
	white-space: nowrap;
}

.text-l-t {
	text-decoration: line-through;
}

.lh100 {
	line-height: 100%;
}

.lh150 {
	line-height: 150%;
}

.lh200 {
	line-height: 200%;
}

.radius {
	border-radius: 50%;
}

.radius8 {
	border-radius: 8rpx;
}

/*ellipsis*/
.text-ellipsis {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.text-ellipsis-2 {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*btn*/
uni-button:after {
	border: 0;
}

.text-d-line {
	text-decoration: line-through;
}

image {
	display: block;
	vertical-align: top;
	vertical-align: text-top;
	vertical-align: bottom;
	vertical-align: text-bottom;
	font-size: 0;
}

/* image{ background: url(./static/default.png)  center center no-repeat; background-size:100% 100%;} */

/**/
.none-data-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 80rpx 30rpx;
}

.none-data-box image {
	background: none;
	width: 200rpx;
}

.none-data-box text {
	padding-top: 30rpx;
	font-size: 30rpx;
	color: #999999;
}

/*search*/
/*search*/

.index-search-box {
	background: #efefef;
	padding: 16rpx 20rpx 18rpx 20rpx;
	border-bottom: 1px solid #d8d8d8;
}

.index-search-box-cate {
	background: $dominant-color;
	padding: 20rpx;
	padding-bottom: 60rpx;
	/* border-bottom: 1px solid #d8d8d8; */
}

.index-search {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 20rpx;
	height: 80rpx;
	line-height: 80rpx;
	background: #ffffff;
	border-radius: 16rpx;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	font-size: 30rpx;
	color: #999;
	box-sizing: border-box;
}

.index-search-cate {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 30rpx;
	height: 60rpx;
	line-height: 60rpx;
	background: #f2f2f2;
	border-radius: 30rpx;
	border: 1px solid #d7d7d7;
	overflow: hidden;
	font-size: 26rpx;
	color: #999;
	box-sizing: border-box;
}

.index-search-box_re {
	background: #ffffff;
	padding: 14rpx 20rpx 18rpx 20rpx;
	border-bottom: none;
}

.index-search_re {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 20rpx;
	height: 60rpx;
	line-height: 60rpx;
	background: #f2f2f2;
	border-radius: 30rpx;
	border: none;
	overflow: hidden;
	font-size: 26rpx;
	color: #999;
	box-sizing: border-box;
}

.index-search .svg-icon {
	margin-right: 10rpx;
}

/*group*/
.group {
	margin-top: 20rpx;
	padding: 10rpx 30rpx;
}

.group-white {
	margin-top: 30rpx;
	padding: 10rpx 30rpx;
	border-radius: 16rpx;
	background: #ffffff;
}

.group-hd {
	display: flex;
	justify-content: space-between;
	height: 90rpx;
}

.group-hd .left,
.group-hd .right {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.group-hd .left .name {
	margin-right: 10rpx;
	font-size: 36rpx;
	font-weight: bold;
	line-height: 90rpx;
}

.group-hd .left .min-name {
	margin-right: 10rpx;
	font-size: 30rpx;
	line-height: 90rpx;
}

.group-hd .left .svg-icon {
	margin-right: 10rpx;
}

.group-hd .left .num {
	font-size: 30rpx;
}

.group-hd .right .more {
	font-size: 28rpx;
	color: #999999;
	line-height: 90rpx;
}

.group-hd .right .svg-icon {
	margin-left: 10rpx;
}

.group-bd .list {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	justify-content: space-between;
}

/*product*/
.product-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product-list .item {
	width: 340rpx;
	background: #ffffff;
	margin-top: 30rpx;
	border-radius: 8rpx;
}

.product-list .item image {
	width: 340rpx;
	height: 340rpx;
}

.product-list .item .info {
	padding: 0 20rpx;
}

.product-list .item .name {
	height: 80rpx;
	line-height: 40rpx;
}

.product-list .item .price {
	height: 80rpx;
	line-height: 80rpx;
	color: #f6220c;
}

.product-list .item .unit {
	font-size: 22rpx;
}

.product-list .item .num {
	font-size: 44rpx;
}

/*comment*/
.product-comment .group-hd,
.product-content .group-hd {
	padding: 0 30rpx;
}

.comment-list {
	padding: 0 30rpx;
}

.comment-list .item {
	padding: 20rpx 0;
	border-top: 1px solid #dddddd;
}

.comment-list .cmt-user {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.comment-list .cmt-user .left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.comment-list .cmt-user .photo {
	width: 80rpx;
	height: 80rpx;
	margin-right: 20rpx;
	border-radius: 40rpx;
	background: #eeeeee;
}

.comment-list .cmt-user .name {
	font-size: 24rpx;
}

.comment-list .cmt-user .datetime {
	font-size: 24rpx;
	color: #cccccc;
}

/**/
.one-product .cover,
.one-product .cover image {
	width: 160rpx;
	height: 160rpx;
}

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

.one-product .price {
	color: #e2231a;
}

/*order state*/
.order-state {
	position: relative;
	padding: 30rpx;
	background: #e2231a;
	color: #ffffff;
	opacity: 0.8;
}

.order-state .icon-box .iconfont {
	font-size: 50rpx;
	color: #ffffff;
}

.order-state .state-cont {
	margin-left: 20rpx;
	font-size: 24rpx;
}

.order-state .dot-bg {
	width: 60rpx;
	height: 40rpx;
	right: 200rpx;
	top: 0;
	border-radius: 0 0 50% 50%/50%;
}

.order-state .dot-bg,
.order-state::after {
	content: '';
	position: absolute;
	background-image: -webkit-linear-gradient(53deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.1) 78%);
	background-image: linear-gradient(37deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.1) 78%);
}

.order-state:before {
	content: '';
	position: absolute;
	width: 50px;
	height: 20px;
	left: 0;
	bottom: 0;
	border-radius: 0 100% 0 0;
	background-image: -webkit-linear-gradient(60deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.1) 69%);
	background-image: linear-gradient(30deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.1) 69%);
}

.order-state::after {
	width: 50rpx;
	height: 90rpx;
	right: 0;
	bottom: 0;
	border-radius: 100% 0 0 100%/50%;
}

/*confirm order*/
.add-address {
	padding: 20rpx;
}

.address-defalut-wrap {
	padding: 20rpx 30rpx;
	background: #ffffff;
}

.address-defalut-wrap .info {
	display: flex;
	font-size: 24rpx;
}

.address-defalut-wrap .info .state,
.address-defalut-wrap .info .type {
	padding: 2rpx 10rpx;
	margin-right: 10rpx;
	background: #f6220c;
	color: #ffffff;
	border-radius: 8rpx;
	font-size: 22rpx;
}

.address-defalut-wrap .info .type {
	background: #007aff;
}

.address-defalut-wrap .info .province-c-a {
	color: #666666;
	line-height: 1.2;
}

.address-defalut-wrap .address {
	margin-top: 16rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.address-defalut-wrap .address text {
	flex: 1;
	font-size: 32rpx;
}

.address-defalut-wrap .address .icon-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 60rpx;
	height: 60rpx;
}

.address-defalut-wrap .user {
	margin-top: 16rpx;
	font-size: 24rpx;
}

.address-defalut-wrap .user .name {
	margin-right: 10rpx;
}

.addree-bottom {
	width: 750rpx;
	height: 16rpx;
	background: #f2f2f2;
	display: flex;
	overflow: hidden;
}

.addree-bottom .stripe {
	flex: 1;
	display: flex;
}

.addree-bottom .stripe text {
	display: block;
	height: 10rpx;
	transform: skew(-45deg);
}

.addree-bottom .stripe .red {
	flex: 4;
	background: #f6220c;
}

.addree-bottom .stripe .white {
	flex: 1;
	background: #ffffff;
}

.addree-bottom .stripe .blue {
	flex: 4;
	background: #8bb5e8;
}

.vender,
.wrap .buy-checkout,
.buyer-message {
	margin-top: 20rpx;
	background: #ffffff;
}

.vender .group-hd {
	padding: 0 30rpx;
	border-bottom: 1px solid #eeeeee;
}

.vender .list .item {
	/* display: flex; */
	padding: 20rpx 30rpx;
	border-bottom: 1px solid #eeeeee;
}

.vender .list .cover {
	width: 150rpx;
	height: 150rpx;
}

.vender .list .cover image {
	width: 100%;
	height: 100%;
}

.vender .list .info {
	flex: 1;
	padding-left: 20rpx;
	box-sizing: border-box;
	overflow: hidden;
}

.vender .list .title,
.vender .list .describe {
	width: 340rpx;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.vender .list .describe {
	font-size: 24rpx;
	color: #999999;
}

.vender .list .price {
	color: #333333;
	font-size: 20rpx;
}

.vender .list .price .num {
	padding: 0 4rpx;
	font-size: 32rpx;
}

.vender .level-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vender .level-box .key {
	font-size: 24rpx;
	color: #999999;
}

.vender .level-box .num-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.vender .level-box .icon-box {
	width: 60rpx;
	height: 60rpx;
	border: 1px solid #dddddd;
	background: #f7f7f7;
}

.vender .level-box .text-wrap {
	margin: 0 4rpx;
	height: 60rpx;
	line-height: 0;
	border: 1px solid #dddddd;
	background: #f7f7f7;
}

.vender .level-box .text-wrap input {
	padding: 0 10rpx;
	height: 60rpx;
	line-height: 0;
	text-align: center;
	width: 80rpx;
	font-size: 24rpx;
}

.vender .total-box {
	display: flex;
	justify-content: space-between;
	padding: 0 30rpx;
	height: 80rpx;
	line-height: 80rpx;
}

.buy-checkout .item {
	min-height: 50rpx;
	line-height: 50rpx;
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eeeeee;
	font-size: 26rpx;
}

.buyer-message {
	padding: 20rpx;
	font-size: 28rpx;
}

.buyer-message .textarea {
	width: 100%;
	height: 60rpx;
	line-height: 60rpx;
	padding: 10rpx;
	box-sizing: border-box;
	font-size: 28rpx;
	background: #eeeeee;
}

.foot-pay-btns {
	position: fixed;
	padding: 0 20rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	right: 0;
	bottom: 0;
	left: 0;
	height: 120rpx;
	background: #ffffff;
	border-top: 1rpx solid #eeeeee;
	z-index: 99;
}

.foot-pay-btns .price,
.vender .total-box .price,
.buy-checkout .price {
	color: #f6220c;
}

.foot-pay-btns .price .num {
	font-size: 44rpx;
	font-weight: bold;
}

.foot-pay-btns button {
	margin: 0;
	padding: 0 40rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 30rpx;
	font-size: 32rpx;
	background: #f6220c;
}

.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: #3a6abf;
}

/*more upload img*/
.upload-list {
	flex-wrap: wrap;
}

.upload-list .item {
	width: 220rpx;
	height: 220rpx;
	margin-top: 20rpx;
	margin-right: 16rpx;
	border: 1px solid #dddddd;
}

.upload-list .item:nth-child(3n),
.upload-list .item.upload-btn {
	margin-right: 0;
}

.upload-list .item,
.upload-list .item image {
	width: 214rpx;
	height: 214rpx;
}

.upload-list .upload-btn .iconfont {
	font-size: 60rpx;
}

/*coupon*/
.coupon-item {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 200rpx;
	color: #ffffff;
}

.coupon-item .circles {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: stretch;
	z-index: 30;
}

.coupon-item .circles text {
	display: block;
	width: 10rpx;
	height: 20rpx;
	background: #ffffff;
	border-radius: 0 10rpx 10rpx 0;
}

.coupon-item .info {
	position: relative;
	padding: 0 30rpx 0 40rpx;
	width: 40rpx;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40rpx;
	line-height: 40rpx;
	border-right: 4rpx dashed rgba(255, 255, 255, 0.4);
}

.coupon-item .info::before,
.coupon-item .info::after {
	position: absolute;
	display: block;
	content: '';
	width: 30rpx;
	height: 15rpx;
	background: #ffffff;
	z-index: 10;
}

.coupon-item .info::before {
	top: 0;
	right: -16rpx;
	border-radius: 0 0 15rpx 15rpx;
}

.coupon-item .info::after {
	bottom: 0;
	right: -16rpx;
	border-radius: 15rpx 15rpx 0 0;
}

.coupon-item-red {
	background: #e62423;
	/* linear-gradient(-128deg, #ff6d6d, #ff3636); */
}

.coupon-item-blue {
	background: #178ed9;
	/* linear-gradient(-128deg, #1fd6ff, #3661ff); */
}

.coupon-item-violet {
	background: #ab0bf6;
	/* linear-gradient(-128deg, #d63efc, #6600c3); */
}

.coupon-item-yellow {
	background: #f4a50b;
	/* linear-gradient(-128deg, #ffe31f, #ffaf36); */
}

.coupon-item-gray {
	background: #999999;
	/* linear-gradient(-128deg, #888888, #999999); */
}

.coupon-item .operation {
	position: relative;
	height: 100%;
	padding-left: 30rpx;
	flex: 1;
	overflow: hidden;
	box-sizing: border-box;
}

.coupon-item .operation .coupon-content {
	height: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-direction: column;
}

.coupon-item .btns {
	padding: 0 30rpx;
	width: 30rpx;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.coupon-item .right-box {
	padding-right: 30rpx;
}

.coupon-item .btns button {
	text-align: 0;
	padding: 0;
	width: 30rpx;
	border-radius: 0;
	font-size: 30rpx;
	line-height: 36rpx;
	background: none;
}

.rule-wrap {
	overflow: hidden;
	height: 0;
}

.rule-wrap.rule-wrap-auto {
	height: auto;
}

.item-wrap .rule {
	padding: 30rpx;
	box-sizing: border-box;
	border-top: dashed 1px #cccccc;
	background: #ffffff;
}

/*top-tab*/
.top-tabbar {
	height: 96rpx;
	line-height: 96rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20rpx;
	box-sizing: border-box;
	background: #ffffff;
	border-bottom: 1px solid #f2f2f2;
}

.tab-item {
	flex: 1;
	height: 96rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30rpx;
	color: #999999;
}

.tab-item.active {
	/* border-bottom: 2px solid #f6220c; */
	color: #333333;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	position: relative;
}

.tab-item.active::after {
	content: '';
	width: 48rpx;
	height: 6rpx;
	background: #fb3024;
	border-radius: 2rpx;
	position: absolute;
	bottom: 8rpx;
}

.active-top-tab {
	/* position: absolute; */
	/* bottom: 125rpx; */
	/* z-index: 22; */
	/* width: 100%; */
}

/*列表刷新*/
.top-refresh {
	overflow: hidden;
	height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: height 0.5s;
}

.top-refresh.open {
	height: 96rpx;
}

.top-refresh .circle {
	width: 30rpx;
	height: 30rpx;
	margin: 0 10rpx;
	background: #cccccc;
	border-radius: 50%;
	transform: scale(0);
	animation: bulge 2s infinite ease-in-out;
}

@keyframes bulge {
	50% {
		transform: scale(1);
	}
}

.top-refresh .circle:nth-child(1) {
	animation-delay: 0s;
}

.top-refresh .circle:nth-child(2) {
	animation-delay: 0.25s;
}

.top-refresh .circle:nth-child(3) {
	animation-delay: 0.5s;
}

/*foot-btns*/
.foot-btns {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 90rpx;
	padding: 0 30rpx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 99;
	background: #ffffff;
	box-shadow: 0 -2rpx 8rpx 0 rgba(0, 0, 0, 0.1);
}

/*cover*/
uni-image {
	width: 100%;
	height: 100%;
}

.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	background-color: #f6220c;
}

.top_view {
	height: var(--status-bar-height);
	width: 100%;
	position: fixed;
	background-color: #f6220c;
	top: 0;
	z-index: 9999;
}

/*  */
.select_spec {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 26rpx;
	color: #333333;
}

.state_top {
	width: 100%;
	height: 50rpx;
}

.pt27 {
	padding-top: 27rpx;
}

.set-group {
	background: #ffffff;
	padding: 0 33rpx 0 28rpx;
	margin-bottom: 20rpx;
}

.add-group {
	box-shadow: 0rpx 13rpx 27rpx 0rpx rgba(172, 172, 172, 0.09);
	border-radius: 2rpx;
	margin: 0 30rpx;
	margin-bottom: 23rpx;
}

.set-group-item {
	height: 110rpx;
	line-height: 110rpx;
	font-size: 28rpx;
	color: #333;
	border-bottom: 1rpx solid #eee;
}

.set-group-item:last-child {
	border: none;
}

.set-group-item .icon-jiantou {
	font-size: 28rpx;
	color: #999;
	margin-left: 14rpx;
}

.set-group-item .icon-jiantou.hide {
	color: #00000000;
}

.letter-4 {
	letter-spacing: 4rpx;
}

.letter-8 {
	letter-spacing: 8rpx;
}

.logo-image {
	width: 47rpx;
	height: 54rpx;
}

::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
}

.agreement-content {
	max-height: 60vh;
	overflow-y: auto;
}

.normal-sub-btn {
	width: 692rpx;
	height: 88rpx;
	background: #fb3024;
	border-radius: 44rpx;
	line-height: 88rpx;
	font-size: 30rpx;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.pop-bg {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 98;
}

.pop-success {
	position: fixed;
	z-index: 99;
	width: 665rpx;
	background: #ffffff;
	border-radius: 20rpx;
	padding: 50rpx 20rpx;
	box-sizing: border-box;
	height: 465rpx;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.pop-btn {
	min-width: 264rpx;
	padding: 0 20rpx;
	font-size: 30rpx;
	line-height: 76rpx;
	text-align: center;
	color: #f9f9f9;
	height: 76rpx;
	background: #fb3024;
	border-radius: 38rpx;
}

.popupShow {
	overflow: hidden;
	position: fixed;
}

/* .rightpop */
.rightpop .pop-title {
	position: sticky;
	top: 0;
	right: 0;
	z-index: 102;
	height: 85rpx;
	// background: #fff1f1;
	border-bottom: 1px solid #eee;
	padding: 0 26rpx 0 23rpx;
}

.rightpop.pop-content {
	width: 645rpx;
	height: 100vh;
	padding-bottom: 168rpx;
	box-sizing: border-box;
	background: #ffffff;
	overflow-y: auto;
	/* #ifdef APP-PLUS */
	padding-top: var(--status-bar-height);
	/* #endif */
	/* #ifndef APP-PLUS */
	padding-top: 90rpx;
	/* #endif */
}

.rightpop .right-item-title {
	height: 105rpx;
	font-size: 30rpx;
	font-weight: bold;
	padding-left: 24rpx;
	line-height: 105rpx;
}

.rightpop .checkbox-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0 0 0 24rpx;
}

.rightpop .checkbox-item {
	min-width: 192rpx;
	max-width: 598rpx;
	text-align: center;
	line-height: 52rpx;
	height: 52rpx;
	background: #f4f4f4;
	border-radius: 26rpx;
	margin-right: 11rpx;
	margin-bottom: 19rpx;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	flex-shrink: 0;
	padding: 0 20rpx;
	box-sizing: border-box;
}

.rightpop .checkbox-item.active {
	background-color: #fb3024;
	color: #ffffff;
}

.rightpop .data-input {
	width: 262rpx;
	height: 52rpx;
	background: #f4f4f4;
	border-radius: 26rpx;
	font-size: 24rpx;
	color: #999;
	text-align: center;
	line-height: 52rpx;
}

.rightpop .pop-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
}

.rightpop .pop-left-btn,
.rightpop .pop-right-btn {
	flex: 1;
	height: 97rpx;
	flex-shrink: 0;
	text-align: center;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32rpx;
}

.rightpop .pop-left-btn {
	background: #f3f3f3;
	color: #333;
}

.rightpop .pop-right-btn {
	background: #fb3024;
	color: #fff;
}

.order-userinfo-box {
	width: 704rpx;
	box-sizing: border-box;
	padding: 0 22rpx 0 22rpx;
	margin-bottom: 20rpx;
	background: #ffffff;
	border-radius: 20rpx;
	word-break: break-all;
	line-height: 1.5;
	.info-title {
		padding-top: 39rpx;
		margin-bottom: 15rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #222;
	}
	.info-item {
		padding: 20rpx 0;
		.info-name {
			width: 215rpx;
			flex-shrink: 0;
			word-break: break-all;
			font-size: 24rpx;
			color: #999;
		}
		.info-content {
			word-break: break-all;
			font-size: 24rpx;
			color: #333;
		}
	}
	.info-bottom {
		height: 112rpx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
}
.pb100 {
	padding-bottom: 100rpx;
}
.line-h-15 {
	line-height: 1.5;
}
.line-h-2 {
	line-height: 2;
}
.search-data {
	height: 102rpx;
	padding: 0 24rpx 0 26rpx;
	background-color: #fff;
	.picker-item-data {
		width: 158rpx;
		height: 54rpx;
		border-bottom: 1rpx solid #eee;
		line-height: 54rpx;
		color: #999;
		font-size: 24rpx;
		text-align: center;
	}
	.search-radio {
		width: 47rpx;
		height: 47rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fb3024;
		border-radius: 50%;
		margin-left: 52rpx;
		.icon.icon-sousuo {
			color: #fff;
			font-size: 24rpx;
		}
	}
}
.order-product {
	.product-item {
		width: 100%;
		padding: 20rpx 0;
		border-bottom: 1rpx solid #eee;
		.product-img {
			width: 132rpx;
			height: 132rpx;
			border-radius: 10rpx;
			display: block;
			margin-right: 20rpx;
			flex-shrink: 0;
		}
		.product-info {
			height: 132rpx;
		}
		.secend-product {
			.s-product-img {
				width: 50rpx;
				height: 50rpx;
				border-radius: 10rpx;
				margin-right: 18rpx;
				flex-shrink: 0;
			}
			width: 706rpx;
			background: #f5f5f5;
			padding: 23rpx 26rpx 20rpx 21rpx;
			box-sizing: border-box;
		}
	}
	.product-item:last-child {
		border: none;
	}
}
.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
	float: right;
	color: #fb3024;
}
.common.picker {
	border-radius: 15rpx;
	font-size: 28rpx;
	padding: 0 28rpx 0 20rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12rpx;
	box-sizing: border-box;
	width: 192rpx;
	height: 62rpx;
	border: 1px solid #eeeeee;
	border-radius: 10rpx;
}
.prefecture.form-group {
	padding: 0 22rpx;
	background: #ffffff;
	.form-item {
		min-height: 104rpx;
		box-sizing: border-box;
		padding: 15rpx 0;
		line-height: 1.5;
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 1rpx solid #eee;
		.icon-jiantou {
			font-size: 32rpx;
			color: 090000;
		}
		.form-tips {
			font-size: 24rpx;
			color: #999;
		}
		.form-label {
			width: 260rpx;
			flex-shrink: 0;
			word-break: break-all;
			margin-right: 20rpx;
			font-size: 28rpx;
		}
		.disabled-input {
			width: 450rpx;
			height: 78rpx;
			padding: 0 18rpx;
			line-height: 78rpx;
			background: #f5f5f5;
			font-size: 28rpx;
			color: #333;
			flex: 1;
		}
		.form-textarea {
			width: 450rpx;
			padding: 0 18rpx;
			line-height: 1.5;
			font-size: 28rpx;
			color: #333;
			flex: 1;
			background: #fff;
		}
		.form-input {
			height: 78rpx;
			padding: 0 18rpx;
			line-height: 78rpx;
			background: #fff;
			font-size: 28rpx;
			color: #333;
			flex: 1;
			&.bg {
				background-color: #eeeeee;
				border-radius: 10rpx;
			}
		}
	}
	.form-item:last-child {
		border: none;
	}
	/* address */
	.address-item {
		padding: 20rpx 25rpx;
		background-color: #fff;
		border-bottom: 1rpx solid #eee;
	}
	.address-item:last-child {
		border: none;
	}
	.add_icon_img.edit {
		width: 34rpx;
		height: 34rpx;
		flex-shrink: 0;
	}
	.add_icon_img.delete {
		width: 34rpx;
		height: 34rpx;
		flex-shrink: 0;
	}
	.small-text-btn {
		// width: 59rpx;
		font-size: 20rpx;
		padding: 0 9rpx;
		box-sizing: border-box;
		height: 31rpx;
		color: #fff;
		background: #181818;
		border-radius: 16rpx;
		margin-left: 20rpx;
	}
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border-color: rgb(251, 48, 36);
}
.u-popup .rightPopup {
	padding-top: 90rpx;
	width: 322px;
	height: 100vh;
	padding-bottom: 84px;
	box-sizing: border-box;
	background: #ffffff;
	overflow-y: auto;
}