/* 基本样式 */
page {
	width: 100%;
	/*height: 100%;*/
	/*overflow: hidden;*/
	box-sizing: border-box;
	position: relative;
}
/* 超出滚动 */
.container {
	width: 100%;
	height: auto;
	/*overflow-y: auto;*/
	overflow-x: hidden;
}

.pink-b {
	background: #ff7295;
}

.icon-presell,
.icon-luck {
	color: #ED6064;
	font-size: 18px;
	margin-right: 4rpx;
}

.presell {
	position: relative;
}

.presell::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '预售';
	background-color: #E9030D;
	color: white;
	font-size: 22rpx;
	padding: 2rpx 10rpx;
	border-radius: 4rpx;
}

.btn-buy {
	width: reverse !important;
	font-size: 22rpx !important;
	background-color: #E9030D;
	border-radius: 4rpx;
	color: white;
	padding: 0 6rpx;
	/* line-height: 1; */
	text-align: center;
}

.top-bar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

.search-box {
	/* position: fixed;
  top: 0;
  left: 0; */
	width: 100%;
	/* height: 80rpx; */
	z-index: 10;
	background-color: #ff7295;
	padding: 0 10rpx;
	box-sizing: border-box;
}

.classify-img {
	width: 50rpx;
	height: 50rpx;
}

.logo {
	width: 48rpx;
	height: 48rpx;
	margin: 0 18rpx;
	/* border-radius: 50%; */
	overflow: hidden;
}

.search-inner {
	display: flex;
	align-items: center;
	margin: 12rpx 20rpx;
	/* margin: 20rpx 25rpx; */
	/* width: 566rpx;
  height: 58rpx; */
	border-radius: 29rpx;
	background-color: #fff;
	justify-content: center;
	position: relative;
}

.search-img {
	width: 30rpx;
	height: 30rpx;
	/* margin-left: 36rpx; */
	display: flex;
	align-items: center;
	position: absolute;
	left: 16rpx;
}

.search-cont {
	height: 58rpx;
	width: 530rpx;
	/* padding-left: 12rpx; */
	line-height: 58rpx;
	font-size: 24rpx;
	color: #666;
	margin-left: 50rpx;
}

.search-fixed {
	background: #ff7295;
}

.swiper_box {
	width: 100%;
	/* height: auto; */
	border-radius: 16rpx;
	overflow: hidden;
	min-height: 300rpx;
}

.swiperItem {
	display: flex;
	align-items: center;
}

.s_prom {
	width: 100%;
	height: 346rpx;
}

.s_proms {
	width: 100%;
	height: 590rpx;
}

.slide-image {
	width: 100%;
	display: block;
	/* overflow: hidden; */
	/* border-radius: 14rpx;
  height: auto; */
}

.venues_box {
	/* background-color: #fff;
  padding: 20rpx 10rpx 0; */
}

.venues_list {
	display: flex;
	justify-content: space-around;
}

.venues_item {
	/* display: block;
  float: left; */
	flex: 1;
	text-align: center;
	margin: 20rpx 0;
}

.venues_item image {
	vertical-align: middle;
	width: 80rpx;
	height: 80rpx;
	border: 0;
}

.venues_item view {
	font-size: 26rpx;
	margin-top: 10rpx;
	color: #333;
}

.choice_box {
	font-size: 14px;
}

.choice_box .choice_list .choice_item {
	width: 368rpx;
	float: left;
	margin: 2rpx;
	background-color: #fff;
}

.choice_box .choice_list image {
	width: 100%;
	height: auto;
}

.title-img {
	margin-top: 10rpx;
	padding: 0 20rpx;
	box-sizing: border-box;
	/* margin-bottom: 15rpx;
  height: auto; */
}

.choice_box .choice_list .title {
	height: 36rpx;
	line-height: 36rpx;
	/* font-weight: bold; */
	text-align: left;
	color: #333;
	margin-left: 20rpx;
	font-size: 30rpx;
}

.choice_box .choice_list .choice_footer {
	display: block;
	margin-top: 20rpx;
	margin-left: 15rpx;
	position: relative;
	height: 74rpx;
	line-height: 17rpx;
}

.choice_box .choice_list .choice_footer .price {
	color: #f23030;
	height: 10px;
}

.choice_box .choice_list .choice_footer .similer {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	color: #686868;
	width: fit-content;
	line-height: 30rpx;
	border: 1rpx solid #bfbfbf;
	padding: 1rpx 6rpx;
	border-radius: 5rpx;
}

