/* CSS Document */
body, button, input, select, textarea { font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: underline; color: #f60 }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help }
q:before, q:after { content: '' }
legend { color: #000 }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
hr { border: 0; height: 1px; *color:#fff;
}
* { list-style: none }
/*清除float*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
img { -ms-interpolation-mode: bicubic }
article, aside, footer, header, hgroup, nav, section, figcaption, details, summary { display: block }
menu { list-style: none; margin: 0; padding: 0 }
figure { display: block; margin: 0 }
output, time { display: inline }
mark { display: inline; background: yellow; color: #000 }
address { padding: 0 }
.fl { float: left }
.fd-left { float: left }
.fr { float: right }
.fd-right { float: right }
.fd-clear { clear: both; height: 0px; overflow: hidden }
.fd-clr { zoom: 1 }
.fd-clr:after { display: block; clear: both; height: 0; content: "\0020" }
.fd-hide { display: none }
.fd-show { display: block }
.fd-inline { display: inline }
.fd-lump { display: inline-block; display: -moz-inline-stack; zoom: 1; *display:inline
}
.fd-visible { visibility: visible }
.fd-hidden { visibility: hidden }
.fd-locate { position: relative }
.fd-cny { font-family: Helvetica, Arial }
.fd-gray { color: #666 }
.pt10 { padding-top: 10px }
.pt14 { padding-top: 14px }
.fd-bold { font-weight: 700 }
.layout { width: 990px; margin: 0 auto }
.orange, a.orange:link, a.orange:visited { color: #DD0010!important }
/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*base*/
#header { margin-bottom: 9px }
/*topbar*/
#jmbar-v4 { background-color: #f7f7f7; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; position: relative; z-index: 100000001 }
#jmbar-v4 .jmbar-container { margin: 0 auto; padding: 0 4px; width: 990px; height: 23px; _overflow: hidden; font: 12px/23px Tahoma, Arial, "\5B8B\4F53", sans-serif }
#jmbar-v4 a { text-decoration: none }
#jmbar-v4 a:hover { color: #DD0010!important }
#jmbar-v4 .topnav li, #jmbar-v4 .nav-arrow, #jmbar-v4 .topnav-purchaselist .nav-title span, #jmbar-v4 .topnav-tp .contact-us, #jmbar-v4 .topnav-tp .apply-form, #jmbar-v4 .topnav-tp .join-promotion, #jmbar-v4 .topnav-tp .renewal-online { background: url("../image/alibar-v4.gif") no-repeat }
#jmbar-v4 li { float: left }
#jmbar-v4 .extra { position: relative; z-index: 1804 }
#jmbar-v4 .account-sign-status { float: left; color: #444 }
#jmbar-v4 .account-sign-status a:link, #jmbar-v4 .account-sign-status a:visited { color: #369 }
#jmbar-v4 .account-sign-status li { padding: 0 5px }
#jmbar-v4 .account-msg a span { margin-left: 2px; padding: 0 4px; background-color: #DD0010; color: #fff; -moz-border-radius: 3px; border-radius: 3px }
#jmbar-v4 .account-msg a:hover span { background-color: #f30 }
#jmbar-v4 .topnav { float: right }
#jmbar-v4 .topnav a:link, #jmbar-v4 .topnav a:visited { color: #666 }
#jmbar-v4 .topnav li { background-position: right 6px }
#jmbar-v4 .nav-title { float: left; padding: 0 5px; height: 24px }
#jmbar-v4 .extra:hover .nav-title, #jmbar-v4 .nav-hover .nav-title { padding: 0 9px; border-left: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; background-color: #fff }
#jmbar-v4 .topnav li.nav-hover-prev { background: 0 }
#jmbar-v4 .nav-arrow { padding-right: 10px; background-position: right -160px }
#jmbar-v4 .topnav li:hover .nav-arrow, #jmbar-v4 .topnav .nav-hover .nav-arrow { background-position: right -190px }
#jmbar-v4 .list-first { background: 0 }
#jmbar-v4 .nav-content { display: none; border: solid 1px #d1d1d1; border-top: 0 none; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px 0 }
#jmbar-v4 .topnav .extra:hover .nav-content, #jmbar-v4 .topnav .nav-hover .nav-content { display: block; position: absolute; top: 24px; z-index: 2000 }
#jmbar-v4 .nav-content dl { float: left; padding: 4px 12px }
#jmbar-v4 .nav-content dt { font-weight: 700; color: #b0b0b0 }
#jmbar-v4 .nav-content dd { line-height: 24px; word-spacing: no-wrap }
#jmbar-v4 .nav-content a:link, #jmbar-v4 .nav-content a:visited { color: #444 }
#jmbar-v4 .topnav-myjm .nav-content { left: 0; width: 252px }
#jmbar-v4 .topnav-purchaselist .nav-title span { padding-left: 12px; background-position: 0 -238px }
#jmbar-v4 .topnav-purchaselist-stock em { color: #DD0010 }
#jmbar-v4 .topnav-purchaselist .nav-content { left: 0; width: 240px }
#jmbar-v4 .topnav-purchaselist .product-list { padding: 4px 0 }
#jmbar-v4 .topnav-purchaselist .product-list p { padding: 16px 0; text-align: center; color: #525151 }
#jmbar-v4 .topnav-purchaselist .purchase-info { padding: 10px 0; background-color: #f7f7f7; text-align: center }
#jmbar-v4 .topnav-purchaselist .purchase-info p { margin-bottom: 6px; color: #646464 }
#jmbar-v4 .topnav-purchaselist .purchase-info em { font-weight: 700 }
#jmbar-v4 .topnav-purchaselist-stock .product-list p { display: none }
#jmbar-v4 .topnav-purchaselist dl { padding: 4px 8px }
#jmbar-v4 .topnav-purchaselist dl a { color: #06c!important }
#jmbar-v4 .topnav-purchaselist dl a:hover { color: #DD0010!important }
#jmbar-v4 .topnav-purchaselist dt { float: left; margin: 4px 8px 0 0; text-align: center }
#jmbar-v4 .topnav-purchaselist dt a { display: block; width: 50px; height: 50px; overflow: hidden }
#jmbar-v4 .topnav-purchaselist dd { float: right; width: 166px; line-height: 1.5 }
#jmbar-v4 .topnav-purchaselist dd.price { color: #8c8c8c; font-family: Helvetica }
#jmbar-v4 .topnav-purchaselist dd.action { text-align: right }
#jmbar-v4 .topnav-purchaselist dd em { margin: 0 2px; color: #DD0010 }
#jmbar-v4 .topnav-purchaselist a.btn-y { display: inline-block; width: 90px; height: 24px; border: solid 1px #e89f0e; border-bottom-color: #cf7f01; background-color: #fca000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcb10a), color-stop(1, #f18e06)); background-image: -webkit-linear-gradient(top, #fcb10a 0, #f18e06 100%); background-image: -moz-linear-gradient(top, #fcb10a 0, #f18e06 100%); background-image: -o-linear-gradient(top, #fcb10a 0, #f18e06 100%); background-image: -ms-linear-gradient(top, #fcb10a 0, #f18e06 100%); background-image: linear-gradient(top, #fcb10a 0, #f18e06 100%); border-radius: 3px; color: #fff!important; font-weight: 700; line-height: 24px; text-align: center }
#jmbar-v4 .topnav-purchaselist a.btn-y:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f29b06), color-stop(1, #e57902)); background-image: -webkit-linear-gradient(top, #f29b06 0, #e57902 100%); background-image: -moz-linear-gradient(top, #f29b06 0, #e57902 100%); background-image: -o-linear-gradient(top, #f29b06 0, #e57902 100%); background-image: -ms-linear-gradient(top, #f29b06 0, #e57902 100%); background-image: linear-gradient(top, #f29b06 0, #e57902 100%) }
#jmbar-v4 .topnav-purchaselist a.btn-y:active { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e07f00), color-stop(1, #e48c02)); background-image: -webkit-linear-gradient(top, #e07f00 0, #e48c02 100%); background-image: -moz-linear-gradient(top, #e07f00 0, #e48c02 100%); background-image: -o-linear-gradient(top, #e07f00 0, #e48c02 100%); background-image: -ms-linear-gradient(top, #e07f00 0, #e48c02 100%); background-image: linear-gradient(top, #e07f00 0, #e48c02 100%) }
#jmbar-v4 .topnav-tp .nav-content { left: 0; width: 128px }
#jmbar-v4 .topnav-tp .nav-content a { padding-left: 20px }
#jmbar-v4 .topnav-tp .contact-us { background-position: 2px -56px }
#jmbar-v4 .topnav-tp .order-online { text-decoration: none!important }
#jmbar-v4 .topnav-tp .apply-form { background-position: 2px -86px }
#jmbar-v4 .topnav-tp .join-promotion { background-position: 2px -116px }
#jmbar-v4 .topnav-tp .renewal-online { background-position: 2px -279px }
#jmbar-v4 .topnav-sitemap .nav-content { right: 0; width: 361px }
#masthead-v4 { padding: 12px 4px 0 4px }
#masthead-v4 .sub-logo-v4, #masthead-v4 .jmsearch-type-v4 li, #masthead-v4 .jmsearch-category-v4 h3, #masthead-v4 .jmsearch-action-v4 button { background: url("../image/masthead-v5.png") no-repeat }
/*icon-weibo*/
.icon-app, .icon-sina, .icon-tqq { display: block; height: 16px; width: 16px; background: url("../image/icon.v2.924.png") no-repeat 0 -80px; margin-top: 4px; line-height: 99px; overflow: hidden }
.icon-tqq { background: url("../image/icon.v2.924.png") no-repeat 0 -100px; margin-left: 5px; }
.icon-app { background: url("../image/icon.v2.924.png") no-repeat 0 -60px; margin-right: 5px; }
/*barcode*/
#barcode { position: absolute; height: 230px; width: 180px; border: 2px solid #ccc; background: #fff; z-index: 999; top: 30px; left: -110px; }
#barcode .bd { padding: 10px; position: relative }
#barcode .arrow_inner_b { position: absolute; left: 108px; top: -14px; font-size: 24px; color: #ccc; _top: -12px; _left: 100px; }
#barcode .arrow_inner_w { position: absolute; left: 108px; top: -12px; font-size: 24px; color: #fff; _top: -10px; _left: 100px; }
/*rss*/
#jmbar-v4 .topnav li .rss { display: none; }
#jmbar-v4 .topnav li.nnshover .rss { display: block }
#jmbar-v4 .topnav li.rss-adt { position: relative; padding: 0; cursor: pointer }
#jmbar-v4 .topnav li.rss-adt .nav-title { padding-right: 30px; width: 58px; }
#jmbar-v4 .topnav li.rss-adt .nav-title a { }
#jmbar-v4 .topnav li.rss-adt .nav-title a span { position: absolute; width: 8px; height: 4px; background: url("../image/masthead-v5.png") no-repeat -146px -100px; right: 10px; top: 10px; }
#jmbar-v4 .topnav li.nnshover .nav-title a span { background: url(http://hi.jiameng.com/resource/img/masthead-v5.png) no-repeat -146px -80px; }
#jmbar-v4 .topnav li.nnshover { background: #fff; margin-top: 2px; height: 22px; margin-left: 0px; }
#jmbar-v4 .topnav li.nnshover .nav-title { border: 1px solid #e2e2e2; width: 56px; }
.rss { position: absolute; right: 0px; top: 22px; z-index: 999; background: #fff; width: 300px; border: 1px solid #e2e2e2; border-top: none; padding: 5px 10px 10px 10px; }
.rss-title { height: 24px; line-height: 24px; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #666; margin-bottom: 2px; }
.sub_txt { float: left; display: inline; width: 214px; height: 31px; background: url("/templates/img/nhd_txt.png") no-repeat }
.sub_txt input { width: 192px; height: 18px; line-height: 18px; color: #AFAFAF; border: none; background: none; padding: 6px 10px; }
.rss-box .sub_btn { cursor: pointer; float: left; display: inline; width: 74px; height: 32px; border: none; margin-left: 6px; color: white; font-size: 14px; font-weight: bold; background: url(http://hi.jiameng.com/resource/img/btn_bg1.png) no-repeat; }
#site-btn-qqlog { display: block; width: 50px; height: 16px; background: url("../image/Connect_logo_6.png") no-repeat 0 0; margin-top: 3px; line-height: 99px; overflow: hidden }
.forwap a { display: block; padding-left: 20px; background: url("../image/ico_mob16x16.png") no-repeat left center; color: #666; width: 42px; }
.forwap a: hover { color: #f00; text-decoration: underline }
/*reg add*/
.top_login { float: right; padding-top: 36px; line-height: 18px; vertical-align: middle; font-family: 'Microsoft YaHei'; font-size: 15px }
.top_login * { vertical-align: middle }
.top_login a { font-size: 15px; color: #37f }
a.btn-weiQQ { line-height: 99px; overflow: hidden; display: inline-block; height: 24px; width: 120px; background: url(../image/Connect_logo_3.png) no-repeat 0 0; }
.top_login span { font-size: 15px; }
.top_login font { font-size: 15px; color: #999; padding: 0 10px; }
.reg { position: relative; height:600px }
.reg-box { margin-bottom: 80px; width:480px; height:540px; position: absolute; right:0; top:0; }
.reg-box .hr { border-top: 2px solid #c62829; height: 0px; overflow: hidden; }
.reg-box .hd { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; line-height: 50px; height: 50px; padding-left: 30px; font-family: 'Microsoft YaHei'; font-size: 17px }
.reg-box .bd { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-bottom: 50px; padding-left: 30px; }
.reg-box .item { position: relative; margin-bottom: 17px; padding-top: 2px; }
.reg-box .item span.label { float: left; width: 70px; font-size: 14px; line-height: 25px; }
.reg-box .item .fl { float: left; }
.reg-box .item .fl div { position: absolute; left: 277px; _width:140px }
.tips_warn, .tips_success { position: absolute; top: -4px; _top: 0; left: 303px; padding: 0 8px 0 5px; line-height: 27px; color: #545454 }
.tips_warn { border: 1px solid #FC9; background: #FFFFE3 }
.tips_success { border: 1px solid #7BB3FF; background: #fff }
.tips_warn .icon_out, .tips_success .icon_out { position: absolute; left: -7px; top: 50%; margin-top: -9px; width: 14px; overflow: hidden; color: #FC9; font: 300 14px/18px "\5B8B\4F53" }
.tips_success .icon_out { color: #7BB3FF }
.tips_warn .icon_in, .tips_success .icon_in { position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 14px; overflow: hidden; color: #FFFFE3; font: 300 14px/18px "\5B8B\4F53" }
.tips_success .icon_in { color: #fff }
.tips_warn .icon_txt, .tips_success .icon_txt { position: relative; text-indent: 18px; height: 27px; line-height: 27px }
.tips_warn .icon_txt i { position: absolute; top: 0; left: 0; width: 16px; height: 27px; background: url(http://hi.jiameng.com/static_v1/img/login/bg_login.png) no-repeat -160px -74px }
.tips_success .icon_txt i { position: absolute; top: 0; left: 0; width: 16px; height: 27px; background: url(http://hi.jiameng.com/static_v1/img/login/bg_login.png) no-repeat -132px -74px }
.tips_warn, .tips_success { position: absolute; top: 0; left: 284px; padding: 0 8px 0 5px; line-height: 27px; color: #545454 }
.tips_warn b, .tips_success b { position: absolute; top: 50%; left: -9px; margin-top: -9px; width: 15px; height: 17px }
.tips_warn b { background: url(../image/bg_sprites.png) no-repeat -112px -53px }
.tips_success b { background: url(../image/bg_sprites.png) no-repeat -111px -78px }
.tips_warn .icon_txt, .tips_success .icon_txt { position: relative; text-indent: 18px; height: 27px; line-height: 27px }
.tips_warn .icon_txt i { position: absolute; top: 0; left: 0; width: 16px; height: 27px; background: url(../image/bg_sprites.png) no-repeat -70px -6px }
.tips_success .icon_txt i { position: absolute; top: 0; left: 0; width: 16px; height: 27px; background: url(../image/bg_sprites.png) no-repeat -70px -46px }
.reg-box .item .fl .ipt { width: 200px; border: 1px solid #cfcfcf; height: 23px; line-height: 23px; padding: 0 5px; font-size: 13px; font-family: 'Microsoft YaHei'; color: #333 }
.reg-box .item .fl .ipt_select { width: 100px; border: 1px solid #cfcfcf; height: 25px; padding: 2px 5px; font-size: 13px; font-family: 'Microsoft YaHei'; color: #333 }
.code_item { padding-left: 70px; }
.item .valid { display: inline-block; vertical-align: middle; margin-right: 2px; }
.item .change { display: inline-block; vertical-align: middle; width: 48px; }
.cbox { padding-left: 70px; }
.item a, p a { color: #37f }
.mod_btn { margin-left: 70px; margin-top: 15px; }
.btn_reg { display: block; background: url(../image/btn-submit.jpg) no-repeat 0 0; height: 40px; line-height: 16px; width: 130px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; border: none; cursor: pointer }
.btn_reg:hover { background: url(../image/btn-submit-hover.jpg) no-repeat 0 0; }
.ipt { background: #fdfdfd; -webkit-box-shadow: 1px 1px 2px #fff; -moz-box-shadow: 1px 1px 2px #fff; box-shadow: 1px 1px 2px #fff; }
.reg-box .item .fl .i_active { background: #fff; border: 1px solid #7BB3FF; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; }
/*reg-bg*/
.reg-bg{ position:absolute; left:0;top:0px; width:510px; height:600px; background:url(../image/reg-bg.jpg) no-repeat 0 0}
/*succeed-bg*/
.succeed{ text-align:center; padding:100px 0 150px 0 }
.succeed h3{ font-size:27px; color:#777; text-align:center; font-family:'Microsoft YaHei'; line-height:27px; margin:30px 0 10px 0}
.succeed p{ font-size:12px; color:#999; text-align:center; line-height:18px; }
.succeed .active{ margin:15px 0}
.succeed .mod_btn{ display: inline-block; text-align:center; width:110px; padding-bottom:2px; height:38; line-height:38px; font-size:14px; font-weight:bold; margin:0}
.succeed .btn_red{ background:url(../image/bg_sprites.png) no-repeat 0px -180px; color:#fff}
.succeed .btn_red:hover{ background:url(../image/bg_sprites.png) no-repeat 0px -220px; color:#fff}
.succeed .btn_gray{ background:url(../image/bg_sprites.png) no-repeat -120px -180px; color:#666; margin-left:10px;}
.succeed .btn_gray:hover{ background:url(../image/bg_sprites.png) no-repeat -120px -220px; color:#666}
.succeed-bg{ display:block; width:130px; height:130px; margin: 0 auto; background: url(../image/succeed-bg.png) no-repeat 0 0; }