.body-no-scroll {
	  overflow: hidden !important;
	}
.bg-color {
	@include main_bg_color(theme);
}
.font-color{
	@include main_color(theme);
}
.icon-xiangyou{
	font-size: 20rpx !important;
}
.pages-activity-goods_seckill-index ,.pages-discover-discover_details-index,.pages-discover-discover_recommend-index{
	background-color: #fff !important;
}
.uni-tabbar-bottom{
	bottom: 0;
}

/**
 * 从底部弹出
 */
.mask-popup{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 77;
	border-radius: 16rpx 16rpx 0 0;
	transform: translate3d(0, 100%, 0);
	transition: all .2s cubic-bezier(0, 0, .25, 1);
	background: #ffffff;
	border-radius: 16rpx 16rpx 0 0;
	&.on {
		transform: translate3d(0, 0, 0);
	}

}

//缺省页样式
.empty-box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-bottom: 60rpx;
		image{
			width: 414rpx;
			height: 305rpx;
		}
		.txt, text{
			font-size: 26rpx;
			color: #999;
		}
	}
//导航页底部适配是否自定义导航
.footerBottom{
	width: 100%;
	height: auto;
	padding-bottom: 100rpx;
	padding-bottom: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
	padding-bottom: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
}
.activityProgress {
		overflow: hidden;
		background-color: #5E2400;
		width: 56rpx;
		border-radius: 18rpx;
		height: 6rpx;
		position: relative;
		.bg-reds{
			background-color: #FE960F;
			height: 100%;
		}
	}

	.loadingpic {
		animation: load 3s linear 1s infinite;
		--webkit-animation: load 3s linear 1s infinite
	}

	.loading-list {
		animation: load linear 1s infinite;
		-webkit-animation: load linear 1s infinite;
		font-size: 40rpx;
		margin-right: 22rpx
	}

	.loading {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		align-items: center;
		justify-content: center;
		position: relative;
		text-align: center
	}

	.loading .line {
		position: absolute;
		width: 450rpx;
		left: 150rpx;
		top: 50rpx;
		height: 1px;
		border-top: 1px solid #eee
	}

	.loading .text {
		position: relative;
		display: inline-block;
		padding: 0 20rpx;
		background: #fff;
		z-index: 2;
		color: #777
	}

	.loadingicon .loading {
		animation: load linear 1s infinite;
		font-size: 45rpx;
		color: #000
	}

	.loadingicon {
		width: 100%;
		height: 80rpx;
		overflow: hidden
	}


.product-con .wrapper {
	background-color: #fff;
	padding: 24rpx;
	margin-top: 20rpx;
}


.product-con .wrapper .share .money {
	font-size: 28rpx;
	font-weight: 700
}

.product-con .wrapper .share .money .num {
	font-size: 48rpx
}

.product-con .wrapper .share .money .vip-money {
	color: #282828;
	margin-left: 13rpx
}

.product-con .wrapper .share .money image {
	width: 44rpx;
	height: 28rpx;
	margin-left: 14rpx
}

.product-con .wrapper .share .money .vip-money {
	color: #282828;
	margin-left: 13rpx
}

.product-con .wrapper .share .iconfont {
	color: #999;
	font-size: 36rpx;
	margin-bottom: 10rpx
}

.product-con .wrapper .introduce {
	font-size: 32rpx;
	font-weight: 700;
}

.product-con .wrapper .label {
	margin-top: 26rpx;
	font-size: 24rpx;
	color: #82848f;
}

.product-con .wrapper .coupon {
	margin-top: 40rpx;
	font-size: 26rpx;
	color: #82848f
}

.product-con .wrapper .coupon .activity {
	height: 40rpx;
	padding: 0 20rpx;
	@include coupons_border_color(theme);
	@include main_color(theme);
	font-size: 24rpx;
	line-height: 40rpx;
	position: relative;
	margin-left: 4rpx;
}

.product-con .wrapper .coupon .activityBox {
	margin-left: 4rpx;
}

.product-con .wrapper .coupon .activity:before {
	content: ' ';
	position: absolute;
	width: 7rpx;
	height: 10rpx;
	border-radius: 0 7rpx 7rpx 0;
	border: 1rpx solid #f2857b;
	// @include coupons_border_color(theme);
	background-color: #fff !important;
	bottom: 50%;
	left: -3rpx;
	margin-bottom: -6rpx;
	border-left-color: #fff;
}

