body{ margin:0; padding:0; }
.top{
	height: 40px;
	background: #fafafa;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	justify-content: right;
}
.top .container{display: flex; justify-content: left;}

.top .container>div{ padding:0 25px 0px 16px; line-height:40px; position:relative; z-index:999; }
.top .container>div:before{ content:'';position:absolute; right:0; top: 10px; height:20px; width: 1px; background:#cccccc; }
.top .container>div:last-child:before{ display:none; }
.top .container>div i{ margin-right:5px; }
.top .container>div.logint{}
.top .container>div.logint:after{ content:""; position: absolute; right: 8px; top: 20px; border:5px solid transparent; border-top-color:#cccccc;}

.userinfoShow{ background:#fff; border:#f2f2f2 1px solid; display: none; border-top: none; padding:20px; position:absolute; left:0; top:40px;}
.userinfoShow .useri{ display:flex; }
.userinfoShow .useri dd{ width:50px; height:50px; border-radius:50px; overflow:hidden; }
.userinfoShow .useri dd img{ width:100%; }
.userinfoShow .useri h4{ font-size:16px; margin-left:10px; margin-top:10px; }
.userinfoShow .useri a{ width:80px; text-align:right; color:#01abec; }
.userinfoShow .umenu{ border-top:1px solid #f2f2f2; margin-top:20px; padding-top:10px; }
.userinfoShow .umenu>ul{background: #fff; width: 100%;
	text-align: left; line-height: 30px; font-size: 14px; border-top: 0;
	left: 0; padding: 0;
}
.logint:hover{ background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;  }
.logint:hover .userinfoShow{ display:block; }

.topLogo{ background:#fff; padding:px 0px; box-shadow: 0px 0px 5px #e2e2e2; }
.topSearch{ display:flex; flex-wrap:wrap; justify-content: space-between; }
.topSearch .logo{margin-right: 135px; margin-top: 5px; height: 80px;}
.topSearch .logo img{ height:80px; transition: all 0.5s}
.topSearch .logo img:hover{ transform:scale(1.1);}
.topSearch .search{ margin:25px 20px 25px 20px; flex: 1; }
.topSearch .search input{ width: calc(100% - 60px); height: 40px; line-height: 40px; border: 1px solid #e2e5ec; padding: 0 10px; border-radius: 5px 0px 0px 5px;}
.topSearch .search button{ width: 60px; height: 40px; border: solid 1px #01abec; color: #fff; background: #01abec; border-radius: 0px 5px 5px 0px;}
.topSearch .rightmenu{ width:100px; display:flex; justify-content:right; margin:25px 0px 25px 0px; }
.topSearch .rightmenu div{position: relative; display:flex;}
.topSearch .rightmenu i{ margin-right: 7px; margin-top: 5px; font-size: 24px;}
.topSearch .rightmenu b{ 
	background: #01abec; color: #fff; display: block; width: 19px; height: 19px; 
	text-align: center; line-height: 19px; border-radius: 19px;
}


.footImg {overflow: hidden; margin-top: 20px;}
.footImg .col{ padding: 0; font-size: 0; position: relative;}
.footImg img{ width: 100%;}
.footImg dd{ position: absolute; padding: 0 0px 0px 0px; bottom: 0; background: rgba(0, 0, 0, 0.7); 
	width: 100%; height: 100%; bottom: 0; display: flex; justify-content: space-between; margin: 0;
	display: none;
}
.footImg dd dl{ position: absolute; bottom: 0px; width: calc(100%); margin: 0;
padding:  20px; display: flex; justify-content: space-between;  }
.footImg dd span{ color: #fff; font-size: 14px;}
.footImg dd span i{ margin-right: 5px;}

.shoppingFlow{ border-bottom: 1px solid #e0e0e0; padding: 40px 0;}
.shoppingFlow .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.shoppingFlow .container div{ text-align: center; flex-wrap: wrap; width: 33.33%;}
.shoppingFlow .container div img{ width: 50px; height: 50px; margin-right: 20px;}
.shoppingFlow .container div dd h4{line-height: 24px; font-size: 14px; font-weight: bold;}
.shoppingFlow .container div dd p{ font-size: 12px; color: #838383;}

.footMenu{ overflow: hidden; padding: 40px 0px;}
.footMenu .contanct{ width: 35%; float: left; font-size: 14px; color: #838383;}
.footMenu .contanct p{ margin-bottom: 20px;}
.footMenu .contanct .wd-social-icons { display: flex;}
.footMenu .contanct .wd-social-icons a{ display: block; 
	margin-right: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; 
	text-align: center;
	color: #fff;
}
.footMenu .contanct .wd-social-icons a:nth-child(1){ background: #365493;}
.footMenu .contanct .wd-social-icons a:nth-child(2){ background: #33ccff;}
.footMenu .contanct .wd-social-icons a:nth-child(3){ background: #cb2027;}
.footMenu .contanct .wd-social-icons a:nth-child(4){ background: #0274b3;}
.footMenu .contanct .wd-social-icons a:nth-child(5){ background: #1ebea5;}
.footMenu .contanct .wd-social-icons a:nth-child(6){ background: #37aee2;}
.footMenu .menu{ display: flex; justify-content: space-between;}
.footMenu .menu h4{ font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.footMenu .menu p{ margin-bottom: 20px;}
.footMenu .menu p a{ font-size: 14px; color: #838383;}

.footjoin{ border-top: 1px solid #e0e0e0; padding: 40px 0px;}
.footjoin .container{ display: flex; justify-content: space-between;}
.footjoin .joinleft{ display: flex; flex-wrap: wrap;}
.footjoin .joinleft img{height: 35px; margin-top: 10px; margin-right: 20px;}
.footjoin .joinleft h4{ line-height: 28px; font-size: 18px;}
.footjoin .joinleft p{ font-size: 12px; color: #838383;}
.footjoin .subEmail input{     
	padding: 0 15px;
	height: 38px;
	line-height: 38px;
    width: 256px;
	border: 1px solid #dedede;
	border-radius: 38px;
	margin-right: 5PX;
}
.footjoin .subEmail button{
	background: #01abec;
	color: #fff;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	border: 1px solid #01abec;
	border-radius: 38px;
	padding: 0 15px;
}

/*分页*/
.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
  	clear: both;
  	width: 100%;

} 
.pagination{  
  	clear: both;
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
  	margin-right: 10px; 
  	margin-top: 10px;
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
}
.pagination li a{ 
  	display: block;
  	font-size: 16px; 
  	color: #666666; 
  	height: 40px; 
  	width: 40px
  	line-height: 40px; 
  	text-align: center;
  	transition: all .3s;
  	border: 1px solid #ECECEC;
  	border-radius: 40px;
  	font-family: "微软雅黑";
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	color:#01abec; 
  	border-color: #01abec!important;
} 
.pagination li.active span { 
	display: block;
	border-radius: 40px;
  	background: #01abec; 
  	color: #fff!important;
  	font-size: 16px;
  	border-color: #01abec;
	text-align: center;
}
.pagination li.disabled span { 
	display: block;
	border-radius: 40px;
  	font-size: 16px;
  	border-color: #ECECEC;
}

.layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: -28px;
    top: -28px;
    color: #fff;
    background-color: #787878;
    padding: 3px;
    border: 3px solid;
    width: 29px!important;
    height: 29px!important;
    font-size: 18px;
    font-weight: bolder;
    border-radius: 50%;
    margin-left: 0;
    *right: -18px;
    _display: none;
}

.position{ font-size:14px; display:flex; margin-bottom:20px; }
.position a{ display:block; margin-right:10px; }
.position a:after{ content:'/'; margin-left:10px; }
.position a:last-child{ font-weight: bold; }
.position a:last-child:after{content: '';}

@media (max-width: 767px) {
	.top{
		height: 40px;
		background: #fafafa;
		border-bottom: 1px solid #f2f2f2;
		display: flex;
		justify-content: right;
	}
	.top .container{display: flex; justify-content: left; flex-wrap: wrap;}
	.top .container>div{ padding:0 16px 0px 16px; line-height:40px; position:relative; z-index:999; }
	.top .container>div:before{ content:'';position:absolute; right:0; top: 10px; height:20px; width: 1px; background:#cccccc; }
	.top .container>div:last-child:before{ display:none; }
	.top .container>div:nth-child(1){ width:45%; }
	.top .container>div:nth-child(2){ display:none; }
	.top .container>div i{ margin-right:5px; }
	.top .container>div.logint{ width:55%; }
	.top .container>div.logint a{ display:flex; width:100%; overflow:hidden; }
	.top .container>div.logint:after{ content:""; position: absolute; right: 8px; top: 20px; border:5px solid transparent; border-top-color:#cccccc;}

	.userinfoShow{ background:#fff; border:#f2f2f2 1px solid; display: none; border-top: none; padding:20px; position:absolute; left:0; top:40px;}
	.userinfoShow .useri{ display:flex; flex-wrap:wrap; }
	.userinfoShow .useri dd{ width:50px; height:50px; border-radius:50px; overflow:hidden; }
	.userinfoShow .useri dd img{ width:100%; }
	.userinfoShow .useri h4{ width: calc(100% - 60px); font-size:16px; margin-left:10px; margin-top:10px; }
	.userinfoShow .useri a{ width:80px; text-align:right; color:#01abec; }
	.userinfoShow .umenu{ border-top:1px solid #f2f2f2; margin-top:20px; padding-top:10px; }
	.userinfoShow .umenu>ul{background: #fff; width: 100%;
		text-align: left; line-height: 30px; font-size: 14px; border-top: 0;
		left: 0; padding: 0;
	}
	.userinfoShow .umenu>ul>li{ display:flex; }
	.logint:hover{ background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;  }
	.logint:hover .userinfoShow{ display:block; }

	.topLogo{ background:#fff; padding:px 0px; box-shadow: 0px 0px 5px #e2e2e2; }
	.topSearch{ display:flex; flex-wrap:wrap; justify-content: start; }
	.topSearch .logo{margin-right: 10px; margin-top: 15px; height: 80px; width: calc(100% - 40px - 110px);}
	.topSearch .logo img{ height:50px; transition: all 0.5s}
	.topSearch .logo img:hover{ transform:scale(1.1);}
	.topSearch .search{ margin:25px 20px 25px 20px; flex: 1; display:none; }
	.topSearch .search input{ width: calc(100% - 60px); height: 40px; line-height: 40px; border: 1px solid #e2e5ec; padding: 0 10px; border-radius: 5px 0px 0px 5px;}
	.topSearch .search button{ width: 60px; height: 40px; border: solid 1px #01abec; color: #fff; background: #01abec; border-radius: 0px 5px 5px 0px;}
	.topSearch .rightmenu{ width:100px; display:flex; justify-content:right; margin:25px 0px 25px 0px; }
	.topSearch .rightmenu div{position: relative; display:flex;}
	.topSearch .rightmenu i{ margin-right: 7px; margin-top: 5px; font-size: 24px;}
	.topSearch .rightmenu b{ 
		background: #01abec; color: #fff; display: block; width: 19px; height: 19px; 
		text-align: center; line-height: 19px; border-radius: 19px;
	}

	.topSearch .index-nav{ margin-top: 30px; margin-right: 10px; width: 30rpx;}
	.topSearch .menu span {
	    display: block;
	    height: 3px;
	    width: 22px;
	    background: #333;
	    margin-bottom: 4px;
	}




	.footImg {overflow: hidden; margin-top: 20px;}
	.footImg .col{ padding: 0; font-size: 0; position: relative;}
	.footImg img{ width: 100%;}
	.footImg dd{ position: absolute; padding: 0 0px 0px 0px; bottom: 0; background: rgba(0, 0, 0, 0.7); 
		width: 100%; height: 100%; bottom: 0; display: flex; justify-content: space-between; margin: 0;
		display: none;
	}
	.footImg dd dl{ position: absolute; bottom: 0px; width: calc(100%); margin: 0;
	padding:  20px; display: flex; justify-content: space-between;  }
	.footImg dd span{ color: #fff; font-size: 14px;}
	.footImg dd span i{ margin-right: 5px;}

	.shoppingFlow{ border-bottom: 1px solid #e0e0e0; padding: 40px 0;}
	.shoppingFlow .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.shoppingFlow .container div{ text-align: center; flex-wrap: wrap; width: 33.33%;}
	.shoppingFlow .container div img{ width: 50px; height: 50px; margin-right: 20px;}
	.shoppingFlow .container div dd h4{line-height: 24px; font-size: 14px; font-weight: bold;}
	.shoppingFlow .container div dd p{ font-size: 12px; color: #838383;}

	.footMenu{ overflow: hidden; padding: 40px 0px;}
	.footMenu .contanct{ width: 100%; float: none; font-size: 14px; color: #838383;}
	.footMenu .contanct p{ margin-bottom: 20px;}
	.footMenu .contanct .wd-social-icons { display: flex;}
	.footMenu .contanct .wd-social-icons a{ display: block; 
		margin-right: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; 
		text-align: center;
		color: #fff;
	}
	.footMenu .contanct .wd-social-icons a:nth-child(1){ background: #365493;}
	.footMenu .contanct .wd-social-icons a:nth-child(2){ background: #33ccff;}
	.footMenu .contanct .wd-social-icons a:nth-child(3){ background: #cb2027;}
	.footMenu .contanct .wd-social-icons a:nth-child(4){ background: #0274b3;}
	.footMenu .contanct .wd-social-icons a:nth-child(5){ background: #1ebea5;}
	.footMenu .contanct .wd-social-icons a:nth-child(6){ background: #37aee2;}
	.footMenu .menu{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 20px;}
	.footMenu .menu dd{ width:48%; }
	.footMenu .menu h4{ font-size: 14px; font-weight: bold; margin-bottom: 20px;}
	.footMenu .menu p{ margin-bottom: 20px;}
	.footMenu .menu p a{ font-size: 14px; color: #838383;}

	.footjoin{ border-top: 1px solid #e0e0e0; padding: 40px 0px;}
	.footjoin .container{ display: flex; justify-content: space-between;}
	.footjoin .joinleft{ display: none; flex-wrap: wrap;}
	.footjoin .joinleft img{height: 35px; margin-top: 10px; margin-right: 20px;}
	.footjoin .joinleft h4{ line-height: 28px; font-size: 18px;}
	.footjoin .joinleft p{ font-size: 12px; color: #838383;}
	.footjoin .subEmail form{ display:flex; }
	.footjoin .subEmail input{     
		padding: 0 15px;
		height: 38px;
		line-height: 38px;
	    width: 236px;
		border: 1px solid #dedede;
		border-radius: 38px;
		margin-right: 5PX;
	}
	.footjoin .subEmail button{
		background: #01abec;
		color: #fff;
		font-weight: bold;
		height: 38px;
		line-height: 38px;
		border: 1px solid #01abec;
		border-radius: 38px;
		padding: 0 15px;
	}

	/*分页*/
	.pagination-wrapper{ 
	  	margin: 50px 0 0px 0;
	  	text-align: center;
	  	font-size: 0;
	  	clear: both;
	  	width: 100%;

	} 
	.pagination{  
	  	clear: both;
	} 
	.pagination li{
		display: inline-block;
		vertical-align: top;
	  	margin-right: 10px; 
	  	margin-top: 10px;
	  	width: 40px;
	  	height: 40px;
	  	line-height: 40px;
	}
	.pagination li a{ 
	  	display: block;
	  	font-size: 16px; 
	  	color: #666666; 
	  	height: 40px; 
	  	width: 40px
	  	line-height: 40px; 
	  	text-align: center;
	  	transition: all .3s;
	  	border: 1px solid #ECECEC;
	  	border-radius: 40px;
	  	font-family: "微软雅黑";
	} 
	.pagination li:last-child{
		margin-right: 0;
	}
	.pagination li a:hover{ 
	  	color:#01abec; 
	  	border-color: #01abec!important;
	} 
	.pagination li.active span { 
		display: block;
		border-radius: 40px;
	  	background: #01abec; 
	  	color: #fff!important;
	  	font-size: 16px;
	  	border-color: #01abec;
		text-align: center;
	}
	.pagination li.disabled span { 
		display: block;
		border-radius: 40px;
	  	font-size: 16px;
	  	border-color: #ECECEC;
	}

	.layui-layer-setwin .layui-layer-close2 {
	    position: absolute;
	    right: -28px;
	    top: -28px;
	    color: #fff;
	    background-color: #787878;
	    padding: 3px;
	    border: 3px solid;
	    width: 29px!important;
	    height: 29px!important;
	    font-size: 18px;
	    font-weight: bolder;
	    border-radius: 50%;
	    margin-left: 0;
	    *right: -18px;
	    _display: none;
	}

	.position{ font-size:14px; display:flex; margin-bottom:20px; }
	.position a{ display:block; margin-right:10px; }
	.position a:after{ content:'/'; margin-left:10px; }
	.position a:last-child{ font-weight: bold; }
	.position a:last-child:after{content: '';}
}