/**** 首页基础样式 ****/

/* 覆盖 style.css 的 body 样式 */
body {
	min-width: 3.2rem;
	max-width: 7.5rem;
	margin: 0 auto !important;
	overflow-x: hidden;
	background: #fff;
	font: .3rem/1.5 "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 0;
}
section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td, input, textarea, select, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol, li {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}

/**** 首页 ****/

.wrapper {
	float: left;
	width: 100%;
	background: #f0ede6;
}
.wrapper.index {
	padding-bottom: 2.3rem;
}
.home-banner {
	float: left;
	width: 100%;
	overflow: hidden;
}
.home-banner .banner-swiper {
	width: 100%;
}
.home-banner .swiper-slide a {
	display: block;
	width: 100%;
}
.home-banner .swiper-slide img {
	display: block;
	width: 100%;
	border-radius: .2rem;
}
.index3Prod {
	display: flex;
	justify-content: space-between;
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.index3Prod a {
	width: 2.2rem;
}
.index3Prod a img {
	display: block;
	width: 100%;
}
.bigbox {
	float: left;
	width: 100%;
	padding: .2rem;
	margin: .3rem 0 0 0;
	background: #fff;
	border-radius: .1rem;
}
.bigbox:first-child {
	margin: 0;
}
.indexTitle {
	float: left;
	width: 100%;
}
.indexTitle b {
	font-size: .36rem;
	color: #8b0e10;
}
.indexTitle img {
	width: .6rem;
	margin: -.2rem 0 0 -.2rem;
	vertical-align: middle;
}
.indexTitle a.zejiri {
	float: right;
	line-height: .54rem;
	font-size: .24rem;
	color: #8b0e10;
}
.indexTitle a.txzliao {
	float: right;
	padding: 0 .1rem;
	margin: .1rem 0 0 0;
	background: #f8e9ca;
	line-height: .35rem;
	font-size: .24rem;
	color: #a6681a;
}
.indexHotProd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
}
.indexHotProd a {
	width: 1.2rem;
	font-size: .24rem;
	color: #573414;
	text-align: center;
	margin-bottom: .2rem;
}
.indexHotProd a img {
	display: block;
	width: 100%;
}
.indexLikeProd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float: left;
	width: 100%;
}
.indexLikeProd.marg10 {
	margin: .1rem 0 0 0;
}
.indexLikeProd a {
	width: 48.5%;
	margin: .2rem 0 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.indexLikeProd a:nth-child(1) {
	background-image: url(../img/like-bg1.png);
}
.indexLikeProd a:nth-child(2) {
	background-image: url(../img/like-bg2.png);
}
.indexLikeProd a:nth-child(3) {
	background-image: url(../img/like-bg3.png);
}
.indexLikeProd a:nth-child(4) {
	background-image: url(../img/like-bg4.png);
}
.indexLikeProd a dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: .15rem;
	line-height: 1.3;
}
.indexLikeProd a dl dt {
	width: calc(100% - 1.1rem);
	text-align: justify;
}
.indexLikeProd a:nth-child(1) dl dt b {
	color: #88380b;
}
.indexLikeProd a:nth-child(2) dl dt b {
	color: #065548;
}
.indexLikeProd a:nth-child(3) dl dt b {
	color: #4270ab;
}
.indexLikeProd a:nth-child(4) dl dt b {
	color: #d46e30;
}
.indexLikeProd a dl dt span {
	font-size: .24rem;
	color: #573414;
}
.indexLikeProd a dl dd {
	width: 1rem;
}
.indexLikeProd a dl dd img {
	display: block;
	width: 100%;
}
.indexTejiProd {
	float: left;
	width: 100%;
	padding: 1.6rem .2rem 0 0.2rem;
	margin: .3rem 0 0 0;
	background: #fac053 url(../img/teji-bg.png) no-repeat left top;
	background-size: 100% auto;
	border-radius: .1rem;
}
.indexTejiProd .box {
	display: flex;
	justify-content: space-between;
	float: left;
	width: 100%;
	padding: .85rem .2rem .2rem .2rem;
	background: #fffbf2 url(../img/teji-title.png) no-repeat center top;
	background-size: auto .6rem;
	border-radius: .1rem;
}
.indexTejiProd .box a {
	position: relative;
	width: 1.4rem;
	font-size: .24rem;
	text-align: center;
}
.indexTejiProd .box a img {
	display: block;
	width: 100%;
}
.indexTejiProd .box a del, .indexTejiProd .box a i {
	position: absolute;
	padding: 0 .05rem;
	line-height: .3rem;
	font-size: .24rem;
	color: #fff;
}
.indexTejiProd .box a del {
	left: 0;
	top: 0;
	background: linear-gradient(to right, #624ef3, #d819cb);
	border-radius: .1rem 0 .2rem 0;
}
.indexTejiProd .box a i {
	right: 0;
	bottom: .36rem;
	background: #d82c2a;
	border-radius: .2rem 0 .1rem 0;
	font-weight: bold;
}
.indexTejiProd .more {
	float: left;
	width: 100%;
	margin: .2rem 0;
	font-size: .28rem;
	text-align: center;
}
.indexTejiProd .more a {
	color: #fff;
	text-decoration: underline;
}
.indexTab {
	position: sticky;
	top: 0;
	float: left;
	width: 100%;
	padding: .1rem 1rem;
	margin: -.1rem 0;
	background: #fff;
	max-width: 6.6rem;
	transition: .3s ease-in-out;
}
.indexTab li {
	position: relative;
	float: left;
	width: 50%;
	font-size: .36rem;
	color: #998263;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.indexTab li.current {
	color: #8b0e10;
}
.indexTab li::after {
	position: absolute;
	right: 0;
	bottom: .05rem;
	content: "";
	width: .6rem;
	height: .6rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.indexTab li:first-of-type::after {
	background-image: url(../img/icon03a.png);
}
.indexTab li:first-of-type.current::after {
	background-image: url(../img/icon03b.png);
}
.indexTab li:last-of-type::after {
	background-image: url(../img/icon04a.png);
}
.indexTab li:last-of-type.current::after {
	background-image: url(../img/icon04b.png);
}
.indexTab a {
	position: absolute;
	right: 0;
	line-height: .54rem;
	font-size: .24rem;
	color: #998263;
}
.indexNewProd {
	float: left;
	width: 100%;
}
.indexNewProd a {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	background: #f8e9ca;
	border-radius: .1rem;
}
.indexNewProd a p {
	float: left;
	width: 100%;
}
.indexNewProd a p img {
	display: block;
	width: 100%;
	border-radius: .1rem .1rem 0 0;
}
.indexNewProd a dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: .2rem;
}
.indexNewProd a dl dt {
	width: calc(100% - 1.6rem);
	color: #573414;
}
.indexNewProd a dl dt b {
	font-size: .36rem;
}
.indexNewProd a dl dt span {
	font-size: .28rem;
}
.indexNewProd a dl dt i {
	font-size: .24rem;
	color: #998263;
}
.indexNewProd a dl dt i img {
	width: .3rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.indexNewProd a dl dd {
	width: 1.4rem;
	background: #cb2523;
	border-radius: .1rem;
	line-height: .6rem;
	color: #fff;
	text-align: center;
}
.indexMore {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	text-align: center;
}
.indexMore a {
	color: #998263;
}
.indexTimeBar {
	position: fixed;
	bottom: 1rem;
	float: left;
	width: 100%;
	max-width: 7.5rem;
	margin: 0 0 0 -.25rem;
	background: #c44041;
	z-index: 9;
	line-height: 1rem;
	color: #ffd08c;
	text-align: center;
}
.indexTimeBar b {
	font-size: .36rem;
}
.indexTimeBar span {
	display: inline-block;
	width: .5rem;
	background: #8b0e10;
	border-radius: .1rem;
	line-height: .5rem;
	text-align: center;
}
.indexTimeBar a {
	display: inline-block;
	width: 1.5rem;
	background: linear-gradient(#ffd08c, #ffb850);
	border-radius: .3rem;
	line-height: .6rem;
	color: #8d5502;
	font-weight: bold;
	text-align: center;
}
.indexMenu {
	position: fixed;
	bottom: 0;
	float: left;
	width: 100%;
	max-width: 7.5rem;
	margin: 0 0 0 -.25rem;
	background: #fff;
	border-radius: .3rem .3rem 0 0;
	z-index: 9;
}
.indexMenu a {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 0 0 .4rem;
	line-height: 1rem;
	color: #808080;
	text-align: center;
}
.indexMenu a.current {
	color: #8b0e10;
}
.indexMenu a::before {
	position: absolute;
	left: .3rem;
	top: .3rem;
	content: "";
	width: .45rem;
	height: .45rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.indexMenu a:nth-child(1):before {
	left: .5rem;
	background-image: url(../img/menu01a.png);
}
.indexMenu a:nth-child(2):before {
	background-image: url(../img/menu02a.png);
}
.indexMenu a:nth-child(3):before {
	background-image: url(../img/menu03a.png);
}
.indexMenu a:nth-child(1).current:before {
	background-image: url(../img/menu01b.png);
}
.indexMenu a:nth-child(2).current:before {
	background-image: url(../img/menu02b.png);
}
.indexMenu a:nth-child(3).current:before {
	background-image: url(../img/menu03b.png);
}
.indexHongbao {
	position: fixed;
	right: 0;
	top: 50%;
	width: 1.3rem;
	height: 1.3rem;
}
.indexHongbao a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/hongbao.png) no-repeat;
	background-size: 100% 100%;
}

/* 底部间距 */
.bottom-spacer {
	height: 1rem;
	float: left;
	width: 100%;
}

/**** 首页 ****/