@charset "utf-8";


/* CSS Document */
a {
	text-decoration:none;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
}
ul li{ list-style-type:none}
html { height:100%; font-family:PingFangSC-Light,helvetica,'Heiti SC'} 
boby{
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	height:100%;
	margin:0px;
	padding:0px;
}
/*header S*/
.header_top {
	width:100%;
	/*background-color:#DD2727;*/
	background-color:#dc1431;
	line-height:40px;
	text-align:center;
	color:#FFF;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	font-size:20px;
	z-index:100000;
	height:40px;
	
}
.header_top a {
	color:#FFF;
	text-decoration:none;
}
/*header E*/

/*footer S*/
.footer {
	clear:both;
	height:46px;
	width:100%;
	margin-top:10px;
	background:url(../images/bg.png); 
	background-size:1px;
	position:fixed;
	
	bottom:0px;
	z-index:10000
}
img{-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
    transform: scale(1) rotate(0) translate3d(0,0,0);}
.footer img {
	vertical-align:middle;
	border:0px;
	-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
    transform: scale(1) rotate(0) translate3d(0,0,0);
}
/*footer E*/

/*Body S*/
.bodyDiv {
	width:100%;
	padding:0px;
	margin:0px ;
	max-width:620px;
	margin:0px auto
}
/*menuDiv S*/
.menuDiv {
		width:95%;
		max-width:620px;
		margin:0px auto
}
.menuDiv a {
	text-decoration:none;
	color:#F90;
}
.menuDiv img {
	vertical-align:middle;
	border:0px
}

.menuDiv .ml {
	width:45px;
	float:left;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	display: table-cell;
}
.menuDiv .mc {
	width:185px;
	float:left;
	height:40px;
	line-height:45px;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	color:#E4393C;
	font-weight:600;
	cursor:pointer;
	font-size:18px;
}
.menuDiv .mr {
	width:70px;
	float:right;
	text-align:right;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	color:#E4393C
}
.menuDiv .class_ml {
	width:25%;
	float:left;
	height:60px;
	line-height:60px;
	vertical-align:middle;
	display: table-cell;
}
.menuDiv .class_mc {
	width:65%;
	float:left;
	height:60px;
	line-height:60px;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	color:#F90;
	font-weight:600;
	cursor:pointer
}
.menuDiv .class_mr {
	width:10%;
	float:right;
	height:60px;
	line-height:60px;
	vertical-align:middle;
}
/*menuDiv E*/
	.clear {
		width:100%;
		margin:0px auto;
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
	border-bottom:1px #CCC solid;
	max-width:620px;
}
/*Body E*/

/*分类 class_fl*/
.fltitle {
	height:40px;
	line-height:40px;
	padding-left:25px;
	font-size:17px;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	font-weight:600;
	clear:both
}
.flul {
	margin:0px auto;
	padding:0px;
	width:98%;
}
.flul li {
	border:1px #F00 solid;
	width:30%;
	background-color:#FFC2C2;
	text-align:center;
	font-size:16px;
	font-weight:600;
	float:left;
	margin-left:7px;
	list-style-type:none;
	height:30px;
	line-height:30px;
	margin-bottom:7px
}

/*分类 class_list*/
.listtitleDiv{
	width:100%;
	height:40px;
	padding-top:8px;
	background-color:#F0EFF4
	
}
.listtitle {
	height:30px;
	line-height:30px;
	width:95%;
	max-width:620px;
	margin:0px auto;
	border-radius:3px;
	color:#C00;
	font-size:16px;
	border:1px #F00 solid;
	
}
.listtitle ul {
	padding:0px;
	margin:0px;
	
}
.listtitle ul li {
	list-style-type:none;
	float:left;
	width:100px;
	line-height:30px;
	text-align:center;
	cursor:pointer
}
.listtitle ul a{
	color:#666;
	text-decoration:none
}
.listtitle ul .r {
	background-color:#F0282D;
	color:#FFF
}

.listDiv{
	  width:95%;
	  max-width:620px;
	  margin:0px auto;
	  margin-top:0px
  }
