html,
body {
	height: 100%;
	width: 100%;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
ol,
li,
dl,
dt,
dd,
iframe,
textarea,
input,
button,
p,
strong,
b,
i,
a,
span,
del,
pre,
table,
tr,
th,
td,
form,
fieldset,
.pr,
.pc {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	font-family: verdana, Microsoft YaHei, Tahoma, sans-serif;
	*font-family: Microsoft YaHei, verdana, Tahoma, sans-serif;
}

body,
ul,
ol,
li,
dl,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
.pr,
.pc,
em,
del {
	font-style: normal;
	font-size: 100%;
}

ul,
ol,
dl {
	list-style: none;
}

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

.clear:after {
	clear: both;
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.ovfHiden {
	overflow-y: hidden;
	height: auto;
}

.m_box {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.head {
	width: 100%;
	position: relative;
	border-bottom: 0.01rem solid #d5d5d5;
}

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

.head_return {
	width: 0.3rem;
	height: 0.45rem;
	background: url(../images/back.png) center no-repeat;
	background-size: auto 0.22rem;
}

.head_entry {
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.45rem;
	width: 3.05rem;
}

.head_messge {
	width: 0.4rem;
	height: 0.45rem;
	background: url(../images/messge2.png) center no-repeat;
	background-size: auto 0.2rem;
}

.head_search form {
	display: flex;
}

.head_search form input {
	width: 2.66rem;
	height: 0.32rem;
	background: #f5f5f5;
	font-size: 0.14rem;
	text-indent: 0.2rem;
	outline: none;
	border: none;
}

.head_search form .button {
	width: 0.4rem;
	height: 0.32rem;
	background: url(../images/search2.png) center center no-repeat #f5f5f5;
	border: none;
	margin-left: -0.01rem;
	background-size: auto 0.2rem;
}

.head_screen {
	width: 100%;
	height: 0.45rem;
	font-size: 0.14rem;
	background: #fff;
}

.head_left {
	width: 3.3rem;
	height: 0.45rem;
	float: left;
}

.head_left li {
	width: 1.1rem;
	float: left;
	height: 0.45rem;
	background-repeat: no-repeat;
	background-position: 0.8rem center;
	text-align: center;
	line-height: 0.45rem;
	text-indent: -0.1rem;
}

.head_pp,
.head_fl {
	background-image: url(../images/arrow_down.png);
	background-size: auto 0.05rem;
}

.head_sx {
	background-image: url(../images/sx.png);
	background-size: auto 0.09rem;
}

.head_right {
	width: 0.45rem;
	height: 0.45rem;
	float: right;
	background: url(../images/pattern.png) center no-repeat;
	background-size: auto 0.15rem;
}

/*分类*/
.category {
	width: 100%;
	position: absolute;
	top: 0.91rem;
	display: none;
	z-index: 999;
}

.category_fl {
	width: 100%;
	background: #f5f5f5;
}

.category_fl1 {
	width: 100%;
	padding: 0.08rem 0;
	border-bottom: 0.01rem solid #d5d5d5;
}

.category_fl1 li {
	/*width: 1.19rem;*/
	height: 0.25rem;
	background: #fff;
	float: left;
	margin-left: 0.05rem;
	border-radius: 0.05rem;
	margin-bottom: 0.05rem;
	font-size: 0.134rem;
	line-height: 0.25rem;
	text-align: center;
	overflow: hidden;
	padding: 0 .05rem;
}

/*产品列表*/
.translate {
	/*width: 100%;*/
	padding: 0.05rem 0.05rem;
	padding-bottom: 0.35rem;
	background: #f5f5f5;
}

.con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.con li {
	width: 32%;
	margin-bottom: 0.1rem;
	overflow: hidden;
	border-radius: 5px;
}

.con .con_li {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: #fff;
}

.con .con_img {
	width: 100%;
	height: 1.2rem;
}

.con .con_li img {
	width: 100%;
	height: 1.2rem;
	display: block;
}

.con_text div {
	/*width: 100%;*/
	/*margin-top: 0.05rem;*/
	overflow: hidden;
	font-size: 0.12rem;
	color: #333;
	padding: 0 5px;
	height: 0.3rem;
	line-height: .3rem;
}

.con_text p {
	width: 100%;
	font-size: 0.18rem;
	color: #f00;
	margin-top: 0.05rem;
	height: 0.26rem;
}

.con_text p span {
	font-size: 0.14rem;
}

.con_v {
	width: 0.18rem;
	height: 0.18rem;
	position: absolute;
	bottom: 0;
	right: 0.1rem;
	background: url(../images/vip.png) center no-repeat;
	background-size: 0.12rem 0.12rem;
}

/*产品列表2*/
.con2 {
	width: 100%;
}

.con2 li {
	width: 100%;
	height: 1.2rem;
	background: #fff;
	border-bottom: 0.01rem solid #d5d5d5;
	position: relative;
}

.con2 .con_img {
	width: 1rem;
	height: 100%;
	float: left;
}

.con2 .con_img img {
	width: 1rem;
	height: 1rem;
	display: block;
	margin-top: 0.1rem;
}

.con2 .con_text {
	float: left;
	width: 2.45rem;
	margin-left: 0.2rem;
}

.con2 .con_text p {
	margin-top: 0.38rem;
}

.head_list {
	height: 0.45rem;
	background: #fff;
	position: relative;
	padding-right: 0.25rem;
}

.head_list:after {
	content: '>';
	position: absolute;
	right: 0;
	font-size: 0.2rem;
	font-family: '宋体';
	text-align: center;
	line-height: 0.45rem;
	background: #fff;
	width: 0.25rem;
}

.head_list:before {
	content: '<';
	position: absolute;
	left: 0;
	font-size: 0.2rem;
	font-family: '宋体';
	text-align: center;
	line-height: 0.45rem;
	background: #fff;
	width: 0.19rem;
}

.list_out {
	height: 100%;
	line-height: 0.45rem;
	position: absolute;
	overflow: hidden;
}

.list_out ul {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
}

.head_list li {
	height: 100%;
	width: .6rem;
	text-align: center;
	font-size: 0.15rem;
	text-align: center;
	padding: 0 .05rem;
	color: #000;
	flex: none;
	text-align: center;
}

/* .head_list li>a {
	width: 100%;
	height: 100%;
} */

.head_list .li_select {
	color: #f00;
	border-bottom: 0.06rem solid #0099ff;
	height: 0.44rem;
}

.clear:after {
	clear: both;
	content: '';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}


/*分页*/
.page {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 0.4rem;
	background: #f5f5f5;
	text-align: center;
	line-height: 0.3rem;
	display: flex;
	justify-content: space-between;
}

.page_left {
	margin-left: 0.1rem;
	display: flex;
}

.page_right {
	margin-right: 0.1rem;
	display: flex;
}

.page_pre {
	margin-left: 0.08rem;
}

.page_next {
	margin-right: 0.08rem;
}

.page_left div,
.page_right div {
	width: 0.68rem;
	height: 0.3rem;
	background: #eaeaea;
	font-size: 0.14rem;
	margin-top: 0.04rem;
}

.page p {
	font-size: 0.12rem;
	height: 0.3rem;
	width: 0.66rem;
	overflow: hidden;
	margin-top: 0.04rem;
}

/*阴影层*/
.cover {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	opacity: 0.8;
	display: none;
}

/*详细分类*/
.detailed {
	width: 100%;
	background: #fff;
	font-size: 0.14rem;
	padding-bottom: 0.5rem;
	display: none;
}

.price,
.promotion,
.region,
.province,
.city {
	width: 96%;
	border-bottom: 0.01rem solid #d5d5d5;
	padding: 0.16rem 0 0.16rem 0rem;
	margin-left: 4%;
}

.price span {
	display: inline-block;
}

.price span:nth-child(2) {
	margin-left: 0.25rem;
}

.price input {
	width: 0.9rem;
	height: 0.3rem;
	background: #eee;
	border-radius: 0.05rem;
	border: none;
	text-indent: 0.1rem;
	font-size: 0.14rem;
}

.detailed ul {
	width: 100%;
}

.detailed li {
	float: left;
	width: 0.8rem;
	height: 0.3rem;
	background: #eee;
	color: #000;
	line-height: 0.3rem;
	text-align: center;
	margin-right: 0.08rem;
	border-radius: 0.05rem;
	margin-top: 0.08rem;
	overflow: hidden;
}

.reset {
	width: 100%;
	position: fixed;
	bottom: 0;
}

.reset1,
.reset2 {
	width: 50%;
	height: 0.45rem;
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.45rem;
	float: left;
}

.reset1 {
	background: #f5f5f5;
	color: #999;
}

.reset2 {
	background: #f30;
	color: #fff;
}

.detailed .de_color {
	background: #f30;
	color: #fff;
}

.hangye{
	display: flex;
	justify-content: space-around;
	margin: .1rem 0;
}

.hangye a{
	font-size: .15rem;
	border: 1px solid #09f;
	border-radius: 4px;
	padding: .05rem .1rem;
}

.hangye a.x{
	background: #09f;
	color:#fff;
}