/*
Theme Name: 蓝色商务公司模板
Theme URI: http://demo.douco.com/
Description: 蓝色商务公司模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.douco.com/
*/

/* 全局通用
----------------------------------------------- */
#body { font-family: '方正黑体', \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif; color: #555; background-color: #FFFFFF; }
body { font-family: '方正黑体',  Arial, Lucida, Verdana, Helvetica, sans-serif; color: #555; background-color: #FFFFFF; }
body, button, input, textarea { font-size: 16px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0; }
p, ul, ol, dl, dt, dd, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 16px; margin: 0; padding: 0; }
em, b, i { font-style: normal; font-weight: normal; }
img { border: 0; }
a { text-decoration: none; color: #555; }
a:hover { color: #CC0000; }
img { vertical-align: middle; }
input, select { font-family: '方正黑体'; vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix { overflow: hidden; zoom: 1; }
.none { display: none; }
#vcode { cursor: pointer; }
.captcha { text-transform: uppercase; }
.cue { color: red; font-size: 12px; }
label { cursor: pointer; }
/* 主体框架
----------------------------------------------- */



/* 首页样式
----------------------------------------------- */

#bodypages { min-width: 1200px; }
#bodypages .wrap { }
#wrapper { min-width: 1200px; }
#wrapper .wrap { width: 1200px; margin: 0 auto; }
/* -- indexBox -- */
#wrapper .indexBox { padding: 15px 0; zoom: 1; overflow: hidden; }
#wrapper .indexBox.bg { background-color: #F5F5F5; padding: 25px 0 35px 0; }
#wrapper .indexBox h3 { color: #333; position: relative; height: 30px; }
#wrapper .indexBox h3 em { font-size: 20px; font-weight: bold; }
#wrapper .indexBox h3 .more { display: block; position: absolute; right: 0; bottom: 3px; width: 90px; text-align: center; line-height: 21px; background-color: #CC0000; color: #FFF; font-weight: normal; }
#wrapper .indexBox h3 .more:hover { background-color: #CC0000; text-decoration: none; color: #FFF; }
#wrapper .mb { margin: 20px auto 50px auto; }
/* -- page -- */
#pageLeft { float: left; width: 200px; position: relative; z-index: 10; }
#pageIn { border-left: 2px solid #ECECEC; float: left; width: 843px; padding: 0 0 50px 50px; overflow: hidden; position: relative; z-index: 1; }
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top { height: 55px; }
/* topNav */
#top .topNav { float: right; margin-top: 5px; }
#top .topNav li { float: left; }
#top .topNav li a { line-height: 20px; padding: 0 12px; }
#top .topNav s { top: 9px; left: 0; width: 0; height: 12px; border-left: 1px solid #DDD; overflow: hidden; }
/* searchBox */
#top .searchBox { float: right; border: 1px solid #A8A8A8; background-color: #FFF; height: 30px; padding-left: 5px; position: relative; white-space: normal; margin: 8px 0px 0px 10px; }
#top .searchBox .keyword { width: 400px; color: #474747; margin-top: 2px; font-size: 16px; }
#top .searchBox .btnSearch { background: #E0E0E0 url(images/btn_search.png) no-repeat; width: 28px; height: 28px; margin-top: 1px; text-indent: -999px; overflow: hidden; cursor: pointer; }
/* userTop */
#top .userTop { float: right; margin-top: 4px; }
#top .userTop a { display: inline-block;  *display:inline;
 *zoom:1;
padding: 2px 10px; }
#top .userTop a.blue { background-color: #CC0000; color: #FFF; }
#top .userTop a.gray { background-color: #EEE; }
#top .logo { float: left; margin-top: -12px; margin-left: 40px; height: 60px; overflow: hidden; }
/* -- header -- */
#header { background-color: #cc0000; position: relative; z-index: 1000; height: 45px; 　　　　　　　　　　　　　
}
/* -- mainNav -- */
#header .mainNav { float: left; font-size: 15px; margin-top: -2px; margin-left: 20px; }
#header .mainNav li { float: left; margin: 0 15px; _width: 60px; }
#header .mainNav li a { display: block; color: #FFFFFF; line-height: 50px; }
#header .mainNav li.hover a, #header .mainNav li.cur a { color: #FFFFFF; text-decoration: none; }
/* LEVEL TWO */
#header .mainNav .allSort { display: none; width: 100%; margin: 0 auto; position: absolute; top: 100%; left: 0; background: #F5F5F5; border-bottom: 2px solid #ECECEC; padding: 8px 0; }
#header .mainNav li .allSort a { display: inline-block;  *display:inline;
 *zoom:1;
font-size: 13px; color: #333; line-height: 20px; margin: 0 25px; }
#header .mainNav li .allSort s { display: inline-block;  *display:inline;
 *zoom:1;
width: 2px; height: 7px; background-color: #CCC; }
#header .mainNav li .allSort a:hover { color: #CC0000; }
#header .mainNav .allSort ul { padding-left: 40px; }
#header .mainNav .allSort .sort2 { padding-left: 100px; }
#header .mainNav .allSort .sort3 { padding-left: 180px; }
#header .mainNav .allSort .sort4 { text-align: right; }
#header .mainNav .allSort .sort5 { text-align: right; }
#header .mainNav .allSort .sort6 { text-align: right; }
/* -- mark -- */
.mark { background-color: #EEEEEE; border-bottom: 1px solid #ECECEC; text-align: center; padding: 28px 0; font-size: 20px; color: #888; }
/* 首页样式
----------------------------------------------- */
/* -- 幻灯 -- */
.slideShow { position: relative; margin: auto; padding: 0;  *zoom: 0;
}
.slideShow .slides a { display: block; height: 450px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.slideShow .slideBox { background: #fff; /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
/* -- slideLoading -- */
.slideShow .slideLoading { min-height: 50px; background: url(images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* -- controlBox -- */
.slideShow .controlBox { z-index: 30; position: absolute; width:100%; bottom: 10px; font-size: .85em; font-family: '方正黑体'; font-weight: bold; color: #666; text-align:center; }
.slideShow .controlBox .control { display: inline-block;  *zoom: 1; *display: inline; }
.slideShow .controlBox.controlDefault a { background: url(images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; width: 20px; height: 30px; clear: none; display: block; }
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active { background: url(images/active.png) no-repeat 50% 50%; }
/* -- recProduct -- */
.recProductScroll { float: left; width: 570px; padding-right: 30px; border-right: 1px solid #EEEEEE; }
.recProductScroll .list { padding-top: 20px; zoom: 1; overflow: hidden; }
.iscroll-top{ width:570px;  overflow:hidden; position:relative; }
.iscroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; display:none; }
.iscroll-top .hd .prev,.iscroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
.iscroll-top .hd .next{ background-position:0 -140px;  }
.iscroll-top .hd .prevStop{ background-position:-60px -100px;  }
.iscroll-top .hd .nextStop{ background-position:-60px -140px;  }
.iscroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.iscroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.iscroll-top .hd ul li.on{ background-position:0 0; }
.iscroll-top .bd{ padding:10px;   }
.iscroll-top .bd ul{ overflow:hidden; zoom:1; }
.iscroll-top .bd ul li{ zoom:1; height:96px; margin-bottom:10px; clear:both; }
.iscroll-top .bd ul li .pic{ text-align:center; float:left; padding-right:20px;  }
.iscroll-top .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.iscroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.iscroll-top .bd ul li .title , .iscroll-top .bd ul li .desc { text-indent:0em; }
.iscroll-top .bd ul li .title{ line-height:24px; font-size:16px; font-weight:bold; }
.iscroll-top .bd ul li .desc { font-weight:100; }
/* -- recProduct -- */
.recProduct { float: left; width: 570px; padding-right: 30px; border-right: 1px solid #EEEEEE; }
.recProduct .list { padding-top: 20px; zoom: 1; overflow: hidden; }
.recProduct .list dl { float: left; width: 130px; height: 200px; margin-right: 16px; }
.recProduct .list dl.noMargin { margin-right: 0; }
.recProduct .list dl dd.img { border: 1px solid #E4E4E4; margin-bottom: 8px; _padding-bottom: 1px; }
.recProduct .list dl dd.img img { width: 128px; height: 127px; }
/* -- recArticle -- */
.recArticle { float: right; width: 560px; text-align: left; }
.recArticle .list { padding-top: 15px; }
.recArticle .list li { border-bottom: 1px dotted #D1D1D1; padding: 0 2px 13px 2px; margin-bottom: 13px; }
.recArticle .list li b { float: right; color: #999999; }
.recArticle .list li.last { border-bottom: 0; }
/* -- service -- */
.service { zoom: 1; overflow: hidden; margin: -200px 0 20px 0; }
.service li { float: left; width: 358px; height: 165px; position: relative; margin-right: 10px; overflow: hidden; }
.service li.last { margin-right: 0; }
.service li img { position: absolute; left: 0; top: 0; width: 100%; }
.service li a { display: block; background: url(images/icon_service.png) no-repeat left top; position: absolute; width: 358px; height: 165px; left: 0; top: 0; }
.service li a em { background-color: #333; background-color: rgba(50,50,50,.6); display: block; margin-top: 138px; line-height: 30px; height: 30px; padding-left: 10px; color: #EEE; font-size: 14px; font-weight: bold; }
/* 通用结构 
----------------------------------------------- */
/* -- form -- */
.redbtn { padding:6px 25px; background:#CB0300; color:#fff; border-radius:3px; cursor: pointer;text-align: center;}
.redbtn:hover {background:#ED0300; color:#fff;}
.btn { display: inline-block; background-color: #CC0000; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none; }
.btn:hover { text-decoration: none; color: #FFFFFF; background-color: #19B4EA; }
.btnGray { display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; -webkit-appearance: none; }
.btnPayment { display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size: 14px; text-align: center; -webkit-appearance: none; }
/* -- input -- */
.textInput { height: 20px; padding: 6px; font-size: 14px; border: 1px solid #DDD; background-color: #F4F4F4; color: #666; -webkit-appearance: none; }
.textArea { padding: 4px; border: 1px solid #DDDDDD; background-color: #F4F4F4; line-height: 20px; -webkit-appearance: none; }
.textAreaAuto { border: 1px solid #DBDBDB; background-color: #F4F4F4; padding: 0; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none; }
/* -- style -- */
.price { color: #CC0000; }
/* -- tree -- */
.treeBox { margin-bottom: 15px; width: 220px; _position: absolute; }
.treeBox h3 { color: #c00; font-weight: bold; font-size: 16px; padding: 13px 20px; }
.treeBox li { line-height: 34px; height: 34px; padding-left: 5px; }
.treeBox li a { color: #7A7F81; font-size: 14px; }
.treeBox li.mcat { background: url(images/icon_tree2.png) no-repeat;}
.treeBox li:hover,.treeBox li.cur { background: url(images/icon_tree.png) no-repeat; color: #fff; }
.treeBox li:hover a,.treeBox li.cur a { color: #fff; }

/**//* -- treeapp -- */
.treeBoxapp { margin-bottom: 15px; width: 220px; _position: absolute; }
.treeBoxapp h3 { color: #c00; font-weight: bold; font-size: 16px; padding: 13px 20px; }
.treeBoxapp li { line-height: 34px; height: 34px; padding-left: 20px; font-size: 14px; }
.treeBoxapp li a { color: #000; font-size: 16px; }
.treeBoxapp li.mcat { background: url(images/icon_tree2.png) no-repeat; }
.treeBoxapp li:hover { color: #000; }
.treeBoxapp li:hover a,.treeBoxapp li.cur a {color: #fff;}
.treeBoxapp li.mcat:hover ,.treeBoxapp li.cur { background: url(images/icon_tree.png) no-repeat; color: #fff; }
.treeBoxapp li.mcat:hover a {color: #fff;}
.treeBoxapp .scat li {line-height: 28px; height: 28px;}
/* -- 上一页下一页 -- */
.lift { margin-top: 60px; color: #999; }
.lift a { color: #999; }
.lift span { margin-right: 15px; }
/*- tableBasic -*/
.tableBasic { color: #666666; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-collapse: collapse; }
.tableBasic select { color: #8F8F8F; }
.tableBasic th { border-right: 1px solid #c00; border-bottom: 1px solid #cc00; padding:5px; }
.tableBasic td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding:5px; }
.tableBasic tr:nth-child(odd) { background-color: #F3F4F9; }
.tableBasic th { background-color: #cc0000; color:#fff; font-size:13px; word-break: keep-all; }
.tableBasic th:hover { color:#DDDDDD;  cursor:pointer;}
.tableBasic td {  text-align:center; font-size:12px; word-break: keep-all; }
.tableBasic .child { background-color: #FFFFFF; }
.tableBasic td label { margin-right: 15px; }
.tableBasic td i { color: #F00; margin-left: 5px; font-weight: bold; }
.tableBasic tbody tr:hover { color: #cc0000; cursor:pointer;font-weight:600}
/*- tableDiv -*/
.tableDiv dl { zoom: 1; overflow: hidden; margin-bottom: 15px; }
.tableDiv dl dt { float: left; width: 160px; text-align: right; line-height: 34px; font-size: 13px; }
.tableDiv dl dd { float: left; width: 640px; padding-left: 10px; }
.tableDiv dl dd i { color: #F00; margin-left: 5px; font-weight: bold; }
.tableDiv dl dd label { margin-right: 15px; line-height: 34px; }
/* -- douBox -- */
#douBox .boxBg { position: fixed; top: 0; left: 0; z-index: 10000001; width: 100%; height: 100%; background: #000; filter: alpha(opacity=15); opacity: 0.15 }
#douBox .boxFrame { position: absolute; z-index: 10000002; overflow: hidden; padding: 0; border: 2px solid #C4C4C4; background-color: #FFF; width: 360px; left: 50%; top: 300px; margin-left: -180px; }
#douBox .boxFrame h2 { height: 28px; padding: 0 10px; background: #f5f5f5; line-height: 28px; color: #666; font-size: 14px; font-weight: normal; }
#douBox .boxFrame h2 .close { background: url(images/icon_fork.png) no-repeat; width: 12px; height: 12px; display: block; float: right; text-indent: -9999px; margin-top: 8px; }
#douBox .boxFrame .boxCon { background: url(images/icon_exclamation.png) no-repeat 15px 15px; padding: 13px 10px 15px 70px; height: 100px; }
#douBox .boxFrame .boxCon dt { font-family: '方正黑体'; font-size: 16px; color: #19B4EA; font-weight: bold; }
#douBox .boxFrame .boxCon dd { color: #999; zoom: 1; overflow: hidden; }
#douBox .boxFrame .boxCon dd a { background-color: #F5F5F5; border: 1px solid #CBD1D3; display: block; float: left; width: 70px; line-height: 26px; text-align: center; margin: 10px 12px 0 0; text-decoration: none; }
/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere { height: 35px; line-height: 35px; color: #999999; border-bottom: 2px solid #ECECEC; }
.urHere .wrap { background: url(images/icon_urhere.png) no-repeat left 50%; }
.urHere span { margin-left: 15px; }
.urHere a { color: #999999; }
.urHere b { margin: 0 8px; }
/* page
----------------------------------------------- */
#page { padding: 20px 0; }
#page h1 { border-bottom: 2px solid #ECECEC; padding-bottom: 13px; margin-bottom: 10px; color: #555; font-size: 18px; font-weight: bold; }
#page .content { color: #666666; line-height: 200%; padding-top: 10px; }
/* product_category
----------------------------------------------- */
.productList { padding-top: 20px; color: #999999; }
.productList dl { float: left; width: 420px; height: 160px; margin: 0 20px 30px 0; }
.productList dl.last { margin-right: 0; }
.productList dt { float: left; width: 160px; }
.productList dd { float: left; width: 225px; padding: 15px 0 0 15px; }
.productList dt img { border: 1px solid #EEEEEE; }
.productList .name { height: 18px; overflow: hidden; }
.productList .name a { color: #333333; font-weight: bold; }
.productList .brief { color: #999999; padding-top: 8px; height: 60px; }
.productList .price { padding-bottom: 10px; }
/* product
----------------------------------------------- */
#product { padding: 15px 0; }
#product .productImg { float: left; width: 300px; }
#product .productInfo { float: left; width: 465px; padding: 10px 0 0 15px; line-height: 200%; }
#product .productInfo h1 { font-size: 18px; }
#product .productInfo ul { padding-top: 10px; margin-bottom: 50px; }
#product .productInfo .productPrice { margin-bottom: 5px; }
#product .productInfo .productPrice .price { font-family: '方正黑体'; font-size: 20px; font-weight: bold; }
#product .productInfo .btnAsk { zoom: 1; overflow: hidden; }
#product .productInfo .btnAsk dt { float: left; width: 88px; height: 39px; line-height: 39px; text-align: right; padding-right: 3px; margin-right: 6px; background-color: #E0E0E0; color: #333; font-weight: bold; }
#product .productInfo .btnAsk dd { float: left; width: 300px; }
#product .productInfo .btnBuy { margin-bottom: 40px; }
#product .productInfo .btnBuy .addToCart { background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%; color: #FFFFFF; padding: 8px 25px 8px 50px; text-decoration: none; cursor: pointer; font-size: 16px; }
#product .productInfo .btnBuy .addToCart:hover { background-color: #44C4EE; }
#product .productContent { padding: 15px 0; }
#product .productContent h3 { height: 35px; line-height: 35px; color: #7A7F81; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CBD1D3; }
#product .productContent ul { padding: 15px 0; color: #666; line-height: 200%; }
/* article_category
----------------------------------------------- */
#articleList dl { border-bottom: 1px dotted #D1D1D1; padding: 20px 0; }
#articleList dl.last { border-bottom: 0; }
#articleList dt { width: 620px; background: url(images/icon_blue.gif) no-repeat left 50%; padding-left: 15px; margin-bottom: 10px; }
#articleList dd { color: #999999; padding-left: 2px; line-height: 180%; zoom: 1; overflow: hidden; }
#articleList dd p { float: left; }
#articleList dd p.img { margin-right: 10px; }
#articleList dd p.desc { width: 740px; }
#articleList .numDate { float: right; text-align: right; padding-top: 12px; }
#articleList .numDate em { background-color: #CC0000; color: #EEE; padding: 3px 4px; font-size: 14px; font-weight: bold; }
#articleList .numDate p { font-size: 16px; color: #999999; margin-top: 5px; }
/* article
----------------------------------------------- */
#article { padding: 20px 0; }
#article h1 { color: #333333; font-size: 18px; font-weight: bold; }
#article .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; }
#article .content { color: #666666; line-height: 180%; }
/* 会员中心
----------------------------------------------- */
#user { zoom: 1; overflow: hidden; }
#user .userLeft { float: left; width: 160px; margin-right: 20px; }
#user .userIn { float: left; width: 800px; overflow: hidden; }
#user .userIn .main { padding-top: 15px; }
#user .userIn .main h3 { color: #19B4EA; font-size: 16px; margin-bottom: 10px; }
#user .userIn .main h3 .more { float: right; color: #888; font-size: 12px; margin-top: 9px; font-weight: normal; }
/* -- passport -- */
#user .passport { border: 1px solid #E4E4E4; padding: 40px 50px 80px 50px; }
#user .passport .register h3 { font-size: 22px; font-weight: bold; color: #19B4EA; border-bottom: 1px dashed #CCCCCC; padding: 0 0 20px 30px; margin-bottom: 40px; }
#user .passport .register h3 em { display: block; color: #999; font-size: 12px; font-weight: normal; }
#user .passport .register h3 a { color: #19B4EA; }
#user .passport .register .btn { width: 200px; }
#user .passport .login { margin: 0 auto; width: 320px; }
#user .passport .login h3 { font-size: 22px; font-weight: bold; margin-bottom: 40px; }
#user .passport .login h3 em { display: block; color: #999; font-size: 12px; font-weight: normal; }
#user .passport .login .textInput { width: 306px; }
#user .passport .login .btn { width: 100%; }
#user .passport .login .btnRegister { display: block; width: 318px; border: 1px solid #CCCCCC; color: #555555; padding: 6px 0; cursor: pointer; font-weight: bold; text-align: center; }
/* -- userTree -- */
#user .userTree { margin-bottom: 15px; }
#user .userTree h3 { height: 35px; line-height: 35px; color: #7A7F81; font-weight: bold; font-size: 14px; border-bottom: 1px solid #CBD1D3; margin-bottom: 5px; }
#user .userTree li a { display: block; padding: 8px 10px; color: #7A7F81; }
#user .userTree li.cur { background-color: #19B4EA; }
#user .userTree li.cur a { color: #FFF; }
/* -- startPage -- */
#user .startPage .welcom { margin-bottom: 15px; }
#user .startPage .welcom dt { font-size: 16px; margin-bottom: 10px; }
#user .startPage .welcom dt b { font-weight: bold; color: #F00; margin-right: 8px; }
#user .startPage .welcom dd { padding-top: 6px; padding-left: 5px; margin-bottom: 6px; color: #888; }
#user .startPage .tableBasic { color: #666666; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-collapse: collapse; }
#user .startPage .tableBasic td { border-right: 0; border-bottom: 1px solid #DDDDDD; }
#user .tableBasic td { background-color: #F2F2F2; }
/* -- orderList -- */
#user .orderList .orderSn { background-color: #EEEEEE; color: #999; }
#user .orderList .orderSn em { margin-right: 30px; }
#user .orderList .imgList img { border: 1px solid #DDDDDD; }
#user .btnPayment { float: right; }
#user .order .totalAmount { line-height: 180%; padding-top: 15px; }
/* 订单
----------------------------------------------- */
#order { margin-top: 20px; }
#order h3 { font-size: 16px; font-weight: bold; margin: 10px 0; color: #19B4EA; }
/* -- cartBox -- */
#order .cartBox { border: 1px solid #E4E4E4; }
#order .cartBox dl { border-bottom: 1px solid #E4E4E4; padding: 8px 0; zoom: 1; overflow: hidden; line-height: 180%; }
#order .cartBox dl.head { background-color: #EBEBEB; }
#order .cartBox dl.head b { color: #000; }
#order .cartBox dt { float: left; width: 50px; padding-left: 10px; }
#order .cartBox dd { float: left; width: 90px; margin-left: 10px; text-align: center; }
#order .cartBox dd.name { width: 500px; text-align: left; }
#order .cartBox dd.name a { color: #0072C6; }
/* -- 购物车数量加减 -- */
#order .cartBox dd.number { width: 80px; margin: 0px auto; }
#order .cartBox dd.number input, #order .cartBox dd.number span { float: left; background: url(images/icon_add_minus.gif) no-repeat; cursor: pointer }
#order .cartBox dd.number input { width: 35px; background: none; border: none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; height: 18px; background: #fff; text-align: center; }
#order .cartBox dd.number span.minus { text-indent: -9999px; display: block; background-position: left 0; width: 20px; height: 20px; }
#order .cartBox dd.number span.plus { text-indent: -9999px; display: block; background-position: -22px 0; width: 20px; height: 20px; }
/* -- cart -- */
#order .cart .cartAction { zoom: 1; overflow: hidden; padding: 5px; }
#order .cart .cartAction .btnGray { float: left; }
#order .cart .cartAction .btn { float: right; }
#order .cart .cartBtn { zoom: 1; overflow: hidden; margin-top: 20px; }
#order .cart .cartBtn .checkOut { float: right; width: 540px; background-color: #0072C6; line-height: 45px; padding-left: 20px; }
#order .cart .cartBtn .checkOut em { display: block; background-color: #E0E0E0; float: left; width: 360px; padding: 0 15px; font-size: 14px; }
#order .cart .cartBtn .checkOut a { background: url(images/icon_addcart.png) no-repeat 10px 50%; display: block; float: right; text-align: left; width: 95px; padding-left: 45px; color: #FFF; font-size: 16px; font-weight: bold; }
#order .cart .cartBtn .checkOut a i { font-weight: bold; }
#order .cart .cartEmpty { border-bottom: 1px solid #CBD1D3; background-color: #EFEFEF; font-size: 14px; text-align: center; padding: 20px 0; }
/* -- checkout -- */
#order .checkout .checkBox { border: 1px solid #E4E4E4; padding: 15px 25px 40px 25px; }
#order .checkout h2 { font-size: 14px; margin-bottom: 15px; }
#order .checkout h2 .more { float: right; font-size: 13px; font-weight: normal; margin-top: 8px; }
#order .checkout .box { border-bottom: 1px solid #E4E4E4; padding-bottom: 15px; margin-bottom: 20px; }
#order .checkout .box .tableDiv dl dt { width: 80px; font-size: 12px; }
#order .checkout .box .checkbox { color: #19B4EA; font-size: 13px; }
#order .checkout .payment { zoom: 1; overflow: hidden; padding-left: 30px; }
#order .checkout .payment dd { float: left; width: 170px; }
#order .checkout .cartBox { border: 0; }
#order .checkout .shipping dl { zoom: 1; overflow: hidden; padding: 0 0 10px 30px; }
#order .checkout .shipping dt { float: left; width: 120px; }
#order .checkout .shipping dd { float: left; width: 350px; }
#order .checkout .cartBox dl { background-color: #F4F4F4; border-bottom: 1px dotted #D1D1D1; }
#order .checkout .totalAmount { border-bottom: 1px solid #E4E4E4; margin: 20px 0 20px; padding-bottom: 20px; zoom: 1; overflow: hidden; }
#order .checkout .totalAmount .list { float: right; width: 300px; }
#order .checkout .totalAmount dl { zoom: 1; overflow: hidden; text-align: right; margin-bottom: 10px; }
#order .checkout .totalAmount dt { float: left; width: 150px; }
#order .checkout .totalAmount dd { float: left; width: 150px; }
#order .checkout .totalAmount b { color: red; margin-right: 3px; }
#order .checkout .orderSubmit { text-align: right; }
#order .checkout .orderSubmit .orderAmount { margin-right: 20px; font-size: 15px; }
#order .checkout .orderSubmit .orderAmount b { font-weight: bold; color: red; }
#order .checkout .orderSubmit .submit { background-color: #19B4EA; color: #FFFFFF; padding: 10px 40px; text-decoration: none; cursor: pointer; font-size: 16px; }
#order .checkout .orderSubmit .submit:hover { background-color: #44C4EE; }
/* -- complete -- */
#order .complete { border: 1px solid #E4E4E4; padding: 130px 0; text-align: center; }
#order .complete p { padding: 15px 0; }
#order .complete p.title { font-weight: bold; font-size: 16px; }
#order .complete p.info { color: #19B4EA; font-size: 26px; }
#order .complete p.info b { color: red; margin-right: 3px; }
/* 留言板
----------------------------------------------- */
#guestBook { padding: 20px 0; }
#guestBook h2 { color: #555; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
/* bookList */
#guestBook .bookList { margin-bottom: 30px; line-height: 180%; font-size: 13px; }
#guestBook .bookList dl { margin-bottom: 15px; }
#guestBook .bookList dt { color: #999; margin-bottom: 3px; }
#guestBook .bookList dt b { color: #999; margin-left: 20px; }
#guestBook .bookList dd { color: #666; overflow: hidden; zoom: 1; }
#guestBook .bookList dd em { float: left; width: 70px; }
#guestBook .bookList dd span { float: right; width: 910px; text-align: left; }
#guestBook .bookList p { color: #0072C6; margin-top: 5px; overflow: hidden; zoom: 1; }
#guestBook .bookList p em { float: left; width: 70px; }
#guestBook .bookList p span { float: left; width: 800px; }
#guestBook .bookList p b { color: #999; float: right; }
#guestBook .bookList .pager { text-align: left; }
/* bookList */
#guestBook .bookAdd { line-height: 180%; font-size: 13px; }
#guestBook .bookAdd dl { overflow: hidden; zoom: 1; margin-bottom: 15px; }
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd { float: left; }
#guestBook .bookAdd dl dt { width: 70px; text-align: right; line-height: 30px; }
#guestBook .bookAdd .select { height: 28px; }
#guestBook .bookAdd dl.cue { margin: -8px 0 10px 60px; color: #999; }
#guestBook .bookAdd dl.submit { margin: 20px 0 0 70px; }
#guestBook .bookAdd dd b { display: block; padding: 2px 0 2px 3px; border: 1px solid #fec600; color: #666; background-color: #fbf8e9; line-height: 16px; }
/* 提示信息
----------------------------------------------- */
#douMsg { padding: 20px 0 100px 0; }
#douMsg dl { padding: 160px 0 200px 0; text-align: center; border: 1px solid #E4E4E4; }
#douMsg dt { color: #0072C6; font-size: 16px; margin-bottom: 30px; font-weight: bold; }
#douMsg dd { color: #666; }
#douMsg dd a { margin-left: 5px; color: #000; }
/* 分页
----------------------------------------------- */
.pager { text-align: right; padding-top: 20px; color: #666; }
.pager a { color: #666; text-decoration: underline; }
/* link
----------------------------------------------- */
.link { margin-bottom: 10px; }
.link strong { color: #7A7F81; font-weight: bold; }
.link a { color: #555; }
/* 在线客服
----------------------------------------------- */
#onlineService { position: fixed; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
top: 208px; right: 0; z-index: 999999; display: block; }
#onlineService .onlineIcon { position: relative; cursor: pointer; background: url(images/online_service.png) no-repeat; width: 34px; height: 110px; text-indent: -9999px; overflow: hidden; }
#onlineService #pop { border: 3px solid #19B4EA; background-color: #F2F2F2; padding: 8px; width: 95px; min-height: 84px; position: absolute; right: 34px; top: 0; display: none; z-index: 999999; }
#onlineService .onlineQQ a { display: block; background: url(images/online_service.png) no-repeat left -160px; color: #19B4EA; width: 82px; height: 24px; line-height: 23px; padding-left: 27px; margin-bottom: 8px; }
#onlineService .onlineQQ a:hover { text-decoration: none; color: #19B4EA; }
#onlineService .service { border-top: 1px solid #DDDDDD; padding-top: 8px; color: #666; }
#onlineService .service a { color: #666; }
#onlineService .service li { background: url(images/online_service.png) no-repeat left -202px; padding-left: 8px; }
#onlineService .goTop { display: none; }
#onlineService .goTop .goBtn { background: #F2F2F2 url(images/online_service.png) no-repeat left -120px; width: 34px; height: 34px; display: block; }
/* footer
----------------------------------------------- */
#footer { background-color: #37383A; padding: 50px 0; text-align: center; color: #999; font-size: 13px; }
#footer a { color: #999; }
#footer .footNav i { margin: 0 10px; color: #696A6B; }
#footer .contact { margin: 15px 0; }
#footer .contact em { margin-right: 10px; }
#footer .copyRight { font-family: '方正黑体', Lucida, Verdana, Helvetica, sans-serif; }

/* for table sort
---------------------------------------------- */
th.sorted.ascending:after {
	content: "  \2191";
}

th.sorted.descending:after {
	content: " \2193";
}

/* for honor page
---------------------------------------------- */
#honor hr {
	border: 1px solid #EEEEEE;
}