.section {
	margin-top: 20rpx;
	background-color: #fff;
}

.section-title {
	padding-top: 30rpx;
	height: 54rpx;
	line-height: 54rpx;
	font-size: 36rpx;
	font-weight: 700;
	color: #333;
	text-align: center;
	letter-spacing: 3rpx;
}

.section-subtitle {
	line-height: 0;
	width: 340rpx;
	height: 16rpx;
	padding-bottom: 20rpx;
	margin: 0 auto;
}

.seckill {
	/* margin-top: 20rpx; */
	background-color: #fff;
	border-top: 16rpx solid #f7f8fa;
	/* padding-bottom: 30rpx; */
}

.seckill-time {
	display: flex;
	justify-content: space-between;
	padding: 20rpx;
	align-items: center;
	/* height: 70rpx; */
	color: #333;
	/* margin-bottom: 10rpx; */
}

.sk-tips {
	font-size: 36rpx;
	font-weight: bold;
	margin-right: 20rpx;
}

.sk-time {
	position: relative;
	display: inline-block;
	font-size: 24rpx;
	width: 36rpx;
	line-height: 36rpx;
	background-color: #333;
	margin-right: 20rpx;
	color: #fff;
	text-align: center;
}

.sk-time::before {
	content: ':';
	position: absolute;
	right: -13rpx;
	top: 0;
	color: #333;
	font-weight: bold;
}

.sk-time:last-child::before {
	content: '';
}

.seckill-time>navigator {
	font-size: 28rpx;
}

.sk-pic {
	width: 28rpx;
	height: 28rpx;
	vertical-align: top;
}

.seckill-list {
	/* overflow: hidden; */
}

/* .seckill-list navigator {
    width: 236rpx; margin-right: 10rpx; position: relative;
} */

.seckill-list view {
	/* height: 62rpx; */
	/* padding: 0 10rpx;
	line-height: 33rpx; */
	overflow: hidden;
	font-size: 26rpx;
	/* width: 200rpx; */
	word-break: break-all;
}

.seckill-list view.imgview {
	width: 223rpx;
	height: 210rpx;
	border-radius: 10rpx;
	position: relative;
	overflow: hidden;
}

.imgview image {
	display: block;
	width: 100%;
	height: 100%;
	
}

.seckill-list view.djs_view {
	background: rgba(9, 9, 9, 0.5);
	color: #fff;
	font-size: 20rpx;
	width: 216rpx;
	height: 36rpx;
	line-height: 36rpx;
	position: absolute;
	bottom: 0;
	left: 10rpx;
	z-index: 5;
	text-align-last: center;
}

.seckill-list image.status_img {
	width: 100rpx;
	height: 35rpx;
	position: absolute;
	top: 0;
	left: 0;
	/* z-index: 5; */
}

.seckill-list view.status_view {
	width: 60rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	position: absolute;
	background: #e9030d;
	color: #fff;
	font-size: 18rpx;
	top: 5rpx;
	right: 10rpx;
	z-index: 5;
	border-radius: 50%;
	padding: 0;
}

.xiafa {
	text-decoration: line-through;
	font-size: 10px;
	color: #999;
	margin-left: 10rpx;
}

.shelue {
	/* text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.meiz {
	padding: 0 10rpx;
	background: #c4182e;
	color: #fff;
	height: 18px;
	line-height: 18px;
	margin-top: -10rpx;
	border-radius: 10rpx;
}

.dengj {
	padding: 0 10rpx;
	background: #ffd700;
	color: #fff;
	height: 18px;
	line-height: 18px;
	margin-top: -10rpx;
	border-radius: 10rpx;
}

.kongge {
	width: 20rpx;
}

.choice_footer .ys {
	color: #999;
	margin-top: 20rpx;
	font-size: 11px;
	margin-left: 5rpx;
}

.p_swiper {
	display: flex;
	padding: 0 10rpx;
	box-sizing: content-box;
	width: 750rpx !important;
}

.nav {
	padding: 0 10rpx;
	box-sizing: border-box;
	/* flex: 1; */
}

.p_swiper .un_line {
	text-decoration: line-through;
	font-size: 22rpx;
	color: #b2a2c2;
}

.seckill-list view.co-red2 {
	font-size: 22rpx;
	color: #c2aebb;
	margin-top: -8rpx;
}

