body{
	color: #333333;
	background-color:#fff;
}
* {
	-webkit-tap-highlight-color: transparent;
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
}

input {
	-webkit-appearance: none;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.cb {
	clear: both;
}

body {
	width: 100%;
	/*height: 9.353rem;*/
	position: relative;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

.bgcolor {
	background-color: white;
}


/*头部标题*/

.banner_top {
	text-align: center;
	font-size: 0.36rem;
    height: 0.98rem;
    line-height: 0.98rem;
    border-bottom: 1px solid #DCDCDC;
    box-sizing: border-box;
}

.banner_top img {
	position: absolute;
	top: 0.17rem;
	text-align: center;
	display: block;
	height: 0.38rem;
	width: 0.25rem;
}

.goback {
	background: url(../../static/img/index/icon_fanhui.png) no-repeat;
	background-size: 0.2rem  0.35rem;
	margin: 0.05rem;
	text-align: center;
	height: 0.35rem;
	width: 0.2rem;
}


/*底部导航*/

.nav {
	width: 100%;
	position: fixed;
	height: 0.97rem;
	margin-top: 0.17rem;
	padding: 0.1rem 0;
	bottom: 0;
	border: #DCDCDC 0.008928rem solid;
}

.nav li {
	list-style: none;
	width: 20%;
}

.nav img {
	display: block;
	margin: 0.11rem auto;
	height: 0.44rem;
	width: 0.44rem;
}

.nav p {
	font-size: 0.24rem;
	text-align: center;
	color: #666666;
}


/*底部*/

.footer {
	font-size: 0.24rem;
	position: fixed;
	bottom: 0rem;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 1px solid #dcdcdc;
	height: 1.0rem;
	z-index: 100;
}

.footer ul li {
	float: left;
	list-style: none;
	width: 20%;
	color: #838383;
}

.footer ul li.on {
	color: #4DA87B;
}

.footer p {
	background: url(../../static/img/index/personal_center.png) no-repeat;
	background-size: 3.13rem 2.38rem;
	width: 0.44rem;
	height: 0.45rem;
	margin: 0.2rem auto 0rem;
}
.footer .cart_unit {
	position:absolute;
	color: white;
	background-color: #DA4E2B;
	font-size: 0.2rem;
	padding: 0rem 0.1rem;
	border-radius: 0.15rem;
	top: 0.1rem;
}
.footer li .home {
	background-position: -1.55rem -0.68rem;
}

.footer li .sale {
	background-position: -1.12rem  -1.88rem;
}

.footer li .sort {
	background-position: -2.18rem -0.1rem;
}

.footer li .shoppingCart {
	background-position: -0.79rem  -0.69rem;
}

.footer li .my {
	background-position: -0.08rem -1.88rem;
}

.footer li.on .home {
	background-position: -0.089rem  -1.29rem;
}

.footer li.on .sale {
	background-position: -0.62rem -1.88rem;
}

.footer li.on .sort {
	background-position: -2.17rem  -0.68rem;
}

.footer li.on .shoppingCart {
	background-position: -1.56rem -0.1rem;
}

.footer li.on .my {
	background-position: -2.2rem -1.26rem;
}


/*详情头部*/

.header {
	height: 0.9rem;
	width: 100%;
	position: fixed;
	top: 0rem;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100;
	border-bottom: 1px solid;
	border-bottom-color: rgba(224, 223, 218, 0)
}

.header u {
	height: 100%;
	width: 12%;
}

.header p {
	float: left;
	width: 29%;
	height: 100%;
	margin-top: -1px;
	line-height: 0.9rem;
	font-size: 0.32rem;
	box-sizing: border-box;
}

.header span {
	display: inline-block;
	height: 100%;
	color: rgba(255, 255, 255, 0);
	;
}

.header_goods {
	text-align: right;
	padding-right: 0.3rem;
}
.header_comments{
	text-align: center;
}
.header_active {
	border-bottom: 4px solid;
	border-bottom-color: rgb(218,80,45);
}
.header_active_no {
	border-bottom: 0px solid;
	border-bottom-color: rgba(54, 54, 54, 0)
}

.header_details {
	padding-left: 0.3rem;
}

.header .fr {
	background: url(../../static/img/details/details.png) no-repeat;
	background-size: 7.42rem 5.53rem;
	background-position: -6.78rem -2.81rem;
}

.header .fl {
	background: url(../../static/img/classify/classfiy.png) no-repeat;
	background-size: 8.21rem 7.55rem;
	background-position: -7.59rem  -4.02rem;
}

.goods_sale {
	background-color: white;
	color: #DD5A3D;
	border: 1px solid #DD5A3D !important;
}


/*.price_for{
				background-color: #DA4E2B;
				color: white;
				border: 1px solid #DA4E2B !important;	
			}*/

.head_icon {
	background-color: #DA4E2B;
	color: white;
	border: 1px solid #DA4E2B !important;
	vertical-align: middle;
}

.head_icon,
.goods_sale {
	display: none;
	outline: none;
	padding: 0.02rem  0.08rem;
	font-size: 0.22rem;
	border-radius: 0.08rem;
}

.head_icon {
	margin-left: .2rem;
}

.footer_cart>div p {
	background-image: url(../../static/img/details/details.png);
	background-repeat: no-repeat;
	background-size: 7.42rem 5.53rem;
	height: 0.44rem;
	width: 0.44rem;
	margin: 0.14rem auto 0rem;
}

.footer_cart>div span {
	color: #959595;
	font-size: 0.23rem;
}

#J_collect p {
	background-position: -5.4rem -3.0rem;
}

#J_collect .collect_red_heart {
	background-position: -4.71rem -3.0rem;
}


