@charset "utf-8";
/* 
	mallcommon
	2014-2-27
 */
/**************************************************布局*****************************************************/
/*产品图暂缺*/

img.error-pro { background:url(../img/common-noimg.png) #ffffff no-repeat 50% 50%; display:inline-block;}
.fl { float: left; }
.fr { float: right; }
.hide { display: none!important; }
.show { display: block!important; }
.txtc { text-align: center; }
.txtr { text-align: right; }
/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/*font*/
.font14 { font-size: 14px; }
.font26 { font-size: 26px; }
/*margin*/
.mcenter{ margin:0 auto;}
.mb0{ margin-bottom:0!important;}
.mb30{ margin-bottom:30px;}
.mt { margin-top: 10px }
.mr { margin-right: 10px }
.ml { margin-left: 10px; }
.mb { margin-bottom: 10px }
.pt { padding-top: 10px }
.pb { padding-bottom: 10px }
.mt18 { margin-top: 18px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40{ margin-top:40px;}
/*width*/
.w { width: 100% }
.w90 { width: 90px; }
.w150{ width:150px;}
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px }
.w320 { width: 320px; }
.w960 { width: 960px }
.w896 { width: 896px }
/**************************************************效果*****************************************************/
a { text-decoration: none; }
a:hover { text-decoration: underline; color: #f39801; }
/*投影*/
.shadow { box-shadow: 0px 0px 6px #dddddd; border: 1px solid #dddddd\9;/*lt ie8 兼容*/ }
/*背景透明*/
.transparent { filter: alpha(opacity=80); /* internet explorer */ -khtml-opacity: 0.8;      /* khtml, old safari */ -moz-opacity: 0.8;       /* mozilla, netscape */ opacity: 0.8;           /* fx, safari, opera */ }
/*color*/
.c-focus { color: #f39801!important; }
.c-red { color: #be0002!important; }
.c-gray { color: #a6a6a6!important; }
.c-darkgray { color: #333333!important; }
.c-lightgray { color: #666; }
.c-lightblue { color: #00a0e9; }
.red { color: #c00 }
.yallow { color: #ff0 }
.blue,
.blue a { color: #005ea7!important;}
.blue:hover,
.blue a:hover { color: #f39801!important;}
.using_blue { color: #1cbbb4; }
.green { color: #6a3 }
.orange { color: #f90 }
.black { color: #000 }
.gray,
.gray a { color: #666 }
.gray a:hover { color: #f00 }
.white,
.white a { color: #fff }
.white a:hover { color: #f00 }
/*background-color*/
.b-black { background-color: #000; }
.b-white { background-color: #FFF; }
.b-gray { background-color: #999; }
.b-rosered { background-color: #ec46b0; }
.b-blue { background-color: #385aed; }
.b-yellow { background-color: #e9ce00; }
/*site-head*/
body { font: 12px/120% "\5b8b\4f53", Arial, Verdana; color: #666666; background: #f0f0f0; min-width: 1280px; }
.w-wrap { width: 1280px; width: 1282px\9;/*lt ie8 兼容*/ height: 100%; margin: 0 auto; }
/*2014-4-10 头部留5px*/
.top-bar{width:100%;height:3px;font-size:0;background:#f0f0f0 url("../img/index/line1700x3.png") no-repeat 50%}
.top-bar div{width:1282px;height:3px;font-size:0;margin:0 auto}
.site-head{width:100%;height:109px;background:url("../img/index/line1x4.gif") repeat-x 0 100%}
.w-headerwrap{width:1282px;height:105px;margin:0 auto}
.site-logo{float:left;width:270px;height:85px;padding:20px 0 0 30px;background:url("../img/index/1282/logo105x105.png") no-repeat 150px 100%}
.site-logo a{display:block;width:130px;height:70px;text-indent:-99999px;background:url("../img/index/logo130x70.png") no-repeat}
/*search*/
.search-box{position:relative;float:left;width:413px;height:40px;margin-top:38px;background:url("../img/index/1282/bg420x420.png") no-repeat 0 0}
.search-box input{float:left;border:0;background-color:transparent}
.search-key{width:363px;height:40px;padding-left:10px;line-height:40px}
.search-bt{width:40px;height:40px;text-indent:-99999px}

.top-list{}
.top-list li{position:relative;z-index:7;float:left;height:20px;line-height:20px;color:#999;padding:12px 0 12px 10px}
.top-list li.pl20{padding-left:20px}
.top-list li a{color:#999}
.top-list li a:hover{color:#ff8d00;text-decoration:none}
.top-list li a.s-ico{float:left;padding-left:18px;white-space:nowrap;background:#fff url("../img/index/i40x40.gif") no-repeat}
.top-list li a.ico-ucen{background-position:0 -680px}
.top-list li a.ico-cart{background-position:0 -700px}
.top-list li a.ico-site{background-position:0 -720px}

.site-head2 { width: 100%; height: 120px; background: url(../img/site-head.gif) #FFF repeat-x left bottom; padding-top: 28px; }
.top-list li { margin-left: 10px; float: left; font-size: 12px; color: #999999; position: relative; z-index: 7; padding: 10px 0; }
.top-list li a { color: #999999; }
/*ico之间5px间隔*/
.s-ico { background: url(../img/index-ico.png) no-repeat; float: left; display: block; padding-left: 2px; }
.ico-ucen { width: 13px; height: 13px; background-position: 0 0; }
.ico-cart { width: 13px; height: 13px; background-position: -18px 0;}
.ico-site { width: 13px; height: 13px; background-position: -36px 0; }
.index-cartnum { background: #f39801; border-radius: 3px; height: 16px; line-height: 16px; color: #FFF; display: block; position: absolute; left: 0px; top: 9px; padding: 0 3px; } 


/*首页-购物车浮动框*/
.float-cartbox { width: 442px; height: 309px; background: #FFF; display: none; position: absolute; top: 17px; right: 0; z-index: 7; }
.float-cartbox .ico { width: 51px; height: 14px; position: absolute; top: -7px; right: 0; display: block; }
.float-carttit { height: 47px; padding-left: 11px; font: bold 16px "微软雅黑"; color: #666666; line-height: 47px; }
.float-cartdl { border-top: 1px solid #e1e1e1; height: 70px; padding: 10px; }
.float-cartdl dt { width: 68px; height: 68px; border: 1px solid #e1e1e1; float: left; }
.float-cartdl .cart-name { width: 205px; height: 50px; line-height: 25px; float: left; padding: 10px; }
.float-cartdl a { font-size: 13px; color: #666666; }
.float-cartdl a:hover { color: #f39801; }
.float-cartdl .cart-cost { width: 127px; height: 50px; padding: 10px 0; float: left; }
.cart-cost .price { font: bold 15px "微软雅黑"; line-height: 25px; text-align: right; }
.cart-cost .del { text-align: right; line-height: 25px; }
.cart-cost .del a { color: #005ec7; }
.float-cartsum { padding: 10px; background: #f5f5f5; }
.float-cartsum .sum { text-align: right; height: 30px; line-height: 25px; }
.float-cartsum .price { font: bold 15px "微软雅黑"; line-height: 25px; }
.float-cartsum .buy { padding: 0 16px; height: 42px; font: normal 20px "微软雅黑"; line-height: 42px; color: #FFF; }

/*site-nav*/
.site-nav{clear:both}
.site-nav li{position:relative;z-index:6;float:right;padding-left:16px}
.site-nav a{color:#000}
.site-nav a:hover{color:#ff8d00;text-decoration:none}
.site-nav a.dt{float:left;height:40px;padding-left:40px;background:#fff url("../img/index/i40x40.gif") no-repeat}
.site-nav a.dt b{display:block;padding-top:8px;font-size:16px;white-space:nowrap}
.site-nav a.dt var{display:block;padding:2px 0 0 2px;white-space:nowrap}
.site-nav a.dt:hover b{color:#ff8d00}
.site-nav a.nav-index{background-position:0 -520px}
.site-nav a.nav-equip{background-position:0 -560px}
.site-nav a.nav-pack{background-position:0 -600px}
.site-nav a.nav-app{background-position:0 -640px}

.nav-subbox { width: 417px; padding: 10px; background: #FFF; position: absolute; left: 0; top: 44px; z-index: 6; display: none; }
.nav-subbox .ico { width: 106px; height: 36px; display: block; position: absolute; top: -20px; left: 0; }
.nav-subbox dl { clear: both; height: 30px; }
.nav-subbox dl dt,
.nav-subbox dl dd { float: left; margin-right: 15px; line-height: 30px; }
.nav-subbox dl dt { font: bold 14px "宋体"; color: #666666; line-height: 30px; }
.nav-subbox a { height: auto; color: #666666; background: none; text-indent: 0; display: inline; }
.nav-subbox a:hover { height: auto; color: #f39801; background: none; text-indent: 0; display: inline; }
/*模块间隔*/
.box-space { margin-bottom: 20px!important; }

/*按钮*/
.btn { text-align: center; border-radius: 3px; display: block; cursor: pointer; }
.btn-valid { background: #f39801; color: #FFF; border: none; }
.btn-valid:hover { background: #f36632; color: #fff; text-decoration: none; }
.btn-invalid { background: #e6e6e6; color: #CCC; border: 1px solid #CCC; }
.btn-panic{ background:#3ec1ef; color:#FFF; border:none;}
.btn-panic:hover{ background:#50ccf8; border:none;}
/*我的抢购*/
.btn-panicbuy { width: 153px; height: 40px; line-height: 40px; margin-bottom: 5px; font-size: 14px; }
/*paging*/
.paging-box { margin: 10px 0; clear: both; }
.paging-box li { margin-left: 8px; float: left; }
.paging-box a { padding: 0 10px; line-height: 24px; border: 1px solid #dcdcdc; color: #f39801; cursor: pointer; display: block; }
.paging-box .curr a,
.paging-box a:hover { background: #f39801; padding: 0 11px; line-height: 26px; border: none; color: #FFF; text-decoration: none; }
.paging-box li.paging-disabled a { color: #999; }
.paging-box li.paging-disabled a:hover { color: #999; background: #FFF; padding: 0 10px; line-height: 24px; border: 1px solid #dcdcdc; }
.paging-box .elli { line-height: 24px; }
/*客服*/
.m-contact { background: #FFF; }
.m-olcustomer { width: 296px; height: 78px; font-size: 18px; line-height: 78px; background: #dd511c; border: 1px solid #c43400; color: #f1eff4; display: block; }
.m-olcustomer:hover { color: #FFF; text-decoration: none; }
.m-olcustomer .ico { width: 36px; height: 36px; display: block; float: left; background: url(../img/index-ico.png) no-repeat -128px -230px; margin: 25px 15px 0 85px; _margin-left: 40px; }
.m-contact p { width: 275px; height: 40px; line-height: 40px; padding-left: 21px; border: 1px solid #dddddd; border-top: none; }
/*helper box*/
.helper-box { background: #FFF; padding: 0 20px; clear: both; }
.help-subbox { width: 310px; padding-bottom: 10px; }
.help-tit { padding-left: 50px; font-weight: bold; color: #333333; line-height: 32px; border-bottom: 1px dotted #e7e7e7; }
.help-link { padding-left: 50px; height: 96px; }
.help-link li { line-height: 24px; height: 24px; overflow: hidden; }
.help-link li a { color: #666666; }
.help-link li a:hover { color: #F00; text-decoration: underline; }
.help-Dcode { width: 221px; height: 58px; padding: 11px; margin-left: 50px; float: left; _margin-left: 25px; }
.help-Dcode p { line-height: 19px; }
.dcode-img { margin-right: 10px; float: left; }
.dcode-tit { font-weight: bold; color: #333333; }
.dcode-way a { float: left; margin-right: 5px; }
.dcode-way .last { margin: 0; }
/*当前位置*/
.user-location { margin-bottom: 10px; margin-top: 10px; }
.user-location a { color: #666666; }
.user-location .curr { font-weight: bold; }
/*footer*/
.footer { text-align: center; color: #666; line-height: 24px; }
.footer a { color: #666; }
/* step-ul 步骤 */
.step-ul { margin-top: 32px; }
.step-ul li { width: 160px; height: 47px; line-height: 24px; text-align: center; font-size: 12px; float: left; }
.step-ul li.cur { color: #7abd54; }
.step-ul li.used { color: #bce8a3; }
.step-ul i { display: block; width: 160px; height: 23px; background: url(../img/machine-ico.png) no-repeat left top; }
.step-ul i.step-1 { background-position: -74px 0px; }
.step-ul i.step-1-1 { width: 160px; height: 22px; background-position: -74px -67px; _margin-top: 1px; }
.step-ul i.step-2 { background-position: -74px -23px; _margin-top: 1px; }
.step-ul i.step-2-1 { background-position: -74px -90px; }
.step-ul i.step-2-2 { background-position: -74px -114px; }
.step-ul i.step-3 { background-position: -74px -46px; }
.step-ul i.step-3-1 { background-position: -74px -137px; }
/*重写jquery ui tab卡样式*/
.ui-tabs-hide { display: none!important; }
/*==================================提示图标==================================*/
.a-icon { background: url(../img/machine-ico.png) no-repeat left top; }
.l-label { width: 423px; overflow: hidden; margin-top: 3px; font: normal 12px "宋体"; color: #666; float: left; }
.l-label i,
.r-label i,.l-label2 i{ margin-right: 5px; }
.l-label2{ overflow: hidden; margin-top: 3px; font: normal 12px "宋体"; color: #666; float: left; }
i.l-tips { display: block; width: 11px; height: 15px; background-position: -48px -127px; float: left; }
i.l-tips-false { display: block; width: 15px; height: 15px; background-position: 0 -127px; float: left; }
i.l-tips-tips { display: block; width: 15px; height: 15px; background-position: -16px -127px; float: left; }
i.l-tips-true { display: block; width: 15px; height: 15px; background-position: -32px -127px; float: left; }
/*温馨提示*/
.payment-tips { background: #FFF; padding: 22px 38px; }
.payment-tips dl { line-height: 24px; }
.payment-tips dt { width: 10px; height: 10px; background: url(../img/index-ico.png) no-repeat -191px -182px; float: left; margin: 8px 19px 0 4px; _margin-left: 2px; }
.payment-tiptit { margin-bottom: 5px; }
.payment-tiptit dt { width: 17px; height: 17px; margin: 0 15px 0 0; float: left; background-position: -169px -182px; }
.payment-tiptit dd { font: bold 14px "宋体"; color: #333333; }
/*成功*/
.commmsg-box { width: 520px; background: #fff; border: 1px #f39801 solid; padding-bottom:20px; position: relative; z-index: 2; }
.commmsg-box .close { display: block; position: absolute; z-index: 2; top: 0; right: 0; width: 13px; height: 13px; background: url(../img/close.gif) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.commsg-tit{font: bold 16px "微软雅黑";  background:#CCC; color:#FFF; height:40px; line-height:40px; padding-left:20px;}
.common-success { padding-left: 30px; font: normal 26px "微软雅黑"; line-height: 123px; margin:30px 0 40px; }
.common-success .ico { width:70px; height:70px; display: block; background: url(../img/comm-success.png) no-repeat; margin: 30px; }
/*失败*/
.common-fail { padding-left: 30px; font: normal 26px "微软雅黑"; line-height: 123px; margin:30px 0 40px; }
.common-fail .ico { width: 70px; height: 70px; display: block; background: url(../img/comm-fail.png) no-repeat; margin: 30px; }