/*CSS reset*/
html{color:#000;font-family:Microsoft YaHei,sans-serif,Arial,'宋体';font-size: 16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-size:12px;font-family:Microsoft YaHei,sans-serif,Arial;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#000; outline:none;}/*此处待添加默认链接颜色*/
a:hover{text-decoration: none;}
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{border:0;outline:none;font-family:Microsoft YaHei; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.fl {float: left;}
.fr{float: right;}
.clearfix:after{display:block;clear:both;height:0px;overflow:hidden;content: "\200B";} 
.clearfix{*zoom:1;position:relative;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.con{
	position: relative;
	/*margin-top: 13px;*/
}
.head2{
	position: absolute;
	width: 180px;
	top: 84px;
}
[v-cloak] {
  display: none;
}
.head2_list{
	color: #fff;
	width: 180px;
	z-index: 1;
	position: relative;
	display: none;
}
.head2_list>img{
	width: 100%;
	display: block;
	margin: auto;
}
.head2_list1{
	background: #66be00;
	color: #fff;
	z-index: 1;
	width: 181px;
}
.head2_img{
	width: 180px;
	z-index:2;
	position: relative;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #74a901;
	border-bottom: 1px solid #fff;
}
.head2:hover .head2_list{
	display: block;
}
.head2_img>p{
	font-size: 15px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    float: left;
    margin-left: 10px;
}
.head2_img>img{
	width: 14px;
    margin-top: 11px;
    z-index: 2;
    float: left;
    margin-left: 15px;
}
.head2_img> .head2_list2_img_1{
	width: 24px;
    margin-top: 11px;
    z-index: 2;
    float: left;
    margin-left: 15px;
}
.head2_list>ul>li{
	height: 66px;
	cursor: pointer;
	border-bottom: 2px #fff solid;
	position: relative;
}
.head2_list1_b_1{
	background: -webkit-linear-gradient(left, #72b314 , #87d419); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #72b314, #87d419); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #72b314, #87d419); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #72b314 , #87d419); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_2{
	background: -webkit-linear-gradient(left, #72b314 , #87d419); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #72b314, #87d419); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #72b314, #87d419); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #72b314 , #87d419); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_3{
	background: -webkit-linear-gradient(left, #0296c3 , #00b7ee); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0296c3, #00b7ee); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0296c3, #00b7ee); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0296c3 , #00b7ee); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_4{
	background: -webkit-linear-gradient(left, #0296c3 , #00b7ee); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0296c3, #00b7ee); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0296c3, #00b7ee); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0296c3 , #00b7ee); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_5{
	background: -webkit-linear-gradient(left, #0296c3 , #00b7ee); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0296c3, #00b7ee); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0296c3, #00b7ee); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0296c3 , #00b7ee); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_6{
	background: -webkit-linear-gradient(left, #f39700 , #f8b551); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f39700, #f8b551); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f39700, #f8b551); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f39700 , #f8b551); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_7{
	background: -webkit-linear-gradient(left, #f39700 , #f8b551); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f39700, #f8b551); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f39700, #f8b551); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f39700 , #f8b551); /* 标准的语法（必须放在最后） */
}
.head2_list1_b_8{
	background: -webkit-linear-gradient(left, #f39700 , #f8b551); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f39700, #f8b551); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f39700, #f8b551); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f39700 , #f8b551); /* 标准的语法（必须放在最后） */
}
.head2_list>ul>li:hover{
	background: #fff;
	border-left: solid 1px #579b31;
}
.head2_list>ul>li:hover:last-child{
	background: #fff;
	border-left: solid 1px #579b31;
	border-bottom: solid 1px #579b31;
}
.head2_list>ul>li .head2_list2_img_2{
	display: none;
}
.head2_list>ul>li:hover .head2_list2_img_2{
	display: block;
}
.head2_list>ul>li:hover .head2_list2{
	display: block;
}
.head2_list>ul>li:hover .head2_list2_img_1{
	display: none;
}
.head2_list>ul>li:hover .head2_list2_a_1{
	background: #8fc31f;
}
.head2_list>ul>li:hover .head2_list2_a_2{
	background: #00b6ec;
}
.head2_list>ul>li:hover .head2_list2_a_3{
	background: #00b6ec;
}
.head2_list>ul>li:hover .head2_list2_a_4{
	background: #f8b44e;
}
.head2_list>ul>li .head2_list2_a_1{
	position: relative;
	background: #fff;
	width: 44px;
	height: 44px;
	border-radius: 25px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	position: absolute;
    left: 10px;
    top: 5px;
}
.head2_list>ul>li .head2_list2_i_1{
	position: absolute;
    width: 31px;
    top: 6px;
    left: 8px;
    line-height: 50px;
    overflow: hidden;
}
.head2_list1_b_2 .head2_list2_i_1{
	left:10px !important;
}
.head2_list>ul>li .head2_list2_a_2{
	position: relative;
	background: #fff;
	width: 44px;
	height: 44px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	border-radius: 25px;
	position: absolute;
    left: 10px;
    top: 15px;
}
.head2_list>ul>li .head2_list2_i_2{
	position: absolute;
  	width: 31px;
    top: 6px;
    left: 8px;
    line-height: 50px;
    overflow: hidden;
}

.head2_list>ul>li .head2_list2_a_3{
	position: relative;
	background: #fff;
	width: 44px;
	height: 44px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	border-radius: 25px;
	position: absolute;
    left: 10px;
    top: 5px;
}
.head2_list>ul>li .head2_list2_i_3{
	position: absolute;
    width: 31px;
    top: 6px;
    left: 8px;
    line-height: 50px;
    overflow: hidden;
}

.head2_list>ul>li .head2_list2_a_4{
	position: relative;
	background: #fff;
	width: 44px;
	height: 44px;
	border-radius: 25px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	position: absolute;
    left: 10px;
    top: 15px;
}
.head2_list>ul>li .head2_list2_i_4{
	position: absolute;
    width: 31px;
    top: 6px;
    left: 8px;
    line-height: 50px;
    overflow: hidden;
}
.head2_list2_1{
	position: absolute;
    display: block;
    top:20px;
    height: 58px;
    width: 129px;
    left: 50px;
    overflow: hidden;
}
.head2_list>ul>li h1{
	font-size: 14px;
	color: #fff;
	font-weight:600;
	margin: 0 5px 3px 16px;
}
.head2_list>ul>li p{
	font-size: 12px;
	color: #fff;
	font-weight: 100;
	margin: 0 0 0 16px;
}
.head2_list1_b_1:hover h1{
	color: #8fc31f;
	font-weight: 600;
}
.head2_list1_b_1:hover p{
	color: #8fc31f;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_2:hover h1{
	color: #8fc31f;
	font-weight: 600;
}
.head2_list1_b_2:hover p{
	color: #8fc31f;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_3:hover h1{
	color: #00b6ec;
	font-weight: 600;
}
.head2_list1_b_3:hover p{
	color: #00b6ec;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_4:hover h1{
	color: #00b6ec;
	font-weight: 600;
}
.head2_list1_b_4:hover p{
	color: #00b6ec;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_5:hover h1{
	color: #00b6ec;
	font-weight: 600;
}
.head2_list1_b_5:hover p{
	color: #00b6ec;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_6:hover h1{
	color: #f8b44e;
	font-weight: 600;
}
.head2_list1_b_6:hover p{
	color: #f8b44e;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_7:hover h1{
	color: #f8b44e;
	font-weight: 600;
}
.head2_list1_b_7:hover p{
	color: #f8b44e;
	font-weight: 400;
	margin: 0 5px 0 16px;
}
.head2_list1_b_8:hover h1{
	color: #f8b44e;
	font-weight: 600;
}
.head2_list1_b_8:hover p{
	color: #f8b44e;
	font-weight: 400;
	margin: 0 0 0 16px;
}
.head2_list1_b_1>.head2_list2{
	display: none;position: absolute;top: 1px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_2>.head2_list2{
	display: none;position: absolute;top: -54px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_3>.head2_list2{
	/*top:-109;height:425*/
	display: none;position: absolute;top:0;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_4>.head2_list2{
	/*top:-164;height:425*/
	display: none;position: absolute;top: -68px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_5>.head2_list2{
	/*top:-219;height:425*/
	display: none;position: absolute;top: -136px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_6>.head2_list2{
	/*top:-274;height:425*/
	display: none;position: absolute;top: -137px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_7>.head2_list2{
	/*top:-329;height:425*/
	display: none;position: absolute;top: -206px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 395px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list1_b_8>.head2_list2{
	/*top:-384;height:425*/
	display: none;position: absolute;top: -274px;left:180px;color: #000;width: 600px;padding:3px 15px 10px;height: 394px;background: #eeefec;box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.head2_list2>ul>li{
	clear: both;
	border-top: 1px solid #d2d2d2;
}
.head2_list2>ul>li:first-child{
	border-top:none ;
}
.head2_list2>ul .active{
	background: #f1f8ed;
}
.head2_list2>ul>li:hover .head2_list2T{
	color: #74a902;
}
.head2_list2T{
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.head2_list2L{
	/*float: left;*/
	
}
.head2_list2L>ul>li{
	float: left;
}
.head2_list2List{
	padding:0 15px;
	margin:5px auto;
	font-size: 14px;
	border-right: 1px solid #dcdcdc;
	color: #333333;
}
.head2_list2List:hover{
	color: #6db545;
}
.head2_list2L>ul>li:last-child .head2_list2List{
	border-right: none;
	margin-bottom: 10px;
}
/*友情弹框*/
.friendly{
	display: none;
}
.friendly1 {
	position: fixed;
	top: 45%;
	left: 40%;
	z-index: 1111;
	background: #fff;
	width: 20%;
	height: 200px;
	border-radius: 10px;
}
@media screen and (max-width:1024px ) {
	.friendly1 {
		position: fixed;
		top: 35%;
		left: 10%;
		z-index: 1111;
		background: #fff;
		width: 80%;
		height: 200px;
		border-radius: 10px;
	}
}
.friendlyH{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
	
}
.friendly1 img{
	display: block;
	margin:20px auto;
}
.continueBrowsing{
	width: 35%;
	height: 40px;
	line-height: 40px;
	float: left;
	border: 1px solid #f58a0c;
	font-size: 15px;
	margin-left: 7.5%;
	text-align: center;
	border-radius:15px;
	color: #f58a0c;
	cursor: pointer;
}
.cartCheckout{
	width: 35%;
	float: left;
	height: 40px;
	line-height: 40px;
	border: 1px solid #f58a0c;
	font-size: 15px;
	margin-left: 12%;
	text-align: center;
	border-radius:15px;
	cursor: pointer;
}
.cartCheckout a{
	color: #f58a0c;
}
.addCart{
	color: #6edc02;
	font-size: 14px;
}
/*兼容iPhone X*/
html,body{
	min-height: 100%;
	padding-bottom: env(safe-area-inset-bottom);
}
@supports (bottom: env(safe-area-inset-bottom)){
	.footer{
		/*padding-bottom: constant(safe-area-inset-bottom);*/
		margin-bottom: env(safe-area-inset-bottom);
	}
}
/*底部导航*/
.footer {
	position: fixed;
	width: 100%;
 	min-width: 320px;
    max-width: 414px;	
	height: 45px;
	bottom: 0;
	line-height: 39px;
	border-top: 1px solid #eee;
	box-shadow:0px -3px 13px rgba(0,0,0,0.1);
	background: #f7f7f7;
	/*background: #9eca5b;*/
	z-index: 1111;
	padding-bottom: env(safe-area-inset-bottom);
}
.footer li {
	width: 20%;
}
.footer li a {
	position: relative;
	display: block;
	color: #fff;
}
.footer li a img {
	width: 18px;
    display: block;
    margin: 6px auto 3px;
}
.footer li p {
	color: #666666;
	/*color: white;*/
	line-height: normal;
	font-size: 12px;
	text-align: center;
}