@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, label, blockquote, th, td, button, span {
    padding: 0;
    margin: 0;
}

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

fieldset, img {
    border: none;
}

address, caption, cite, code, dfn, th, var, em {
    font-weight: normal;
    font-style: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

input, select {
    vertical-align: middle;
}

body {
    font-family: Arial, "宋体";
}

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

.nav a:hover {
    color: #ba2636;
    text-decoration: underline;
    background: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pr {
    position: relative;
}

.fs {
    font-size: 12px;
}

.fn {
    font-weight: normal;
}

.fb {
    font-weight: bold;
}

.v_m {
    vertical-align: middle;
}

.ff_song {
    font-family: "宋体";
}

.wrap {
    font-size: 12px;
}

.logo a, .logos {
    display: inline-block;
    width: 437px;
    height: 50px;
    background: url(logo.png) no-repeat;
}

.logo a:hover {
    background: url(logo.png) 0 50% no-repeat;
}

.header, .header2 {
    width: 100%;
    background: white url(landingwithjf/head_bg.jpg) no-repeat center top;
}

.header {
    border-bottom: 3px solid #cb1108;
}

.info {
    width: 960px;
    margin: 0 auto;
    height: 78px;
}

.logo a.logoCar {
    background-position: 0 -122px;
    width: 437px;
    height: 50px;
}

.logo {
    float: left;
    vertical-align: top;
    margin: 15px 0 0 0;
}

.logo a {
    display: inline-block;
    margin-left: 21px;
    width: 437px;
    height: 50px;
    background-position: 0 50%;
}

.logos {
    background-position: 0 -93px;
    width: 272px;
    height: 23px;
    float: right;
    margin: 44px 0 0 0;
}

.nav {
    width: 100%;
    background: #cb1108;
    padding-top: 4px;
    height: 30px;
}

.nav_mid {
    margin: 0 auto;
    width: 960px;
}

.nav_mid ul {
    float: left;
}

.nav li {
    float: left;
    font-size: 14px;
    width: 83px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.nav li a, .nav li a:link, .nav li a:visited, .nav li a:hover {
    color: #fff;
}

.nav li a:hover {
    text-decoration: underline;
}

.nav li.active a, .nav li.active a:link, .nav li.active a:visited, .nav li.active a:hover {
    color: #2b2b2b;
}

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

.nav li.active {
    background: #fff;
    margin: 0 10px 0;
}

.wrap {
    width: 960px;
    margin: 0 auto;
}

*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}

.wrap_ac {
    font-size: 12px;
    /*background: url(landingwithjf/bg.png) center 0 no-repeat #fff;*/
    width: 100%;
    min-width: 960px;
    margin-top: 40px;
}

.wrap_ac a:hover {
    color: #ba2636;
    text-decoration: underline;
    background: none;
}

.active_main {
    width: 961px;
    margin: 0 auto;
    font-size: 12px;
}

.mail_header1 {
    height: 121px;
    background: url(landingwithjf/header_1.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.mail_header2 {
    height: 100px;
    background: url(landingwithjf/header_2.jpg) 0 0 no-repeat;
    overflow: hidden;
}

.mail_header3 {
    height: 100px;
    background: url(landingwithjf/header_3.jpg) 0 0 no-repeat;
    overflow: hidden;
}

.step {
    position: relative;
    height: 242px;
    background: url(landingwithjf/step.jpg) 0 0 no-repeat;
    z-index: 5;
}

.step_trial {
    background: url(landingwithjf/step2.jpg) 0 0 no-repeat;
}

.step .mail_input {
    width: 287px;
    height: 23px;
    line-height: 23px;
    margin: 79px 0 0 648px;
    border: 0 none;
    padding-left: 3px;
    float: left;
    color: #b2b2b2;
}

.input_err {
    position: absolute;
    top: 102px;
    left: 667px;
    display: inline-block;
    width: 241px;
    height: 26px;
    line-height: 26px;
    color: #ed5a5a;
    text-align: center;
    font-size: 12px;
}

.link_url {
    position: absolute;
    top: 190px;
    left: 45px;
    display: inline-block;
    width: 380px;
    font-size: 14px;
    font-weight: bold;
}

.link_chn {
    color: #cc0000;
}

.link_eng {
    color: #1111ff;
}

.step .bt_mail {
    margin: 22px 86px 0 0;
    display: inline-block;
    width: 161px;
    height: 77px;
    float: right
}

.step  #btn_bonus_ref {
    border: 0;
    position: absolute;
    left: 710px;
    top: 179px;
}

.rule {
    height: 200px;
    background: url(landingwithjf/rule.jpg) 0 0 no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.rule_info {
    margin: 50px 0 0 28px;
    color: #828282;
    line-height: 20px;
}

.icon_bx {
    height: 100px;
    background: url(landingwithjf/bottom_bg.jpg) 0 0 no-repeat;
}

.mail_pa {
    height: 75px;
    width: 263px;
    background: url(landingwithjf/icon_pa.jpg) 0 0 no-repeat;
    overflow: hidden;
    float: left;
    margin-left: 30px;
}

.mail_pa a {
    display: inline-block;
    width: 233px;
    height: 50px;
    margin: 10px 0 0 10px;
}

.mail_tpy {
    height: 75px;
    width: 263px;
    background: url(landingwithjf/icon_tpy.jpg) 0 0 no-repeat;
    overflow: hidden;
    float: left;
    margin-left: 50px;
}

.mail_tpy a {
    display: inline-block;
    width: 233px;
    height: 50px;
    margin: 10px 0 0 10px;
}

.mail_yg {
    height: 75px;
    width: 263px;
    background: url(landingwithjf/icon_yg.jpg) 0 0 no-repeat;
    overflow: hidden;
    float: left;
    margin-left: 50px;
}

.mail_yg a {
    display: inline-block;
    width: 233px;
    height: 50px;
    margin: 10px 0 0 10px;
}

.landingWithJf {
    width: 340px;
}

.landingWithJf #mobile {
    width: 140px;
}
.landingWithJf #validate {
    width: 140px;
}

#landingPopMsg {
    color: #ff0000;
}

#landingWithJfMobile input, #landingWithJfValidate input {
    height: 24px;
    line-height: 24px;
}

#landingWithJfMobile label, #landingWithJfValidate label {
    margin-top: -3px;
    padding: 3px 4px;
    text-align: right;
    width: 70px;
    font-weight: bold;
}

#landingWithJfMobile {
    margin-top: 10px;
    height: 44px;
}

#landingWithJfMobile #sendValidate {
    *position: absolute;
    float: right;
    margin-left: 5px;
    padding-left: 0;
    height: 27px;
    width: 100px;
    background: #2b5e9a;
    color: #ffffff;
    border: 1px solid #2b5e9a;
    cursor: pointer;
}

#landingWithJfValidate {
    height: 30px;
}

#landingWithJfErrorMsg {
    display: none;
    clear: both;
    margin-left: 78px;
    _margin-left: 80px;
    line-height: 14px;
    color: #DB271E;
    font-size: 12px;
    font-weight: normal;
}

.control-btn-visited {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
    width: 88px;
    text-decoration: none;
    background-position: 1000px 1000px;
    background-color: #dcdcdc;
}

.landingButton {
    display: none;
}
