@charset "utf-8";
body {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	font-family: 'Microsoft Yahei','Heiti SC',Simsun,Arial;
	min-width: 1200px;
}
a{
	color:#333;
}
.red,
a:hover{
	color:#e31436;
}
img{
	vertical-align:middle;
}
.bge {
	background-color: #f6f6f6;
}
.nowrap {
	white-space: nowrap;
}
.normal {
	white-space: normal;
}
.mt30 {
	margin-top: 30px;
}

.w{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.icon-cart,
.cate .dt .icon {
	background:url('../images/public.png') no-repeat;
}

.header{
	background-color:#fff;
}
.h-top {
	height: 20px;
	line-height: 20px;
	background-color: #2e2828;
	padding: 9px 0;
}
.h-top,
.h-top a {
	color: #ccc;
}
.h-top a:hover {
	color: #f2f2f2;
}
.h-top a, .h-top span {
	float: left;
}

.h-top .divide {
	margin:5px 10px 0;
	width: 1px;
	height: 11px;
	background-color: #666;
	overflow: hidden;
	display: block;
	text-indent: -5em;
	
}

.h-cont{
	height:94px;
	padding-top: 35px;
	font-size: 14px;
}

.logo {
	width: 300px;
	padding:0 45px 0 15px;
}
.logo a {
	width: 188px;
	height: 51px;
	text-indent: -999em;
	background: url('../images/logo.png') no-repeat;
}

.search {
	width: 510px;
}

.searchbar {
	position: relative;
	height: 40px;
}

.searchbar .keyword {
	float:left;	
	width: 476px;
	height: 36px;
	padding: 0 15px;
	border: 2px solid #e31436;
	outline: none;
	border-radius: 50px;
}
.searchbar .btn-search {
	width: 64px;
	height: 36px;
	position: absolute;
	right: 2px;
	top: 2px;
	background: #e31436;
	color: #fff;
	border: none;
	outline: none;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.searchbar .btn-search .icon {
	font-size: 14px;
}
.searchbar .btn-search:focus {
	background-color: #d91031;
}

.hots {
	padding: 8px 2px 0;
	height: 18px;
	line-height: 18px;
}
.hots a,
.hots span {
	float: left;
	display: inline-block;
}
.hots span {
	margin: 4px 8px 0;
	width: 1px;
	height: 11px;
	background-color: #dcdcdc;
	overflow: hidden;
}

.h-cont .cart{
	
}
.minicart {
	width: 133px;
	height: 20px;
	line-height: 20px;
	padding: 9px 15px;
	border: 1px solid #e5e5e5;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f6f6f6;
	text-align: center;
}
.minicart:hover {
	background-color: #f2f2f2;
}
.minicart i,
.minicart span {
	display:block;
	float: left;
}

.minicart .icon-cart {
	width: 22px;
	height: 20px; 
	background-position: -210px 0;
	overflow: hidden;
	text-indent: -99em;
}
.minicart span {
	margin: 0 5px;
}
.minicart .num {
	top: -14px;
	right: 8px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-color: #e31436;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 12px;
}


/**/ 
.h-bottom {
	height:40px;
	border-bottom:2px solid #e31436;
}

.cate {
	width: 210px;
	height: 40px;	
}

#categorys {
	overflow: visible;
	z-index: 1000;
}

.cate .dt {
	height: 32px;
	line-height: 30px;
	padding: 5px 28px;
	background-color: #e31436;	
}
.cate .dt a{color:#fff;font-size:14px;}
.cate .dt .icon{
	background-position: -214px -24px;
	width: 16px;
	height: 14px;
	display: block;
	float: left;
	margin: 9px 10px 0 0;
}

.cate .dd {
	left: 0;
	top: 42px;
	width: 210px;
}
.dd-inner {
	height:460px;
	background-color: rgba(0,0,0,.85);
}


.dd-inner .cat-item {
	float: left;
	height: 26px;
	padding: 10px 15px 10px 25px;
	width: 170px;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
}
.dd-inner .cat-icon,
.dd-inner .cat-name {	
	float: left;
	height: 26px;
	line-height: 26px;
	
}
.dd-inner .cat-icon {
	width: 20px;
	height: 26px;
}
.dd-inner .cat-icon img{
	width: 20px;
	height: 20px;	
}
.dd-inner .cat-name {	
	width: 110px;	
	height: 26px;
	font-weight: normal;
	padding: 0 15px;
}

.dd-inner .cat-item i{
	color: #fff;
	font-family: Simsun;
	vertical-align: middle;
	font-size: 14px;
	width:10px;
	height:26px;
	line-height: 26px;
	position: absolute;
	right: 15px;
	top: 10px;
}


.dd-inner .cat-item.hover {
	padding-left: 20px;
	border-left: 5px solid rgba(227,20,54,.85);
	background-color: rgba(255,255,255,.4);
}


.cate .dorpdown-layer {
	position:absolute;
	top: 42px;
	left: 210px;
	width: 990px;
	height: 460px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
}

.cate .dorpdown-layer .item-sub {display:none;}
.cate .dorpdown-layer .item-sub.show{display:block;}

.subitems {
	width: 630px;
	float: left;
	padding: 25px 20px 25px 30px;
}
.sub-infor{
	width: 265px;
	padding: 20px;
	float:right;
}

.subitems dl{
	border-bottom: 1px dotted #EAEAEA;
	padding-bottom: 15px;
	margin-top: 15px;
}
.subitems dl:first-child {
	margin-top: 0;
}
.subitems dt{
	font-weight:700;
}

.subitems dd{

}
.subitems dd a{
	display: inline-block;
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	margin: 8px 10px 0 0;
}

.item-brands .b-pic {
	width: 127px;
	height: 55px;
	float: left;
	margin-bottom: 6px;
}
.item-brands .b-pic:nth-child(even) {
	margin-left: 10px;
}
.item-brands .b-pic a{
	width:115px;
	height:43px;
	padding:5px;
	border:1px solid #e5e5e5;
	display: -webkit-box;
	-moz-box-align:center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	text-align:center;
	-webkit-transition:all .2s;
	transition:all .2s
}
.item-brands .b-pic .thumb {
	max-width:115px;
	max-height:43px;
	vertical-align:middle;
}
.item-brands .b-pic a:hover {border-color:#ff6700}
	
	
.item-promotions img {
	max-width: 265px;
}
.item-promotions .cate-pic1 {
	margin-bottom: 15px;
}



.h-bottom .navs {
	height: 40px;
	line-height:38px;
	padding-left: 30px;
	max-width: 737px;
	overflow: hidden;
}
.h-bottom .navs li {
	float: left;
}
.h-bottom .navs li a{
	padding:0 15px;
	display:block;
}
.h-bottom .navs li.active a {
	/*color: #e31436;*/
}


.h-bottom .kf-phone{
	padding:5px 10px 0;
}
/*footer*/ 

.footer {
	background-color: #fff;
}

.site-service {
	padding: 30px 10px;
	height: 40px;
} 
.site-service li {
	width: 280px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-right: 30px;
}
.site-service li.force4 {
	width: 250px;
	padding-right: 0;
}

.site-service li i,
.site-service li span {
	float: left;
}

.site-service li i {
	width: 40px;
	margin-right: 18px;
	background: url(../images/public.png) no-repeat;
	display: inline-block;
	overflow: hidden;
	text-indent: -99em;
}
.site-service li i.icon-bz1 {
	background-position: 0 0;
} 
.site-service li i.icon-bz2 {
	background-position: -40px 0;
} 
.site-service li i.icon-bz3 {
	background-position: -80px 0;
} 
.site-service li i.icon-bz4 {
	background-position: -120px 0;
} 

.helplist {
	padding: 35px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.helplist .help-item {
	width: 125px;
	padding: 0 20px 0 5px;
}

.helplist h3 {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}
.helplist ul li {
	font-size: 12px;
	line-height: 2;
}

.helplist ul li a {
	color: #666;
}
.helplist ul li a:hover {
	color: #e31436;
}

.helplist .weixin {
	width: 150px;
}
.helplist .rexian {
	width: 218px;
	padding:10px 5px 10px 30px;
	border-left: 1px solid #eee;
	height: 125px;
}

.btn-kefu {
	background-color: #e31436;
	color: #fff !important;
	padding: 0 20px;
	height: 36px;
	line-height: 36px;
	-moz-border-radius:18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}
.icon-kf {
	width: 22px;
	height: 20px;
	margin:7px 10px 0 0;
	overflow: hidden;
	background:url("../images/public.png") no-repeat -207px -106px;
	display: inline-block;
	vertical-align: top;
}
.btn-kefu:hover {
	background-color: #d31232;
}

.copyright {
	padding: 30px 0 30px;
	font-size: 12px;
	line-height: 2;
}
.flinks {
	margin-bottom: 10px;
	color: #999;
}
.flinks a {margin: 0 10px;}


.ex-kf-box {
	position: fixed;
	right: 0;
	top: 28%;
	width: 68px;
	z-index: 1001;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	padding: 10px 0;
	
}
.ex-kf-box ul li {
	float: left;
	width: 48px;
	text-align: center;
	padding: 8px 10px;
}
.ex-kf-box ul li > a {
	font-size: 12px;
	color: #ccc;
}
.ex-kf-box ul li > a:hover {
	color: #fff;
}
.ex-kf-box i {
	width: 28px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	background: url("../images/public.png") no-repeat;
}
.ex-kf-box i.icon-ppt {
	background-position: 0px -106px;
}
.ex-kf-box i.icon-qq {
	width: 27px;
	background-position: -28px -106px;
}
.ex-kf-box i.icon-weixin {
	width: 34px;
	height: 28px;
	background-position: -56px -106px;
}
.ex-kf-box i.icon-phone {
	width: 26px;
	height: 26px;
	background-position: -91px -106px;
}
.ex-kf-box i.icon-gotop {
	width: 22px;
	height: 25px;
	background-position: -121px -106px;
}

.dropdown {
	position: relative;
}

.dropdown .dropdown-layer {
	position: absolute;
	top: -15px;
	right: 77px;
	display: none;
	padding: 15px;
	box-shadow: 10px 10px 5px #999;	
	-moz-box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
	-webkit-box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
    box-shadow: 0 8px 16px rgb(0 0 0 / 18%);	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.dropdown.hover .dropdown-layer {
	display: block;
}


.dropdown .layer-kf {
	width: 160px;
}

.dropdown .layer-phone {
	white-space: nowrap;
}
.dropdown .dropdown-layer:before{
	content:'';
	position:absolute;
	top: 30px;
	right:-9px;
	display: block; 
	height:0;
	width:0;	
	width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 9px solid transparent;
}

.dropdown .layer-weixin {	
	top: -40px;
}

.dropdown .layer-weixin:before {
	border-left: 9px solid #666;
	top: 60px;
}