.product-con .wrapper .coupon .activity:after {
	content: ' ';
	position: absolute;
	width: 7rpx;
	height: 10rpx;
	border-radius: 7rpx 0 0 7rpx;
	border: 1rpx solid #f2857b;
	// @include coupons_border_color(theme);
	background-color: #fff;
	right: -3rpx;
	bottom: 50%;
	margin-bottom: -6rpx;
	border-right-color: #fff
}

.product-con .wrapper .coupon .iconfont {
	color: #7a7a7a;
	font-size: 24rpx
}

.product-con .attribute {
	background-color: #fff;
	padding: 24rpx;
	font-size: 26rpx;
	color: #82848f;
	// height: 160rpx;
}

.product-con .attribute .atterTxt {
	font-size: 28rpx;
	color: #282828;
	margin-left: 4rpx;
}

.product-con .attribute .iconfont {
	font-size: 24rpx;
	color: #7a7a7a
}

.product-con .userEvaluation {
	// padding: 0 30rpx;
}

.product-con .userEvaluation i{
	font-style: normal;
	margin-left: 8rpx;
	font-size: 24rpx;
	color: #999999;
}

.product-con .userEvaluation .title {
	height: 86rpx;
	background-color: #fff;
	font-size: 28rpx;
	color: #282828;
	padding: 0 24rpx;
	border-top-left-radius: 14rpx;
	border-top-right-radius: 14rpx;
}

.product-con .userEvaluation .title .praise {
	font-size: 28rpx;
	color: grey
}

.product-con .userEvaluation .title .praise .iconfont {
	color: #7a7a7a;
	font-size: 24rpx;
	vertical-align: 1rpx;
	margin-left: 8rpx
}

.product-con .product-intro {
	position: relative;
	overflow: hidden;
	margin: 20rpx 20rpx 0 20rpx;
	border-radius: 12rpx;
}
.product-con .product-intro image {
	width: 20rpx;
	height: 20rpx;
}
.product-con .product-intro .title {
	font-size: 30rpx;
	color: #282828;
	height: 102rpx;
	width: 100%;
	text-align: center;
	line-height: 102rpx
}
.product-con .product-intro .title .sp{
	margin: 0 14rpx;
}

.product-con .product-intro .conter {
	width: 100%!important;
	height: unset!important;
	word-wrap: break-word;
	overflow: hidden;
	img {
		width: 710rpx !important;
		display: block!important;
	}
}

.newsDetail .conter {
	padding: 0 30rpx;
	word-wrap: break-word;
}



.newsDetail .conter image {
	width: 100%!important;
	display: block!important
}

.goodsStyle {
	background-color: #fff;
	padding: 20rpx 24rpx;
}

.goodsStyle .pictrue {
	width: 120rpx;
	height: 120rpx
}

.goodsStyle .pictrue image {
	width: 100%;
	height: 100%;
	border-radius: 6rpx
}

.goodsStyle .text {
	width: 500rpx;
	font-size: 28rpx;
	color: #333333
}

.goodsStyle .text .name, .attr {
	// width: 360rpx;
	color: #282828;
	height: 2;
}

.goodsStyle .text .money {
	text-align: right;
	color: #999999;
	font-size: 28rpx;
}

.goodWrapper .item .pictrue {
	width: 130rpx;
	height: 130rpx;
	border-radius: 14rpx;
	overflow: hidden;
}

.goodWrapper .item .pictrue image {
	width: 100%;
	height: 100%;

}

.goodWrapper .item .text {
	width: 502rpx;
	position: relative
}

.goodWrapper .item .text .name {
	font-size: 28rpx;
	color: #282828;
}

.goodWrapper .item .text .num {
	font-size: 26rpx;
	color: #999999;
}

.goodWrapper .item .text .attr {
	font-size: 20rpx;
	color: #999999;
	margin-top: 20rpx
}

.goodWrapper .item .text .money {
	font-size: 26rpx;
	margin-top: 20rpx
}

