@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, sans-serif; color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#e62129; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, sans-serif; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#e62129;}
.wal{width:1536px; margin:0px auto;}

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

@font-face {font-family:mont; src:url(../font/MontserratBold.ttf);}
@font-face {font-family:din; src:url(../font/DINCOND-BOLD.OTF);}

.indexFloor .list li .imgDiv,
.gift .list li .imgDiv,
.offer_mb2,
.purchase_mb2,
.purchase_mb6,
.record_t,
.record_t .pj,
.record_t .select dt{display: flex;
  display: -webkit-flex; }

.indexFloor .list li .imgDiv,
.gift .list li .imgDiv,
.offer_mb2,
.purchase_mb2,
.purchase_mb6,
.record_t,
.record_t .pj,
.record_t .select dt{ align-items: center;
  -webkit-align-items: center; }

.indexFloor .list li .imgDiv,
.gift .list li .imgDiv,
.purchase_mb6,
.record_t,
.record_t .pj,
.record_t .select dt{justify-content: center;
  -webkit-justify-content: center; }

a,
.indexFloor .tab li:after,
.gift .list li .name,
.sideList .list li .name,
.adApply .list li .name,
.adApply .list li .btnDiv,
.promotion .list li .name,
.category .pjDiv .tab2 li img,
.category .imgList li .name{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;    
}

.indexFloor .list li .imgDiv img,
.gift .list li .imgDiv img,
.sideList .list li .imgDiv img,
.adApply .list li .imgDiv img,
.promotion .list li .imgDiv img,
.hotPro .list li .imgDiv img,
.category .imgList li .imgDiv img{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;    
}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.w275{ width:275px; overflow:hidden;}
.w320{ width:320px; overflow:hidden;}
.w450{ width:450px; overflow:hidden;}
.w955{ width:955px;}
.w975{ width:975px;}
.w1166{ width:1166px;}
.w1245{ width:1245px;}

.ovfHiden{overflow: hidden;height: 100%;}

