/*
Theme Name: 企业模版
Theme URI: http://wzjinghua.com/
Description: 企业模版
Version:1.0
Author: 温州市精华钢管有限公司
Author URI: http://wzjinghua.com/
*/

/* 全局通用
----------------------------------------------- */
body{font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,Lucida,Verdana,Helvetica,sans-serif;color:#555}
body,button,input,textarea{font-size:14px;line-height:1.7;outline:0;margin:0;padding:0;border:0}
input,textarea{ line-height:28px;}
blockquote,dd,dl,dt,form,ol,p,ul{margin:0;padding:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:14px;margin:0;padding:0}
b,em,i{font-style:normal;font-weight:400}
img{border:0}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#C70D0E}
img{vertical-align:middle}
input,select{font-family:Microsoft Yahei;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}
.fl{ float:left}
.fr{ float:right}
/* 主体框架
----------------------------------------------- */
#wrapper .wrap {
 width: 1080px;
 margin: 0px auto; position:relative; z-index:9999
}
.mt35{ margin-top:-35px;}
#wrapper .mb {
 margin-bottom:10px;
}
/* -- index -- */
#indexLeft {
 width:655px;
}
#indexRight {
    text-align: left;
    width: 330px;
}
/* -- page -- */
#pageLeft{ width:230px;}
#pageLeft .treeBox {
 float: left;
 margin:15px 0 0 0;
    position: relative;
    width: 230px;
    z-index: 6; border:1px solid #ddd; border-bottom:none; float:left
}
#pageIn { float:right;
 width:800px;
 overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top{text-align:right;color:#CCC;}
#top a{color:#555}
#top s{width:0;height:12px;border-left:1px solid #e3e3e3;overflow:hidden; display:inline-block}
/* userTop */
#top .userTop {
 float:left;
}
#top .userTop s {
 margin:0 12px;
}
/* topNav */
#top .topNav{position:relative;z-index:1000;height:30px;float:right;margin-right:-5px;color: #54596f; margin-top:10px}
#top .topNav li{float:left;zoom:1;text-align:center}
#top .topNav li a{padding:0 8px; font-size:12px;}
#top .topNav li.hover{position:relative;background:#FFF;border:1px solid #DDD;border-bottom:0}
#top .topNav li.hover s{border-left:1px solid #FFF}
#top .topNav ul{background:#FFF;border:1px solid #DDD;border-top:0;width:100%;display:none;position:absolute;top:100%;left:-1px;padding-bottom:4px}
#top .topNav ul li{float:none}
#top .topNav li.hover ul li{border:none}
#top .topNav li.hover ul li a{height:25px;line-height:25px}
.top-nav-tel{height:30px;line-height:32px;}
.top-nav-tel dt{height:31px;padding-left:36px}
.top-nav-tel dd{font-size:19px;margin-left:8px;vertical-align:top; color:#ea3939}
.top-nav-tel dd,.top-nav-tel dt{display:inline-block}

/* -- header -- */
#header{ position: absolute; top:0}
.logo{padding:18px 0;float:left}
#header .searchBox{float:right}
#header .searchBox{margin:30px 10px 0 0}
#header .searchBox .keyword{width:210px; float:left}
/* -- mainNav -- */
#mainNav {
 font-size: 14px; position:absolute; top:25px; z-index:9999
}
/* LEVEL ONE */
#mainNav{ height:50px; width:100%; background: url(images/top_i162.gif) no-repeat center 0; height:103px}
#mainNav ul{position:relative;z-index:1000; margin:0 auto;float:right;height:89px}
#mainNav ul li{float:left;zoom:1; height:89px; line-height:89px;}
#mainNav ul li a{display:block;width:90px;text-align:center;height:89px;line-height:89px;text-decoration:none; font-size:16px;}
#mainNav ul li.cur,#mainNav ul li.hover{position:relative}
#mainNav ul li.cur a,#mainNav ul li.hover a{ color:#ff0000}
#mainNav ul li .first{background:#a61c00;}
#mainNav ul li.cur .first,#mainNav ul li.hover .first{background:#a61c00}