.seckill-list view.cantuan {
	width: 72rpx;
	height: 36rpx;
	text-align: center;
	line-height: 36rpx;
	position: absolute;
	background: #e9030d;
	color: #fff;
	font-size: 18rpx;
	bottom: 30rpx;
	right: 10rpx;
	z-index: 5;
	border-radius: 5rpx;
	padding: 0;
}

.arrow-right {
	width: 20rpx;
	height: 20rpx;
}

.pd-view {
	/* height: 80rpx; */
}

.xc-grow-ups {
	margin-left: 8rpx;
	margin-top: 6rpx;
}

.xc-top-img {
	width: 100%;
	/* margin-top: -30rpx; */
	height: 420rpx;
	top: 0;
	background-color: white;
	/* top: -1rpx;
  height: 315rpx; */
}

.classify-frame {
	line-height: 25rpx;
}

.slide-image-frame {
	width: 100%;
	/* margin: auto; */
	/* padding: 0 20rpx;
	box-sizing: border-box; */
	/* border-radius: 10rpx; */
}

.xc-hook {
	width: 52rpx;
	height: 52rpx;
}

.margin-left {
	margin-left: 10rpx;
}

.xc-class-img {
	width: 80rpx;
	height: 80rpx;
}

.xc-class-frame {
	line-height: 40rpx;
	/* margin-top: 20rpx; */
	margin-bottom: 20rpx;
}

.xc-title-img {
	height: 100%;
	width: 100%;
	border-radius: 15rpx;
}

.title-img-frame {
	width: 100%;
	height: 100%;
	/* margin: auto;
  margin-top: 30rpx;
  padding-bottom: 10rpx; */
}

.seckill-list {
	/* line-height: 24rpx; */
	color: #333;
	
}

.seckill-lists {
	line-height: 14rpx;
}

.xc-marfin-right {
	margin-right: 8rpx;
}

.classname .clock-img {
	width: 28rpx;
	height: 28rpx;
	/* margin-right: 10rpx; */
}

.classname .seckill-ttitle-img {
	width: 150rpx;
	height: 40rpx;
}

.seckill-ttitle-img.height {
	height: 35rpx;
}

.split-line {
	width: 100%;
	height: 10rpx;
	background: #eee;
}

.mar-top10 {
	margin-top: 10rpx;
}

.classname .user-img {
	width: 40rpx;
	height: 40rpx;
	margin-left: 20rpx;
	margin-right: 10rpx;
	background-color: #f7f8fa;
}

.user-frame {
	/* border-left: 5rpx solid #eee; */
	/* height: 35rpx;
	line-height: 35rpx; */
	margin-left: 10rpx;
}

.user-name {
	width: 140rpx;
	padding-left: 10rpx;
	border-left: 2rpx solid #ebedf0;
}

/* 团购列表 */

.kill-item {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: 20rpx;
	/* margin-bottom: 10rpx; */
	border-radius: 10rpx;
	/* height: 249rpx; */
	align-items: center;
}

.kill-pic {
	width: 215rpx;
	height: 215rpx;
	position: relative;
}

.teamheight {
	/* height: 289rpx; */
	border-bottom: 2rpx solid #ebedf0;
}

.kill-cont {
	width: 440rpx;
	height: 215rpx;
	margin-left: 16rpx;
}

.goods-name {
	max-height: 60rpx;
	font-size: 24rpx;
	color: #555;
	line-height: 55rpx;
}

.xc-team-img {
	width: 38rpx;
	height: 45rpx;
	left: -1rpx;
	top: -16rpx;
}

.tneirong {
	color: #fff;
	font-size: 20rpx;
	border-radius: 20rpx;
	padding-left: 32rpx;
	padding-right: 15rpx;
	padding-bottom: 2rpx;
	height: 28rpx;
	line-height: 28rpx;
	white-space: nowrap;
}

.xc-people-val-frame {
	border: 3rpx solid #d60021;
	border-radius: 8rpx;
	white-space: nowrap;
	height: 28rpx;
	align-items: center;
}

.xc-people-val-frame .val-img {
	width: 33rpx;
	height: 28rpx;
	border-radius: 8rpx;
	margin-left: -2rpx;
}

.people-img {
	width: 20rpx;
	height: 20rpx;
}

.goods-num {
	height: 50rpx;
	display: flex;
	justify-content: space-between;
	margin-top: 10rpx;
	font-size: 24rpx;
	color: #999;
}