.touDiv{ height: 54px; border-bottom: #ededed solid 1px; }
.touDiv .wal{ position: relative; }
.touDiv .txt{ padding-left: 28px; padding-right: 88px; font-size: 14px; line-height: 54px; background: url(../images/nimg14_1.png) left center no-repeat; }
.touDiv .topRight{ position: absolute; right: 130px; top: 0; font-size: 14px;}
.touDiv .favorite{ padding-left: 32px; line-height: 54px; }
.touDiv .links{ line-height: 54px; }
.touDiv .links a{ padding: 0 12px; }
.touDiv .tel{ font-size: 14px; padding-left: 28px; line-height: 54px; background: url(../images/nimg31_1.png) left center no-repeat; background-size: 15px; }

.shopcart{ position: absolute; right: 0; top: 0; }
.shopcart a{ display: block; line-height: 54px; font-size: 14px; color: #666; padding: 0 18px 0 22px; position: relative; background: url(../images/nimg26_1.png) left center no-repeat; background-size: 14px;}
.shopcart em{ display: block; position: absolute; right: 0; top: 8px; width: 19px; height: 19px; background: #e62129; font-size: 14px; text-align: center; line-height: 18px; color: #fff; font-weight: bold; border-radius: 50%; }
.shopcart a:hover{ color: #e62129; }

.headDiv{ height:110px; background:#fff; position:relative; z-index:5; width:100%;}
.headDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e7222a; }
.headDiv .wal{ height:110px; position:relative;}
.headDiv .logo{ display:block; position:absolute; left:0px; top: 26px;}

.topSearch{ position: absolute; right: 0; top: 50%; margin-top: -15px; }
.topSearch .btn1{ width: 30px; height: 30px; border-radius: 50%; background: #e62129 url(../images/nimg20_1.png) center no-repeat; background-size: 14px; display: block; cursor:pointer; position: relative; z-index: 2;}
.topSearch input{ position: absolute; right: 0; top: 0; display:none; width: 200px; background: #fff; border: #e62129 solid 2px; padding-left: 15px; height: 30px; line-height: 30px; font-size: 14px; color: #666; border-radius: 36px; box-sizing:border-box;} 

.nav-category{ position: absolute; z-index: 1; left: 128px; top: 0px; line-height: 110px; height: 100px; color: #333; font-size: 16px; cursor: pointer;}

.classLayer{ width:280px; position:absolute; z-index:20; left:50%; top:0px; margin-left:-768px; background:#fff;}
.classLayer h1{ height:60px; text-indent: 75px; position: relative; font-size:18px; background:#e62129; line-height:60px; color:#fff; font-weight:bold;}
.classLayer h1:before{ content: ''; position: absolute; left: 40px; top: 50%; width: 19px; height: 16px; margin-top: -8px; background: url(../images/nimg19_1.png) no-repeat; }
.classLayer .list li{ height:56px; line-height:56px; font-size:18px; }
.classLayer .list li a{ display:block; height:56px; padding-left:36px; color:#fff; background: #342d2c; position: relative;}
.classLayer .list li a:after{ content: ''; position: absolute; right: 40px; top: 50%; width: 8px; height: 16px; margin-top: -8px; background: url(../images/ico1.png) no-repeat;}
.classLayer .list .liNow a{ background: #4e5863; }
#topClass{height:0; overflow:hidden; cursor: pointer;}

.navList{ overflow:hidden; height: 110px; position: absolute; right: 50px; top: 0;}
.navList li{ float:left; height: 110px; font-size:16px; }
.navList li a{ display:block; height:110px; line-height:110px; color:#333; text-align: center; padding: 0 35px;}
.navList li a:hover, .navList li .aNow{ color: #e62129; }

.classLayer1{position:absolute; z-index:10; left:50%; margin-left:-488px; width:962px; background:#fff; display:none; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);}
.classLayer1 .list{ padding: 30px 70px 0 38px;}
.classLayer1 .list li{ position: relative; padding: 0 0 38px 90px; font-size: 16px; overflow: hidden; }
.classLayer1 .list li em{ position: absolute; left: 0; top: 0; line-height: 36px; }
.classLayer1 .list dd{ float: left; padding-right: 40px; line-height: 36px; }

.footDiv{ padding-top:65px; height:300px; background: #282828; overflow: hidden; box-sizing: border-box;}
.footDiv .leftDiv{ width: 545px; }
.footDiv .logo{ display: block; height: 78px; border-bottom: #696969 solid 1px; }
.footDiv .links{ padding-top: 30px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;  }
.footDiv .links a{ font-size: 16px; line-height: 16px; display: block; color: #fff; }
.footDiv .links a:hover{ color: #e62129; }
.footDiv .msg{ font-size: 14px; color: #a3b1bd; padding-top: 30px;}
.footDiv .msg a{ color: #a3b1bd; padding-left: 15px;}
.footDiv .msg a:hover{ text-decoration: underline; }
.footDiv .rightDiv{ padding-left: 195px; position: relative; height: 158px; }
.footDiv .ewm{ position: absolute; left: 0; top: 0; }
.footDiv .ewm img{ width: 158px; }
.footDiv .msgList li{ font-size: 16px; color: #a3b1bd; line-height: 38px; position: relative; padding-left: 96px; }
.footDiv .msgList li em{ display: block; position: absolute; left: 0; top: 0; color: #fff; padding-left: 32px; }
.footDiv .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -10px;}

.pageBanner{ position:relative; height: 400px; background: center no-repeat; background-size: cover;}

.pageTop{ height: 60px; border-bottom: #fafafa solid 1px; }
.pageTop2{ background: #f2f2f2; border-bottom: #f2f2f2 solid 1px; }
.pageTop3{ background: #f9fafb; border-bottom: #eff1f3 solid 1px; }
.pageNow{ line-height: 60px; background: url(../images/nimg16_5.png) left center no-repeat; padding-left: 10px; font-size: 14px; }
.pageNow a{ padding: 0 18px 0 16px; position: relative; background: url(../images/ico2.png) right center no-repeat;}
.pageNow em{ padding-left: 14px; }

.pageBox{ padding: 30px 0 120px;}

/*分页*/
.pageNum{ text-align: center; overflow:hidden; padding-top: 25px;}
.pageNum a{display:inline-block; position: relative; height:38px; line-height:38px; width: 46px; margin:0 4px; border: #efefef solid 1px; font-size: 14px; color: #999; background: #fff; text-align: center; border-radius: 24px;}
.pageNum a .img1{ display: none; }
.pageNum a:hover, .pageNum .aNow{background:#e62129; color: #fff; border: #e62129 solid 1px;}
.pageNum a:hover img, .pageNum .aNow img{ display: none; }
.pageNum a:hover .img1, .pageNum .aNow .img1{ display: inline-block; }
.pageNum .prev, .pageNum .next{ width: 98px; text-align: left;}
.pageNum .prev{ text-indent: 38px;}
.pageNum .prev:before{ content: ''; position: absolute; left: 22px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/nimg6_left.png) center no-repeat; }
.pageNum .next{ text-indent: 20px;}
.pageNum .next:before{ content: ''; position: absolute; right: 22px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/nimg6_right.png) center no-repeat; }
.pageNum .prev:hover:before{ background: url(../images/nimg6_lefton.png) center no-repeat;}
.pageNum .next:hover:before{ background: url(../images/nimg6_righton.png) center no-repeat;}



.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}