/*
*---------------------------------------------------------------------------------------------------------------
*  common.css contain : header/footer...
*-----------------------------------------------------------------------------------------------------------------
*/
.wrap{
   width:1200px;
   margin:0 auto;	
}
/*
写登录的样式
*/
.loginDiv01{
   margin-right: 10px;
   float:right;
}
.loginDiv02{

   margin-right: 16px;
   float:right;
}
.loginDiv03{
   margin-right: 10px;
   float:right;
}
.loginDiv04{
   clear:both;
}
/*
 * subsection common header
 */
header{
    position:relative;
	z-index:102;	
}
.topbar-ul li s,.topbar-ul li.t-menu span b{ background:url(img/common-sprite.png) no-repeat;}
.topbar{
   position:relative;
   height:24px;	
   background:#f7f7f7;
   padding-top:6px;
   border-bottom:1px solid #eeeeee;
   z-index:5;
}
.topbar-ul{
   float:right;
}
.topbar-ul li{
   float:left;
   position:relative;
   padding:0 12px 0 13px;	
   color:#666;
}
.topbar-ul li s,.topbar-ul li.t-menu span b{ position:absolute;}
.topbar-ul li s{
   top:4px;
   left:0;
   width:1px;
   height:10px;
   overflow:hidden;
   background-position:0 0;	
}
.t-userInfo{
   color:#666666;	
}
.t-exit{
   padding:0 3px 0 10px;
}
.topbar-ul li.t-menu{ padding:0 5px 0 13px; *padding:0 5px 0 5px;}
.topbar-ul li.t-menu span{
   display:inline-block;	
   position:relative;
   width:60px;
   margin-left:-8px;
   *margin-right:8px;
   margin-top:-3px;
   padding:2px 5px 5px;
   border:1px solid #f7f7f7;
   z-index:4;
}
.topbar-ul li.t-menu span b{
   top:9px;
   right:3px;
   width:7px;
   height:4px;
   overflow:hidden;
   background-position:-10px 0;
}
.topbar-ul li.t-menu span.hover{
   border:1px solid #dddddd;
   border-bottom:0;
   background:#FFF;
}
.topbar-ul li.t-menu span.hover b{ top:8px; background-position: -10px -4px;}
.topbar-ul li .t-subMenu{
   display:none;
   position:absolute;
   top:20px;
   left:5px;
   border:1px solid #dddddd;
   width:70px;	
   z-index:3;
   background:#FFF;
   zoom:1;
}
.topbar-ul li .t-subMenu{ padding:0 0 5px;}
.topbar-ul li .t-subMenu ul li{
   padding:0 5px;
   line-height:24px;	
}
/*浮层 增加浮层CSS  liyanshuai 2016 01 21*/
.maskLayer{ position:fixed; height:100%; width:100%; top:0; left:0; background:#000000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; z-index:3000;}
.popbox{ position: fixed; top:30%; left:50%;  border:10px solid #b4b4b4; background:#FFF; z-index:198910161; }
.loginBox { position: fixed; top:15%; left:35%;  border:10px solid #b4b4b4; background:#FFF; z-index:3100; }
.w1000{ width:1000px; height:500px; margin-left:-500px; margin-top:-250px;}
.w720{ width:720px; height:400px; margin-left:-360px; margin-top:-200px;}
.pop-cont{ padding:20px; color:#666;}
.pop-title{ position:relative; background:#f2f2f2; height:20px; padding:8px; line-height:20px; font-size:14px; font-weight:700;}
.pop-title .popWin-close{ position:absolute;display:block; top:12px; right:10px; width:11px; height:11px; background:url(images/icon-seller.png) no-repeat; background-position:-90px 0; overflow:hidden; text-indent:-999px; cursor:pointer;}
.tipTxt{ font-size:14px; font-weight:700; padding-bottom:10px;}
.ftgreen{ color:#a0ba59;}
.ftgray{ color:#999;}
.mr10{ margin-right:10px;}
.mt20{ margin-top:20px;}
.pop-btn{ height:30px; margin-top:20px;}
.pop-btn span{ display:inline-block;}
.btn-confirm,.btn-cancel{ display:inline-block; width:151px; height:30px; text-align:center; line-height:30px; font-size:14px; font-weight:700; background:url(images/icon-seller.png) no-repeat;}
.btn-confirm{ background-position: 0 -50px; color:#FFF; }
.btn-confirm:hover{ background-position:0 -80px; color:#FFF;}
.btn-cancel{ background-position:0 -110px; color:#666; }
.btn-cancel:hover{ background-position:0 -140px; color:#666;}
.txtDiv{ line-height:20px; color:#666;}
.textR{ text-align:right;}
.textL{ text-align:left;}
.textC{ text-align:center;}
/*
 * subsection font-color
 */
.ftRed{ color:#F00;}
.ftGray9{ color:#999;}

/*
jquery validater
*/
input.error { border: 1px solid red; }
select.error { border: 1px solid red; }
label.error {
   background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;

   padding-left: 16px;

   padding-bottom: 2px;

   font-weight: bold;

   color: #EA5200;
}
label.checked {
   background:url("./demo/images/checked.gif") no-repeat 0px 0px;
}
/*分页的效果CSS*/
.pagination{height:23px;margin:20px 0;}
.pagination a,.pagination span{
   display:inline-block;
   float:left;
   margin-left:5px;
   padding:0 8px;
   line-height:21px;
}
.pagination span.disabled{border:1px solid #ccc;color:#CCC;background:#FFF;}
.pagination span.unable{border:1px solid #ccc;color:#333;background:#f7f7f7;}
.pagination span.unable:hover{color:#be0a00;cursor:pointer}
.pagination a{border:1px solid #ccc;background:#FFF;}
.pagination a:hover{text-decoration:none;}
.pagination a.cur{
   background:#feeee5;
   border:1px solid #be0a00;
   color:#be0a00;
   cursor:default;
   font-weight:700;
}
.pagination a.unable{background:#f7f7f7;}
.pagination a.disabled{color:#ccc;border:1px solid #ccc;color:#CCC;background:#FFF;cursor:default;}
.pagination a.disabled:hover{color:#ccc;}
.pagination span font{ font-size:12px; font-weight:700; color:#ff5f49;}

.fn-right{ float:right;}
/* 头部 - 登录部分 */
.site-nav{height:24px;background:#f6f6f6;line-height:28px;color:#666;position: relative;z-index: 200;margin-top: -5px;}
.site-nav a:hover{color:#bf0a01;}
.sn-short{border-bottom:1px solid #ddd;background:#fff}
.sn-short .area{width:970px;}
.sn-short .quick-menu li.menu{border-color:#fff;}
.login-info{float:left}
.login-info a{color:#005ea7}
.cut{color:#ddd}
.login-info .cut{padding:0 5px}
.quick-menu{float:right}
.quick-menu li{float:left;position:relative;padding:0 12px}
.quick-menu li.menu{padding:0 24px 0 29px;border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6}
.quick-menu li.cut{padding:0}
.quick-menu li a{color:#666}
.quick-menu i,.quick-menu b{display:block;position:absolute;background:url(images/m-icon.png) no-repeat;}
.quick-menu i.scj-icon{top:8px;left:13px;width:11px;height:11px;background-position:-50px -50px}
.quick-menu i.cart-icon{top:6px;left:9px;width:16px;height:16px;background-position:0 -50px}
.quick-menu b{top:12px;right:13px;width:8px;height:4px;background-position:-100px -50px;transition:transform 0.2s;}
.cart-num{font-weight:bold;color:#be0a00;}

.sub-bd{display:none;position:absolute;top:29px;left:-1px;z-index:20;background:#fff}
.quick-menu li.hover{height:29px;padding:0 24px 0 29px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff}
.sn-short .quick-menu li.hover{border-color:#ddd;}
.quick-menu li.hover .sub-bd{display:block}
.quick-menu li.hover i.scj-icon{background-position:-50px -70px}
.quick-menu li.hover b{background-position:-150px -70px;transform:rotate(180deg);transform-origin:50% 30% 0;}
.favorite .sub-bd{width:89px;padding:5px 0;border:1px solid #ddd;border-top:0;text-align:center}
.favorite .sub-bd a{display:block;height:24px;margin:2px 0;line-height:24px;text-align:center}
.favorite .sub-bd a:hover{background:#f5f5f5}

.cart .sub-bd{left:auto;right:-1px;border:1px solid #ddd;border-top:0;z-index:100;}
.cart .sub-bd .hd{padding:5px 10px;border-bottom:1px dotted #ccc;text-align:right}
.cart .sub-bd .bd{overflow-y:auto;position:relative;max-height:285px;}
.cart strong{font-family:Verdana}
.cart .sub-bd li{padding:10px;border-bottom:1px dotted #ccc;width:100%;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.cart .sub-bd .img{float:left;margin-right:10px}
.cart .sub-bd .img img{border:1px solid #eee}
.cart .sub-bd .txt{overflow:hidden;line-height:15px}
.cart .sub-bd .txt p.tt{overflow:hidden;height:30px;text-overflow:ellipsis}
.cart .sub-bd .txt p.bt{padding-top:5px}
.cart .sub-bd .txt p.bt a{color:#005ea7}
.cart .sub-bd .txt p.bt a:hover{text-decoration:underline}
.fl{float:left}
.fr{float:right}
.cart .sub-bd .ft{padding:8px;text-align:right}
.cart .sub-bd .ft a{display:inline-block;width:98px;height:34px;background:#be0a00;line-height:34px;color:#fff;text-align:center}
.cart .sub-bd .ft a:hover{background:#CB3B33}
.cart .y-goods{width:243px;}
.cart .n-goods{padding:20px;width:235px;}
.cart .n-goods i{position:relative; background:url(images/m-icon.png) no-repeat -100px -250px;width:38px;height:37px;display:inline-block;vertical-align: middle;}

.quick-menu li.z-product{padding:0 24px 0 15px;}
.z-product .sub-bd{left:auto;right:-1px;width:831px;border:1px solid #ddd;border-top:0;z-index:200;padding-bottom:3px;}
.z-product .sub-bd dl{float: left;overflow: hidden;padding-bottom: 5px;width: 277px;zoom: 1;}
.z-product .sub-bd dt{clear: both;padding: 3px 8px 0 8px;font-weight: bold;}
.z-product .sub-bd dl.dl-1 dt a{color:#ef717b;}
.z-product .sub-bd dl.dl-2 dt a{color:#6b78d8;}
.z-product .sub-bd dl.dl-3 dt a{color:#5ab6de;}
.z-product .sub-bd dl.dl-4 dt a{color:#3192e7;}
.z-product .sub-bd dl.dl-5 dt a{color:#fa557f;}
.z-product .sub-bd dl.dl-6 dt a{color:#6860a4;}
.z-product .sub-bd dd{display: inline;float: left;margin: 3px 0 3px -1px;padding: 0 8px;border-left: 1px solid #ddd;line-height: 14px;}
.z-product .sub-bd dd a{color:#999;}
.z-product .sub-bd a:hover{color:#CB3B33;}
.z-clear{clear: both;height: 0;font-size: 0;overflow: hidden;}

/* footer */
.footer{clear:both;border-top:none; margin-top:20px; padding:25px 0; text-align:center; color:#666;}
.footer-link{ padding-bottom:15px;}
.footer-link a{ padding:0 10px; color:#666;}
.footer-link a:hover{ color:#be0a00;}
.footer-txt p{ padding:3px 0;}

/*增加页脚links*/
.footer-links dl{display:inline-block;width:auto;min-width:120px;margin:0 10px;vertical-align:top;*display:inline;*zoom:1;}
.footer-links dt{color: white;line-height:1.7;text-align:left;font-weight:bold;font-size:17px;}
.footer-links dd{line-height:1.7;text-align:left;white-space:nowrap;}
.footer-links dd a{color:#fff;}
.footer-links dd a:hover{color:#be0a00;text-decoration:underline;}
.footer-links{border-bottom: #eee 1px solid;padding: 20px 0;margin: 20px 0;background: #666;}
.t-btn01{width: 150px;height: 30px;line-height: 30px;background: url(images/register-btnbg.png) repeat-x;text-align: center;font-weight:bold;font-size: 14px;color: #FFF;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;display: inline-block;}
.t-btn01:hover{background-position:0 -26px;color:#fff;}