

#html{
#-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
#filter: grayscale(100%);
#}
body{
	font-family: 'Microsoft YaHei',"微软雅黑","MicrosoftJhengHei","华文细黑","Helvetica","Arial","sans-serif";color: #333333;font-size: 14px;background: #f9f9f9;
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],button{
	outline: none; highlight-color: rgba(0,0,0,0);
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1}
*{
	box-sizing: border-box;
}
/********************************** 首页 ****************************************************/

/******************* 顶部******************** */
.box{
	width: auto;
	min-width: 1200px;
	background-color: transparent;
}
.box>.content{
	width:1200px;margin:0 auto;
}
.h-box{
	background: #3c65c9;
}
.h-box  ul{
	float: right;
}
.h-box ul li{
	width:108px;float:left;color:#fff;position: relative;height:32px;line-height: 32px;text-align: center;
}
.h-box ul li .h-img{
	position: absolute;left:0;_left:10px;right:0;top:0;bottom:0;margin:auto;vertical-align: middle;
}
.h-box  ul li .header-son{
	position: absolute;top:32px;right:-20px;z-index:1000;display: none;
}
.h-box ul li .header-son-2{
	right:0;
}
.h-box ul li span{
	position: absolute;right:0;
}
.clasify{
	display: none;
}
.show{
	display: block;
}
/**********************logo 搜索 登录 注册**************************/
.logobox{
	background: #fff;border-bottom:1px solid #3C65C9;
}
.logobox ul li{
	float: left;
}
.logobox .logo_top{
	color:#918e8f;padding-top:28px;
}
.logobox .logo_top .logo{
	width:380px;margin-top:2px;padding-bottom:30px;padding-right:10px;
}
.logobox .logo_top .logo img{
	width:186px;height:35px;
}
.logobox .logo_top .logo .greetings{
	display: inline-block;float:right;width:160px;height:35px;line-height: 35px;
	text-align: center;font-size:12px;/*display: none;*/
}
.logobox .logo_top .search_box{
	width:471px;height:42px;position: relative;
}
.logobox .logo_top .search_box input{
	width:371px;height:42px;line-height:42px;color:#918e8f;border-radius:50px 0 0 50px;-webkit-border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px; border:1px solid #918e8f;border-right:0;padding-left:35px;font-size: 18px;position: absolute;left:0;top:0;z-index: 5;
	behavior: url("CSS/PIE.htc");
}
.logobox .logo_top .search_box img{
	position: absolute;right:0;top:0;width:99px;heihgt:42px;
}
.logobox .logo_top .shop_box{
	width:160px;hight:35px;
	line-height:35px;
	text-align: center;
	font-size: 14px;
}
.logobox .logo_top .shop_box div{
	vertical-align: bottom;
	position: relative;width:35px;height:30px;
	display: inline-block;
}
.logobox .logo_top .shop_box div .shop_num{
	display:block;position: absolute;right:0;top:0;width:16px;height:16px;
	text-align: center;line-height: 16px;background: url("../images/hee_03.png");
	font-size:10px;color:#fff;
}
.logobox .logo_top .shop_box div img{
	vertical-align: top;
}
/*登录  注册 */
.logobox .logo_top .login_box {
	width:150px;height:40px;
	line-height:30px;
}
.logobox .logo_top .login_box p{
	display: inline-block;
}
.logobox .logo_top .login_box input{
	background:none;border:none;outline: none;color:#918e8f;font-size: 14px;width:28px;height:26px;
}
.logobox .logo_top .login_box img{
	vertical-align: middle;width:40px;height:40px;border-radius: 50%;margin-right:16px;
	behavior: url("CSS/PIE.htc");
}
/*导航栏*/
.mNav{
	color:#333;font-size:16px;position: relative;z-index: 98;
}
.mNav li>p{
	width:142px;text-align: center;height:44px;line-height: 44px;
}
.mNav li>.mNav_home{
	background: #3c65c9;width:186px;color:#fff;
}
.mNav li>.mNav_home>img{
	display:block;float:left;width:24px;height:22px;margin:12px 12px 0 56px;
}
.mNav li>.mNav_home>span{
	display:block;float:left;height:44px;line-height: 50px;
}
/*首页二级下拉菜单*/
.mNav_home_erji{
	color:#333;position:absolute;left:0;right:0;margin:0 auto;top:45px;background: #fff;opacity: 0;display: none;height: 420px;
}
.mNav_home_erji:nth-of-type(1){
	opacity: 1;
}
.mNav_home_erji ul{
	width:1200px;margin:auto;
}
.mNav_home_erji ul li{
	margin-top:44px;float: left;width:33%;padding-left:25px;
}
/*.mNav_home_erji ul .mNav_home_erji_0{
	width:425px;
}
.mNav_home_erji ul .mNav_home_erji_1{
	width:470px;padding-left:32px;
}
.mNav_home_erji ul .mNav_home_erji_2{
	width:443px;
}*/
.mNav_home_erji .details{
	display: inline-block;line-height: 28px;text-align: left;font-size: 16px;
}
.mNav_home_erji .details strong{
	font-size: 16px;
}
.mNav_home_erji .details span{
	display: block;color:#fd5756;
}
.mNav_home_erji i{
	display: block;float:right;width:1px;height:118px;background: #E0E0E0;overflow: hidden;
}
/************************  banner **************/
.banner {
	background: #f9f9f9;height:480px;
}
.banner .content{
	position: relative;height:480px;overflow: hidden;
}
.banner  .content ul{
	position: absolute;left:0;top:0;height:480px;
}
.banner  .content ul li{
	float: left;width:1200px;height:100%;
}
.banner .content .left{
	position: absolute;left:38px;top:0;bottom:0;margin:auto 0;
}
.banner .content .right{
	position: absolute;right:38px;top:0;bottom:0;margin:auto 0;
}
.banner .content .banner_num{
	position: absolute;left:0;right:0;margin:0 auto;top: 450px;width:120px;height:12px;
}
.banner .content .banner_num li{
	float:left;width:12px;height:12px;background: #BCBFC1;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius:50%;margin:0 6px; behavior: url(PIE.htc);position: relative;z-index: 5;
	behavior: url("CSS/PIE.htc");
}
.banner .content .banner_num .small_btn{
	width:26px;border-radius:15px;
	behavior: url("CSS/PIE.htc");
}
/************************ 列表*********************/
.list{
	background: #f9f9f9;
}
.list .content{
	background: #fff;margin:24px auto 54px!important;border:1px solid #e5e5e5;
}
.list li{
	float:left;width:25%;height:136px;
}
.list li img{
	display:block;float:left;margin-top:26px;margin-left:68px;margin-right:28px;
}
.list li .li_right{
	float:left;text-align: left;margin-top: 40px;
}
.list li .li_right p{
	font-size:14px;color:#333;line-height: 20px;
}
.list li .li_right .title{
	font-size: 18px;color:#333;line-height:8px;margin-bottom:16px;
}
/*********************** 主体内容  限时抢购*******************************/
.main{
	margin-bottom:36px!important;background: #f9f9f9;
}
.main .main_title{
	display:block;margin:0 auto;
}
.main .main_top{
	margin-left:12px;margin-bottom:28px;
}
.main .more{
	display: block;float: right;padding-right:30px;
	/*padding-top:20px;*/
}
.main .main_con li{
	width:25%;float:left;
}
.main .main_con li div{
	width:285px;padding:15px 15px 12px 15px;border:1px solid #e5e5e5;background:#fff;
}
.main .main_con li>span{
	display: block;
}
.main .main_con li a{
	display: block;
}
.main .main_con li:last-of-type{
	margin-right:0;
}
.main .main_con li .details_img{
	width:250px; height:240px; margin-bottom:14px;
}
.main .main_con li>div>span{
	display: inline-block;
}
.main .main_con li .present_price{
	font-size:16px;color:#fd5756;
}
.main .main_con li .original_price{
	font-size:14px;color:#333;text-decoration:line-through;margin-left:10px;margin-right:15px;
}
.main .main_con li .num{
	font-size:12px;
}
.main .main_con li p{
	margin-top:18px;margin-bottom:11px;height: 32px;color: #333;
}