.listul {
	width:100%;
	padding:0px;
	margin:0px auto;
}
.listul li {
	list-style-type:none;
	text-align:center;
	margin-bottom:10px;
	float:left;
	width:48.5%;
	height:auto;
	/*min-height:275px;*/
	background-color:#FFF
}
.listul li .prodiv {
	width:95%;
	min-width:96px;
	min-height:124px;
	margin:0px auto;
	text-align:center;
	padding-top:4px;
	padding-bottom:5px;
	max-width:175px;
	max-height:none;
	

}
.listul li .prodiv img {
	border:0px #CCCCCC solid;
	width:100%;
	max-width:100%;
	max-height:none;
	min-height:122px;
	min-width:94px;
}
.listul li .prodiv a {
	color:#666;
	text-decoration:none
}
.listul li .prodiv .imgdiv {
	width:100%;
	max-width:98%;
	max-height:none;
	min-width:94px;
	min-height:122px;
	margin:0px auto
}
.listul li .prodiv .protext{
	width:98%;
	clear:both;
	margin:0px auto
}
.listul li .prodiv .proname {
	line-height:22px;
	height:22px;
	color:#333;
	font-size:14px;
	text-align:left
}
.listul li .prodiv .proname a{
	
	color:#333;
	font-size:14px;
	font-family:PingFangSC-Light,helvetica,'Heiti SC';
	line-height:22px;	
}


.listul li .prodiv .proprice {
	text-align:left;
	line-height:40px;
	height:40px;
	color:#F00;
	font-size:17px;
	font-weight:600;
	margin-top:0px;
	width:35%; 
	float:left
}
.listul li .prodiv .addcart{
	width:40%;
	float:right;
	text-align:right;
	height:40px; 
	line-height:40px;
}
.listul li .prodiv .addcart a{
	border:1px #348B16 solid;
	padding:3px 10px 3px 10px;
	border-radius:3px;
	color: #348B16;
	font-size:13px;
}

.listul li .prodiv .addico{
	width:25%;
	float:left;
	height:40px; 
	line-height:40px;
}

.listul li .prodiv .addico img{
	max-height:22px;
	max-width:22px;
	min-height:22px;
	min-width:22px;
	margin-top:8px
}


/*分类 class_pro*/
.pro_topimgdiv {
	width:100%;
	text-align:center;
}

.pro_con_div {
	line-height:25px;
	width:95%;
	margin:0px auto;
	color:#777;
	font-family:PingFangSC-Light,helvetica,'Heiti SC'
}
.pro_con_div .proname {
	font-size:15px;
	width:50%;
	float:left;
	color:#222
}
.pro_con_div .proid {
	font-size:15px;
	width:50%;
	float:left;
	color:#222
}
.pro_con_div .proprice {
	font-size:15px;
	width:50%;
	float:left;
	color:#222;
	clear:both
}
.pro_con_div .prohyj {
	font-size:15px;
	width:50%;
	float:left;
	color:#F00
}
.pro_con_div .con_title {
	width:20%;
	font-size:15px;
	float:left;
}
.pro_con_div .con_con {
	width:80%;
	font-size:15px;
	float:left;
}
.imginfo {
	width:100%;
	text-align:center
}
.imginfo img {
	max-width:640px; 
	min-width:300px;
	width:100%;
	display:block;
}
.gwDiv {
	width:100%;
	margin:0px auto;
}
.gwDiv .gw1 {
	width:49%;
	float:left;
	height:38px;
	line-height:38px;
	background-color:#FD4B4B;
	text-align:center;
	color:#FFF;
	border-radius:2px;
	cursor:pointer
}
.gwDiv .gw2 {
	width:49%;
	float:right;
	height:38px;
	line-height:38px;
	background-color:#6CB248;
	text-align:center;
	color:#FFF;
	border-radius:2px;
}
.gwDiv .chat {
	width:48%;
	float:left;
	height:38px;
	line-height:38px;
	background-color:#FD4B4B;
	text-align:center;
	color:#FFF;
	border-radius:2px;
	cursor:pointer
}
.inputstyle{
	border:1px #BBBBBB solid; 
	margin:0px;
	padding:0px;
	border-radius:0;
	font-weight:normal;
	-webkit-appearance:none;
	font-size:15px;
}
.t{
	font-size:17px;
	color:#333;
	margin-top:8px
	}
	
	.hotpro{
	width:320px; margin:0px auto; margin-top:7px; margin-bottom:7px
}
.hotclass{
	height:100px; width:100px; float:left; margin-left:6px;
}