.xc-top15 {
	padding-top: 15rpx;
	margin-top: 25rpx;
}

.underline {
	text-decoration: line-through;
	color: #999;
	font-size: 20rpx;
	margin-left: 5rpx;
	margin-top: 5rpx;
}

.navigator.navwidth {
	width: 100%；;
}

.view.left {
	padding: 0 5rpx;
}

/* 热门好物 */

.title .China {
	width: 100%;
	padding: 20rpx 0;
	/* line-height: 0rpx; */
}

.title .China .line view {
	width: 2rpx;
}

.title .China .line {
	height: 40rpx;
	color: rgb(51, 51, 51);
}

.title .China .line view {
	border-left: 3rpx solid #000;
	margin-left: 5rpx;
}

.title .China .line .one {
	height: 23rpx;
}

.title .China .line .two {
	height: 15rpx;
}

.title .China .line .three {
	height: 18rpx;
}

.title .China .Recommend {
	margin: 0rpx 20rpx;
	font-size: 30rpx;
	line-height: 39rpx;
	font-weight: bold;
}

.title .english .silk {
	width: 214rpx;
	height: 2rpx;
	background-color: #000;
}

.title .english .esh {
	margin: 0rpx 15rpx;
}

.collects {
	margin-top: 40rpx;
}

.hang {
	width: 100%;
	margin: auto;
	padding-left: 21rpx;
}

.hang .collect {
	width: 347rpx;
	height: 571rpx;
	border-radius: 25rpx;
	border: 1rpx solid rgb(214, 214, 214);
	overflow: hidden;
	margin-right: 14rpx;
	margin-bottom: 5rpx;
}

.collect .bottom {
	padding: 0rpx 20rpx;
}

.collect .sp {
	width: 100%;
	height: 326rpx;
}

.collect .money {
	margin-top: 60rpx;
	margin-bottom: 18rpx;
	line-height: 28rpx;
	align-items: baseline;
}

.collect .money view {
	line-height: 28rpx;
}

.collect .money .flex {
	font-weight: bold;
}

.collect .money .flex .fs24 {
	padding-top: 5rpx;
}

.collect .Discount {
	width: 156rpx;
	height: 28rpx;
	border-radius: 20rpx;
	background-color: rgb(56, 56, 56);
	font-size: 18rpx;
	color: rgb(255, 255, 255);
}

.collect .Discount image {
	height: 18rpx;
	width: 18rpx;
	line-height: 28rpx;
	margin-right: 3rpx;
}

.collect.ml20 {
	margin-left: 13rpx;
}

.fs24.dollar {
	padding: 0rpx;
}

.money .price {
	margin-left: 12rpx;
	text-decoration: line-through;
	line-height: 23rpx;
}

.province {
	line-height: 26rpx;
}

.nothing {
	height: 75rpx;
	width: 100%;
}

.nothing .no_content {
	margin: 0rpx 11rpx;
	color: rgb(138, 138, 138);
}

.nothing .Foil {
	width: 80rpx;
	height: 2rpx;
	background-color: rgb(138, 138, 138);
}

.goods_name {
	height: 70rpx;
	margin-top: 6rpx;
}

.seckill-list view.translation {
	width: 108rpx;
	height: 20rpx;
	border-radius: 20rpx;
	background: #dfdfdf;
	margin: auto;
	line-height: 20rpx;
}

.seckill-list view.spot {
	width: 10rpx;
	height: 10rpx;
	padding: 0rpx;
}

.spot {
	width: 10rpx;
	height: 10rpx;
	padding: 0rpx;
}

.translation {
	width: 108rpx;
	height: 20rpx;
	border-radius: 20rpx;
	/* background: #e0e0e0; */
	line-height: 20rpx;
	bottom: 45rpx;
	left: 43%;
}

.translation {
	width: 108rpx;
	height: 20rpx;
	border-radius: 20rpx;
	/* background: #b8d1d6; */
	line-height: 20rpx;
	bottom: 12rpx;
	left: 43%;
}

.translations {
	width: 108rpx;
	height: 20rpx;
	border-radius: 20rpx;
	background: #dfdfdf;
	line-height: 20rpx;
	bottom: 25rpx;
	left: 43%;
}

.mar-top {
	margin-top: 20rpx;
}

.mar-tops {
	margin-top: 10rpx;
}

.pt_active {
	animation: sport 0.5s;
}

