@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100vh;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: PingFangSC-Regular, sans-serif,"microsoft yahei", "arial", "Helvetica", "Helvetica Neue";
	color: #fff;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #252b45;
}

input, textarea {
	font-family: PingFangSC-Regular, sans-serif,"microsoft yahei", "arial", "Helvetica", "Helvetica Neue";
	color: #000;
	outline: none;
}

	input:focus, textarea:focus {
		outline: none;
	}

ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, dl, dd, dt {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #333;
}

	a:hover {
		color: #333;
		text-decoration: none;
	}

	a img {
		border: 0;
	}

input::-webkit-input-placeholder {
	color: #a4a5a7;
}

input::-moz-placeholder {
	color: #a4a5a7;
}

input:-ms-input-placeholder {
	color: #a4a5a7;
}

.wrap {
	max-width: 828px;
	margin: 0 auto;
	padding: 49px 0 78px;
}

.wrapm {
	max-width: 828px;
	margin: 0 auto;
	padding: 9.25em 0 62px;
}

.main {
	margin: 0 1.6em;
}

.header {
	overflow: hidden;
	width: 100%;
	height: 49px;
	background-color: #252b45;
	color: #fff;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
}

.header_h {
	height: auto;
}

.header .con {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .conr {
	position: relative;
	z-index: 0;
	height: 100%;
	height: 49px;
}

	.header .conr .gobackBtn {
		position: absolute;
		top: 50%;
		left: 1em;
		margin-top: -0.5em;
		background-image: url(../imgs/arr8.png);
	}

	.header .conr .name {
		line-height: 49px;
		margin: 0 2em;
	}

	.header .conr .nameLeft {
		font-size: 1.1em;
		text-align: left;
		line-height: 49px;
		margin: 0 2.3em;
	}

.header .city {
	margin-left: 1em;
	background: url(../imgs/arr.png) right center no-repeat;
	background-size: auto 0.5em;
	padding-right: 0.9em;
	white-space: nowrap;
	*white-space: nowrap;
}

.header .bell {
	margin-right: 1em;
	width: 1.12em;
	height: 1.12em;
	background: url(../imgs/bell.png) center center no-repeat;
	background-size: contain;
}

.header .searchBox {
	height: 2em;
	line-height: 2em;
	margin: 0 1em;
	flex: 1;
	background-color: rgba(255,255,255,0.2);
	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	border-radius: 0.1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.header .searchBox form {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header .searchBox .searchPic {
		width: 1em;
		height: 1em;
		background: url(../imgs/search.png) center center no-repeat;
		background-size: contain;
		margin-left: 0.8em;
		margin-right: 0.7em;
	}

	.header .searchBox .btnScan {
		width: 1em;
		height: 1em;
		background: url(../imgs/scan.png) center center no-repeat;
		background-size: contain;
		margin-right: 0.7em;
		margin-left: 0.7em;
	}

	.header .searchBox .input {
		background-color: transparent;
		color: #fff;
		flex: 1;
		border: 0;
		outline-width: 0;
	}

		.header .searchBox .input::-webkit-input-placeholder {
			color: #fff;
		}

		.header .searchBox .input::-moz-placeholder {
			color: #fff;
		}

		.header .searchBox .input:-ms-input-placeholder {
			color: #fff;
		}

.header .title {
	font-size: 1.2em;
}

.header .btnSearchI {
	margin-left: 2.1em;
	width: 1em;
	height: 1em;
	/*background: url(../imgs/search2.png) center center no-repeat;*/
	background-size: contain;
}

.header .btnCart {
	margin-right: 1.6em;
	width: 1.12em;
	height: 1.12em;
	background: url(../imgs/cart.png) center center no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
}

.numBox {
	color: #fff;
	text-align: center;
	height: 90px;
}

	.numBox .numTit {
		padding-top: 0.5em;
		font-size: 0.9em;
	}

	.numBox .num {
		margin-top: 0.1em;
		font-size: 1.6em;
	}

.con {
	max-width: 828px;
	margin: 0 auto;
}

.footer {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #f3f3f3;
	color: #c6c6c6;
	height: 62px;
}

	.footer .fnav {
		padding: 0.9em 0 0.7em;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		font-size: 0.8em;
		line-height: 1.2em;
	}

		.footer .fnav a {
			color: #c6c6c6;
			display: block;
			cursor: pointer;
		}

			.footer .fnav a.cur {
				color: #252b45;
			}

		.footer .fnav span {
			display: block;
		}

		.footer .fnav .pic {
			margin: 0 auto;
			width: 2em;
			height: 2em;
			background: center center no-repeat;
			background-size: contain;
		}

		.footer .fnav .pic_home {
			background-image: url(../imgs/home.png);
		}

		.footer .fnav .pic_shop {
			background-image: url(../imgs/shop.png);
		}

		.footer .fnav .pic_my {
			background-image: url(../imgs/my.png);
		}

		.footer .fnav .pic_invite {
			background-image: url(../imgs/invite.png);
		}

		.footer .fnav a.cur .pic_home {
			background-image: url(../imgs/home_on.png);
		}

		.footer .fnav a.cur .pic_shop {
			background-image: url(../imgs/shop_on.png);
		}

		.footer .fnav a.cur .pic_my {
			background-image: url(../imgs/my_on.png);
		}

		.footer .fnav a.cur .pic_invite {
			background-image: url(../imgs/invite_on.png);
		}

.footer_p {
	position: fixed;
	z-index: 900;
	bottom: 0;
	width: 100%;
	left: 0;
	background: #2b3455;
	color: #fff;
	-moz-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.03);
	box-shadow: 0 -0.2em 0.2em rgba(0, 0, 0, 0.03);
}

	.footer_p .con {
		height: 100%;
	}

	.footer_p .conp {
		padding: 1em 0.9em 0.75em;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 1.2em;
	}

	.footer_p .btnW1 {
		width: 4.65em;
		margin-right: 1.9em;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		.footer_p .btnW1 a {
			color: #4a4a4a;
			display: block;
			cursor: pointer;
		}

		.footer_p .btnW1 .name {
			margin-top: 0.4em;
			font-size: 0.55em;
			display: block;
		}

		.footer_p .btnW1 .pic {
			display: block;
			position: relative;
			z-index: 0;
			margin: 0 auto;
			width: 1.4em;
			height: 1.4em;
			background: center center no-repeat;
			background-size: contain;
		}

			.footer_p .btnW1 .pic .num {
				position: absolute;
				display: block;
				top: -1em;
				left: 2em;
				color: #fff;
				background-color: #ef3f54;
				font-size: 0.4em;
				line-height: 1.5em;
				padding: 0.6em 0 0.6em;
				min-width: 2.7em;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}

		.footer_p .btnW1 .pic_service {
			background-image: url(../imgs/service.png);
		}

		.footer_p .btnW1 .pic_cart {
			background-image: url(../imgs/cart2.png);
		}

	.footer_p .btnW3
	.footer_p .total {
	}

	.footer_p .total .num {
		color: #ec4154;
	}

	.footer_p .btnW4 {
	}

		.footer_p .btnW4 .btnRed {
			padding: 0 1.5em;
			display: block;
			background-color: #ec4154;
			border: 1px solid #ec4154;
			color: #fff;
			font-size: 0.9em;
			line-height: 3.1;
			-moz-border-radius: 1.5em;
			-webkit-border-radius: 1.5em;
			border-radius: 1.5em;
			margin-left: 0.6em;
		}

.footer .fnav a.cur .pic_home {
	background-image: url(../imgs/home_on.png);
}

.footer .fnav a.cur .pic_shop {
	background-image: url(../imgs/shop_on.png);
}

.footer .fnav a.cur .pic_my {
	background-image: url(../imgs/my_on.png);
}

.footer_p .btnW2 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.footer_p .btnW2 .buyBtn {
		display: block;
		background-color: #ec4154;
		border: 1px solid #ec4154;
		color: #fff;
		font-size: 0.9em;
		line-height: 3.1;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
		border-radius: 1.5em;
		width: 46%;
		margin-left: 0.6em;
	}

	.footer_p .btnW2 .cartBtn {
		display: block;
		background-color: #fff;
		border: 1px solid #ec4154;
		color: #ec4154;
		font-size: 0.9em;
		line-height: 3.1;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
		border-radius: 1.5em;
		width: 54%;
	}
/*首页轮播*/
/*banner 焦点图 */
.bannerBox .swiper-slide {
	width: 100%;
	position: relative;
	z-index: 0;
	padding-top: 80%;
}

	.bannerBox .swiper-slide a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}

	.bannerBox .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0.7em;
}

	.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets
	.swiper-pagination-bullet {
		margin: 0 0.4em;
	}

.bannerBox .swiper-pagination-bullet {
	vertical-align: middle;
	width: 0.5em;
	height: 0.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #c8c4c3;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.bannerBox .swiper-pagination-bullet-active {
	background-color: #646560;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*首页导航 */
.navBox .swiper-slide {
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 1.3em 0 2em;
}

	.navBox .swiper-slide .navitem {
		margin: 0 4%;
		width: 92%;
		height: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.navBox .swiper-slide a {
		display: block;
		cursor: pointer;
		text-align: center;
	}

		.navBox .swiper-slide a .pic {
			margin: 0 auto;
			display: block;
			width: 2.56em;
			height: 2.56em;
			object-fit: contain;
		}

		.navBox .swiper-slide a .name {
			margin-top: 0.8em;
			display: block;
			font-size: 0.8em;
		}

.navBox .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

.navBox .swiper-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

	.navBox .swiper-pagination .swiper-pagination-bullet:first-child {
		-moz-border-topleft-radius: 1.5em;
		-webkit-border-topleft-radius: 1.5em;
		border-topleft-radius: 1.5em;
		-moz-border-bottomleft-radius: 1.5em;
		-webkit-border-bottomleft-radius: 1.5em;
		border-bottomleft-radius: 1.5em;
	}

	.navBox .swiper-pagination .swiper-pagination-bullet:last-child {
		-moz-border-topright-radius: 1.5em;
		-webkit-border-topright-radius: 1.5em;
		border-topright-radius: 1.5em;
		-moz-border-bottomright-radius: 1.5em;
		-webkit-border-bottomright-radius: 1.5em;
		border-bottomright-radius: 1.5em;
	}

.navBox .swiper-container-horizontal > .swiper-pagination-bullets
.swiper-pagination-bullet {
	margin: 0;
}

.navBox .swiper-pagination-bullet {
	vertical-align: middle;
	width: 1.3em;
	height: 0.3em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #c8c4c3;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
}

.navBox .swiper-pagination-bullet-active {
	background-color: #646560;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*新品推荐*/
.newspeBox {
	color: #646560;
	padding: 2.7em 0 0;
}

	.newspeBox .title {
		font-size: 1.2em;
	}

	.newspeBox .title2 {
		margin-top: 0.8em;
		font-size: 0.9em;
	}

.proList ul {
	margin-top: 1.1em;
	border-top: 1px solid #e6e6e6;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.proList li {
	border-bottom: 1px solid #e6e6e6;
	width: 50%;
	position: relative;
	z-index: 0;
	background-color: #252b45;
}

	.proList li:nth-child(2n+1)::after {
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		display: block;
		content: "";
		background-color: #e6e6e6;
	}

.proList .pic {
	padding-top: 100%;
	position: relative;
	z-index: 0;
	display: block;
	background-color: #fff;
}

	.proList .pic img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.proList .txt {
	padding: 0.5em 0.56em 0.55em;
	text-align: left;
}

.proList .name {
	color: #5e5e5e;
	font-size: 0.9em;
	height: 1.5em;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	*white-space: nowrap;
}

.proList .intro {
	margin-top: 0.3em;
	font-size: 0.7em;
	color: #949494;
	height: 1.5em;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	*white-space: nowrap;
}

.proList .price {
	margin-top: 0.5em;
	font-size: 1.1em;
	color: #d93c5a;
}

	.proList .price span {
		font-size: 0.66em;
	}

.proList .label {
	margin-top: 0.2em;
	font-size: 0.65em;
}

	.proList .label span {
		margin-right: 0.5em;
		color: #d93c5a;
		display: inline-block;
		border: 1px solid #d93c5a;
		padding: 0 0.4em;
		max-width: 9em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		*white-space: nowrap;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		border-radius: 0.3em;
	}

/*相聚绿创*/
.gatherBox {
	padding: 1.4em 0 0;
}

	.gatherBox .title {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.2em;
	}

		.gatherBox .title span {
		}

		.gatherBox .title img {
			margin-right: 1em;
			width: 1.3em;
			height: 1.3em;
		}

	.gatherBox .picBig {
		margin-top: 1.3em;
	}

		.gatherBox .picBig img {
			display: block;
			width: 100%;
			height: auto;
		}

	.gatherBox .proList ul {
		margin-top: 0;
	}

	.gatherBox .searchTitle {
		text-align: left;
		margin: -0.5em 1em 0;
		padding-bottom: 0.6em;
		font-size: 1.3em;
	}

.cateTitle {
	margin: 0 0.5em 0;
	text-align: left;
	font-size: 2em;
	color: #474747;
}

.cateTab {
	line-height: 3em;
	color: #9a9a9a;
	text-align: left;
	margin: 1em 1em 0;
}

	.cateTab li {
		position: relative;
		z-index: 0;
		cursor: pointer;
		margin-right: 1.5em;
		display: inline-block;
	}

		.cateTab li.cur {
			color: #d93c5a;
		}

			.cateTab li.cur::after {
				display: block;
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				height: 3px;
				background-color: #d93c5a;
			}

		.cateTab li.btnPrice {
			padding-right: 1em;
			background: url(../imgs/arr5.png) right center no-repeat;
			background-size: auto 1.1em;
		}

		.cateTab li.up {
			background-image: url(../imgs/arr6.png);
		}

		.cateTab li.down {
			background-image: url(../imgs/arr7.png);
		}

/*绿创经典*/
.clasBox {
	padding: 1.8em 0 0;
}

	.clasBox .title {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.2em;
	}

		.clasBox .title span {
		}

		.clasBox .title img {
			margin-right: 1em;
			width: 1.3em;
			height: 1.3em;
		}

	.clasBox .list {
		margin-top: 1.3em;
		border-top: 1px solid #e6e6e6;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.clasBox .list1 {
		position: relative;
		z-index: 0;
		width: 50%;
		border-bottom: 1px solid #e6e6e6;
	}

		.clasBox .list1::after {
			position: absolute;
			right: 0;
			top: 0;
			width: 1px;
			height: 100%;
			display: block;
			content: "";
			background-color: #e6e6e6;
		}

	.clasBox .list1 {
	}

		.clasBox .list1 li {
			display: flex;
			width: 100%;
			height: 100%;
			justify-content: space-around;
			align-items: stretch;
			flex-direction: column;
		}

		.clasBox .list1 ul {
			height: 100%;
		}

		.clasBox .list1 .pic {
			padding-top: 67.7%;
			position: relative;
			z-index: 0;
			background-color: #fff;
		}

			.clasBox .list1 .pic img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				width: 100%;
				object-fit: cover;
			}

		.clasBox .list1 .txt {
			padding: 0.5em 0.56em 0.55em;
			text-align: left;
		}

		.clasBox .list1 .name {
			color: #5e5e5e;
			font-size: 0.9em;
			height: 1.5em;
			line-height: 1.5;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*white-space: nowrap;
		}

		.clasBox .list1 .intro {
			margin-top: 0.3em;
			font-size: 0.7em;
			color: #949494;
			height: 1.5em;
			line-height: 1.5;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*white-space: nowrap;
		}

		.clasBox .list1 .price {
			margin-top: 0.5em;
			font-size: 1.1em;
			color: #d93c5a;
		}

			.clasBox .list1 .price span {
				font-size: 0.66em;
			}

	.clasBox .list2 {
		width: 50%;
		border-bottom: 1px solid #e6e6e6;
	}

		.clasBox .list2 .pic {
			margin: -2em 0 0 auto;
			width: 46.9%;
			padding-top: 42.7%;
			position: relative;
			z-index: 0;
			background-color: #fff;
		}

			.clasBox .list2 .pic img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				width: 100%;
				object-fit: cover;
			}

		.clasBox .list2 .txt {
			padding: 0.5em 0.56em 0;
			text-align: left;
		}

		.clasBox .list2 li:first-child .txt {
			padding-top: 0.8em;
		}

		.clasBox .list2 .name {
			color: #5e5e5e;
			font-size: 0.9em;
			height: 1.5em;
			line-height: 1.5;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*white-space: nowrap;
		}

		.clasBox .list2 .intro {
			margin-top: 0;
			font-size: 0.7em;
			color: #949494;
			height: 1.5em;
			line-height: 1.5;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			*white-space: nowrap;
		}

		.clasBox .list2 .price {
			margin-top: 0.5em;
			font-size: 1.1em;
			color: #d93c5a;
		}

			.clasBox .list2 .price span {
				font-size: 0.66em;
			}

	.clasBox ul {
		margin-top: 0;
	}

/*文章详情*/
.header_i {
	overflow: hidden;
	width: 100%;
	height: 49px;
	background-color: #2b3455;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
}

	.header_i .con {
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header_i .conp {
		padding: 0 1.4em;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header_i .name {
		width: 11em;
		height: 1.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		*white-space: nowrap;
	}

.gobackBtn {
	margin-right: 1em;
	width: 1em;
	height: 1em;
	background: url(../imgs/arr4.png) center center no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
}

.closeBtn {
	margin-right: 1em;
	width: 1em;
	height: 1em;
	background: url(../imgs/close2.png) center center no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
}

.refreshBtn {
	margin-left: 1em;
	width: 1em;
	height: 1em;
	background: url(../imgs/refresh.png) center center no-repeat;
	background-size: contain;
}

.shareBtn {
	margin-left: 1em;
	width: 1em;
	height: 1em;
	background: url(../imgs/share.png) center center no-repeat;
	background-size: contain;
}

.header_i .compBtn {
	cursor: pointer;
	display: none;
	color: #ec4154;
}

.header_i .editBtn {
	cursor: pointer;
}

.newDetail {
	text-align: left;
	margin: 1em 1em 0;
	color: #333;
}

	.newDetail .title {
		font-size: 1.15em;
		line-height: 1.4;
		font-weight: normal;
	}

	.newDetail .about {
		margin-top: 0.9em;
		font-size: 0.8em;
		color: #b3b3b3;
	}

		.newDetail .about .date {
			display: inline-block;
			margin-right: 0.6em;
		}

		.newDetail .about .author {
			display: inline-block;
			margin-right: 0.6em;
		}

		.newDetail .about .from {
			color: #677487;
			display: inline-block;
			margin-right: 0.6em;
		}

	.newDetail .content {
		line-height: 2em;
		margin-top: 2.4em;
		font-size: 0.9em;
	}

		.newDetail .content img {
			max-width: 100%;
			height: auto;
		}

.gray {
	padding: 0.65em 0.5em 2.2em;
	background-color: #ededed;
}

.aboutBox {
	background-color: #fff;
	padding: 0.9em 1em 0;
	text-align: left;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

	.aboutBox .title {
		font-size: 0.75em;
		color: #a2a2a2;
	}

	.aboutBox .list {
	}

		.aboutBox .list li {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.aboutBox .list .pic {
			width: 3.7em;
			height: 3.7em;
			margin-left: 0.9em;
			position: relative;
			z-index: 0;
		}

			.aboutBox .list .pic img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				overflow: hidden;
			}

		.aboutBox .list .txt {
			padding: 1.4em 0;
			flex: 1;
			border-bottom: 1px solid #ededed;
		}

			.aboutBox .list .txt .name {
				font-size: 0.9em;
				color: #161616;
				line-height: 1.5;
				height: 1.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				*white-space: nowrap
			}

				.aboutBox .list .txt .name a {
					color: #161616;
				}

			.aboutBox .list .txt .intro {
				margin-top: 0.6em;
				font-size: 0.75em;
				color: #a2a2a2;
				line-height: 1.5;
				height: 1.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				*white-space: nowrap
			}

		.aboutBox .list li:last-child .txt {
			border-bottom: 0;
		}

/*产品详情*/
.proDetail {
	text-align: left;
}

	.proDetail .pic {
		width: 100%;
		padding-top: 80%;
		position: relative;
		z-index: 0;
		border-bottom: 4px solid #f8f8f8;
	}

		.proDetail .pic img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: contain;
			overflow: hidden;
		}

.detailTopBox {
	padding: 0.6em 1.4em 1.5em;
}

	.detailTopBox .title {
		margin-top: 0.3em;
		font-weight: normal;
		font-size: 1.7em;
		color: #484848;
	}

	.detailTopBox .price {
		color: #e64451;
	}

		.detailTopBox .price b {
			font-size: 1.5em;
		}

		.detailTopBox .price span {
			font-size: 0.75em;
		}

	.detailTopBox .label {
		line-height: 1.8;
		font-size: 0.75em;
	}

		.detailTopBox .label span {
			display: inline-block;
			padding: 0 0.9em;
			background-color: #fee9e8;
			color: #e94351;
			-moz-border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
			border-radius: 0.3em;
		}

	.detailTopBox .intro {
		margin-top: 0.3em;
		color: #939393;
	}

	.detailTopBox .deNav li {
		border: 1px solid #ededed;
		line-height: 1.2em;
		position: relative;
		z-index: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		background-color: #f8f8f8;
		color: #2f2f2f;
		padding: 0.7em 0.7em 0.6em;
		margin-top: 0.8em;
		-moz-border-radius: 0.6em;
		-webkit-border-radius: 0.6em;
		border-radius: 0.6em;
	}

		.detailTopBox .deNav li:first-child {
			margin-top: 1.5em;
		}

	.detailTopBox .deNav dt {
		margin-right: 0.4em;
		display: inline-block;
		font-size: 0.8em;
		color: #989898;
	}

	.detailTopBox .deNav dd {
		display: inline-block;
		font-size: 0.8em;
		color: #494949;
	}

		.detailTopBox .deNav dd .right {
			display: inline-block;
			width: 0.85em;
			height: 0.85em;
			background: url(../imgs/right.png) center center no-repeat;
			background-size: contain;
			position: relative;
			z-index: 0;
			top: 0.1px;
		}

		.detailTopBox .deNav dd .free {
			color: #808080;
		}

	.detailTopBox .deNav .arrow {
		margin-right: 0.5em;
		width: 0.8em;
		height: 0.8em;
		background: url(../imgs/arr3.png) center center no-repeat;
		background-size: contain;
	}

.proInfoBox {
	border-top: 0.3em solid #f8f8f8;
	background-color: #fff;
	padding: 1.2em 1.4em 0.6em;
}

	.proInfoBox .title {
		margin-bottom: 0.3em;
		font-size: 0.8em;
		color: #5a5a5a;
	}

	.proInfoBox dl {
		padding: 0.3em 0;
		font-size: 0.8em;
		display: flex;
		justify-content: space-between;
		align-items: left;
		align-items: center;
		line-height: 1.5;
	}

	.proInfoBox dd {
		color: #494949;
		flex: 1;
	}

	.proInfoBox dt {
		text-align: justify;
		color: #9b9b9b;
		width: 5.4em;
		margin-right: 0.8em;
	}

.detailCon {
	border-top: 0.3em solid #f8f8f8;
	background-color: #fff;
	padding: 1.2em 0 0.6em;
}

	.detailCon .title {
		margin-bottom: 1em;
		padding: 0 1.3em;
		font-size: 1.05em;
		color: #4a4a4a;
	}

	.detailCon .content {
		overflow: hidden;
		margin: 0 0.8%;
	}

		.detailCon .content img {
			max-width: 100%;
			height: auto;
		}

/*个人中心*/
.header_user {
	overflow: hidden;
	width: 100%;
	background: #212121; /* Old browsers */
	color: #fff;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
}

	.header_user .con {
	}

	.header_user .btnUser {
		margin-left: auto;
		width: 1.9em;
		height: 1.9em;
		background: #1c1c1c url(../imgs/set.png) center center no-repeat;
		background-size: cover;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.header_user .btnSet {
		margin-top: 1em;
		margin-right: 0.9em;
		margin-left: auto;
		width: 1.4em;
		height: 1.4em;
		background: url(../imgs/set.png) center center no-repeat;
		background-size: contain;
	}

	.header_user .user {
		margin: 1em 2em 0;
		text-align: left;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

		.header_user .user .pic {
			position: relative;
			z-index: 0;
			width: 3.4em;
			height: 3.4em;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			overflow: hidden;
			margin-top:22px;
		}

			.header_user .user .pic .edit {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: #424242;
				color: #fff;
				line-height: 1.3;
				padding: 0.5em 0 0.6em;
				display: block;
				font-size: 0.4em;
				text-align: center;
			}

			.header_user .user .pic img {
				width: 100%;
				display: block;
				height: 100%;
				object-fit: cover;
			}

		.header_user .user .txt {
			margin-top: 1em;
			margin-left: 0.6em;
			flex: 1;
		}

		.header_user .user .level {
			font-size: 1.8em;
			font-weight: bold;
		}

		.header_user .user .state {
			font-size: 1.3em;
			font-weight: bold;
		}

		.header_user .user .name {
			margin-top: 0.3em;
			font-size: 0.8em;
		}

		.header_user .user .tel {
			margin-top: 0.3em;
			font-size: 0.8em;
		}

		.header_user .user .info {
			margin-top: 0.3em;
			font-size: 0.8em;
		}

			.header_user .user .info ul {
				display: flex;
				text-align: center;
				justify-content: flex-start;
				align-items: flex-start;
			}

			.header_user .user .info li {
				margin-right: 3.2em;
			}

			.header_user .user .info b {
				display: block;
				font-weight: normal;
			}

			.header_user .user .info i {
				display: block;
				font-style: normal;
			}

		.header_user .user a {
			color: #fff;
		}

.incomeBoxW {
	max-width: 828px;
	margin: 0 auto;
}

.incomeBox {
	margin: 1.8em 0.9em 0;
	background-color: #2b3455;
	color: #fff;
	-moz-border-top-left-radius: 0.6em;
	-webkit-border-top-left-radius: 0.6em;
	border-top-left-radius: 0.6em;
	-moz-border-top-right-radius: 0.6em;
	-webkit-border-top-right-radius: 0.6em;
	border-top-right-radius: 0.6em;
	padding: 1em 1.2em 1.8em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.incomeBox .txt {
		text-align: left;
	}

	.incomeBox .pic {
		margin-right: 0.3em;
	}

		.incomeBox .pic img {
			display: block;
			width: 2.5em;
			height: 2.5em;
		}

	.incomeBox .btnView {
		margin-top: -2em;
		line-height: 1.8em;
		padding: 0.1em 1em 0;
		font-size: 0.8em;
		color: #e94055;
		background-color: #fefefe;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
	}

.userMain {
	position: relative;
	z-index: 901;
	background-color: #252b45;
	padding: 0 0 62px;
	margin: 15.2em auto 0;
	max-width: 828px;
}

	.userMain::before {
		display: block;
		content: "";
		width: 100%;
		height: 1em;
		position: absolute;
		top: -1em;
		left: 0;
		background: url(../imgs/line.png) center center no-repeat;
		background-size: 100% 100%;
	}

/*个人中心 订单管理 */
.orderBox {
	margin: 0.8em 1em 0;
	padding: 0.8em 1em 1.2em;
	background-color: #2b3455;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	color: #fff;
}

	.orderBox .title {
		padding-bottom: 0.8em;
		border-bottom: 1px solid #ededed;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.orderBox .more {
		display: inline-block;
		color: #fff;
		font-size: 0.9em;
		padding-right: 0.7em;
		background: url(../imgs/arr3.png) right center no-repeat;
		background-size: auto 0.8em;
	}

.orderList ul {
	margin: 1.4em 1% 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.orderList .pic {
	display: block;
}

	.orderList .pic img {
		display: block;
		margin: 0 auto;
		width: 1.6em;
		height: 1.6em;
	}

.orderList .name {
	display: block;
	margin-top: 0.4em;
	font-size: 0.8em;
	color: #fff;
}

/*个人中心 积分 基金*/
.scoreBox {
	padding-top: 0.9em;
	margin: 0 1em 0;
}

	.scoreBox ul {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}

		.scoreBox ul li {
			flew: 1;
			width: 50%;
			margin-right: 0.5em;
			color: #fff6be;
			-moz-border-radius: 0.4em;
			-webkit-border-radius: 0.4em;
			border-radius: 0.4em;
			background: #6d6d6f url(../imgs/memb_bg.png) center center no-repeat;
			background-size: cover;
		}

			.scoreBox ul li:nth-child(2) {
				color: #a84c25;
				margin-right: 0;
				margin-left: 0.5em;
				background: #f9d9a8 url(../imgs/club_bg.png) center center no-repeat;
				background-size: cover;
			}

		.scoreBox ul .item {
			color: #fff6be;
			cursor: pointer;
			flex: 1;
			padding: 0.7em 0.8em 0.6em 1.3em;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}

		.scoreBox ul li:nth-child(2) .item {
			color: #a84c25;
		}

		.scoreBox ul .txt {
			text-align: left;
		}

		.scoreBox ul .name {
		}

		.scoreBox ul .num {
			margin-top: 0.1em;
		}

		.scoreBox ul .arrow {
			width: 1em;
			height: 1em;
			color: #747273;
			background-color: #fff;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			line-height: 1em;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.scoreBox ul li:nth-child(2) .arrow {
			color: #f3cf9f;
		}

.userNav {
	margin-top: 0.3em;
	margin: 0 1em;
	text-align: left;
}

	.userNav li .item {
		position: relative;
		z-index: 0;
		margin: 0.5em auto 0;
		padding: 0.8em 4.2em 0.8em 1.3em;
		background-color: #2b3455;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		border-radius: 0.4em;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.userNav li a {
		flex: 1;
		display: block;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.userNav li .btn {
		flex: 1;
		display: block;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.userNav li li {
		margin-left: 2.9em;
	}

		.userNav li li a {
			margin-top: 0.34em;
		}

		.userNav li li:first-child a {
			margin-top: 0.5em;
		}

	.userNav .pic {
		width: 1.8em;
		height: 1.8em;
	}

	.userNav li li .pic {
		width: 1.3em;
		height: 1.3em;
	}

	.userNav .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		overflow: hidden;
	}

	.userNav .txt {
		color: #fff;
		flex: 1;
		font-size: 0.9em;
		margin-left: 1.4em;
	}

	.userNav li li .txt {
		font-size: 0.8em;
		margin-top: 0.1em;
		line-height: 2em;
	}

	.userNav .arrow {
		position: absolute;
		right: 0;
		top: 0;
		width: 4.2em;
		height: 100%;
		background: url(../imgs/arr3.png) center center no-repeat;
		background-size: auto 0.8em
	}

	.userNav li.show > .item > .arrow {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Safari and Chrome */
	}

	.userNav li ul {
		display: none;
	}

	.userNav li.show ul {
		display: block;
	}

/*个人中心 我的服务*/
.serBox {
	margin: 1.2em 1em 0;
}

	.serBox .title {
		text-align: left;
	}

		.serBox .title .name {
		}

	.serBox ul {
		margin: 0 -2% 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.serBox li {
		margin-top: 1.8em;
		width: 25%;
	}

		.serBox li .pic {
			display: block;
		}

			.serBox li .pic img {
				display: block;
				margin: 0 auto;
				width: 1.9em;
				height: 1.9em;
			}

		.serBox li .name {
			display: block;
			margin-top: 0.5em;
			font-size: 0.9em;
			color: #333;
		}

/*分享好友*/
.inviteBox {
	max-width: 828px;
	margin: 0 auto 62px;
	width: 100%;
}

	.inviteBox .invitePic {
		position: relative;
		z-index: 0;
		width: 100%;
		padding-top: 187.3%;
		height: 0;
		text-align: center;
	}

		.inviteBox .invitePic img {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

	.inviteBox .inviteBg {
		position: relative;
		z-index: 0;
		width: 100%;
		padding-top: 187.3%;
		height: 0;
		background: #e3232e url(../imgs/invite.jpg) 0 0 no-repeat;
		background-size: cover;
		text-align: center;
	}

	.inviteBox .inviteCon {
		text-align: center;
		position: absolute;
		margin-top: 114%;
		top: 0;
		width: 50%;
		left: 25%;
	}

	.inviteBox .name {
		color: #000;
		font-size: 1.2em;
	}

	.inviteBox .code {
		margin-top: 0.5em;
	}

		.inviteBox .code img {
			display: block;
			width: 100%;
			height: auto;
		}

.inviteBox2 {
	max-width: 828px;
	margin: 0 auto;
	width: 100%;
}

	.inviteBox2 .inviteBg {
		position: relative;
		z-index: 0;
		width: 100%;
		padding-top: 187.3%;
		height: 0;
		background: #e3232e url(../imgs/invite.jpg) 0 0 no-repeat;
		background-size: cover;
		text-align: center;
	}

	.inviteBox2 .inviteCon {
		text-align: center;
		position: absolute;
		top: 43%;
		width: 44%;
		left: 28%;
	}

	.inviteBox2 .name {
		color: #fff;
		font-size: 1.2em;
	}

	.inviteBox2 .code {
		margin-top: 0.5em;
	}

		.inviteBox2 .code img {
			display: block;
			width: 100%;
			height: auto;
		}

/*新闻列表*/

.newList {
	background-color: #f3f3f3;
	overflow: hidden;
}

	.newList ul {
	}

	.newList li {
		padding: 1.4em 1.6em 1.3em;
		margin-top: 0.6em;
		background-color: #fff;
	}

	.newList .pic {
		margin-top: 1em;
		position: relative;
		z-index: 0;
		padding-top: 66.7%;
		width: 100%;
	}

		.newList .pic img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		}

	.newList .name {
		text-align: left;
		font-size: 1.2em;
		color: #000;
	}

		.newList .name a {
			color: #000;
		}

	.newList .intro {
		text-align: left;
		margin-top: 0.7em;
		font-size: 0.9em;
		color: #696969;
	}

/*弹出*/
.mask {
	position: fixed;
	z-index: 3000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

.proPopup {
	position: fixed;
	z-index: 5001;
	bottom: -600px;
	left: 0;
	right: 0;
	transition: bottom 0.5s;
	padding: 1.6em 1.6em 2.3em;
	background-color: #fff;
	-moz-border-top-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	border-top-left-radius: 1em;
	-moz-border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	border-top-right-radius: 1em;
}

	.proPopup .close {
		position: absolute;
		width: 2em;
		height: 2em;
		top: 1.2em;
		right: 1.2em;
		background: #f3f3f3 url(../imgs/close.png) center center no-repeat;
		background-size: 1em 1em;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

	.proPopup .con {
		min-height: 18em;
	}

	.proPopup .btn {
		margin: 1em 0 0;
		line-height: 3.2;
		padding-top: 1px;
		color: #fff;
		background-color: #252b45;
		width: 100%;
		border-width: 0;
		-moz-border-radius: 1.7em;
		-webkit-border-radius: 1.7em;
		border-radius: 1.7em;
	}

	.proPopup .pro {
		display: flex;
		justify-content: flex-start;
		text-align: left;
		align-items: center;
	}

		.proPopup .pro .pic {
			width: 5em;
			height: 5em;
		}

			.proPopup .pro .pic img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

		.proPopup .pro .txt {
			margin-left: 1em;
			flex: 1;
		}

		.proPopup .pro .name {
			font-size: 1.1em;
		}

		.proPopup .pro .price {
			font-weight: bold;
			font-size: 1.4em;
			color: #252b45;
		}

	.proPopup .info {
		text-align: left;
		margin: 1.2em 0 0;
		line-height: 2.1;
		padding: 1px 1.6em 0;
		color: #fff;
		background-color: #ffe6ec;
		color: #252b45;
		border: 2px solid #252b45;
		-moz-border-radius: 1.7em;
		-webkit-border-radius: 1.7em;
		border-radius: 1.7em;
	}

	.proPopup .buyNum {
		margin-top: 2em;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.proPopup .buyNum .bTxt {
			color: #4c4c4c;
		}

	.proPopup .bNum {
	}

		.proPopup .bNum .num {
			text-align: center;
			font-size: 0.9em;
			vertical-align: middle;
			width: 2.6em;
			line-height: 1.7em;
			color: #626262;
			display: inline-block;
			background-color: #f6f6f6;
			border: 2px solid #f4f4f4;
		}

		.proPopup .bNum .subBtn {
			vertical-align: middle;
			width: 1em;
			height: 1.8em;
			display: inline-block;
			background: url(../imgs/sub.png) center center no-repeat;
			background-size: 0.7em auto;
		}

		.proPopup .bNum .addBtn {
			vertical-align: middle;
			width: 1em;
			height: 1.8em;
			display: inline-block;
			background: url(../imgs/add.png) center center no-repeat;
			background-size: 0.7em auto;
		}

		.proPopup .bNum .disabled {
			opacity: 0.3;
		}

	.proPopup .serTit {
		font-weight: bold;
		text-align: left;
		font-size: 1.2em;
	}

	.proPopup .serList {
		text-align: left;
	}

		.proPopup .serList dl {
			margin-top: 1em;
			padding-left: 1.8em;
			background: url(../imgs/checked2.png) 0 0.2em no-repeat;
			background-size: 1em auto;
		}

		.proPopup .serList dt {
			font-weight: bold;
		}

	.proPopup .reTit {
		color: #999;
	}

	.proPopup .reTit2 {
		margin-top: 0.3em;
		font-size: 2em;
		font-weight: bold;
	}

	.proPopup .reList {
		margin-top: 1.5em;
	}

		.proPopup .reList li {
			position: relative;
			z-index: 0;
			border-top: 1px solid #eee;
			text-align: left;
			color: #999;
			padding: 0.8em 1em 0.8em 0;
		}

		.proPopup .reList .arrow {
			position: absolute;
			right: 0;
			top: 50%;
			width: 1em;
			height: 1em;
			margin-top: -0.5em;
			opacity: 0.6;
			background: url(../imgs/arr3.png) center center no-repeat;
			background-size: auto 1em;
		}

/*购物车*/
.cartList {
	margin: 0.8em 0.8em 0;
}

	.cartList li {
		margin-bottom: 1.2em;
		-moz-box-shadow: 0 0.15em 0.5em rgba(0, 0, 0, .1);
		-webkit-box-shadow: 0 0.15em 0.5em rgba(0, 0, 0, .1);
		box-shadow: 0 0.15em 0.5em rgba(0, 0, 0, .1);
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		background: #2b3455;
	}

	.cartList .pro {
		padding: 1.2em 1.2em 1.2em 0.8em;
	}

.checkW {
	vertical-align: middle;
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: inline-block;
}

	.checkW span {
		width: 1em;
		height: 1em;
		display: inline-block;
		border: 1px solid #999;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		vertical-align: middle;
	}

	.checkW b {
		display: inline-block;
		font-weight: normal;
		vertical-align: middle;
	}

.checked span {
	background: url(../imgs/checked.png) center center no-repeat;
	background-size: contain;
	border: 1px solid #ec4154;
}

.checkW input {
	position: absolute;
	left: -100px;
	top: -100px;
}

.footer_p .checkW b {
	margin-left: 0.6em;
	margin-right: 0.2em;
}

.cartList .pro {
	display: flex;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
}

	.cartList .pro .pic {
		margin-left: 0.6em;
		width: 3.6em;
		height: 3.6em;
	}

		.cartList .pro .pic img {
			width: 100%;
			height: 100%;
			cartList-fit: contain;
		}

	.cartList .pro .txt {
		margin-left: 0.6em;
		flex: 1;
	}

	.cartList .pro .name {
		font-size: 0.9em;
		color: #fff;
	}

	.cartList .pro .intro {
		color: #fff;
		font-size: 0.8em;
	}

.cartList .price {
	border-top: 1px solid #f0f0f0;
	padding: 1em 1.3em 1.2em;
	display: flex;
	justify-content: space-between;
	text-align: left;
	align-items: center;
	font-size: 0.85em;
}

	.cartList .price .priceTit {
	}

	.cartList .price .priceNum {
		color: #fff;
		font-weight: bold;
	}

.cartList .bNum {
}

	.cartList .bNum .num {
		text-align: center;
		font-size: 0.9em;
		vertical-align: middle;
		width: 2.6em;
		line-height: 1.7em;
		color: #626262;
		display: inline-block;
		background-color: #f6f6f6;
		border: 2px solid #f4f4f4;
	}

	.cartList .bNum .subBtn {
		vertical-align: middle;
		width: 1em;
		height: 1.8em;
		display: inline-block;
		background: url(../imgs/sub.png) center center no-repeat;
		background-size: 0.7em auto;
	}

	.cartList .bNum .addBtn {
		vertical-align: middle;
		width: 1em;
		height: 1.8em;
		display: inline-block;
		background: url(../imgs/add.png) center center no-repeat;
		background-size: 0.7em auto;
	}

	.cartList .bNum .disabled {
		opacity: 0.3;
	}

/*搜索*/
.searchIBox {
	margin: 0.4em 1em 0;
	border-bottom: 1px solid #ececec;
}

	.searchIBox .input {
		width: 100%;
		font-size: 1.6em;
		outline-width: 0;
		border: 0;
		line-height: 2em;
		height: 2em;
	}

.searchHis {
	margin: 1em 1em 0;
	text-align: left;
}

	.searchHis .title {
		font-size: 1.3em;
	}

	.searchHis .list {
		margin-top: 0.4em;
		color: #999
	}

		.searchHis .list li {
			line-height: 1.5;
			padding: 0.4em 0;
		}

		.searchHis .list a {
			color: #999
		}

/*直推 粉丝*/
.wrap_d {
	padding-top: 13.5em;
}

.wrap_h {
	padding-top: 139px;
}

.header_d {
	position: fixed;
	width: 100%;
	background: #252b45; /* Old browsers */
	color: #fff;
	z-index: 900;
	top: 0;
	left: 0;
	height: 9em;
}

	.header_d .con {
		margin: 0 1em;
		height: 49px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.header_d .name {
		height: 1.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		*white-space: nowrap;
	}

	.header_d .gobackBtn {
		margin-right: 1em;
		width: 1em;
		height: 1em;
		background: url(../imgs/arr8.png) center center no-repeat;
		background-size: contain;
		display: block;
		cursor: pointer;
	}

.menBox {
	margin: 0.5em 1em 0;
	padding: 1.5em 0.5em;
	background-color: #2b3455;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.1);
	box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.1);
}

	.menBox ul {
		color: #252b45;
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}

	.menBox li {
	}

		.menBox li .num {
			font-size: 1.3em;
			color: #fff;
		}

		.menBox li .name {
			font-size: 0.9em;
			margin-top: 0.5em;
			color: #fff;
		}

		.menBox li .txt {
			font-size: 0.9em;
			color: #fff;
		}

.menDetailBox {
	margin: 0 1em;
	text-align: left;
}

	.menDetailBox .title {
		font-weight: bold;
	}

	.menDetailBox .list {
		margin-top: 0.6em;
		text-align: center;
	}

		.menDetailBox .list li {
			padding: 0.5em 0.5em;
			display: flex;
			justify-content: space-between;
			font-size: 0.8em;
		}

			.menDetailBox .list li:first-child {
				font-size: 0.9em;
				margin-bottom: 0.7em;
				background-color: #252b45;
				color: #fff;
				-moz-border-top-left-radius: 0.5em;
				-webkit-border-top-left-radius: 0.5em;
				border-top-left-radius: 0.5em;
				-moz-border-top-right-radius: 0.5em;
				-webkit-border-top-right-radius: 0.5em;
				border-top-right-radius: 0.5em;
			}

		.menDetailBox .list .t1 {
			width: 24%;
		}

		.menDetailBox .list .t2 {
			width: 32%;
		}

		.menDetailBox .list .t3 {
			width: 38%;
		}

.mPicker {
	font-size: 1em;
}

.mPicker-header {
	font-size: 1em;
	border-bottom: 1px solid #252b45;
	color: #252b45;
}

.mPicker-content li {
	font-size: 1em;
}

.mPicker-confirm, .mPicker-cancel {
	font-size: 1em;
}

.mPicker-confirm {
	background-color: #252b45;
}

.mPicker-active-box {
	border-top: 1px solid #252b45;
	border-bottom: 1px solid #252b45;
}

.pages {
	margin-top: 2em;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.8em;
}

	.pages a, .pages span {
		margin: 5px 3px;
		padding: 0 7px;
		display: inline-block;
		border: 1px solid #ddd;
		color: #fff;
	}

		.pages span.cpb {
			color: #fff;
			font-weight: bold;
			background-color: #2b3455;
			border: 1px solid #2b3455;
		}

		.pages a:hover {
			background-color: #2b3455;
			color: #fff;
			border: 1px solid #2b3455;
			text-decoration: none;
		}