@charset "utf-8";
/* @zzwc.com
 * bay.zk
 */
*{
    margin:0px;
    padding:0px;
}

.error {
	color: red;
	font-size:13px;
}
li{
    list-style-type:none;
    text-decoration:none;
}
ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}
input,textarea{
	-webkit-tap-highlight-color: transparent;
}
a{
	text-decoration:none;
}
h2, h3 {
    font-family: "microsoft yahei";
    font-weight: 400;
}
.tongji span a{
	color:#fff;
}
.valiCode-img {
    float: left;
    width: 100%;
    height: 40px;
	border:none;
}
.btn-default {
    background-color:#ee5435;
}
.btn-default:hover{
    background-color:#ee5435;
}
.top-box{
	width:100%;
	min-width:1200px;
	height:75px;
	background:#f9f9f9;
}
.logo-box{
	width:200px;
	height:55px;
	margin-left:20%;
	margin-top:10px;
	float:left;
}
.logo-box img{
	margin-top:8px;
}
.shop-box{
	width:auto;
	height:100%;
	line-height:75px;
	float:right;
	margin-right:80px;
}
.shop-box-ul .js-hover{
	float:left;
	width:auto;
	padding:0 20px;
	height:100%;
	margin-right:30px;
	position:relative;
	cursor:pointer;	
	font-size:18px;
	color:#ee4e42;
}
.shop-box-ul .login-state{
	float:left;
	width:auto;
	padding:0 20px;
	height:100%;
	margin-right:30px;
	position:relative;
	font-size:18px;
	color:#ee4e42;
}
.login-a{
	color:red;
	cursor:pointer;	
}
.shop-box-ul .login-state .login-a:hover{
	color:red;	
}
.shop-box-ul .login-state span{
	color:#2fa0ec;
	margin-left:10px;
	cursor:pointer;
	font-size:16px;
}
.shop-box-ul .login-state .logout:hover{
	color:#2fa0ec;
	text-decoration:none;
}
.shop-box-ul li span{
	
}
.shop-reg i,.weixin i{
	display:block;
	width:32px;
	height:50px;
	float:left;
	background:url(../img/xianxia_bg.png) no-repeat;
	background-size:340px;
}
.hover-bg i{
	background:url(../img/xianxia_bg_hover.png) no-repeat;
	background-size:75px;
}
.shop-reg i{
	background-position:0 22px;
}
.weixin i{
	width:36px;
	background-position:-34px 20px;
	margin-right:3px;
}

.shop-box-ul .js-hover:hover{
	background:#ee4e42;
	color:#fff;
}
.shop-reg .href-a,.shop-login .href-a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
}
.weixin-qr{
	border:1px solid #f9f9f9;
	width:260px;
	height:auto;
	position:absolute;
	top:75px;
	left:0px;
	background:#f9f9f9;
	text-align:left;
	padding-left:20px;
	display:none;
}
.weixin-qr p{
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#ee4e42;
}
.weixin-qr img{
	width:150px;
	height:150px;
	margin-top:10px;
}
.qr-box{
	padding:0;
	margin:0;
}
.banner-box{
	width:100%;
	min-width:100px;
	height:auto;
}
.banner-box img{
	width:100%;
	min-width: 1200px;
	height:auto;
}

.select-1,.select-2,.select-3{
	width: 85px;
	float: left;
	margin-right: 5px;
	height: 35px;
	border: 1px solid #cccccc;
}
/*shop_css*/
.login-box{
	//width:400px;
	width:530px;
	height:auto;
	margin:0 auto;
	margin-top:200px;
	padding-bottom: 20px;
}
.login-box-left{
	//width:400px;
	width:300px;
	height:auto;
	border:1px solid #d5d5d5;
	margin:0 auto;
	padding-bottom: 20px;
	float:left;
}