@keyframes sport {
	0% {
		transform: translateY(80rpx);
		opacity: 0;
	}

	100% {
		transform: translateY(0rpx);
		opacity: 1;
	}
}

.m-left {
	margin-left: 10rpx;
}

.martop4 {
	margin-top: 4rpx;
}

.time-blue {
	margin-left: 10rpx;
}

.is_seckill_height {
	height: 40rpx;
	line-height: 32rpx;
}

.assemble-top-border {
	border-top: 10rpx solid #eee;
	padding-top: 20rpx;
	margin-top: 0rpx;
}

.gonju {
	/* max-width: 120rpx; */
	padding: 0 20rpx;
	color: #333;
	box-sizing: border-box;
}

.disgraceful {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0rpx;
	bottom: 0rpx;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 998;
}

.newreceive {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.receive {
	display: block;
	width: 100%;
	height: 100%;
}

.close {
	width: 60rpx;
	height: 60rpx;
	margin-top: 10rpx;
}

.swiper {
	height: 220rpx;
	box-sizing: border-box;
	padding: 10rpx 20rpx;
	/* padding-bottom:30rpx; */
}

page {
	overflow-x: hidden;
	padding-bottom: 100rpx;
	/* background-color: #f7f8fa; */
}



.container.nor{
	padding-top: 100rpx;
}

/* page,
.container {
	height: 100%;
} */


.hongbao-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999;
}

.hongbao {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hongbao-img {
	width: 440rpx;
	height: 640rpx;
}

.close {
	/* position: absolute;
	top: 0;
	right: 0; */
}

.hongbao_sm-img {
	width: 124rpx;
	height: 170rpx;
	position: fixed;
	/* top: 50%; */
	right: 0;
	/* transform: translateY(-50%); */
	z-index: 10000;
}

.dis_top {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100000;
}

.full_screen {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000000000000;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
}

.skip_box {
	float: right;
	margin-top: 10rpx;
	margin-right: 10rpx;
	background-color: gainsboro;
	width: 120rpx;
	height: 48rpx;
	font-size: 28rpx;
	line-height: 48rpx;
	text-align: center;
	border-radius: 20rpx;
}


.bdt16 {
	border-top: 16rpx solid #f7f8fa;
}

.img-box {
	width: 560rpx;
	height: auto;
}

.logo-container {
	-webkit-filter: brightness(80%);
	filter: brightness(80%);
}

.logo {
	width: 132rpx;
	height: 37rpx;
	margin-right: 10rpx;
}



/* .luck {
	padding-left: 20rpx;
	padding-right: 20rpx;
} */

.luck .list-item {
	background-color: white;
	padding: 20rpx;
	border-radius: 12rpx;
}

.luck .img-container {
	width: 220rpx;
	height: 220rpx;
	border-radius: 14rpx;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
}

.luck .img-container::before {
	content: '幸运购';
	position: absolute;
	left: 0;
	top: 0;
	padding: 4rpx;
	background-color: rgba(255,103,103,.7);
	color: white;
	font-size: 22rpx;
	border-radius: 0 0 14rpx 0;
}

.luck .name::before {
	content: attr(data-content);
	background-color: #FF6768;
	color: white;
	font-size: 26rpx;
	padding-left: 10rpx;
	padding-right: 10rpx;
	border-radius: 20rpx;
	margin-right: 10rpx;
}

.rmb::before {
	content: '￥';
	font-size: 24rpx;
}

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

.luck .btn {
	background-color: #FF6768;
	border-radius: 20rpx;
	padding-left:20rpx;
	padding-right: 20rpx;
	color: white;
}

.luck .name {
	height: 88rpx;
	word-break: break-all;
}


.luck .progress {
	position: relative;
}
.luck .progress::before {
	position: absolute;
	width: 100%;
	content: attr(data-content);
	font-size: 20rpx;
	color: white;
	text-align: center;
}

.luck .btn.gray {
	background-color: #ccc;
}


/* 居中广告 */
.full_img_main{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.full_img_close{
	width: 80rpx;
	height: 80rpx;
	border-radius: 100%;
	border: 2rpx solid #000;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-items: center;
}
/* 商城首页 */
.mb_box{
  width: 100%;
}
.mb_top,.mb_bottom{
  width: 100%;
  display: flex;
  
}
.mb_top .mb_top_item{
  width: 50%;
}
.mb_bottom>view{
  width: 50%;
}