/*小模态框*/
.popup1,
.popup2,
.popup3,
.popup4,
.popup5,
.popup6,
.popup7,
.popup8,
.popup9,
.popup10,
.popup11,
.popup12,
.popup13 {
	position: fixed;
	text-align: center;
	color: #fcfffd;
	display: none;
	font-size: 0.32rem;
	left: 0rem;
	top: 0rem;
	bottom: 0rem;
	right: 0rem;
	margin: auto;
	z-index: 9999999;
}

.popup1 span,
.popup2 span,
.popup3 span,
.popup4 span,
.popup5 span,
.popup6 span,
.popup7 span,
.popup8 span,
.popup9 span,
.popup10 span,
.popup11 span,
.popup12 span,
.popup13 span {
	border-radius: 8px;
	padding: 0.28rem;
	background: rgba(0, 0, 0, 0.68);
	display: block;
	margin: auto;
}


/*模态框*/

.bg_model_1,
.bg_model_2,
.bg_model_3,
.bg_model_4,
.bg_model_5,
.bg_model_6,
.bg_model_7,
.bg_model_8,
.bg_model_9,
.bg_model_10,
.bg_model_11,
.bg_model_12,
.bg_model_13 {
	top: 0%;
	left: 0%;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 101;
	display: none;
}

.bg_model_5 ul {
	margin-bottom: 0.84rem;
}

.bg_model_5 li {
	height: 2.1rem;
	width: 100%;
	border-top: 1px solid #E5E5E5;
}

.content {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	margin-top: 2.4rem;
	border-radius: 8px;
	width: 88%;
	height: 3.81rem;
	background-color: #fff;
}


/*详情>>>>详情*/

.ingredient_title,
.valid_person_title {
	position: absolute;
}

#ingredient_info {
	display: inline-block;
	margin-left: 1.46rem;
}

#valid_person_info ol {
	margin-left: 1.46rem;
}

#valid_person_info li {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 0.05rem 0rem;
}

#valid_person_info li:first-child {
	padding-top: 0rem;
}

.show_detail li {
	/*padding: 0.12rem;*/
	box-sizing: border-box;
}

.show_detail ul {
	width: 100%;
	/*padding: 0.267857rem;*/
	box-sizing: border-box;
	color: #696969;
	font-size: 0.3rem;
}

.show_detail sub {
	width: 100%;
	height: 0.2rem;
	background-color: #F6F6F6;
	display: block;
	clear: both;
}

.show_detail img {
	width: 100%;
	display: block;
}

.show_detail ul li:first-child {
	font-size: 0.32rem;
	color: #4DA87B;
}

#valid_person_info ol li:first-child {
	font-size: 0.3rem;
	color: #696969;
	margin-left: 0rem;
}

.show_detail .goods_promise li:first-child {
	font-size: 0.25rem;
	color: #8C8C8C;
	margin-left: none;
}

.show_detail .goods_promise li {
	margin-top: -0.4rem;
}

.show_detail #product_guarantee li:first-child {
	color: #696969;
	margin-left: 0rem;
	font-size: 0.3rem;
}

#product_guarantee li {
	padding: 0rem;
}

#product_guarantee li:before {
	content: "● ";
	color: #4BA87B;
	font-size: 0.5rem;
}

#product_guarantee span {
	color: #6A6A6A;
	font-size: 0.22rem;
	padding-left: 0.5rem;
}
/*加载动画*/

@-webkit-keyframes load {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@keyframes load {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

.load {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
}

.loader {
	color: #f5f5f5;
	font-size: 20px;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

/*加载中*/
.load-data {
	font-size: 0.32rem;
	text-align: center;
	height: 0.66rem;
	line-height: 0.66rem;
	display: none;
	color: #666;
	margin-bottom: 1rem;
	position: fixed;
	bottom: 0;
	width: 100%;
	opacity: .8;
	background-color: #f6f6f6;
	
}
.load-end {
	font-size: 0.32rem;
	text-align: center;
	height: 0.66rem;
	line-height: 0.66rem;
	display: none;
	margin-bottom: 1rem;
	color: #666;
}