.main .main_con li  .order_btn{
	display:block;float:left;width:120px; height:39px;
}
.main .main_con li  .order_btn2{
	display:block;float:right;width:120px; height:39px;
}
.bg-box{
	position: relative;z-index:0;
}
.bg-box .bg{
	background: #fff;width:100%;height:96px;position:absolute;left:0;bottom:-36px;z-index:-1;
}
/*****************主体内容2 精品推荐*********************/
.main2 .main_con li{
	width:20%;/*margin-right:17px;*/
}
.main2 .main_con li div{
	width:228px;padding:15px 15px 6px 15px;
}
.main2 .main_con li div .details_img{
	width:195px ;height:186px;
}
.main2 .main_con li .original_price{
	margin:0 8px;
}
.main2 .main_con li p{
	margin-top:18px;margin-bottom:4px;height: 32px;
}
.main2 .main_con li .order_btn3{
	width:228px;height:31px;
}
/***********************底部******************/
.footer{
	background: #fff;border-top:1px solid #ddd;
}
.footer ul li{
	width:25%;float: left;padding-top:29px;line-height: 30px;text-align: center;position: relative;
}
.footer ul li strong{
	font-size: 14px;color:#676767;
}
.footer ul li a{
	color:#a7a6a6;
}
.footer ul li i{
	width:1px;height:63px;background:#DDDDDD;overflow: hidden;position: absolute;right:0;top:68px;
}
/*****************版权***********************/
.copyright{
	background: #fff;color:#b4b3b3;font-size: 12px;
}
.copyright ul{
	padding-left:550px;text-align: center;padding-top:40px;margin:0 auto;color:#b4b3b3;
}
.copyright ul li{
	float: left;text-align: center;
}
.copyright a{
	color:#b4b3b3;font-size: 12px;margin:0 6px;
}
.copyright li span{
	display:block;float:right;margin-top:3px;
}
.copyright .copyright_bottom{
	padding-left:500px;margin-top:30px;padding-bottom:28px;
}
.copyright .copyright_bottom img{
	display: block;float: left;margin-right:22px;
}
.copyright .copyright_bottom .copyright_right{
	display: block;float:left;
}

