*{

	margin:0;

	padding:0;

	font-family: Microsoft YaHei;

}



i{

	font-style: normal;

}

a{

	text-decoration: none;

	color:#ffffff;

}



img{

	width: 100%;

}



.f_left{



	float: left;



}



.f_right{



	float: right;



}



.c_float{



	overflow: hidden;



}



.color_9{



	color:#999;



}



.color_f{



	color:#fff;



}



.color_yellow{



	color: #ecc672;



}



.color_green{



	color: #7fbb39;



}



.bd_w70{



	width: 70%;



	margin:0 auto;



	min-width: 1100px;



}



.fz_12{



	font-size: 12px;



}



.lh_25{



	line-height: 25px;



}



.bd_ul{



	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */



	 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */



	 display: -ms-flexbox;      /* TWEENER - IE 10 */



	 display: -webkit-flex;     /* NEW - Chrome */



	 display: flex; 



	justify-content: space-between;



	-webkit-justify-content: space-between;



	-moz-justify-content: space-between;



	-ms-justify-content: space-between;



}







.flex_wp{



	flex-wrap: wrap;



	-webkit-flex-wrap: wrap;



	-moz-flex-wrap: wrap;



	-ms-flex-wrap: wrap;



	display: flex;



	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */



	display: -ms-flexbox;      /* TWEENER - IE 10 */



	display: -webkit-flex; 



}



.mg_t10{



	margin-top: 10px;



}



.mg_t50{



	margin-top: 50px;



}



.mg_btm10{



	margin-bottom: 10px;



}



.strong{



	color:#000;



}



































.header{



	position: fixed;



	top: 0;



	width: 100%;



	z-index: 50;



}







.header .hd{



	width: 100%;



	height:55px;



	background: #338aa5;



}



.hd{



	color:#fff;



}



.hd .left_wp{



	display: table-cell;

	height:55px;

	overflow: hidden;



}



.hd .right_wp{



	position: relative;



}



.hd .left_wp img{



	vertical-align:center;



}



.logo{



	

	line-height:55px;



}







.index_pg,.user_pg{



	padding: 0px 30px;



}



.index_pg,.user_pg{



	padding: 0px 30px;



}



.login_wp{



	position: fixed;



	right:0;



	top: 80px;



	left: 0;



	z-index: 10;



	transition: all 0.5s;



	display: none;



}



.login_nav{



	width: 200px;



	/*height: 220px;*/



	background: #fff;



	padding: 25px;



	position: absolute;



	right: 0;



	top: 0;



}



.index_pg{



	border-right: 0px solid #fff;

	



}



.pg_wrap{



    height:55px;

	margin-right: 80px;

	line-height:55px;



}



.login{



	    line-height: 55px;



	    background: #7fbb39;



	    padding: 0px 15px;



	    font-size: 14px;



	    cursor: pointer;



}

/*** 顶部大图 ***/

.banner{



	

background: url(../images/banner.jpg)no-repeat;



	background-size: 100% 100%;



	width: 100%;



	height: 600px;



	margin-top: 55px;



	position: relative;

	background-color:#cccccc;



}



.banner h1{



	font-size: 40px;



	letter-spacing: 10px;



	text-align: center;



	position: absolute;



	left: 0;



	right: 0;



	margin: 0 auto;



	top: 30%;



}









.login_nav input{



	outline: none;



	width: 100%;



	padding: 5px;



}



/*** 搜索框样式 ***/



.search_box{

	

	width: 680px;

	top: 25%;

	margin: 0 auto;

    position: absolute;	

	left: 0;

	right: 0;

	

}

.key_wp{



	width: 680px;

	height: 70px;

	background: rgba(45,45,45,0.2);

	border-radius: 10px;

	padding:10px;

	clear:both; 

	float:none;

	margin-bottom:20px;

	



}



.key_input_wp{



	width: 98.5%;

	height: 88%;

	background: #fff;

	border-radius: 10px;

	padding: 5px;

}



.key_input_wp input{



	width:90%;



	height: 100%;



	padding-left:20px;



	border:0px;



	outline: none;



	font-size: 30px;



}



/***验证码框样式 ***/



.yzm_wp{



	width: 300px;

	height: 70px;

	background: rgba(45,45,45,0.2);

	border-radius: 10px;

	padding:10px;

	clear:both; 

	float:none;

	margin-bottom:20px;

	



}







.yzm_input{



	width: 96.5%;

	height: 88%;

	background: #fff;

	border-radius: 10px;

	padding: 5px;



}



.yzm_input input{



	width:40%;



	height: 100%;



	padding-left:20px;



	border:0px;



	outline: none;



	font-size: 30px;



}



.yzm_input img{



	width: 8%;

	z-index:1000px;



}



.yzm_search_btn{

	width:100px; height:30px; text-align:center;color:#fff; float:right; border:none; cursor:pointer; border-radius:10px;margin-top:15px;

	}







/***查询按钮的样式***/