/* LEVEL TWO */
#mainNav ul ul{width:100px;display:none;position:absolute;top:100%;left:0;background:#fff; height:auto; padding-bottom:10px}
#mainNav ul ul li{font-weight:400;float:none; line-height:35px; height:35px;}
#mainNav ul li.hover ul li a{border-right:none;display:inline-block;line-height:35px; height:35px; color:#333; font-size:14px; 
font-weight:400}
#mainNav ul li.hover ul li.hover a{color:#ff0000;}
#mainNav ul li.hover ul a.parent{background:url(images/icon_red.gif) no-repeat 100px 50%}

/* LEVEL THREE */
#mainNav ul ul ul{left:100%;top:0;border-top:0}
#mainNav ul li.hover ul li.hover ul li a{color:#24313C}
#mainNav ul li.hover ul li.hover ul li.hover a{color:#FFF}

/* 首页样式
----------------------------------------------- */
/* -- 幻灯 -- */
.slideShow{position:relative;margin:0 auto;padding:0}
.slideShow .slides a{display:block;height:460px;background-repeat:no-repeat;background-position:center center}

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

/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a{z-index:50;font-family:\5b8b\4f53,sans-serif;position:absolute;display:block;margin-bottom:-20px;width:40px;height:40px;bottom:50%;line-height:40px;text-decoration:none;text-align:center;color:#fff;font-size:2em;background-color:#333;background-color:rgba(50,50,50,.3)}
.slideShow .arrowBox a.disabled{display:none}
.slideShow .arrowBox .arrowPrev{left:20px}
.slideShow .arrowBox .arrowNext{right:20px}
.slideShow .arrowBox a:hover{background-color:rgba(50,50,50,.6)}
/* -- controlBox -- */
.slideShow .controlBox{z-index:30;position:absolute;bottom:0;width:100%;text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666}
.slideShow .controlBox .control{display:inline-block}
.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.active,.slideShow .controlBox.controlDefault a:hover{background:url(images/active.png) no-repeat 50% 50%}
/* -- slideTitle -- */
.slideShow .slideTitle{z-index:20;position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}
.slideShow .slideTitle span{color:#fff;display:block;font-size:.85em;padding:15px 10px}

/* -- sileThumb -- */
.slideShow .sileThumb{z-index:30;text-align:center;position:absolute;bottom:8px;right:8px}
.slideShow .sileThumb a{margin:0 3px}
.slideShow .sileThumb a img{border:solid #B0B0B0 1px}
.slideShow .sileThumb a.active img{border:solid #19B4EA 1px}
/* 通用结构 
----------------------------------------------- */
/* -- form -- */
.btn{display:inline-block;text-transform:capitalize;cursor:pointer;font-weight:700;text-align:center;-webkit-appearance:none;
background:url(images/bg_button_2.png) no-repeat 0 0; width:96px; text-align:center; line-height:32px; height:32px; color:#fff}
.btn:hover{text-decoration:none;color:#FFF;background-color:#007AD5}
.btnGray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 15px;text-transform:capitalize;cursor:pointer;font-weight:700;-webkit-appearance:none}
.btnPayment{display:inline-block;background-color:#ff4246;color:#FFF;padding:7px 28px;text-transform:capitalize;cursor:pointer;font-weight:700;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 #DDD;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;
}
/* -- incBox -- */
.incBox{margin-bottom:15px}
.incBox h3{color: #000;
    font-size: 16px;
    font-weight:700
}
#indexRight .incBox h3{ background:#0657b2; border-bottom:none; color:#fff;}
#indexRight .incBox h3 a{ display: inline-block; padding:0 20px; height:40px; background:#cc0000; color:#fff}
/* -- tree -- */
.treeBox h3{color:#ea3939;background:#fff ;line-height:1.5;padding:5px;text-indent:20px;word-break:break-all;font-size:15px; border-bottom:2px solid #ea3939;}
.treeBox li{padding:0 15px; border-bottom:1px solid #ddd}
.treeBox li.cur{background:#f8f8f8}
.treeBox li.cur a{ color:#000; font-weight:700}
.treeBox li a{margin-right:15px;display:block;padding:6px 10px 9px;}
.treeBox .searchBox{ padding:20px 0 20px 10px; background:#ea3939}
.treeBox .searchBox .keyword{width:136px;float:left}
.treeBox>ul{background-color:#f0f0f0;word-break:break-all}

/* -- searchBox -- */
.searchBox{background-color:#FFF;height:28px;padding-left:10px}
.searchBox{position:relative;white-space:normal}
.searchBox label{height:0;line-height:0;overflow:hidden;width:0;position:absolute;font-size:0;z-index:-1;outline:0}
.searchBox .keyword{color:#CCC}
.searchBox .keyword:focus{color:#555}
.searchBox .keyword::-webkit-input-placeholder{color:#CCC}
.searchBox .keyword:focus:-moz-placeholder,.searchBox .keyword:focus::-moz-placeholder{color:transparent!important}
.searchBox .keyword:focus::-webkit-input-placeholder{color:transparent!important}
.searchBox .btnSearch{background:#E0E0E0 url(images/btn_search.gif) no-repeat -10px -5px;width:28px;height:28px;text-indent:-999px;overflow:hidden;cursor:pointer; float:left}
/* -- 上一页下一页 -- */
.lift{margin-top:60px;color:#333}
.lift a{color:#1c57c4; text-decoration:underline}
.lift span{margin-right:15px}
/*- tableBasic -*/
.tableBasic{color:#666;border-left:1px solid #DDD;border-top:1px solid #DDD;border-collapse:collapse}
.tableBasic select{color:#8F8F8F}
.tableBasic td,.tableBasic th{border-right:1px solid #DDD;border-bottom:1px solid #DDD}
.tableBasic th{background-color:#EFEFEF}
.tableBasic .child{background-color:#FFF}
.tableBasic td label{margin-right:15px}
.tableBasic td i{color:red;margin-left:5px;font-weight:700}

/*- 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:red;margin-left:5px;font-weight:700}
.tableDiv dl dd label{margin-right:15px;line-height:34px}
/* -- douBox -- */
#douBox .boxBg{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:#000;filter:alpha(opacity=15);opacity:.15}
#douBox .boxFrame{position:absolute;z-index:1002;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:400}
#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:Microsoft YaHei;font-size:16px;color:#19B4EA;font-weight:700}
#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{ border-bottom:2px solid #4f7dad;
    margin:18px 0 5px 0; line-height:30px;}
.urHere a{color:#000; font-weight:700; text-decoration:underline}
.urHere b{margin:0 8px}
/* -- recommendProduct -- */
.main-pro {
    padding: 25px 0 0 0;
}
.main-pro h3,.main-pro a{ color:#fff; padding:0 0 17px 0}
.mr_frbox{width:1060px;margin:0 auto; position:relative}
.mr_frUl{float:left;width:1000px; overflow:hidden; margin:0 8px}
.recommendProduct{zoom:1;overflow:hidden; padding:0}
.recommendProduct li{float:left;margin-right:15px;position:relative;width:133px;text-align:center}
.recommendProduct li.clearBorder{margin-right:0}
.recommendProduct li .img{background:#fff;}
.recommendProduct .name{color: #555d68;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    white-space: normal;
    word-break: break-all; height:25px; line-height:25px; padding-top:5px;}
.mr_frbox em{display:block;
    height:133px;
    top:35px;
    width:22px;overflow: hidden; 
    position: relative; float:left;background:url(images/leftright.png) no-repeat 0 center}
.mr_frbox em a{display:block;height:133px;width: 22px;}
.mr_frbox .e01:hover{ background-position:-22px center}
.mr_frbox .e01{left:-10px;}
.mr_frbox .e02{background-position: -44px center; float:right; right:-10px;}
.mr_frbox .e02:hover{ background-position:-66px center}
.photo-update-time {
    color: #a3a8ac;
    text-align: left; font-size:12px; background:url(images/ico_map_common.png) no-repeat 0 -145px; padding-left:15px;
}
/* -- about -- */
.about p{float:left;width:120px;height:154px}
.about dl dt{display:block;font-weight:700;color:#313131;padding:5px 0}
.about dl dd{line-height:200%;color:#666;word-wrap:break-word;word-break:normal; text-indent:2em}
.about .aboutBtn{display:block;text-decoration:underline;color:#C00;font-weight:700;margin-top:12px}

/* -- recommendArticle -- */
.recommendArticle li{background:url(images/icon_red1.gif) no-repeat left 50%;line-height:35px;padding-left:15px}
.recommendArticle li b{float:right;color:#fff}
.recommendArticle li.last{border-bottom:0}
.recommendArticle{ height:180px; overflow:hidden}
/* -- contact -- */
.contact h3 {
background: #fff url(images/in_02_y6yf.png) no-repeat scroll 5px center;
    border-bottom: 2px solid #666;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px;
    text-indent: 20px;
    word-break: break-all; text-align:left; font-weight:bold
}
.contact dl{zoom:1;overflow:hidden}
.contact dt{float:left;background:url(images/icon_contact.gif) no-repeat 0 0;width:30px;height:30px;margin-right:17px}
.contact dt.tel{background-position:0 -30px}
.contact dt.fax{background-position:0 -60px}
.contact dt.url{background-position:0 -90px}
.contact dt.email{background-position:0 -120px}
.contact dd{float:left;width:278px;color:#333;line-height:30px}
/* page
----------------------------------------------- */
#page{padding:15px 0}
#page h1{color:#333;font-size:18px;font-weight:700}
#page .info{padding:2px 0 20px 0;color:#999;font-size:13px}
#page .content{color:#666;line-height:190%;padding-top:10px; text-indent:2em}
/* product_category
----------------------------------------------- */
.productList{padding-top:20px;color:#999}
.productList dl{float:left;width:148px; margin:8px 6px; text-align:center}
.productList dl dt{ border:1px solid #ddd; padding:5px;}
.productList dl.last{margin-right:0}
.productList .name{ line-height:24px;overflow:hidden; text-align:left; padding:5px 0}
.productList .name a{color:#333;}
/* product
----------------------------------------------- */
#product{padding:15px 0}
#product .productImg{ margin:0 auto;width:400px; border:1px solid #ddd; text-align:center}
#product h1{font-size:18px;line-height: 35px;padding: 10px 0; text-align:center}
#product .productContent{padding:15px 0}
#product .productContent h3{ background: url(images/inactive.png) no-repeat scroll left center;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    margin: 15px 0 10px;
    padding: 5px 20px;}
#product .productContent ul{padding:15px 0;color:#666;line-height:200%}
/* article_category
----------------------------------------------- */
#articleList dl{border-bottom:1px dotted #D1D1D1;padding:10px 0}
#articleList dl.last{border-bottom:0}
#articleList dt{width:620px;background:url(images/icon_red.gif) no-repeat left 50%; line-height:30px; padding-left:15px;}
#articleList dd{color:#999;padding-left:2px;line-height:190%;zoom:1;overflow:hidden}
#articleList dd p{float:left}
#articleList dd p.img{margin-right:10px}
/*#articleList dd p.desc{ width:620px}*/
#articleList .numDate{float:right;text-align:right;}
#articleList .numDate p{font-size:12px;color:#999;}
/* article
----------------------------------------------- */
#article{padding:20px 0}
#article h1{color:#333;font-size:18px;font-weight:700; text-align:center}
#article .info{padding:2px 0 20px 0;color:#999;font-size:13px; text-align:center}
#article .content{color:#666;line-height:190%; text-indent:2em}
/* 会员中心
----------------------------------------------- */
#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:400}
/* -- passport -- */
#user .passport{border:1px solid #E4E4E4;padding:40px 50px 80px 50px}
#user .passport .register h3{font-size:22px;font-weight:700;color:#19B4EA;border-bottom:1px dashed #CCC;padding:0 0 20px 30px;margin-bottom:40px}
#user .passport .register h3 em{display:block;color:#999;font-size:12px;font-weight:400}
#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:700;margin-bottom:40px}
#user .passport .login h3 em{display:block;color:#999;font-size:12px;font-weight:400}
#user .passport .login .textInput{width:306px}
#user .passport .login .btn{width:100%}
#user .passport .login .btnRegister{display:block;width:318px;border:1px solid #CCC;color:#555;padding:6px 0;cursor:pointer;font-weight:700;text-align:center}
/* -- userTree -- */
#user .userTree{margin-bottom:15px}
#user .userTree h3{height:35px;line-height:35px;color:#7A7F81;font-weight:700;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}
#user .userTree .searchBox{margin:20px 0}
#user .userTree .searchBox .keyword{width:136px}

/* -- startPage -- */
#user .startPage .welcom{margin-bottom:15px}
#user .startPage .welcom dt{font-size:16px;margin-bottom:10px}
#user .startPage .welcom dt b{font-weight:700;color:red;margin-right:8px}
#user .startPage .welcom dd{padding-top:6px;padding-left:5px;margin-bottom:6px;color:#888}
#user .startPage .tableBasic{color:#666;border-left:1px solid #DDD;border-top:1px solid #DDD;border-right:1px solid #DDD;border-collapse:collapse}
#user .startPage .tableBasic td{border-right:0;border-bottom:1px solid #DDD}
#user .tableBasic td{background-color:#F2F2F2}
/* -- orderList -- */
#user .orderList .orderSn{background-color:#EEE;color:#999}
#user .orderList .orderSn em{margin-right:30px}
#user .orderList .imgList img{border:1px solid #DDD}
#user .btnPayment{float:right}
#user .order .totalAmount{line-height:190%;padding-top:15px}
/* 订单
----------------------------------------------- */
#order{margin-top:20px}
#order h3{font-size:16px;font-weight:700;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:190%}
#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:0 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:0 0;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:700}
#order .cart .cartBtn .checkOut a i{font-weight:700}
#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:400;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:700;color:red}
#order .checkout .orderSubmit .submit{background-color:#19B4EA;color:#FFF;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:700;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:700;margin-bottom:20px}
/* bookList */
#guestBook .bookList{margin-bottom:30px;line-height:190%;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:190%;font-size:13px}
#guestBook .bookAdd dl{overflow:hidden;zoom:1;margin-bottom:15px}
#guestBook .bookAdd dl dd,#guestBook .bookAdd dl dt{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:10px 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:700}
#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 strong{font-weight:700}
.link a{color:#555}
/* 在线客服
----------------------------------------------- */
#onlineService{position:fixed;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 #DDD;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:#d9d9d9;padding:15px 0;line-height:25px;font-size:12px; text-align:center}
#footer .footNav i{margin:0 12px;}
#footer .footNav a.first{margin-left:0}
#footer .copyRight{font-family:Arial,Lucida,Verdana,Helvetica,sans-serif}

.l-left{ width:440px; margin-top:15px;}
.l-left h3{ color:#fff;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding:10px 0 0 0;
    word-break: break-all; text-align:left; font-weight:bold}
.l-left h3 a{color: #fff;}
.l-right{ width:575px;margin-top:15px;}
.recommendArticle a,recommendArticle{ color:#fff}
.recommendArticle a:hover{ text-decoration:underline; color:#fff}
.main{ background:url(images/fofofo_3jwb.gif) no-repeat 0 0; width:1108px; margin:20px auto 0; height:490px;}