/********************************** 分类与商品筛选 ****************************************************/
/*****小导航*****/
.breadcrumb{
	height:56px;color:#4f4f4f;line-height: 56px;
}
.breadcrumb a{
	display: block;padding-left:18px;color:#4f4f4f;float: left;
}
.breadcrumb span{
	display: block;float: left;padding-left:16px;
}
/****** 排序 ******/
.sort{
	height:54px;background: #fff;margin-bottom:22px!important;line-height: 54px;
}
.sort .sort_left{
	padding-left:18px;
}
.sort .sort_left li{
	float:left;padding-right:42px;
}
.sort .sort_left li img{
	vertical-align: middle;padding-left:3px;
}


/* ---------- Message ---------- */

div.xxMessage {
	padding: 10px 30px;
	display: none;
	position: fixed;
	_position: absolute;
	top: 25%;
	_top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + "px");
	left: 50%;
	z-index: 100;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 6px #999999;
	-moz-box-shadow: 1px 1px 6px #999999;
	box-shadow: 1px 1px 6px #999999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#d4d4d4,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#d4d4d4,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5,direction=270,strength=3)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#d4d4d4,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#d4d4d4,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5,direction=270,strength=3);
	border: 1px solid #999999;
	background-color: #ffffff;
}

div.xxMessage .messageContent {
	line-height: 24px;
	padding: 0px 10px 0px 30px;
	color: #666666;
}

div.xxMessage .messagewarnIcon {
	background: url(../images/common.gif) -60px -330px no-repeat;
}

div.xxMessage .messagesuccessIcon {
	background: url(../images/common.gif) -30px -360px no-repeat;
}

div.xxMessage .messageerrorIcon {
	background: url(../images/common.gif) 0px -390px no-repeat;
}

div.xxMessage .messageIframe {
	width: 2000px;
	height: 2000px;
	position: absolute;
	left: -100px;
	top: -100px;
	z-index: -1;
}


div.productContent .review {
	/*width: 710px;*/
	background: #fff;
	padding: 1px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
}

div.productContent .review .title {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	background-color: #f1f1f1;
}

div.productContent .review .content {
	padding: 0px 10px;
}

div.productContent .review .score {
	width: 120px;
	height: 60px;
	float: left;
	padding-top: 20px;
	margin: 10px 120px 10px 0px;
	color: #808080;
}

