/*灰色body*/
.grey-bg{background-color: #f5f5f5;}
/*按钮*/
.btn-round{display:inline-block;height: 26px;padding:0 30px;text-align:center;line-height: 26px;letter-spacing:1px;color:#515151;font-size:14px;border:2px solid #d1d1d1;border-radius:17px;transition-duration: .3s;}/*0509原  color:#666;border:2px solid #c5c5c5;*/
.btn-round:hover{color: #e40011;border-color:#e40011;}
.btn-red{display:inline-block;height: 38px;padding:0 20px;text-align:center;line-height: 38px;letter-spacing:1px;color:#fff;background-color:#e40011;font-size:14px;transition-duration: .3s;}
.btn-red:hover{background-color: #c50011;}
/*复选框*/
.label-checkbox{position:relative;display:inline-block;min-height:20px;line-height:20px;padding-left:24px;color:#666;cursor:pointer;}
.label-checkbox input[type="checkbox"]{position:absolute;left:0;top:0;width:20px;height:20px;opacity:0;opacity:1 \9;z-index:2;}
.label-checkbox .checkbox{position:absolute;left:0;top:0;width:20px;height:20px;background:url(../imgs/icons.png) -451px 0 no-repeat;z-index:1;display:none\9;}
.label-checkbox input[type="checkbox"]:checked + .checkbox{background-position:-480px 0;}
/*单选框*/
.label-radio{position:relative;display:inline-block;min-height:18px;line-height:18px;padding-left:24px;color:#666;cursor:pointer;}
.label-radio input[type="radio"]{position:absolute;left:0;top:0;width:18px;height:18px;opacity:0;opacity:1 \9;z-index:2;}
.label-radio .radio{position:absolute;left:0;top:0;width:18px;height:18px;background:url(../imgs/icons.png) -140px -170px no-repeat;z-index:1;display:none\9;}
.label-radio input[type="radio"]:checked + .radio{background-position:-117px -170px;}
/*选择下拉框*/
.select{position:relative;display:inline-block;zoom:1;width: 200px;height:28px;line-height:28px;padding-right: 26px;border: 1px solid #d2d2d2;background: #fff;font-size: 14px;-webkit-user-select: none;vertical-align: middle;}
.select .selected{text-indent: 10px;color:#666;cursor:pointer;}
.select .select-drop{height:28px;border: 1px solid #d2d2d2;background: #fff;text-indent: 10px;border-radius: 2px;line-height:28px;color:#666;cursor:pointer;}
.select .selected .icon{display:block;position:absolute;top:4px;right:3px;width:20px;height:20px;background:url(../imgs/icons.png) -262px -170px no-repeat;
	-webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
.select .on .icon{
	-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
.select .select-drop{position:absolute;top:34px;left:0;width:100%;height:auto;max-height:150px;overflow:auto;font-size: 12px;z-index:2;display:none;}
.select .selected,.select .select-drop li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.select .select-drop li:hover{ background:#e40011;color:#fff;}
/*原生选择下拉框*/
.nice-select {position: relative;display: inline-block;*display: inline;zoom:1;width:98px;height: 30px;padding-left: 10px;padding-right: 30px;border: solid 1px #d2d2d2;background-color: #fff;font-size: 14px;line-height: 28px;white-space: nowrap;outline:none;cursor: pointer;
  	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	-webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    }
.nice-select:active, .nice-select.open, .nice-select:focus {z-index:1; }
.nice-select:after {position: absolute;right: 10px;top: 12px;display: block;content: '';width:16px;height:9px;background:url(../imgs/icons.png) -264px -176px no-repeat;pointer-events: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
 	}
.nice-select.open:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); 
    }
.nice-select .list {position: absolute;top: 100%;left: -1px;z-index: 9; min-width:100%;margin-top: 4px;opacity:0;max-height:150px;background-color: #fff;border-radius: 2px;border: solid 1px #e5e5e5;overflow-y: auto;overflow-x:hidden;pointer-events: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    }
.nice-select.open .list {opacity:1;pointer-events: auto;
	-webkit-transform: scaleY(1);
    	-ms-transform: scaleY(1);
          	transform: scaleY(1);
    }
.nice-select .list::-webkit-scrollbar {width: 6px;height: 6px}
.nice-select .list::-webkit-scrollbar-corner {background-color: #2e343c;}
.nice-select .list::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 3px;}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important;color: #666; }
.nice-select .option {min-width:100%;min-height: 30px;box-sizing:border-box;line-height: 30px;padding-left: 10px;padding-right: 10px;color: #666;cursor: pointer;outline: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
    }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #e40011; color: #fff;}
.nice-select .option.selected {font-weight: bold; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }
/*列表2列/3列/4列*/
.list-col-2,.list-col-4{margin-left:-8px;zoom:1;}
.list-col-3{margin-left:-12px;zoom:1;}
.list-col-2 .list-item{width:596px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-3 .list-item{width:392px;margin-left:12px;margin-bottom:12px;position: relative;}
.list-col-4 .list-item{width:294px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-2 .list-item,.list-col-3 .list-item,.list-col-4 .list-item{float:left;}
@media (max-width:1260px){
	.list-col-3{margin-left:-10px;}
	.list-col-2,.list-col-4{margin-left: -12px;}
	.list-col-2 .list-item{width:484px;margin-left: 12px;margin-bottom:12px;}
	.list-col-3 .list-item{width:320px;margin-left:10px;margin-bottom:10px;}
	.list-col-4 .list-item{width:236px;margin-left: 12px;margin-bottom:12px;}
}

/*内容区*/
.container,.container-unset{width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.container-unset{position: unset;}
.wp100{width: 100%;min-width: 1200px;}
@media (max-width:1260px){
	.container{width: 980px;}
	.wp100{min-width: 980px;}
}

/*分页*/
.paging{text-align:center;clear:both;margin:100px 0;white-space: nowrap;}
.paging a,.paging span{ width:34px;height:34px;line-height:34px; text-align:center;border:1px solid #d1d1d1;display:inline-block;margin:3px;color:#b0b0b0;vertical-align: middle;}
.paging a:hover,.paging a.on{border-color:#e40011;color: #e40011;}

/*右上角的促销打折类的标签/默认blue打折*/
.tag{width: 60px; height: 50px; font-size: 14px; color: #fff;position: absolute;right: 7px; top:-3px; background: url(../imgs/icons.png) -76px -105px no-repeat;line-height: 50px;text-align: center;}
.tag-full-cut{background-position:  -147px -200px;/*orange满减*/}
.tag-new{background-position:  -152px -105px;/*green新品*/}
.tag-hot{background-position: 0px -105px;/*red热销*/}
.tag-seckill{background-position:  -220px -200px;/*pink秒杀*/}
.tag-two-line{ padding-top: 6px;line-height:18px;/*两行文字*/}

/*×、<、>图标*/
.arrowL,.arrowR{color: #afafaf;cursor: pointer;font-weight: 100;font-family: "\5b8b\4f53";}
.arrowL:hover,.arrowR:hover{color: #727272;}

/*header*/
.head{background-color: #fff;}
.head-top{height: 36px;background: #f0f0f0;line-height: 36px;text-align: right;font-family: "\5b8b\4f53";}
.head-top .nav{padding:0 6px;display: inline-block;color: #666;letter-spacing: 1px;font-size: 12px;}
.head-top .nav:hover{background-color: #fff;}
.head-top .icon{display: inline-block;width: 22px;height: 22px;background: url(../imgs/icons.png) no-repeat;vertical-align: middle;}
.head-top .icon-arrow{background-position: 0 0;}
.head-top .icon-phone{background-position: -25px -1px;}
.head-top .nav-drop{position:absolute;top:36px;right:0;z-index:10;width: 240px;padding:10px;background-color: #fff;text-align:left;line-height:1.4;font-size:12px;border: 1px solid #f0f0f0;border-top:0;display: none;}
.head-top .nav-wrap{position:relative;display: inline-block;height: 36px;}
.head-top .nav-wrap:hover .nav{position: relative;z-index: 11;}
.head-top .phone .code{width: 80px;height: 80px;float: left;}
.head-top .phone:hover .nav-drop{display:block;}
.logo-area{float:left;width: 292px;height: 112px;text-align: center;}
.logo-area img{margin-top:30px;}
.head-mid .keywords{height: 36px;line-height: 36px;margin-top:10px;font-size: 12px;}
.head-mid .keywords a:hover{color:#e40011;}
.search-box{float:left;overflow: hidden;}
.search-box .search-input{float:left;width: 570px;height: 38px;border:1px solid #d1d1d1;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;outline: none;text-indent: 10px;}
@media (max-width:1260px){
	.logo-area{width:242px ;}
	.search-box .search-input{width: 440px;}
	}
.search-box .btn-search{float:left;margin-left:-1px;width: 56px;height: 38px;border: 1px solid #e0e0e0;text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e7e7e7)) url(../imgs/icons.png) 0 -28px no-repeat;
	background: -webkit-linear-gradient(#f2f2f2, #e7e7e7);
	background: -moz-linear-gradient(#f2f2f2, #e7e7e7);
	background: -o-linear-gradient(#f2f2f2, #e7e7e7);
	background: linear-gradient(#f2f2f2, #e7e7e7);
	background: #f5f5f5 \9;
	}
.search-box .btn-search .icon{display: inline-block;width: 22px;height: 22px;margin-top:8px;background: url(../imgs/icons.png) -74px 0 no-repeat;}
.head-mid .cart-box{float:left;margin-left:60px;margin-top:46px;position: relative;}
@media (max-width:1260px){
	.head-mid .cart-box{margin-left:40px;}
	}
.head-mid .cart-box .btn-cart{display:block;width: 138px;height: 38px;border: 1px solid #d1d1d1;text-align: center;font-size: 16px;line-height: 38px;background-color:#fff;position: relative;z-index: 2;}
.head-mid .cart-box .btn-cart .icon{display: inline-block;width: 24px;height: 24px;background: url(../imgs/icons.png) -102px 0 no-repeat;vertical-align: middle;margin-right: 10px;position: relative;}
.cart-box .badge{position:absolute;top:-6px;left:16px;min-width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background-color: #e40011;text-align:center;color: #fff;font-style: normal;font-size: 12px;letter-spacing: 0;}
.cart-list{position:absolute;top:38px;right:0;z-index:1;width: 300px;background-color: #fff;border: 1px solid #d1d1d1;display: none;font-size: 12px;}
.cart-list ul{padding:10px 20px;max-height: 400px;overflow-y: auto;}
.cart-list li{width:260px;padding:10px 0;height: 50px;border-bottom: 1px solid #e0e0e0;line-height:20px;position: relative;}
.cart-list .pro-img{width: 50px;height: 50px;display: table-cell;text-align: center;vertical-align: middle;}
.cart-list .pro-img img{max-width: 100%;max-height: 100%;}
.cart-list .pro-name{float:left;width: 100px;height:40px;margin:5px 10px 0;overflow: hidden;}
.cart-list .pro-name:hover a,.cart-list .btn-delete:hover{color: #e40011;}
.cart-list .pro-price{float: left;margin-top: 5px;}
.cart-list .btn-delete{position:absolute;top:14px;right:0;width: 20px;height: 20px;font-size:20px ;line-height: 20px;text-align: center;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;display: none;}
.cart-list li:hover .btn-delete{display: block;}
.cart-list .foot{padding: 15px 20px;background-color: #f5f5f5;overflow: hidden;line-height: 1.1;}
.cart-box:hover .btn-cart{border-bottom: 0;}
.cart-box:hover .cart-list{display: block;}
.nav-bar{height: 38px;line-height: 38px;margin-left: 292px;}
.nav-bar .nav{font-size: 16px;margin:0 25px;}
.nav-bar .nav:hover{color: #e40011;}
.nav-bar .nav.on{font-weight: bold;}
@media (max-width:1260px){
	.nav-bar .nav{margin:0 15px;}
	}
.menu{width: 292px;position: absolute;top:0;left: 0;z-index: 10;}
.menu-title{width: 100%;height:38px;line-height: 38px;text-align: center;font-size: 16px;cursor: pointer;}
.menu-tab{float: left;display: block;width: 50%;}
.menu-tab.on{background-color: #4c4c4c;color: #fff;}
.menu-tab .icon{display: inline-block;width: 10px;height: 10px;background: url(../imgs/icons.png) -52px -5px no-repeat;vertical-align: middle;margin-left: 10px;}
.menu-nav{position:absolute;top:38px;left: 0;width: 292px;height: 432px;padding:14px 0;background-color: #656565;background-color:rgba(0,0,0,.6);z-index:1;}
.menu-nav-item{height: 48px;line-height: 48px;padding-left: 30px;color: #fff;font-size: 14px;cursor: pointer;-webkit-user-select: none;}
.menu-nav-item.on{background-color: #fff;color: #333;}
.menu-nav-item a{color: #fff;}
.menu-nav-item a:hover{text-decoration: underline;}
.menu-nav-item.on a{color: #333;}
.menu-nav-item:after{float:right;margin-right:16px;display: block;content: ">";font-family: "\5b8b\4f53";font-weight: bold;}
@media (max-width:1260px){
	.menu{width: 242px;}
	.menu-nav{width: 242px;}
	.menu-nav-item{padding-left: 15px;}
	.menu-nav-item:after{margin-right:10px;}
	}
.menu-cont{position: absolute;top:38px;left: 292px;width: 908px;min-height: 460px;background-color: #fff;box-shadow: 2px 2px 7px rgba(0,0,0,.2);border:1px solid #efefef \9;display: none;}
.menu-cont-wrap{padding:0 30px 30px;text-align: center;display: none;}
.menu-cont-list{overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.menu-cont-list li{float:left \9;width:20%;width:19% \9;margin-top:20px;border-left: 1px solid #efefef;margin-left: -1px;}
.menu-cont-list .pro-img{height: 100px;text-align: center;border-left:1px solid #fff;margin-left:-1px;}
.menu-cont-list .pro-img img{width: 100px;height: 100px;}
.pro-type{text-align: left;display: inline-block;*display: inline;zoom:1;margin-top:6px;}
.pro-type a{display: block;line-height: 28px;font-size: 14px;}
.pro-type a.fb{line-height: 36px;}
.pro-type a:hover{color: #e40011;}
.menu-cont-wrap .btn-round{height: 24px;padding:0 10px;line-height: 24px;border-width:1px;border-radius:13px;margin-top:30px;}
@media (max-width:1260px){
	.menu-cont{left:242px;width: 738px;}
	.menu-cont-list .pro-img{height: 90px;}
	.menu-cont-list .pro-img img{width:90px;height: 90px;}
	}
/*header-hide-menu*/
.head-hide-menu .menu-nav{display: none;}
.head-hide-menu .menu:hover .menu-nav{display: block;}
/*header-mini*/
.head-mini{box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.head-mini .head-top,.head-mini .head-top .nav{background-color: #fff;}
.head-mini .head-top .nav-drop{border-color: #d1d1d1;border-top:1px solid #d1d1d1;}
.head-mini .head-top .icon-shopcart{background-position: -196px -3px;margin-right: 5px;position: relative;}
.head-mini .head-top .icon-shopcart .badge{left:12px;min-width: 14px;height: 14px;line-height: 14px;}
.head-mini .nav-wrap .nav{border: 1px solid #fff;border-bottom:0;line-height: 35px;}
.head-mini .nav-wrap:hover .nav{border-color:#d1d1d1 ;}
.head-mini .cart-box .cart-list{top:36px;text-align: left;font-family: "microsoft yahei";}
.head-mini .logo-area{width: 250px;height: 84px;text-align: left;}
.head-mini .logo-area img{margin-top:5px;position: relative;z-index: 1;}
.head-mini .nav-bar{float: left;margin-left: 150px;margin-top:26px;}
.head-mini .search-box{float:right;margin-top:14px;}
.head-mini .search-box .search-input{width: 346px;padding-right: 10px;}/*0509去掉  text-align: right;*/
.head-mini .menu{top:26px;height: 58px;}
.head-mini .menu-title{width: 140px;margin-left: 250px;}
.head-mini .menu-nav{display: none;position: absolute;left: 0;top: 58px;}
.head-mini .menu:hover .menu-nav{display: block;}
.head-mini .menu-cont{top: 58px;}
@media (max-width:1260px){
	.head-mini .nav-bar{margin-left: 100px;}
	.head-mini .menu-title{margin-left: 220px;}
	}
/*footer*/
.foot{background-color: #fff;}
.foot-s{background: #f5f5f5; overflow: hidden; padding: 45px 0 35px;}
.foot-s li a{ background: #fff; display:inline-block; }
.foot-s li a,.foot-s li img{ display:block;width:100%;overflow: hidden;-webkit-transition: .3s linear;transition: .3s linear;}
.foot-s li h4{ font-size:14px; font-weight: normal; margin: 30px 0 40px; text-align: center;}
.foot-s li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.foot-s li a:hover h4{color: #e40011;}
.foot-s .list-item:hover{box-shadow:0 0 6px rgba(0,0,0,0.2);}
.foot-t{padding: 40px 0; overflow: hidden; clear: both;}
.foot-t li {float: left;width: 25%; }
.foot-t li .icon {width: 58px;height: 58px; background: url(../imgs/icons.png) 0 -30px no-repeat;position: absolute; left: 0;}
.foot-t li .text { margin-left: 50px; padding-left: 15px; float:left; color: #b0b0b0;line-height: 18px; font-size: 14px; -webkit-transition: .3s linear; transition: .3s linear;}
.foot-t li.universal .text{ margin-left: 58px;}
.foot-t li .text-tit{ font-size: 18px;font-weight: bold; color: #4c4c4c; line-height: 28px;}
.foot-t li a{display: inline-block;position: relative;}

.foot-t .quality .icon { background-position: -79px -30px;}
.foot-t .design .icon { background-position: -147px -30px;}
.foot-t .after-sale .icon { background-position: -217px -30px;}
.foot-m {padding: 20px 0; border-top: 1px solid #e5e5e5; clear: both; overflow: hidden; }
.foot-ml{width:850px;padding-top:25px;float: left; overflow: hidden;font-size: 12px;}
.foot-ml dl{width:25%;*width:24%;float:left;}
.foot-ml dt{font-size: 16px;margin-bottom: 10px; color: #4c4c4c;}
.foot-ml dd a{line-height:26px;color:#b0b0b0;}
.foot-ml dd a:hover{color: #515151; text-decoration: underline;}
@media (max-width:1260px){
	.foot-ml{ width: 630px;}
}
.foot-mr{width:330px;padding-top:25px; float: right; overflow: hidden; }
.foot-mr .wechat{ font-size: 14px; margin-bottom: 10px; text-align: center;color: #4c4c4c;}
.foot-mr .kefu {float: right;margin-top: -10px;}
.foot-mr .kefu .tel {font-size: 26px; color: #4c4c4c; text-align: center;}
.foot-mr .kefu .time {font-size: 12px;color: #4c4c4c;text-align: center;margin-top: 7px;}
.foot-mr .kefu .btn {display: block; padding:0 50px;letter-spacing: 4px;height: 44px;line-height:44px;background: #e40011; font-weight:bold;text-align: center;font-size: 16px;color: #fff;margin-left: auto;margin-right: auto;margin-top:25px;}
.foot-mr .kefu .btn:hover {background-color: #C50011;}