.list_flag{
	width:26px; margin-top:9px; line-height:26px; text-align:center; height:26px; background-color:#E4393C; border-radius:3px; font-weight:600; color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif;
	}
	
	.thanks_top_Div{
	border:1px #CCC solid;
	line-height:20px; 
	font-size:15px;
	width:95%;
	margin:0 auto;
	margin-top:5px
}
.thanks_top_title{
	margin:0px auto;
	width:95%;
	margin-top:5px;
	border:1px #CCC solid;
	height:35px
	
}
.thanks_pro{
	width:100%;
	padding:5px;
	margin:0px auto;
	
}
.cartKongText{width:300px; margin:0px auto; text-align:center; font-size:15px;  height:80px; line-height:80px; font-weight:600; font-family:PingFangSC-Light,helvetica,'Heiti SC'}


.LLlistDiv{
	width:95%;
	margin:0px auto
}
.LLul{
	width:100%;
	padding:0px; 
	margin:0px 
}
.LLul li{
	border-bottom:1px #D9D9D9 solid;
	height:130px;
	padding-bottom:4px;
	padding-top:2px
	}
.Con{ 
width:100%;
height:auto;
float:left;
padding-top:5px

}
.LeftImg{
	height:120px;
	float:left;
	width:30%;
}
.RightCon{
	height:120px;
	float:right;
	width:65%;
}
.RightCon .title{
	height:30px;
	line-height:30px;
	font-size:17px;
	font-weight:600;
	color:#222
}
.RightCon .des{
	height:60px;
	line-height:25px;
	font-size:15px;
}
.RightCon .price{
	width:55%;
	float:left;
	
}
.RightCon .addcart{
	width:45%;
	float:left;
	text-align:right
}
.RightCon .addcart a{
	border:1px #348B16 solid;
	padding:8px 13px 8px 13px;
	border-radius:3px;
	color: #348B16;
	font-size:13px;
}
.RightCon .n{
	color:#C00;
	font-weight:600;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif
}
.RightCon .o{
	color:#999;
	font-size:15px;
	margin-left:10px
}
.RightCon a{
	color:#555
	}