.sy_search_btn{ 

     

	

	width:700px; 

	height:60px; 

	text-align:center;  

	font-size:24px; 

	font-weight:bold; 

	color:#fff;  

	border:none; 

	cursor:pointer; 

	border-radius:10px;

	padding:10px;

	background-color: #ff7f00;

	

	}



/***查询按钮鼠标移上去去的样式***/	

.sy_search_btn:hover,.sy_search_btn:focus,.sy_search_btn:active,.sy_search_btn.active

{



	background-color: #f26e03;

		

	}	

	

	

/***搜索提示样式***/

.notices{

	width:600px;

	margin-top:30px;

	margin-bottom:30px;

	

	

}

.bd_wrap{



	



	border-top:0px solid #d9d9d9;



	margin:10px 10px;



	border-bottom:1px solid #d9d9d9;



	padding:50px;



}



.title_wp{



	width: 50%;



}



.title_wp img{



	width: 5%;



}



.title_wp p{



	font-size: 20px;



	line-height: 40px;



	margin-left: 10px;



}



.msg_list .title_wp p{



	font-size: 20px;



	line-height: 20px;



	margin-left: 10px;



}



.first{



	width: 50px;



	height: 50px;



	background: #7fbb39;



	border-radius: 3px;



	color: #fff;



	font-size: 18px;



	text-align: center;



	padding: 5px;



	vertical-align: middle;



	margin-top: 45px;



	margin-right: 15px;



}



.wd_wrap{



	position: absolute;



	    width: 66%;



	    height: 100%;



	    top: 0;



	    right: 7.5%;



}



.tb_cell{



	position: relative;



}



.PC_wp,.MB_wp{



	position: relative;



	text-align: center;



	margin: auto;



	margin-top: 21%;



}



.PC_wp p,.MB_wp p{



	width: 24%;



	color: #7fbb39;



	margin-left: 16%;



	font-size: 12px;



}



.footer{



	width: 100%;



	height: 100px;



	background: #333;



	padding:30px 0px 15px 0px;



}



.footer p{



	text-align: center;



	color:#fff;



	line-height: 25px;

	font-size:14px;



}



.login_btn{



	width: 100%;



	height: 30px;



	text-align: center;



	line-height: 30px;



	background: #7fbb39;



	margin-top: 10px;



}



.login_btn a{



	color:#fff;



}



.tt_icon{



	padding-right:15px;



	border-right:1px solid #7fbb39;



}



.msg_bd{



	width: 92.5%;



	margin: 0 auto;



	border-top: 1px dashed #d9d9d9;



	border-bottom: 1px dashed #d9d9d9;



	padding: 20px 0px;



	margin-top: 20px;



}



.msg_bd p{



	line-height: 30px;



}



.home{



	    margin-bottom: -5px;



}



















.goods_bd{



	width: 31%;



	margin: 10px 1.15%;



}



.goods_bd:hover{



	color:#ed1559;



    box-shadow: 1px 3px 8px #d9d9d9;



}







.goods{



	position: relative;



}



.goods .mask{



	background: rgba(255,255,255,0.7);



	width: 100%;



	height: 100%;



	text-align: center;



	vertical-align: middle;



	position: absolute;



	display: none;



}







.goods .mask img{



	width: 70px;



	height: 70px;



	margin-top: 30%;



	cursor:pointer;



}



.goods_bd:hover .mask{



	display: block;



}



.price{



	color:#ed1559;



}



.price .money_icon{



	font-size: 16px;



	vertical-align: top;



}



.price .price_num{



	font-size: 25px;



}



.goods_msg{



	padding:15px;



	border-bottom: 1px solid #d9d9d9;



}



.buy_btn{



	display: block;



	width: 45px;



	height: 45px;



	background: #80c269;



	bottom: 0;



	right: 0;



	margin-bottom: -15px;



	margin-right: 20px;



	position: absolute;



	border-radius: 100%;



	text-align: center;



	line-height: 45px;



	/* font-size: 27px; */



	color: #fff;



	cursor:pointer;



}



.buy_btn i{



	 font-size: 22px;



}



.stars i{



	color: #dcdcdc;



}



.stars .star_lt{



	color: rgb( 255, 202, 40 );



}



.right_search select{



	width: 200px;



	/* padding: 0px 30px; */



	padding: 5px 10px;



	vertical-align: bottom;



}



.right_search .search02{



	width: 35px;



	vertical-align: top;



}



.pages{



	position: relative;



    margin-top: 50px;



    text-align: center;



}



.pages i{



	vertical-align: middle;



}



.pages a{



	color:#333;



	border:1px solid #d9d9d9;



	padding:5px 15px;



}



.prev_btn:hover{



	background: #80c269;



	color:#fff;



}



.next_btn:hover{



	background: #80c269;



	color:#fff;



}



.right-area-le30 h1{



	font-weight: bold;



	font-size: 22px;



}



.cpxq-explain{



	color:#666;



}