.goodWrapper .item .evaluate {
	position: absolute;
	width: 114rpx;
	height: 46rpx;
	border: 1rpx solid #bbb;
	border-radius: 4rpx;
	text-align: center;
	right: 0;
	bottom: -5rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.goodWrapper .item .text .evaluate.userEvaluated {
	font-size: 26rpx;
	color: #aaa;
	background-color: #f7f7f7;
	border-color: #f7f7f7
}

.promoterHeader {
	width: 100%;
	height: 220rpx
}

.promoterHeader .headerCon{width:100%;height:100%;padding:58rpx 60rpx 0 60rpx;box-sizing:border-box;font-size:28rpx;color:#fff;background-image:url('data:image/png;base64, ');background-repeat:no-repeat;background-size:100% 100%;}
.promoterHeader .headerCon .name{margin-bottom:10rpx;}
.promoterHeader .headerCon .num{font-size:50rpx;}
.promoterHeader .headerCon .iconfont{font-size:125rpx;}
.sign-record .list .item .data{height:80rpx;line-height:80rpx;font-size:24rpx;color:#666;}
.sign-record .list .item .listn{ font-size:24rpx;color:#999;background-color: #fff;}
.sign-record .list .item .listn .itemn{
	border-bottom: 1rpx solid #eee;
	padding: 20rpx 0;
	margin: 0 20rpx;
	}
.sign-record .list .item .listn .itemn:last-child{
	border: none;
}
.sign-record .list .item .listn .itemn .name{width:390rpx;font-size:28rpx;color:#282828;margin-bottom:10rpx;}
.sign-record .list .item .listn .itemn .num{font-size:36rpx;font-family: 'Guildford Pro';color:#16ac57;}
.coupon-list{
	padding:0 24rpx;margin-top:25rpx;
}
.coupon-list .item{width:100%;height:190rpx;margin-bottom:16rpx;}
.coupon-list .item .money
{
	background-repeat:no-repeat;background-size:100% 100%;width:240rpx;height:100%;color:#fff;font-size:36rpx;font-weight:bold;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;
	background-image: radial-gradient(circle at left center, #fff, #fff 6px, transparent 0px),url('data:image/png;base64, ');

}
.coupon-list .item .money.moneyGray{
	background-color: #bbb;
}
.coupon-list .item .money .num{font-size:50rpx;}
.coupon-list .item .text{width:460rpx;height: 100%;padding:0 14rpx;box-sizing:border-box;background-color:#fff;}
.coupon-list .item .text .condition{
	flex-wrap: inherit !important;
	font-size:28rpx;
	color:#282828;
	padding-top: 18rpx;
	margin-bottom: 16rpx;
	height: 94rpx;
	.line2{
		width: 342rpx;
	}
	.line-title {
		width: 72rpx;
		margin-top: 7rpx;
		box-sizing: border-box;
		background: #fff;
		opacity: 1;
		border-radius: 20rpx;
		font-size: 20rpx;
		height: 30rpx;
		//line-height: 24rpx;
		margin-right: 12rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		//text-align: center;
	}
}
.coupon-list .item .text .data{
	font-size:20rpx;
	color:#999;
	border-top: 1px solid #F0F0F0;
	padding-top: 25rpx;
}
.coupon-list .item .text .data .bnt{width:136rpx;height:44rpx;border-radius:22rpx;font-size:22rpx;text-align:center;line-height:44rpx;color:#fff;}
.coupon-list .item .text .data .bnt.gray{background-color:#ccc;}

// 缺省样式
.noCommodity {
	padding-top: 30rpx;
	.pictrue {
		width: 414rpx;
		height: 336rpx;
		margin: 0 auto 15rpx auto;
		image {
			width: 100%;
			height: 100%
		}
	}
	.text-ccc{
		color: #CCC;
		text-align: center;
		width: 90%;
		display: block;
		margin: auto;
		margin-top: -63rpx;
	}
}
// 登录、注册、忘记密码

.index-bg .uni-swiper-dot {
	width: 20rpx!important;
	height: 5rpx!important;
	border-radius: 3rpx
}

.boutique .uni-swiper-dot {
	width: 7rpx!important;
	height: 7rpx!important;
	border-radius: 50%
}

.boutique .uni-swiper-dot-active {
	width: 20rpx!important;
	border-radius: 5rpx!important
}


.statistical-page .mc-body {
	padding-bottom: 0
}

.statistical-page .mpvue-calendar {
	min-width: 100%
}

.statistical-page .mpvue-calendar table {
	margin: 0
}

.statistical-page .mpvue-calendar td {
	border-right: 1px solid #fff;
	padding: 0;
	width: 14%!important
}

.statistical-page .calendar-tools {
	box-shadow: unset;
	-webkit-box-shadow: unset;
	-o-box-shadow: unset;
	-moz-box-shadow: unset
}

.statistical-page .mc-head-box div {
	font-size: 14px
}

.statistical-page .mpvue-calendar td:not(.disabled) span.mc-date-red {
	color: unset
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date {
	border-radius: 0;
	background-color: #2291f8!important
}

.statistical-page .mpvue-calendar td.selected span.mc-date-red {
	color: #fff
}

.statistical-page .mc-range-mode .selected .mc-range-bg {
	background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date {
	background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span {
	background-color: #a0dcf9
}

.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date,.statistical-page .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date {
	background-color: #a0dcf9
}

.statistical-page .mc-today-element .calendar-date {
	border-radius: 0;
	background-color: unset
}

.new-users .uni-swiper-dot, .new-redeemIntegral .uni-swiper-dot {
	width: 8px;
	height: 4px;
	background: rgba(0,0,0,.15);
	border-radius: 2px
}

.new-users .uni-swiper-dot-active {
	width: 16px;
	height: 4px;
	@include main_bg_color(theme);
	border-radius: 2px
}
.new-redeemIntegral .uni-swiper-dot-active {
	width: 16px;
	height: 4px;
	background: rgba(233,51,35,1)!important;
	border-radius: 2px
}

.pictrue_log {
	width: 80rpx;
	height: 40rpx;
	border-radius: 10rpx 0 10rpx 0;
	line-height: 40rpx;
	font-size: 24rpx
}

.pictrue_log_class {
	background: -webkit-gradient(linear,left top,right top,from(rgba(246,122,56,1)),to(rgba(241,27,9,1)));
	background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%);
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	z-index: 3
}

.pictrue_log_medium {
	width: 80rpx;
	height: 44rpx;
	border-radius: 20rpx 0 20rpx 0;
	line-height: 44rpx;
	text-align: center;
	font-size: 26rpx
}

.pictrue_log_big {
	width: 100rpx;
	height: 46rpx;
	line-height: 46rpx;
	border-radius: 20rpx 0 20rpx 0;
	font-size: 28rpx
}

.spike-box .styleAll {
	background-color: #ffdfdd;
	color: #E93323;
	padding: 0 5rpx
}

.product-con .nav .time .timeTxt {
	color: #fff
}

.bg-color-hui {
	background: #bbb !important;
}

.page_content .swiper .uni-swiper-dot {
	width: 20rpx!important;
	height: 5rpx!important;
	border-radius: 3rpx;
	background: rgba(0,0,0,.4)!important
}

.page_content .swiper .uni-swiper-dot-active {
	width: 20rpx!important;
	border-radius: 5rpx!important;
	background: #fff!important
}

.pictrue_log_xl {
	background: linear-gradient(90deg,rgba(246,122,56,1) 0,rgba(241,27,9,1) 100%)
}

.pictrue_log_xl_gray {
	background: linear-gradient(90deg,rgba(102,102,102,1) 0,rgba(153,153,153,1) 100%)
}

.pictrue_log_xl_blue {
	background: linear-gradient(90deg,rgba(26,163,246,1) 0,rgba(24,192,244,1) 100%)
}

.flex-aj-center {
	display: flex;
	align-items: center;
	justify-content: center
}
.page-index.bgf .noCommodity{
	border-top: 0;
}

.product-con .red{
		color: #82848f!important;
	}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
	border-color: #d1d1d1;
}
.bg-green{
	background-color: #3CBB45;
}
.borderShow{
		position: relative;
}
.borderShow::after{
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border:1px dashed #007AFF;
	box-sizing: border-box;
	z-index: 21;
}
.justify-between{
	justify-content: space-between;
}
.flex-column{
	flex-direction: column;
}

/**
 * 首页模块中标题样式
 */
.indexList{
		background-color: #fff;
		border-radius: 12rpx;
		padding: 30rpx 24rpx;
		.title{
			.text {
				width: 500rpx;
				color: #999999;
				font-size: 12px;
				display: flex;
				align-items: flex-end;
				image{
					width: 124rpx;
					height: 32rpx;
				}
				.label {
					font-size: 22rpx;
					margin-left:10rpx;
					position: relative;
					top: 4rpx;
				}
			}
			.more {
				font-size: 20rpx;
				padding: 4rpx 10rpx;
				text-align: center;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				.iconfont {
					font-size: 18rpx;
				}
			}
		}
		.tips {
			color: rgba(51, 51, 51, .3);
			font-size: 18rpx;
		}
		.list {
			width: 100%;
			border-radius: 14rpx;
			background-color: #fff;
			box-sizing: border-box;
			margin-top: 30rpx;
			.item {
				width: 200rpx;
				background: #fff;
				margin-right: 20rpx;

			}
			.item:nth-last-child(1){
				margin-right: 0;
			}
		}
	}
	
	/**
	 * 标签样式线性
	 */
    .tagSolid{
		padding: 0 4rpx;
		@include coupons_border_color(theme);
		@include main_color(theme);
		font-size: 20rpx;
		display: inline-block;
		border-radius: 4rpx;
		line-height: 26rpx;
		height: 28rpx;
	}

	/**
	 * 商户标签样式面性
	 */
	.merType{
		padding: 2px 2px;
		// @include main_bg_color(theme);
		color: #fff;
		font-size: 10px;
		display: inline-block;
		border-radius: 2px;
		line-height: 1;
	    position: relative;
	    top: -2rpx;
	}
	/**
	 * 商户关注样式
	 */
	.merCollect {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 18rpx;
		height: 48rpx;
		border-radius: 24rpx;
		@include linear-gradient(theme);
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;

		.iconfont {
			margin-right: 6rpx;
			font-size: 22rpx;
		}

		&.gary {
			background-color: #999;
		}
	}
	/**
	 * 逛逛文章关注样式
	 */
	.author {
		&-follow {
			width: 120rpx;
			height: 48rpx;
			border-radius: 33rpx;
			opacity: 1;
			line-height: 48rpx;
			font-size: 24rpx;
			justify-content: center;
			@include main_color(theme);
			@include coupons_border_color(theme);

			.iconfont {
				font-size: 18rpx;
				margin-right: 3rpx;
			}
		}
		&-focused{
			width: 120rpx;
			height: 48rpx;
			line-height: 46rpx;
			font-size: 24rpx;
			border-radius: 33rpx;
			border: 1px solid #999999;
			color: #999999;
			text-align: center;
		}
	}
	.pages-discover-discover_note_topic-index{
		background-color: #fff !important;
	}

//弹窗中我知道了按钮
.btnSuccess{
	width: 520rpx;
	height: 86rpx;
	border-radius: 43rpx;
	line-height: 86rpx;
	text-align: center;
	color: #fff;
	@include main_bg_color(theme);
	margin-top: 70rpx;
}
.popup-content{
	    display: flex;
	    flex-direction: column;
	    padding: 40rpx 30rpx;
	    background-color: #fff;
		border-radius: 16rpx;
		
}

//活动边框样式
.border-picture {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 16rpx 16rpx 0 0;
		background: center/cover no-repeat;
	}
 .uni-checkbox-input.uni-checkbox-input-checked, .uni-radio-input.uni-radio-input-checked {
        @include coupons_border_color(theme);
		@include main_bg_color(theme);
        color: #FFF !important;
	}

 .wx-checkbox-input.wx-checkbox-input-checked {
       @include coupons_border_color(theme);
       @include main_bg_color(theme);
       color: #FFF !important;
	}
	
	// 上传图片样式
	.confirmImg {
		max-width: 100%;
		.pictrue {
				margin: 22rpx 18rpx 0 0;
					width: 146rpx;
					height: 146rpx;
					position: relative;
					font-size: 24rpx;
					color: #999;
				image {
						width: 100%;
						height: 100%;
						border-radius: 14rpx;
					}
				.icon-guanbi1 {
						position: absolute;
						font-size: 45rpx;
						top: -10rpx;
						right: -10rpx;
					}	
			}
			.pictrue:nth-of-type(4n) {
					margin-right: 0;
				}
			.pictrue:nth-last-child(1) {
					border: 1rpx solid #ddd;
					box-sizing: border-box;
				}	
	}