.pageDiv{
	width:95%px; margin:0px auto;height:50px; margin:0px auto; clear:both; line-height:27px; margin-top:10px; margin-bottom:10px; text-align:center;
}
.pageDiv a{ color:#444;border:1px #CCC solid; padding:4px 10px 4px 10px; font-size:14px; border-radius:3px;}

.sousuo{
	border:0px;
	color:#AAAAAA;
	background:url(../images/so.png) no-repeat 5px center;
	background-size:20px
	}
.souleft{
	width:80%;
	float:left;
}
.souright{
	
	background:url(../images/topsch.png) no-repeat center;
	background-size:28px;
	width:20%;
	float:right;
	height:40px;
}
.t td a{
	/*font-size:15px; font-weight:600; color:#F90; text-decoration:none*/
	
}
.helpDiv{
	border:1px #ccc solid;
	width:95%;
	margin:0px auto;
	border-radius:3px;
	margin-top:10px
}
.helpDiv .last{
	border-bottom:0px
}
.helpDiv ul li{
	height:45px; 
	line-height:45px;
	border-bottom:1px #DDD solid;
	padding-left:10px;
	padding:0px; margin:0px
}

.helpDiv ul a {
	font-size:17px;
	font-weight:600;
	color:#333
	}
.helpDiv .helpImg{
	display: table-cell;
	width:15%;
	height:45px;
	line-height:40px;
	float:left;
	text-align:center;
	vertical-align:middle;
	*display: block;
	*font-size: 39px;
	*font-family:Arial;
}
.helpImg img {
	height:30px;
	line-height:45px;
	vertical-align:middle;
}
.helpDiv .helpT{
	width:75%;
	float:left;
}
.helpDiv .goimg{
	display: table-cell;
	width:10%;
	height:45px;
	float:right;
	text-align:center;
	vertical-align:middle;
	*display: block;
*font-size: 40px;
*font-family:Arial;
}
.goimg{
	width:27px;
	height:35px;
	vertical-align:middle;
	}
	
	.cartBnTm{
	 width:100%;
	 position:fixed;
	 bottom:0px; 
	 border-left:0px;
	 border-right:0px;
	 overflow:hidden;
	 display:none;
	height:46px;
	background:url(../images/bg.png); 
	background-size:1px;
	}
	
		
	.searchDiv{
	width:100%;
	padding-top:3px;
	padding-bottom:6px;
	clear:both
	
}
.searchInputDiv{
	height:33px;
	line-height:33px;
	width:95%;
	margin:0px auto;
	background-color:#FFF
}

.souleft{
	width:85%;
	float:left;
	height:32px;
}
.souright{ background-color:#3F0; margin-top:-8px; 
	 
	background:url(../images/so.png) no-repeat center;
	background-size:20px;
	width:15%;
	float:left;
	height:35px;
}
.zujiDiv{ width:44px; height:44px; background:url(../images/zuji.png); background-size:44px; position:fixed; bottom:55px; right:10px; z-index:10000}

/*ico 图标*/

.index_cat{ width:95%; max-width:620px; margin:0px auto; padding-top:5px; padding-bottom:10px; background-color:#FFF; margin-top:10px }
.index_cat ul{ padding:0px; margin:0px;}
.index_cat ul li{ width:25%;list-style-type:none; float:left; text-align:center; margin-top:5px}
.index_cat ul li a{ color:#666; font-size:13px; line-height:15px}

.hotTitle{ width:95%; margin:0px auto; height:45px; background-color:#D2B691; color:#FFF; font-size:22px; letter-spacing: 3px; font-family:PingFangSC-Light,helvetica,'Heiti SC'; line-height:45px;}
.hotTitle .htleft{ margin-left:10px; float:left}
.hotTitle .htright{ margin-right:10px; float:right; font-size:40px; line-height:20px}


/* 时间条 S*/
.PSDiv{
		width:95%;
		margin:0px auto;
		border-top:1px #CCCCCC solid; 
		padding-top:10px;
		margin-top:10px
	}
	.PSDiv .left{
		padding:0px ;
		margin:0px ;
		width:20px;
		float:left;
		background:url(../images/line.png)  repeat-y
	}
	.PSDiv .left img{
		display:block;
		margin-top:5px
	}
	.PSDiv .left li{
		width:20px;
		float:left;
		list-style-type:none;
		height:70px;
	}
	.PSDiv .left .end{
		background:url(../images/line.png) no-repeat 0px -10px;
		background-color:#FFF;
	}
	.PSDiv .left .start{
		background:url(../images/sline.png) no-repeat 0px 20px;
		background-color:#FFF;
	}
	.PSDiv .right{
		padding:0px ;
		margin:0px ;
		width:233px;
		margin-left:20px;
		float:left;
	}
	.PSDiv .right li{
		width:233px;
		float:left;
		list-style-type:none;
		height:70px;
		line-height:30px;
		font-family:PingFangSC-Light,helvetica,'Heiti SC'; 
		font-size:15px;
		color:#ccc;
	}
	.PSDiv .right .line{
		height:8px; border-top:1px #CCCCCC solid;
		margin-top:2px
	}
	.PSDiv .right .start{
		color:#0C3
	}
/* 时间条 E*/

.hot_bq {
	position:absolute;
	right:6px;
	top:6px;
	z-index:100
	}
	.prohotline{
		height:25px;
		line-height:25px; 
		text-align:center;
		background-color:#F30;
		position:absolute;
		color:#FFF;
		bottom:0;
		width:100%;
		font-size:13px
		
	}

	.newinputDiv{ 
		width:100%; 
		max-width:640px; 
		border:1px #D7D7D7 solid;
		line-height:35px;
		border-radius:4px;
		margin-top:15px;
		margin-bottom:15px;
		color:#222

	}
	.newinput{ 
		border:0px #FFFFFF solid; 
		color:#222;
		height:25px;
		line-height:25px;
		width:45%;
		font-size:15px
	}
	.input_logo_user{ background:url(../images/input_logo/input_user.png) no-repeat 5px; background-size:28px;}
	
	.newtitle{ height:35px; line-height:35px; width:100%; max-width:640px; text-align:center; margin-top:10px}
	
	
	.spmc{padding:0px 7px 0 7px; }
.spmc ul{
	background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #D0D0D0;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    margin: 8px 0 0;
	border-bottom: 0 none;
	color: #6D6D6D;
	}
.spmc ul li{
	border-top: 0 none;
	overflow: hidden;
	padding:10px;
	position: relative;
	border-bottom: 1px solid #D0D0D0;
	color:#666;
}
.spmc table {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #d0d0d0;
	border-radius: 5px 5px 5px 5px;
	font-size: 1em;
	margin: 15px 0 15px 0;
	padding: 0;
	width: 100%;
}
.spmc th {
	background: none repeat scroll 0 0 #f6fce5;
	border-bottom: 1px solid #D0D0D0;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	text-align: left;
	font-weight:normal;
}
.spmc td.no-bb{ border-bottom:0 none;}
.spmc td.no-bl {
    border-left: medium none;
}
.spmc td {
    border-bottom: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    width: 50%;
}
.spmc td a {
    display: block;
    height: 100%;
    padding: 10px 0;
    width: 100%;
}
.menu-botton-arrow {
display: block;
width: 16px;
height: 50%;
background: url("../images/icon2b.png") -138px 0px no-repeat;
background-size: 180px 180px;
vertical-align: top;
position: absolute;
right: 6px;
top: 12px;
}

.spmc h3{font-size: 14px;font-weight: normal;margin: 12px 0 0 0; color:#666666; padding-left:2px; }

.userTopline{ width:95%; max-width:640px; margin:0px auto; margin-top:10px;}
.userTopline ul{ padding:0px ; margin:0px; border-radius:4px; border:1px #FE6C6C solid}
.userTopline ul a{ color:#666}
.userTopline ul li{ width:50%; float:left; text-align:center; height:30px; line-height:30px}
.userTopline ul .on{ background-color:#FE6C6C; color:#FFF}

.cartcount{ background-color:#EF485A; width:15px; height:15px; line-height:15px; color:#FFF; border-radius:50%; font-size:12px; z-index:1000; position:absolute; margin-left:-20px; margin-top:3px;top:0}
.newmsgcount{ background-color:#EF485A; width:15px; height:15px; line-height:15px; color:#FFF; border-radius:50%; font-size:12px; z-index:1000; position:absolute; margin-left:-20px; margin-top:3px;top:0}


.index_more {width:95%; margin:0px auto; color:#999; font-family:PingFangSC-Light,helvetica,'Heiti SC'; font-size:18px; letter-spacing:3px; max-width:620px; background-color:#fff; height:45px; line-height:45px; text-align:center}

.index_class_title{height:40px; line-height:40px; width:95%; background-color:#DD2727; color:#FFF}
.index_class_title .tleft{ margin-left:5px; float:left; font-family:PingFangSC-Light,helvetica,'Heiti SC'; font-size:17px;}
.index_class_title .tright{ float:right; margin-right:5px; line-height:25px;}
.index_class_title .tright a{ color:#FFF; font-size:32px; font-family:PingFangSC-Light,helvetica,'Heiti SC'}


.hotkey{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	line-height:2rem;
	height:2rem;
	align-items:center;
	width:98%;
	margin:0px auto;
	max-width:640px;
	clear:both;


}
.hotkey .item{
	width:33.33%;
	padding:0px 5px;
	background:url("../images/ico/ok_ico.png") no-repeat 5px center;
	background-size:15px;
	color:#333;
	font-size:.8rem;
	padding-left:28px;

}

.banner_box{width: 100%;display: block;}
.banner_img{width: 100%;}
#banner{position:relative;width: 100%;overflow: hidden;}
#banner .swiper-wrapper .swiper-slide .banner_box img{display:block}