.login-title{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ee4e42;
	font-weight:500;
	background:#d5d5d5;
}
.ul-box{
	width:100%;
	height:auto;
	margin-top:20px;
}
.li-box{
	width:100%;
	height:50px;
}
.li-box label{
	display:block;
	height:40px;
	//margin-left:70px;
	margin-left:20px;
	float:left;
	margin-top:5px;
}
.input-box{
	float:left;
	//width:260px;
	height:100%;
}
.input-ui{
	width:200px;
	height:30px;
	border:1px solid #ccc;
	border-radius:5px;
	padding-left:3px;
	font-size:13px;
	color:#777777;
}
.form-login{
	width:100%;
	height:40px;
	//text-align:center;
}
.but-login{
	padding:4px 12px;
	background:#ee4e42;
	color:#fff;
	font-size:14px;
	border:none;
	//margin-left:120px;
	margin-left:70px;
	cursor:pointer;
}
.but-login:hover,.btn-reg:hover{
	background:#f35f54;
}
.form-login span{
	font-size:13px;
	color:#3fc1fe;
	margin-left:30px;
	margin-left:20px;
	cursor:pointer;
}
.form-login span a{
	color:#3fc1fe;
}
.btn-reg{
	background:#ee4e42;
}
.get-qr-box{
	width:135px;
	height:40px;
	float: left;
	font-size:13px;
	text-align:center;
	line-height:40px;
	color:#40b4f5;
	border:1px solid #ccc;
}
.get-qr{
	cursor:pointer;
}

.login-box-right{
	width:180px;
	height:200px;
	float:right;
	background:#f8f8f8;
	margin-top:10px;
	padding-top:10px;
	position:relative;
}
.app-logo{
	width:90px;
	height:90px;
	margin:0 auto;
}
.app-logo img{
	width:90px;
	height:90px;
	border-radius:8px;
}
.app-content{
	text-align:center;
	font-size:13px;
	color:#888;
	margin-top:10px;
	
}
.but-app{
	margin-top:25px;
	width:100%;
	text-align:center;
}
.but-app span{
	padding:4px 30px;
	background:#3fc1fe;
	color:#fff;
	border-radius:4px;
	cursor:pointer;
}
.qr-box-1{
	position:absolute;
	width: 180px;
	height: 160px;
	top: -10px;
	background:#f8f8f8;
	text-align:center;
	display:none;
}
.qr-box-1 img {
	width:75%;
	height:auto;
}
.qr-box-1 p {
	font-size:12px;
	color:#666;
}
/*shop_css结束*/
/*商品列表分组*/
.content_er{
	width:1200px;
	height:auto;
	margin:0 auto;
}
.category_grounp{
	margin-top:50px;
	cursor:pointer;
}
.category_top{
	height:40px;
	width:100%;
	position:relative;
	border-bottom:2px solid #e17d6e;
}
.category_top h2{
	float: left;
	display: inline;
	line-height: 30px;
	font-size: 20px;
	position:absolute;
	left:0px;
	bottom:2px;
	color:#666;
}
.category_top h2 span{
	color:red;
}
.category_list{
	width:100%;
	height:480px;
}
.position-box{
	position:relative;
}
.list-l-1{
	width:330px;
	height:480px;
	border:1px solid #e8e8e8;
	border-left:none;
	border-top:none;
	float:left;
}
.list-l-2{
	width:440px;
	height:480px;
	border:1px solid #e8e8e8;
	border-left:none;
	border-top:none;
	float:left;
}
.list-1-2-1{
	width:440px;
	height:160px;
	border:0.5px solid #e8e8e8;
	border-left:none;
	border-top:none;
}
.list-1-2-2{
	width:440px;
	height:320px;
	border:0.5px solid #e8e8e8;
	border-left:none;
	border-top:none;
}
.list-l-3{
	width:428px;
	height:480px;
	float:left;
}
.list-1-3-1,.list-1-3-2,.list-1-3-3,.list-1-3-4{
	width:213px;
	height:240px;
	float:left;
	border:1px solid #e8e8e8;
	border-left:none;
	border-top:none;
}


.bg_box{
	width:100%;
	height:100%;
	position:relative;
	position:absolute;
	top:0;
	left:0;
	background:black;
	filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5; 
	z-index:111;
}
.bg_box_code{
	width:100%;
	height:100%;
	position:relative;
	position:absolute;
	top:0;
	right:0;
	z-index:222;
	text-align:center;
}
.bg_box_code img{
	width:137px;
	height:174px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-68px;
	margin-top:-87px;
}
/*商品列表分组结束*/