/* ================================ */

/* 初始化HTML标签及常用类型				*/

/* Author:			hanbing		*/

/* Copyright:		www.shopwwi.com	*/

/* Create Date:		Mar-10-2015		*/

/* Retrofit Date:	May-28-2015		*/

/* ================================ */





/* ===============

 * 重新定义Html元素

 * =============== */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}

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;}

strong { font-weight: bold;}

ul, ol { list-style: none outside none;}

fieldset, img { border: medium none; vertical-align: middle;}

caption, th {  text-align: left;}

table { border-collapse: collapse; border-spacing: 0;}

body { font: 12px/20px "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; color: #666; background: #FFF none repeat scroll 0 0; min-width: 1200px;}

input, select, textarea { font: 12px/20px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

i, cite, em { font-style: normal;}

input,button,select,textarea{ outline:none}

html {min-height:101%; }



/* 链接 */

a { color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}

a:link, a:visited, a:active { text-decoration: none;}

a:hover { color: #D93600; text-decoration: underline;}



/* ==========================

 * 为旧版本浏览器格式化Html5元素

 * ========================== */

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }



/*文字排版

******************************/

.f12 { font-size:12px;}

.f13 { font-size:13px;}

.f14 { font-size:14px;}

.f16 { font-size:16px;}

.f20 { font-size:20px;}

.fb { font-weight:bold;}

.fn { font-weight:normal;}

.unl { text-decoration:underline;}

.no_unl { text-decoration:none;}

.noborder { border-style:none; border-width: 0;}



/*定位

******************************/

.tl { text-align:left !important;}

.tc { text-align:center !important; }

.tr { text-align:right !important;}

.bc { margin-right:auto ;margin-left:auto;}

.fl { float:left; display:inline;}

.fr { float:right !important; display:inline;}

.cb { clear:both;}

.cl { clear:left;}

.cr { clear:right;}

.vm { vertical-align: middle;}

.vt { vertical-align: top;}

.pr { position:relative;}

.pa { position:absolute;}

.zoom { zoom:1}

.none { display:none;}

.clear { clear: both; height: 0; font-size: 0; line-height:0; }



/*长度高度

******************************/

.w { width:100%;}

.w10 { width:10px;}

.w20 { width:20px;}

.w30 { width:30px;}

.w40 { width:40px;}

.w50 { width:50px;}

.w60 { width:60px;}

.w70 { width:70px;}

.w80 { width:80px;}

.w90 { width:90px;}

.w100 { width:100px;}

.w110 { width:110px;}

.w120 { width:120px;}

.w130 { width:130px;}

.w150 { width:150px;}

.w160 { width:160px;}

.w180 { width:180px;}

.w200 { width:200px;}

.w210 { width:210px;}

.w230 { width:230px;}

.w240 { width:240px;}

.w250 { width:250px;}

.w300 { width:300px;}

.w350 { width:350px;}

.w400 { width:400px;}

.w450 { width:450px;}

.w500 { width:500px;}

.w600 { width:600px;}



/*边距

******************************/

.m0 { margin: 0; }

.m10 { margin:10px;}

.m15 { margin:15px;}

.m30 { margin:30px;}

.mt5 { margin-top:5px;}

.mt10 { margin-top:10px;}

.mt15 { margin-top:15px;}

.mt20 { margin-top:20px;}

.mt30 { margin-top:30px;}

.mt50 { margin-top:50px;}

.mt100 { margin-top:100px;}

.mb5 { margin-bottom:5px;}

.mb10 { margin-bottom:10px;}

.mb15 { margin-bottom:15px;}

.mb20 { margin-bottom:20px;}

.mb30 { margin-bottom:30px;}

.mb50 { margin-bottom:50px;}

.mb100 { margin-bottom:100px;}

.ml5 { margin-left:5px;}

.ml10 { margin-left:10px;}

.ml15 { margin-left:15px;}

.ml20 { margin-left:20px;}

.ml30 { margin-left:30px;}

.ml50 { margin-left:50px;}

.ml100 { margin-left:100px;}

.ml200 { margin-left:200px;}

.mr5 { margin-right:5px;}

.mr10 { margin-right:10px;}

.mr15 { margin-right:15px;}

.mr20 { margin-right:20px;}

.mr30 { margin-right:30px;}

.mr50 { margin-right:50px;}

.mr100 { margin-right:100px;}



/*边距

******************************/

.p10 { padding:10px;}

.p15 { padding:15px;}

.p30 { padding:30px;}

.pt5 { padding-top:5px;}

.pt10 { padding-top:10px;}

.pt15 { padding-top:15px;}

.pt20 { padding-top:20px;}

.pt30 { padding-top:30px;}

.pt50 { padding-top:50px;}

.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}

.pb10 { padding-bottom:10px;}

.pb15 { padding-bottom:15px;}

.pb20 { padding-bottom:20px;}

.pb30 { padding-bottom:30px;}

.pb50 { padding-bottom:50px;}

.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}