div.productContent .review .score strong {
	display: block;
	float: left;
	margin-right: 4px;
	color: #ff6600;
	font-size: 30px;
	font-weight: normal;
	font-family: "Microsoft YaHei";
}

div.productContent .review .score div {
	float: left;
}

div.productContent .review .score div div {
	height: 18px;
	line-height: 18px;
	clear: both;
	white-space: nowrap;
}

div.productContent .review .graph {
	height: 60px;
	width: 400px;
	float: left;
	padding: 10px 10px 10px 0px;
	margin: 10px 100px;
	border-right: 1px solid #e4e4e4;
}

div.productContent .review .graph span {
	height: 21px;
	display: block;
}

div.productContent .review .graph em {
	width: 28px;
	height: 21px;
	line-height: 16px;
	display: block;
	float: right;
	margin-right: 26px;
	color: #ffffff;
	text-align: center;
	font-style: normal;
	background: url(../images/review.gif) 0px -30px no-repeat;
}

div.productContent .review .graph div {
	width: 400px;
	height: 14px;
	background: url(../images/review.gif) 0px 0px no-repeat;
}

div.productContent .review .graph li {
	width: 80px;
	height: 26px;
	line-height: 26px;
	float: left;
	color: #808080;
	text-align: center;
}

div.productContent .review .handle {
	height: 40px;
	float: left;
	padding-top: 34px;
	padding-left: 20px;
	margin: 10px 0px 10px 203px;
}

div.productContent .review .handle a {
	padding: 4px 8px;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	background-color: #ff9900;
}

div.productContent .review table {
	width: 100%;
	line-height: 24px;
	clear: both;
	border-top: 1px solid #e4e4e4;
}

div.productContent .review table th {
	padding: 6px 0px;
	color: #888888;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #e4e4e4;
}

div.productContent .review table td {
	width: 235px;
	padding-left: 10px;
	border-bottom: 1px dotted #e4e4e4;
	text-align: right;
}

div.productContent .review span {
	color: #999999;
}

div.productContent .review p {
	padding: 10px 0px;
	color: #888888;
}

li.mNav_home_erji_0 img{
	vertical-align: top;
}

/*商品排序*/
div.bar_sort .asc, div.bar_sort .currentAsc, div.bar_sort .desc, div.bar_sort .currentDesc  {
	height: 22px;
	line-height: 22px;
	display: block;
	float: left;
	padding: 0px 15px 0px 6px;
	outline: none;
	blr: expression(this.hideFocus = true);
}

div.bar_sort .asc {
	background: url(../../shop/images/product.gif) right -360px no-repeat;
}

div.bar_sort .currentAsc {
	background: url(../../shop/images/product.gif) right -390px no-repeat;
}

div.bar_sort .desc {
	background: url(../../shop/images/product.gif) right -420px no-repeat;
}

div.bar_sort .currentDesc {
	background: url(../../shop/images/product.gif) right -450px no-repeat;
}

div.bar_sort a{
	margin-left: 10px;
}

div.bar_sort .page {
	float: right;
	margin-right: 0px;
}

div.bar_sort .page span {
	padding: 0px 6px;
}

div.bar_sort .page label {
	float: left;
	margin-right: 8px;
	font-weight: 100;
}

div.bar_sort .page a {
	margin-top: 15px;
	float: left;
	padding: 1px;
	margin-right: 10px;
	outline: none;
	blr: expression(this.hideFocus = true);
	cursor: pointer;
	border: solid 1px #cccccc;
	background-color: #ffffff;
}

div.bar_sort .page a:hover {
	border: solid 1px #f9ad75;
}

div.bar_sort a.current {
	border: solid 1px #f9ad75;
}

div.bar_sort .page a span {
	min-width: 22px;
	_width: 22px;
	_white-space: nowrap;
	height: 22px;
	line-height: 22px;
	display: block;
	margin-right: 0px;
	text-align: center;
	background: url(../../shop/images/product.gif) 0px -90px repeat-x;
}

div.bar_sort .page a.current span {
	background: url(../../shop/images/product.gif) 0px -120px repeat-x;
}

.pointer{cursor: pointer;}

.tag {
	font-weight: 100;
}

