@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video,input {margin:0;padding:0; border:none;outline:0;font-size:100%;/*vertical-align: baseline;*/}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td {
font-size: 1em;
font-style: normal;
font-weight: normal;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display: block;}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
html, body{width:100%;  position:relative;
font-family:"Lantinghei SC","Hiragino Sans GB","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;
line-height:1.78;font-size:14px;color:#666;
background-color:#fefefe;
}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color: #333;}
/*a:hover {color:#fafafa;}*/
a img{border:0;}
/* 要注意表单元素并不继承父级 font 的问题 */
button,input,select,textarea{font-size:14px;font-family:"Lantinghei SC","Hiragino Sans GB","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif;}
/*让position:fixed在IE6下可用! */
* html,* html body {background-image: url(about:blank);background-attachment:fixed;}
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none;border:none;outline:0;cursor:pointer;}
.dn{display:none}.fl{float:left}.fr{float:right}
.tc{text-align: center;}
/*zs紫色*/
.zs{color: #5b1f7c;}
.pr{position: relative;}
.mr10{margin-right: 10px;}
/*头部通用样式*/
a:hover{color: #5b1f7c; transition: all .5s; cursor: pointer;}
.header{}
.header{width: 100%;  line-height: 34px; background: #e5e5e5; height: 34px; border-bottom: 1px solid #ccc; color: #898989;}
.header .top_bg{width: 1200px;   margin: 0 auto;}
.header .top-left p{display: inline;}
.header a.top-login{margin: 0 10px 0 0;}
.header .top-right li {display: inline-block;margin-left: 26px;}
/*.header .top-right li div{display: table-cell;vertical-align: middle;text-align: center;}*/
.header .top-right li img{vertical-align: sub;padding: 0px 5px;}
.logo-search{width: 1200px; margin: 0 auto; padding: 25px 0; height:70px;}
.logo-search .logo { display: block; background: url(../image/logo.png) 0 0 no-repeat; width: 276px; height: 67px; }
.search{width: 680px;}
.keyword ul li{display: inline-block; color: #666666; font-size: 12px; margin-left: 8px;}
.shopcart{width: 150px; height: 40px;  background-color: #5b1f7c;}
.shopcart .cart{  width: 48px; height: 100%; background-color: #242b32;; display: inline-block; text-align: center; position: relative;}
.shopcart .cart i.i-cart{background: url(../image/bg1.png) no-repeat; display: inline-block; width: 30px; height: 24px; position: relative; top: 9px;}
.shopcart .cart i.ci-count{position: absolute; position: absolute; top: 0px; left: 29px; display: inline-block; padding: 1px 2px; font-size: 12px; line-height: 12px; color: #fff; background-color: #c81623; border-radius: 7px 7px 7px 0; min-width: 12px; text-align: center; font-style: normal; overflow: hidden;}
.shopcart .cart-text{color: #fff; margin-left: 1em;}
.search-text { width: 410px; float: left; border: 2px solid #5b1f7c; padding: 0 5px; height: 34px; color: #999; }
.search-btn { width: 70px; float: left; height: 38px; border: none; background: #5b1f7c; color: #fff; font-size: 13px; text-align: center; cursor: pointer; }

.ui-btn{display: inline-block;line-height: 32px;height: 32px; color: #fff; background-color: #5b1f7c; min-width: 60px;width: auto;margin-bottom: 0;vertical-align: middle;font-size: 14px;font-weight: 400;text-align: center;white-space: nowrap;cursor: pointer;background-image: none;border: 0;padding: 0 5px;}
.ui-btn:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
a.ui-btn:hover{color: #fff;}
.ui-input{padding:10px;border:1px solid #cccccc;color:#999999;font-size:14px;font-family:Arial;margin:0;outline:0;}
.ui-input:focus{color:#555555;border:1px solid #5b1f7c;}


/*通用导航栏*/
.nav{}
.nav-bg{width: 100%; height: 40px; border-bottom: 2px solid #724a88;  font-size: 16px; line-height: 40px; position: relative;}
.nav-bg .nav{width: 1200px; margin: auto;}
.nav-bg .nav .all-category{display: block; width: 212px;float: left; text-align: center;}
.nav-bg .nav .all-category p{background: #5b1f7c; text-align: center;}
.nav-bg .nav .all-category .all-h a{background: url(../image/category-h.png) no-repeat left center; padding-left: 40px;}
.nav-bg .nav .all-category:hover .category{display: block; transition:all .5s;}
.nav-bg .nav .all-category .category{ width: 212px; height:466px; border-top: 0; text-align: left; z-index: 10;   margin-bottom: 15px;  position: absolute;  background: rgba(26,37,47,0.8); display: none;}
.index .nav-bg .nav .all-category .category{display: block;}

.nav-bg .nav .site-menu li{display: inline-block; width: 160px; text-align: center;}
.nav-bg .nav .site-menu li.current{background: url(../image/nav-active.png) no-repeat left bottom; background-size: 100% 100%; }
.nav-bg .nav .site-menu li:hover{background: url(../image/nav-active.png) no-repeat left bottom; background-size: 100% 100%; }
.nav-bg .nav .site-menu li a{font-size: 16px; font-weight: normal; line-height: 40px; display: inline-block; zoom: 1; color: #000000;  height: 40px;}

.nav-bg  a{color: #fff;  transition: all 0s;}

/*2.24*/
.nav-bg .dropdown{width:115px; padding-left: 35px; height:454px; overflow: hidden; padding-top: 8px;  position: absolute; top: 2px !important; left: 212px; z-index: 9; background: rgba(250,252,252,0.8); border:1px solid #5b1f7c; display: none;}
.nav-bg .dropdown dl dd{ height:23px; line-height:23px; }
.nav-bg .dropdown dl dt span{padding-left: 1.5em; background: url(../image/icon-di.png) no-repeat left center; color: #020202;}
.nav-bg .dropdown dl dd a{color: #030303; padding-left: 1.5em;}
.nav-bg .dropdown dl dd a:hover{color: #eb03e3;}

.nav-bg .category>dl>dt{line-height: 30px; height: 30px; overflow: hidden; padding-left: 24px; font-size: 18px; margin-left: 10px; color: #fff; margin-top: -2px;}
.nav-bg .category>dl>dd{padding-left: 34px; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px;}
.nav-bg .category>dl>dd:hover{background: #eee; }
.nav-bg .category>dl>dd:hover>a{color: #601986;}
.nav-bg .category>dl>dd:hover .dropdown{display: block;}
.nav-bg .category>dl>dd:after{content: '>'; float: right; margin-right: 1em; color: #eee;}

.index-lunbo{width:1200px;margin:0 auto}
/*轮播通用箭头*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../image/arrow2.png) no-repeat !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../image/arrow1.png) no-repeat !important; }

/*没有商品提示*/
.non-tips{ padding:15px 0px; text-align:center;}