.pl10 { padding-left:10px;}

.pl15 { padding-left:15px;}

.pl20 { padding-left:20px;}

.pl30 { padding-left:30px;}

.pl50 { padding-left:50px;}

.pl100 { padding-left:100px;}

.pr5 { padding-right:5px;}

.pr10 { padding-right:10px;}

.pr15 { padding-right:15px;}

.pr20 { padding-right:20px;}

.pr30 { padding-right:30px;}

.pr50 { padding-right:50px;}

.pr100 { padding-right:100px;}



#footer { font-size: 12px; text-align: center;  margin: 0 auto; padding-bottom: 10px; overflow: hidden;}

#footer p { color: #666; word-spacing: 5px; padding: 10px 0; }

#footer a { color: #666; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer .vol { font-family: Verdana, Geneva, sans-serif; font-weight: 600; font-style: oblique; font-size: 12px;}

#footer .vol .b { color: #00F;}

#footer .vol .o { color: #F60;}

#footer .vol em { font-family: Georgia, Arial;  font-weight: 600; font-style: italic; color: #000; margin-left: 2px;}





/* 调试模式 */

.trace { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #000; line-height: 18px; background:#FFF299; padding:8px; margin:8px; border:1px dashed silver;}

.trace fieldset { margin:8px;}

.trace fieldset legend { font-size: 16px; color: #000; font-weight:bold;}

.trace fieldset div { overflow:auto; max-height: 300px; _height: 300px; text-align:left;}



html, body{ height:100%;}



/* ---------------------------------------- */

/* 常用宽度、高度、边距、边框属性				*/

/* ---------------------------------------- */



.wrapper { width: 1200px; margin: auto;}

.fl { float: left;}

.fr { float: right;}





/* 警示信息文字 */

.warning-option { font-size: 0; line-height: 32px; color: #27A9E3; *word-spacing:-1px/*IE6、7*/; text-align: center; margin: 100px auto;}

.warning-option i { font-size: 24px; line-height: 32px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; margin-right: 8px;}

.warning-option span { font: 14px/32px "microsoft yahei"; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block;}

.warning-option i, .warning-option span { *display: inline/*IE6,7*/;}

.alert { color: #C09853; background-color: #FCF8E3; padding: 8px 35px 8px 14px; margin: 10px auto; border: 1px solid #FBEED5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}

.alert a { color: #927036; text-decoration: underline;}

.alert h4 { font-size: 16px; font-weight: bold; line-height: 1.5em; margin-bottom: 2px;}

.alert-success { color: #468847; background-color: #DFF0D8; border-color: #D6E9C6;}

.alert-info { color: #3A87AD; background-color: #D9EDF7; border-color: #BCE8F1;}

.alert-error { color: #B94A48; background-color: #F2DEDE; border-color: #EED3D7;}

.alert-block { padding-top: 14px; padding-bottom: 14px;}

.alert ul { margin-bottom: 10px}

.alert li { margin: 4px 0;}

.alert i { font-size: 14px; margin-right: 4px; vertical-align: middle;}



/* 翻页样式 */

.pagination { text-align: center; display: block; margin: 0 auto; padding: 15px 0;}

.pagination ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;}

.pagination ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 0 0 -1px;}

.pagination ul li { *display: inline/*IE6、7*/; *zoom:1;}

.pagination li span { font: 600 12px/20px Verdana, Tahoma, Arial; color: #AAA; background-color: #FFF; text-align: center; display: block; min-width: 20px; padding: 8px; border: 1px solid #E6E6E6; position: relative; z-index: 1;}

.pagination li a span , 

.pagination li a:visited span { color: #555; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;}

.pagination li a:hover span, 

.pagination li a:active span { color: #ED5564; text-decoration: none; border-color: #DB4453; position: relative; z-index: 9; cursor:pointer;}

.pagination li a:hover { text-decoration: none;}

.pagination li span.currentpage { color: #FFF; font-weight: bold; background-color: #ED5564; border-color: #DB4453; position: relative; z-index: 2;}

.pagination li:first-child { margin-right: 8px;}

.pagination li:last-child { margin-left: 8px;}





/* =====================

 * 表单元素格式化及伪类效果

 * ===================== */

input[type="text"], input[type="password"], input.text, input.password { font: 12px/20px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 20px; padding: 4px; border: solid 1px #E6E9EE; outline: 0 none;}

input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #333; border-color: #CCD0D9; outline: 0 none;}

input[type="text"].error, input[type="password"].error, textarea.error { border: dashed 1px #ED5564; outline: 0 none;}

textarea, .textarea { font: 12px/18px Arial; color: #777; background-color: #FFF; vertical-align: top; display: inline-block; height: 54px; padding: 4px; border: solid 1px #CCD0D9; outline: 0 none;}

select, .select { color: #777; background-color: #FFF; height: 30px; vertical-align: middle; *display: inline; padding: 0 4px; border: solid 1px #E6E9EE; *zoom:1;}

select option, .select option { line-height: 20px; display: block; height: 20px; padding: 4px;}

input[type="radio"], .radio { vertical-align: middle; display: inline-block; margin-right: 5px;}

.submit-border { vertical-align: middle; display: inline-block; *display: inline/*IE6,7*/; *zoom: 1;}

input[type="submit"], 

input.submit, 

a.submit { font-size: 12px; line-height: 30px; font-weight: bold; color: #FFF; background-color: #48CFAE; display: block; height: 30px; padding: 0 20px; border-radius: 3px; border: none 0; cursor: pointer; }

input[type="submit"]:hover, 

input.submit:hover, 

a.submit:hover { text-decoration: none; color: #FFF; background-color: #36BC9B;}

input[type="file"] { line-height:20px; background-color:#FBFBFB; height: 20px; border: solid 1px #D8D8D8; cursor: default;}

.add-on { line-height: 28px; background-color: #F6F7Fb; vertical-align: top; display: inline-block; text-align: center; width: 28px; height: 28px; border: solid #E6E9EE; border-width: 1px 1px 1px 0;}

.add-on { *display: inline/*IE6,7*/; zoom:1;}

.add-on i { font-size: 14px; color: #434A54; *margin-top: 8px/*IE7*/; margin-right: 0!important;}

/*表单验证错误提示文字*/

label.error { font-size: 12px; color: #ED5564 !important; margin-left: 8px;}

label.error i { margin-right: 4px;}



/* 通用弹出式窗口样式*/



.eject_con { background-color: #FFF; overflow: hidden;}

.eject_con .error { font-size: 14px; text-align: center; min-height: 80px; padding: 10px;}

.eject_con .bottom { background-color:#F9F9F9; text-align: center; padding: 10px 0 5px 0; border-top: 1px solid #EAEAEA; overflow: hidden; }



.eject_con .content { padding: 10px;}

.chain-goods-id { display: block; padding: 10px 10px 0 10px; overflow: hidden;}

.chain-goods-id .pic-thumb { text-align: center; width: 60px; height: 60px; float: left;}

.chain-goods-id dl { float: left;}

.chain-goods-id dt { font-size: 14px; font-weight: 600; line-height: 18px; color: #333;}

.chain-goods-id dd { line-height: 20px; color: #777;}

.stock-table { display: table; width: 100%;}

.stock-table thead th { line-height: 20px; color: #333; background-color: #F5F5F5; text-align: center; height: 20px; padding: 5px 10px; border: solid #E6E6E6; border-width: 1px 0;}

.stock-table tbody td { color: #999; text-align: center; padding: 5px 10px; border-bottom: solid 1px #E6E6E6;}

.stock-table tbody td.stock { color: #333;}



/* 商家中心登录页面

------------------------------------------- */

.wwisr-login-bg, .wwisr-login-bg p { width: 100%; height: 100%; min-height:100%; padding: 0; margin: 0; border: 0; position: relative; z-index: auto;}

.wwisr-login-bg { display: none; }

#loginBG01 { background: url(../images/login_bg_01.png) no-repeat top center; background-color: #fff; }

#loginBG02 { background: url(../images/login_bg_02.png) no-repeat center center; background-color:  #e1ecf9; }

#loginBG01 p {}

#loginBG02 p { }

.wwisr-login-container { font-family: "microsoft yahei";  width: 320px; height: 340px;     padding: 40px 35px 40px 45px;position: relative; float: right;}

.wwisr-login-title { overflow: hidden; }

.wwisr-login-title h2,

.wwisr-login-title h4 { line-height: 36px; height: 36px; float: left;}

.wwisr-login-title h2 { color: #FFF; font-size: 24px; width: 170px;}

.wwisr-login-title h4 { font-size: 18px; width: 122px; padding-left: 28px;}

.wwisr-login-title h4 a,

.wwisr-login-title h4 a:hover { color: #31ACB6; text-decoration: none;}

.wwisr-login-title span { line-height: 18px; color: #f9c442; display: block; clear: both; padding-top: 15px;}

.wwisr-login-container .input { display: block; width: 320px; height: 72px; clear: both; position: relative; z-index: auto;}

.wwisr-login-container label { font-size: 14px; line-height: 20px; color: #adabab; display: block ; padding: 12px 0 4px 0;}

.wwisr-login-container .repuired { line-height: 18px; position: absolute; z-index: 2; top: 2px; left: 60px;}

.wwisr-login-container input.text { width: 265px; padding: 6px 4px 6px 45px; }

.wwisr-login-container .ico { color: #FFF;background: #aaabab; position: absolute; width: 40px; height: 34px; z-index: 3; left: 0px; bottom: 2px; font-size: 16px; text-align: center; line-height: 34px;}

.wwisr-login-container .login-submit { font: bold 14px/20px "microsoft yahei"; color: #FFF; background-color: #31ACB6; width: 120px; height: 34px; border: 0; position: absolute; z-index: 1; bottom: 2px; right: 0; cursor: pointer;}

.wwisr-login-container .login-submit:hover { background-color: #31ACB6; opacity: .8;}

.wwisr-login-container .code { background-color: #FFFFFF; width: 114px; height: 34px; border: solid 1px #555; position: absolute; z-index: 9; bottom: -38px; left: -3px; display: none; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);}

.wwisr-login-container .code .arrow { background:url(../images/login_code.gif) no-repeat 0 0; display: block; width: 14px; height: 7px; position: absolute; left: 21px; top: -7px;}

.wwisr-login-container .code img { width: 90px; height: 26px; position: absolute; z-index: 1; top: 4px; left: 4px;}

.wwisr-login-container .code .close { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; top: 4px; right: 4px;}

.wwisr-login-container .code .close:hover,

.wwisr-login-container .code .change:hover { background-color: #CCC; border-radius: 5px; -webkit-border-radius: 5px/*webkit*/;}

.wwisr-login-container .code .close i { background: url(../images/login_code.gif) no-repeat 0 -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}

.wwisr-login-container .code .change { display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; bottom: 4px; right: 4px;}

.wwisr-login-container .code .change i { background: url(../images/login_code.gif) no-repeat -10px -7px; display: block; width: 10px; height: 10px; opacity: 0.5;}

.wwisr-login-container .code .close:hover i ,

.wwisr-login-container .code .change:hover i { opacity: 1;}

.wwisr-login-container .copyright { font: 9px/16px Arial; color: #999; text-align: center; margin-top: 25px; -webkit-text-size-adjust:none; }

.wwisr-login-container .copyright a { color: #27A9E3; text-decoration: none;}

.wwisr-login-container .copyright a:hover { color: #E84723; text-decoration: blink;}

.wwisr-login-container .bg { position: absolute;  top: 0; left: 0;  opacity: .8;  filter: alpha(opacity=80); width: 100%; height: 100%; background-color: #141924;}

.wwisr-new-login{margin: 0 auto; width: 1000px; margin: -180px 0 0 -500px;position: absolute; z-index: 9; top: 50%; left: 50%;}

.wwisr-login-container .mn{position: absolute;}

/* 商家中心头部区域

------------------------------------------- */

/* 头部布局 */

.ncsc-head-layout { background-color: #2A929A; width: 100%; height: 72px; zoom: 1;}

.ncsc-head-layout .wrapper { height: 72px;}

/* 头部LOGO、标题 */

.ncsc-head-layout .center-logo { font-size: 0; line-height: 60px; *word-spacing:-1px/*IE6、7*/; display: block; width: 240px; height: 60px; float: left; padding: 6px; _padding: 0 6px/*IE6*/; _margin-top: 12px/*IE6*/; }

.ncsc-head-layout .center-logo img { vertical-align: middle; display: inline-block; *display: inline/*IE6,7*/; max-width: 160px; max-height: 60px;}

.ncsc-head-layout .center-logo h1 { font: 16px/18px "microsoft yahei"; color: #FFF; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE6、7*/; width: 72px; height: 18px; padding-left: 6px; margin-left: 6px; border-left: solid 1px #1C6166;}







/* 头部导航条 */

.ncsc-head-layout .ncsc-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; float: left; height: 40px; margin: 32px 0 0 50px;}

.ncsc-head-layout .ncsc-nav li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;  *display:inline/*IE6、7*/; text-align: center; margin-right: 5px; *zoom: 1;}

.ncsc-head-layout .ncsc-nav li a { font: normal 14px/30px "microsoft yahei"; color:#D4E9EB;  background-color: #278288; display: block; height: 30px; padding: 5px 15px;}

.ncsc-head-layout .ncsc-nav li a:hover { color: #FFF; text-decoration: none; background-color: #1C6166;}

.ncsc-head-layout .ncsc-nav li a.current { font-size: 16px; font-weight: 600; color: #1C6166; background-color: #FFF;}



/* 头部管理员身份 */

.ncsc-head-layout .ncsc-admin { font-size: 0; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline; height: 56px; padding: 8px; float: right; *zoom: 1;}

.ncsc-head-layout .ncsc-admin dl,

.ncsc-head-layout .ncsc-admin .pic { vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; *display:inline/*IE6、7*/; *zoom: 1;}

.ncsc-head-layout .ncsc-admin dl { color: #FFF; padding-right: 16px;}

.ncsc-head-layout .ncsc-admin dl dt { font-size: 16px; font-weight: 600; line-height: 24px; }

.ncsc-head-layout .ncsc-admin dl dd { font-size: 12px; line-height: 16px; }

.ncsc-head-layout .ncsc-admin .pic { background-color: #FFF; width: 56px; height: 56px;}

.ncsc-head-layout .ncsc-admin .pic img { max-width: 56px; height: 56px;}



/* 内容部分通用搜索样式 */

.search-form { color: #999; width: 100%; border-bottom: solid 1px #E6E6E6;}

.search-form th { font-size: 12px; line-height: 22px; text-align: right; width: 50px; padding: 8px 8px 8px 0;}

.search-form td { text-align: left; padding: 8px 0;}

.search-form input.text { vertical-align: middle; width: 148px;}

.search-form .add-on { vertical-align: top;}

.search-form .submit-border { vertical-align: middle; display: inline-block; *display: inline/*IE6,7*/; margin: 0 2px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; zoom:1; }

.search-form .submit-border:hover { border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}

.search-form input[type="submit"],

.search-form input.submit,

.search-form a.submit { font: 12px/28px "microsoft yahei"; color: #333; background-color: #F5F5F5; width: 64px; height: 28px; padding: 0; border: 0; cursor: pointer;}

.search-form input[type="submit"]:hover { background-color: #E6E6E6; color: #333; }





/* 内容部分通用表格样式 */

.ncsc-default-table { line-height:20px; width: 100%; border-top: border-collapse: collapse; clear: both;}

.ncsc-default-table thead th { line-height: 20px; color: #999; background-color: #FFF; text-align:center; height: 20px; padding: 8px 0; border-bottom: solid 1px #DDD; }

.ncsc-default-table thead td,

.ncsc-default-table tfoot th { background-color: #FFF; height: 22px; padding: 5px 0; border-bottom: solid 1px #E6E6E6;}

.ncsc-default-table tfoot th { border-top: solid 1px #E6E6E6;}

.ncsc-default-table thead td label, .ncsc-default-table tfoot th label { color: #555; display: inline; float: left; margin-right: 10px; cursor: pointer; }

.ncsc-default-table tbody th { background-color: #FAFAFA; border: solid #E6E6E6; border-width: 1px; padding: 8px;}

.ncsc-default-table tbody th span { display: inline-block; vertical-align: middle; margin-right: 30px;}

.ncsc-default-table tbody th span.goods-name { text-overflow: ellipsis; white-space: nowrap; width: 240px; height: 20px; overflow: hidden;}

.ncsc-default-table tbody td { color: #777; background-color: #FFF; text-align: center; padding: 10px 0; border-bottom: solid 1px #E6E6E6;}

.ncsc-default-table tbody td strong { color: #666;}

.ncsc-default-table tbody td.bdl { border-left: solid 1px #E6E6E6;}

.ncsc-default-table tbody td.bdr { border-right: solid 1px #E6E6E6;}

.ncsc-default-table tfoot td { background-color: #FFF; text-align: center; padding: 10px 0;}

.ncsc-default-table td .pic-thumb { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 32px; height: 32px; border: solid 1px #F5F5F5; overflow: hidden;}

.ncsc-default-table td .pic-thumb img { max-width: 32px; max-height: 32px; margin-top:expression(32-this.height/2); *margin-top:expression(16-this.height/2)/*IE6,7*/;}

.ncsc-default-table td .goods-name { border: none;}

.ncsc-default-table td .goods-name dt { font-size: 12px; line-height: 16px; color: #333; text-overflow: ellipsis; display: block; text-align: left; white-space: nowrap; max-width: 320px!important; height: 16px; padding-bottom: 4px; overflow: hidden;}

.ncsc-default-table td .goods-name dt span { line-height: 16px; color: #FFF; background-color: #999; display: inline-block; *display: inline/*IE7*/; height: 16px; padding: 1px 4px; margin-right: 2px; *zoom: 1; box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25); cursor: default;}

.ncsc-default-table td .goods-name dt span.type-virtual { background-color: #3598DC;}

.ncsc-default-table td .goods-name dt span.type-fcode { background-color: #9C59B8;}

.ncsc-default-table td .goods-name dt span.type-presell { background-color: #1ABC9D;}

.ncsc-default-table td .goods-name dt span.type-appoint { background-color:;}

.ncsc-default-table td .goods-name dt a { color: #005EA6;}

.ncsc-default-table td .goods-name dt a:hover { color: #DA542E;}

.ncsc-default-table td .goods-name dd { line-height: 16px; display: block; height: 16px;}

.ncsc-default-table td .goods-name .sale-type { background-color: #DA542E; padding: 1px 4px;color:#FFFFFF}

.ncsc-default-table td .goods-name dd.serve { height: 18px; padding-top: 2px;}

.ncsc-default-table td .goods-name dd.serve span { color: #555; vertical-align: middle; display: inline-block; *display: inline/*IE7*/; margin-right: 6px; position: relative; z-index: 1; *zoom: 1; cursor: default;}

.ncsc-default-table td .goods-name dd.serve i { font-size: 18px; line-height: 20px;}

.ncsc-default-table td .goods-name dd.serve i.commend { font-size: 12px; background-color: #CCC; color: #FFF !important; line-height: 16px; text-align: center; display: block; width: 16px; height: 16px; border-radius: 2px; }

.ncsc-default-table td .goods-name dd.serve .open i { color: #3598DC;}

.ncsc-default-table td .goods-name dd.serve .open i.commend { background-color: #E84C3D;}

.ncsc-default-table td .goods-name dd.serve span .QRcode { background: #F5F5F5; display: none; width: 160px; padding: 5px; border: solid 1px #CCC; position: absolute; z-index: 99; top: -90px; right: -170px; box-shadow: 0 0 5px rgba(0,0,0,0.15);}

.ncsc-default-table td .goods-name dd.serve span .QRcode a { line-height: 20px; display: block; text-align: right;}

.ncsc-default-table td .goods-name dd.serve span .QRcode p { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block; width: 160px; height: 160px; overflow: hidden;}

.ncsc-default-table td .goods-name dd.serve span .QRcode img { max-width: 160px; max-height: 160px; margin-top:expression(160-this.height/2);}

.ncsc-default-table td .goods-name dd.serve span:hover .QRcode { display: block;}



.ncsc-default-table .goods-thumb { width: 60px; height: 60px;}

.ncsc-default-table .goods-thumb a { display: block;}

.ncsc-default-table .goods-thumb a img { max-width: 60px; max-height: 60px;}

.ncsc-default-table .goods-info { text-align: left;}

.ncsc-default-table .goods-name { line-height: 16px; min-height: 16px; max-height: 32px; margin-bottom: 5px;}

.ncsc-default-table .goods-price { color: #333; font-weight: 600;}

.ncsc-default-table .goods-spec { color: #999; line-height: 20px;}

.ncsc-default-table .goods-type { background-color: #ff875a; color: #fff; font-weight: 600; line-height: 20px; display: inline-block; padding: 0 6px;}

.ncsc-default-table .order-amount { font: bold 12px/20px Verdana; color: #C00;}



.order-handle { display: block; padding: 10px;}

.order-handle .title { margin-bottom: 5px;}

.order-handle h3 { line-height: 20px; font-size: 16px; height: 28px; color: #000; font-weight: 600; display: inline-block; margin-right: 20px;}

.order-handle .no-pay { color: #FF875A; font-size: 16px; line-height: 28px; background-color: #fcf8e3; display: inline-block;}

.order-handle .no-pay strong { font-weight:600; margin: 0 4px; color: #f32613;}

.order-handle .no-pay i { font-size: 14px; margin: 0 5px;}

.order-handle label {}

.order-handle label .text,

.order-handle label .btn { vertical-align: middle; display: inline-block !important;}

.order-handle p { line-height: 20px; margin-top: 5px; color: $999;}

.order-handle p em { color:#FF875A;}





.order-info { display: block; padding: 10px 0;}

.order-info .tabs-nav {  background-color: #F5F5F5; font-size: 0; *word-spacing:-1px/*IE6、7*/; height: 37px; padding: 5px 0 0 10px;}

.order-info .tabs-nav li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}

.order-info .tabs-nav li a { font-size: 16px; line-height: 20px; font-weight: 600; color: #999; text-align: center; display: block; height: 20px;  padding: 8px 19px; margin: 1px 1px 0 1px;}

.order-info .tabs-nav li.tabs-selected a { background-color: #FFF; color: #000; border: solid #D7D7D7; margin: 0; border-width: 1px 1px 0 1px;}

.order-info .tabs-hide { display: none;}

.order-info dl { line-height: 20px; font-size: 0; *word-spacing:-1px/*IE6、7*/; display: block; margin-top: 10px;}

.order-info dl dt,

.order-info dl dd { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; *zoom: 1;}

.order-info dl dt { width: 14%; text-align: right; padding-right: 1%; color: #999;}

.order-info dl dd { width: 85%; text-align: left; color: #000;}



/* 按钮样式 */

.nscs-table-handle { font-size: 0; *word-spacing:-1px/*IE6、7*/;}

.nscs-table-handle span { vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; padding: 0 4px; border-left: solid 1px #E6E6E6;}

.nscs-table-handle span { *display: inline/*IE6,7*/;}

.nscs-table-handle span:first-child { border-left: none 0;}

.nscs-table-handle span a { color: #777; background-color: #FFF; display: block; padding: 3px 7px; margin: 1px;}

.nscs-table-handle span a i { font-size: 14px; line-height: 16px; height: 16px; display: block; clear: both; margin: 0; padding: 0;}

.nscs-table-handle span a p { font: 12px/16px arial; height: 16px; display: block; clear: both; margin: 0; padding: 0;}

.nscs-table-handle span a:hover { text-decoration: none; color: #FFF; margin: 0; border-style: solid; border-width: 1px;}

a.ncbtn-mini,

a.ncbtn { font: normal 12px/20px "microsoft yahei", arial; color: #FFF; background-color: #CCD0D9; text-align: center; vertical-align: middle; display: inline-block; *display: inline; height: 20px; padding: 5px 10px; border-radius: 3px; cursor: pointer; *zoom: 1;}

a.ncbtn-mini { line-height: 16px; height: 16px; padding: 2px 6px; border-radius: 2px;}

a.ncbtn { height: 20px; padding: 5px 10px; border-radius: 3px; }

a:hover.ncbtn-mini,

a:hover.ncbtn { text-decoration: none; color: #FFF; background-color: #AAB2BD;}

a.ncbtn-mini i, 

a.ncbtn i { font-size: 14px !important; vertical-align: middle; margin: 0 4px 0 0 !important;}

/*葡萄柚红*/

a.ncbtn-grapefruit { background-color: #ED5564;}

a:hover.btn-grapefruit,

a:hover.ncbtn-grapefruit { background-color: #DB4453;}

/*白英橘*/

a.ncbtn-bittersweet { background-color: #FB6E52;}

a:hover.btn-bittersweet,

a:hover.ncbtn-bittersweet { background-color: #E9573E;}

/*向日葵黄*/

a.ncbtn-sunflower { background-color: #FFCE55;}

a:hover.btn-sunflower,

a:hover.ncbtn-sunflower { background-color: #F6BB43;}

/*青草绿*/

a.ncbtn-sunflower { background-color: #A0D468;}

a:hover.btn-sunflower,

a:hover.ncbtn-sunflower { background-color: #8CC051;}

/*薄荷绿*/

a.ncbtn-mint { background-color: #48CFAE;}

a:hover.btn-mint,

a:hover.ncbtn-mint { background-color: #36BC9B;}

/*水绿*/

a.ncbtn-aqua { background-color: #4FC0E8;}

a:hover.btn-aqua,

a:hover.ncbtn-aqua { background-color: #3BAEDA;}

/*牛仔蓝*/

a.ncbtn-bluejeansjeans { background-color: #5D9CEC;}

a:hover.btn-bluejeans,

a:hover.ncbtn-bluejeansjeans { background-color: #4B89DC;}

/*薰衣草紫*/

a.ncbtn-lavander { background-color: #AC92ED;}

a:hover.btn-lavander,

a:hover.ncbtn-lavander { background-color: #967BDC;}

/*玫瑰粉*/

a.ncbtn-lavander { background-color: #EC87BF;}

a:hover.btn-lavander,

a:hover.ncbtn-lavander { background-color: #D870AD;}

/*浅灰色*/

a.ncbtn-lightgray { background-color: #F6F7FB;}

a:hover.btn-lightgray,

a:hover.ncbtn-lightgray { background-color: #E6E9EE;}

/*中灰色*/

a.ncbtn-mediumgray { background-color: #CCD0D9;}

a:hover.btn-mediumgray,

a:hover.ncbtn-mediumgray { background-color: #AAB2BD;}

/*灰黑*/

a.ncbtn-darkgray { background-color: #656D78;}

a:hover.btn-darkgray,

a:hover.ncbtn-darkgray { background-color: #434A54;}



.submit-border { display: inline-block; *display: inline/*IE6,7*/; border: solid 1px; border-color: #52A452 #52A452 #448944 #52A452; zoom:1;}

input[type="submit"], input.submit, a.submit { font-size: 12px; font-weight: bold; color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); background-color: #5BB75B; display: block; height: 30px; padding: 0 20px 2px 20px; border: 0; cursor: pointer; }

.submit-border:hover { borderd-color: #499249 #499249 #3D7A3D #499249;}

input[type="submit"]:hover, input.submit:hover, a.submit:hover { text-decoration: none; color: #FFF; background-color: #51A351;}



#footer { font-size: 12px!important; line-height: 20px; color: #999; background: #E6E6E6; text-align: center; display: block; width: 100%; clear: both; margin: 0; padding-bottom: 10px; border-top: 1px solid #CCC; overflow: hidden;}

#footer p { color: #666; word-spacing: 5px; padding: 10px 0; }

#footer a { color: #666; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer .vol { font-family: Verdana, Geneva, sans-serif; font-weight: 600; font-style: oblique; font-size: 12px;}

#footer .vol .b { color: #00F;}

#footer .vol .o { color: #F60;}

#footer .vol em { font-family: Georgia, Arial;  font-weight: 600; font-style: italic; color: #000; margin-left: 2px;}





.nc-store-sales { font-size: 0; *word-spacing:-1px/*IE6、7*/; display: block; clear: both; width: 360px; height: 24px; margin: 4px; }

.nc-store-sales dt,

.nc-store-sales dd { font-size: 12px; line-height: 20px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1/*IE7*/;}

.nc-store-sales dt { line-height: 20px; font-weight: 600; color: #FFF !important; background-color: #FF875A; text-align: right; width: 60px!important; padding: 2px 6px; }

.nc-store-sales dd { line-height: 20px;  background-color: #FFF; width: 274px !important; height: 20px; padding: 1px 5px; border: dotted #FF875A; border-width: 1px 1px 1px 0; }

.nc-store-sales dd img { width: 20px; height: 20px; display: inline-block; vertical-align: top;}