@charset "utf-8";

/* Reset */
html { color: #000; background: #f5f5f5; min-width: 1200px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; *font-size: 100%; font-weight: inherit; }
legend { color: #000; }

/* Basic */
.err { color: #fe2617; }
.pic a:hover { background: none; }
.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font‐size: 0; content: " "; clear: both; height: 0; }

/* Font,  Link & Container */
/* body { color: #232323; font: 12px/1.6 "微软雅黑", arial,helvetica,sans-serif; } */
body,button,input,select,textarea{ color: #232323; font:12px/1.5 tahoma,arial,Hiragino Sans GB,\5b8b\4f53}
code, pre { font-family: courier new,courier,monospace; }
h1, h2 { color: #232323; font-weight: bold; }
h1 { font-size: 20px; padding-bottom: 5px; margin-bottom: 20px; }
h2 { font-size: 14px; }
a { color: #696969; text-decoration: none; }
a:hover { background: none; color: #f3744a; }
select { border: 1px solid #ccc; padding: 2px; }
* html select { margin-top: 3px; }
textarea { border: 1px solid #ccc; overflow: auto; padding: 4px 3px; }
div.user-login a.hl { color: #F3744A; }
div.user-login a.hl:hover { color: #f3744a; }
a.logout { color: #999999; }
a.logout:hover { color: #999999; }

/* UI Elements */
.error { color: #f66 }
.crumbs { font-size: 12px; font-weight: normal; color: #9a9a9a; }
.crumbs .on { color: #71b210; }
.crumbs li { float: left; display: inline; }
.crumbs li em { color: #9a9a9a; margin: 0 5px; }
.paginator { width: 100%; text-align: center; margin-top: 30px; }
.paginator .current { padding: 3px; background: #e5e5e5; border: #e5e5e5; }
.links li { height: 24px; line-height: 24px; }
.infobox { background: #f2f2f2; border: 1px solid #e5e5e5; padding: 10px; }
.infobox h2 { font-size: 14px; font-weight: normal; color: #6b6b6b; padding-bottom: 0.5em; }
.infobox input.text { width: 157px; }
.hide { display: hidden; }
.mr30 { margin-right: 30px; }
.mr60 { margin-right: 60px; }
.mb5  { margin-bottom: 5px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

/* Button */
button { cursor: pointer; _cursor: hand; }
.bn-flat, .bn-flat a { display: inline-block; zoom: 1; *display: inline;overflow: hidden; vertical-align: middle; }
.bn-flat:hover { border-color: #c9c9c9; }
.bn-flat a, .bn-flat input, .bn-flat button { border: none; height: 30px; line-height: 30px; *line-height: 27px; padding: 0 20px; color: white; background-color: #F3744A; outline: none; font-size: 13px; *padding: 3px 8px 0; margin: 0 !important; cursor: pointer; }
.bn-flat a:hover, .bn-flat input:hover, .bn-flat input.hover, .bn-flat button:hover, .bn-flat button.hover, .bn-flat button.off, .bn-flat input.off { background-color: #696969 !important;  }
.bn-flat a:active, .bn-flat input:active, .bn-flat button:active { background:#696969 !important; }

/* Form */
form label { display: inline-block; zoom: 1; *display: inline; float: left; width: 2em; line-height: 30px; margin-right: 10px; text-align: right; }
form .item { display: block; margin: 15px 0; position: relative; }
form .submit-item { line-height: 24px; padding-left: 118px; }
form .tip { color: #9a9a9a; }
input.text { border: 1px solid #c9c9c9; height: 15px; padding: 5px; width: 210px; vertical-align: middle; margin-right: 5px; }
input.bs { border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 28px; _height: 22px; line-height: 28px; *line-height: 24px; padding: 0 4px; }

/* List */
.list-c { color: #696969; font-size: 14px; }
.list-c .on{ color: #F3744A; }
.list-c li { line-height: 24px }
.list-c li:after { content: '\0020'; display: block; clear: both; height: 0; }
.list-c a { float: left; }
.list-c .date { float: right; }
.list-c .blue { color: blue; }
.first { margin-left: 0px !important; clear: left; }
.last { margin-right: 0px !important; clear: right; }

/* Layout */
#content, #footer .content { margin: 0 auto; width: 100%; }
#header { position: relative;  margin: 0 auto; width: 1160px; height: 70px; border-bottom: 1px solid #eee; z-index: 1; background-color: #ffffff; box-shadow:  0px 3px 6px #999999}
#header .logo { text-indent: -999em; display: block; width: 130px; height: 50px; position:absolute; left:20px; top:10px;background: url('https://img.ubox.cn/www/img/home/home_logo.png') no-repeat; background-size: 80%; /*background-size:130px;height:40px;*/}
#header .logo img{ width: 120px; height: 50px; /*background-size:130px;height:40px;*/}

#header .apply-banner { text-indent: -999em; display: block; width: 136px; height: 46px; background: url('https://img.ubox.cn/web/img/logo/apply-banner.png') no-repeat; position: absolute; left: 180px; top: 27px;z-index: 0; }
#header .hotline {font-size: 16px; position: absolute; right: 10px; top: 10px; width: 250px;}
#header .onlineService, #header .phone{color:#ff6536; display: inline-block; padding: 0px 20px;text-align: center;}
#header .onlineService img{display: inline-block; width: 30px;}
#header .phone{border-right: 2px solid #ff6536;}
#header .user { position: absolute; right: 0; top: 0px;}
#header .user a { font-size: 14px; padding: 7px 15px; margin-left: 8px; background-color: #f3744a; color: #FFFFFF; text-align: center;line-height: 31px;}
#header .user .register { background-color:#4aa1f3; }

#header .user-login { position: absolute; right: 0; top: 0px; font-size: 13px; }
#header .user-login a { margin-left: 10px; text-align: center;line-height: 31px;} /* color:#696969*/

#header .nav { font-size: 16px; position: absolute; right: 250px; top: 0px; width: 630px; height: 100%; }/* right: 80px; top: 50px; width: 420px; */
#header .mainlevel { text-align: center; position: relative; padding: 0px; border-right: 1px dotted #ddd; float: left; width: 100px; height:100%;/*IE6 only*/}
#header .mainlevel.last{ border-right: 0px; }
/* #header .mainlevel:last-child{ display: none; } */
#header .mainlevel ul {background-color:rgba(255,255,255, .95); display: none; position: absolute; z-index: 2000; left: 28px; top: 70px; width:160px; }
#header .mainlevel li {width:100%;}
#header .mainlevel a { color: #999999; font-size: 13px; text-decoration: none; line-height: 30px; display: block; padding: 20px 0px; width: 100px; }
#header .mainlevel a:hover { color: #fff; text-decoration: none; background-color: #f3744a;}
#header .onlineService a{color: #ff6536;}
#header .mainlevel li a {font-size: 13px; text-decoration: none; line-height:36px; border-bottom: 1px dotted #ddd; display: block;padding:0;width:100%;}
#header .mainlevel li a:hover,#header .mainlevel li.cur a { color: #fff; text-decoration: none; background-color: rgba(243,116,74,.85);}
#header .mainlevel li:last-child a {border:none;}

#header .mainlevel .nav-triangle { height: 10px !important; font-size: 0px; background: transparent url('https://img.ubox.cn/web/img/res/triangle.png') no-repeat left top; margin: 0 0 0 12px; border: 0; }

#content {min-height: 452px }
#content .main, #content .aside { word-wrap: break-word; overflow: hidden; }
#content .main  { float: left; display: inline; width: 660px; }/*595px*/
#content .aside { float: right; display: inline; width: 260px; }

/*#footer { background: url('https://img.ubox.cn/web/img/res/bg-footer.png');padding: 40px 0; text-align: center; font-size: 14px; color: #999; }*/
#footer { padding: 0px; text-align: center; font-size: 14px; color: #999; background-color: #39434d}
#footer .copyright, #footer .footer-links a { text-shadow: 2px 2px 2px black; margin-left: 10px; }
#footer .footer-line{border-bottom: 1px solid #ededed; width: 1160px; margin: 0 auto; padding: 10px;}
#footer .footer-line a{border-right: 1px solid #ededed;  padding: 0px 20px; color: #ededed;}
#footer .footer-line .last{ border-right: 0px; }
#footer .footer-box{width: 1160px; margin: 0 auto; padding:20px;}
#footer .footer-box img{display: inline-block;}
#footer .footer-box div{display: inline-block; width: 60%; text-align: left; font-size: 14px; line-height: 30px; color:#ffffff;}

#footer a { color: #999; }
#footer a:hover { color: #eee; }
#site-map {display: none; height: 270px; background-color: #dfe1e1; margin: 25px 0 40px 0; }
#site-map .container { width: 700px; height: 250px; margin: 0px auto; position: relative; }
#site-map .container .item { width: 120px; height: 100%; margin:0 10px; padding:20px 0 0 0; float:left; color: #696969; }
#site-map .container .item a { display: block; color: #696969; }
#site-map .container .item a:hover { color: #f3744a; }
#site-map .container .item h3 { font-weight: bold; font-size:18px; }
#site-map .container em { display: block; width: 20px; height: 10px; position: absolute; left:352px; top:-10px; background: transparent url('https://img.ubox.cn/web/img/res/triangle-footer.png') no-repeat left top; }
#site-map .container #icon-sitemap-close {display: block; width: 26px; height: 26px; position: absolute;right: -220px; top:10px; background: transparent url('https://img.ubox.cn/web/img/res/icon-machine.png') -271px -5px no-repeat; }
#footer .footer-kefu { padding: 10px 10px 10px 60px; word-spacing: 0.5em; }
#footer .footer-kefu a { text-decoration: underline; font-size:16px; padding: 6px 15px;border-radius: 12px; border:1px solid #ffffff; color:#ffffff;}
#footer .footer-kefu img { padding-right: 3px; vertical-align: middle; }

/* Modules */
.mod { margin-bottom: 30px; background: #fff; padding: 20px 0px 20px 30px }/* width: 100%; border: 1px solid #e5e5e5;*/
.mod .hd { font-size: 16px; font-weight: bold; color: #232323; padding-bottom: 0.5em; text-align: left }/*help.tpl*/
.main .mod .hd { font-size: 16px; font-weight: bold; color: #232323; padding-bottom: 0.5em; text-align: center }/*help.tpl*/
.mod .hd span { font-size: 12px; font-weight: normal; color: #9a9a9a; margin-left: 5px }
.mod .hd .crumbs { float: right; line-height: 25px }
.mod .nav { font-size: 12px; font-weight: normal; border-bottom: 1px solid #e5e5e5; margin-top: 20px }
.mod .nav li { display: inline-block; zoom: 1; *display: inline; text-align: center; padding: 0 3px; margin: 0 5px }
.mod .nav li a { display: inline-block; zoom: 1; *display: inline; height: 24px }
.mod .nav li.on { color: #F3744A; border-bottom: 2px solid #F3744A; padding-bottom: 3px; position: relative }
.mod .nav li.on em { position: absolute; bottom: 0; left: 49%; height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: transparent transparent #F3744A transparent; border-style: dashed dashed solid dashed; border-width: 3px }
.main .mod, .aside .mod { width: auto }
.aside .mod .hd { border-bottom: 1px solid #e5e5e5; padding-bottom: 0.2em; margin-bottom: 0.3em }
.crumbs:after, .hd:after, .bd:after, .ft:after, .mod:after, #header:after, #content:after, #footer:after { content: '\0020'; display: block; clear: both; height: 0 }

/* Item */
.item { display: inline-block; zoom: 1; *display: inline; overflow: hidden }
.item .pic { display: table-cell; *float: left; padding-right: 20px; text-align: center; vertical-align: top }
.item .info { display: table-cell; *float: left; text-align: left; vertical-align: top; *vertical-align: baseline }
.item .info .hd { font-size: 13px; margin-bottom: 0.5em }

a { blur:expression(this.blur()); }
a { outline:none; }