html,body{ width: 100%; height: 100%;}
.head {
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 2;
}

.head_main {
    width: 1200px;
    height: 100%;
    margin: auto;
}

.head_main .logo {
    width: 195px;
    height: 61px;
    display: block;
    float: left;
    margin-top: 17px;
}

.head_main .logo img {
    width: 100%;
    height: 100%;
}

.head_main .back_home {
    background: url("../images/regin_index.png") no-repeat left center;
    text-indent: 30px;
    float: right;
    line-height: 100px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.banner {
    width: 100%;
    height: 1000px;
    z-index: 1;
    background-color: #DAE9F0;
    overflow-x: hidden;
    background: url("../images/zjh-reginbanner1.jpg") no-repeat center;
    overflow: hidden;

    height: 832px;

    background-size:1920px 832px;

}

.banner .banner_01 {
    width: 100%;
    position: absolute;
    bottom: 0;
    width: 1920px;
    height: 100%;
    left: 50%;
    margin-left: -960px;
}

.banner_main {
    width: 1200px;
    height: 0%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 99;
}

.banner_main .login_wrap {
    width: 350px;
    display:block; height: 350px;
    padding: 40px;
    float: right;
    margin-top: 234px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}

.banner_main .login_wrap .menu_login {
    overflow: hidden;
    width: 100%;
    color: #333;
    margin-bottom: 40px;
}

.banner_main .login_wrap .menu_login .scan_login {
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 49%;
    cursor: pointer;
    font-size: 16px;
}

.banner_main .login_wrap .menu_login .account_login {
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 49%;
    cursor: pointer;
    font-size: 16px;
}

.banner_main .login_wrap .menu_login .check {
    color: #006ff6;
}

.banner_main .login_wrap .scan_wrap {
    margin-top: -40px;
}

.banner_main .login_wrap .scan_wrap .scan_img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

.banner_main .login_wrap .scan_wrap .scan_img img {
    width: 100%;
    height: 100%;
}

.banner_main .login_wrap .scan_wrap .scan_qr {
    height: 36px;
    text-align: center;
}

.banner_main .login_wrap .scan_wrap .scan_qr p {
    line-height: 14px;
    font-size: 16px;
    margin-bottom: 10px;
}

.banner_main .login_wrap .scan_wrap .scan_qr p span {
    display: inline;
    line-height: 14px;
    color: #070707;
    height: 14px;
    margin-left: 4px;
}

.registerSubmit {
    display: block;
    text-align: center;
    float: none;
    color: #006ff6;
    font-size: 14px;
    text-decoration: underline;
}

.account_wrap {

}

.input_item {
    width: 270px;
    height: 72px;
    clear: both;
}

.input_item input {
    border: 1px solid #e2e2e2;
    background: #fff;
    width: 258px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #AAA;
    padding-left: 10px;
}

.row_item {
    color: #333;
    font-size: 12px;
    height: 12px;
    margin: 15px 0 10px;
    line-height: 12px;
}

.row_item .left {
    float: left;
}

.row_item .left input {
    margin: -2px 5px 0px 0px;
    vertical-align: middle;
}

.row_item .forget {
    float: right;
    font-size: 12px;
    color: #333;
}

#loginSubmit {
    background: #00a2ff;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 270px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin:15px 0px 25px 0;
}

.registerSubmit1 {
    display: block;
    text-align: right;
    float: none;
    color: #323232;
    font-size: 14px;
}

.list {
    display: none;
}

.siteinfo {
    background: #fff;
    padding-top: 40px;
}

.siteinfo div {
    text-align: center;
}

.siteinfo span {
    color: #999;
    font-size: 12px;
    margin: 0 5px;
}

.siteinfo a {
    color: #999;
    font-size: 12px;
    margin: 0 5px;
    display: inline-block;
}

.siteinfo a img {
    width: 20px;
    height: 20px;
    margin: 0;
    position: relative;
    top: 5px;
}

.kx_verify {
    width: 147px;
    height: 80px;
    display: inline-block;
}

.kx_verify img {
    width: 127px !important;
    height: 47px !important;
    margin: 25px 10px 0 !important;
}

/* ×¢²á */
.reg_wrap {
    width: 400px;
    height: 410px;
    float: right;
    margin-top: 234px;
    background: #fff;
    display: none;
}

.regist-content {
    text-align: center;
    max-width: 1180px;
    background-color: #fff;
    padding-bottom: 16px;
    min-width: 89.6%;
    border: 1px solid #dfe3e8;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}

.b-title {
    overflow: hidden;
    padding: 10px 0 0 !important;
    text-align: left;
    width: 88%;
    margin: 0 auto -20px;
}

.regist-content > .b-title h2 {
    font-size: 24px;
    color: #070707;
    font-weight: 400;
    padding-bottom: 10px;
}
.regist-content > .b-title h3{
    font-size: 14px;
     color: #070707;
    margin-bottom: 20px;
}
.regist-content .ct-inner {
    width: 88%;
    margin: auto;
}

.regist-form {
    padding-top: 35px;
}

.form-input {
    vertical-align: top;
    padding-bottom: 20px;
    position: relative;
}

.fm-dropdown, .form-unit {
    position: relative;
    border: 1px solid #333;
    border-radius: 2px;
    text-align: left;
}

.qc-log-input-text {
    font-size: 14px;
    height: 40px;
    border-radius: 2px;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    display: block;
    width: 100%;
    border: none;
}

#smsCodeInput {
    width: 47.6%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 2.3%;
    border: 1px solid #333;
}

.fm-verify .qc-log-btn {
    border-radius: 2px;
    outline: 0;
    width: 47.6%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    background: #333;
    border: 1px solid #333;
    margin-left: .9%;
    height: 45px;
    color: #fff;

}

.form-ctrl-label-wrap {
    margin-bottom: 15px;
    text-align: left;
}

.form-ctrl-label, .form-ctrl-label-stacked, .qc-log-radio-wrap {
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 1;
}

.form-ctrl-label .qc-log-checkbox {
    vertical-align: -3px;
    margin-right: 5px;
}

.qc-log-checkbox:checked {
    background-image: url(/static/images/icondown.png);
    background-position: 0px -30px;
}

.qc-log-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
    outline: 0;
    background: 0 0 \9;
    background-image: url(/static/images/icondown.png);
    -webkit-appearance: none;
    background-position: 0px 0px;
}

.form-ctrl-label-wrap span {
    display: inline-block;
    vertical-align: top;
    color: #666;
    max-width: 85%;
    line-height: 1.4;
}

.link {
    color: #2277da;
    padding: 0 5px;
    text-decoration: underline;
}

.regist-content .qc-log-btn.lg {
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 20px;
    font-size: 16px;
    background-color: #006ff6;
    border: none;
    color: #fff;
    border-radius: 2px;
    outline: 0;
}

.regist-wrapper .tag-line, .regist .tag-line {
    font-size: 14px;
    color: #666;
}
.fl{ float: left;}.fr{ float: right;}
.agreeclass {
    background-color: #dcdcdc !important;
}
.footer{
    width: 100%;
    background: #000000;
    bottom: 0px;
    height: 80px;
}
.footermain p,.footermain p span{  color: #fff; line-height: 80px; font-size: 12px;}
.chengx{
     background-image: url("../images/chengxin.png");
    width: 35px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.footermain p span{ margin: 0px 13px;}
.kexin{ background-position: 0px 0px;}
.footerleft{ width: 70%;}
.footerright{ width: 30%;}



 

      .reg_wrap {          width: 350px;          margin-top: 46px;      }

      input{         -webkit-appearance:checkbox;       }

      .head_main .logo{        margin-top: 60px;        width: 218px;        height: 64px;      }

      .head_main .back_home{   height: 64px;  line-height: 64px;  margin-top: 60px;  }

      .regist-content{  height: 466px;  padding: 10px 44px 10px 44px;  }

      .regist-content .ct-inner{    width: 100%;  }

      .b-title{     width: 100%;   }

      .fm-dropdown, .form-unit{   border-color:#c1c1c1;   }

      #smsCodeInput{    border-color:#c1c1c1;  }

      .fm-verify .qc-log-btn{   height: 40px;  }

      .form-input{    padding-bottom: 7px;  }

      .form-ctrl-label-wrap span{  line-height: 24px;  margin-top: 7px;  }

      .regist-content .qc-log-btn.lg{   height: 40px;   line-height: 40px;   }

      .regist .tag-line{ line-height: 14px;   height: 14px;   }

      .regist-form {  padding-top: 30px; }

      body{ background: #000;}

  

      #loginSubmit{   background-color: #006ff6;   }



    

 

@media screen and (max-width: 750px){
     body{ text-align: center;}
     .head_main{width: 100%; }
     .banner{ width:100%; height: 445px;}
     .banner_main{ width:100%;   
        position: absolute;
        top: 26px;
        left: 0;
        margin: 0 auto;  }

    .banner_main .login_wrap {
        width: 350px;
        display:block; height: 310px;
        padding: 40px;
        float: none;
        margin-top: 56px;
        margin:56px auto 0  auto;
        background: #fff;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    }

    .head_main .back_home {
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        margin-right: 16px;
    }
    .row_item { 
        height: 0px;
        margin: 0px;
        line-height: 0px;
    }
    .input_item {
        width: 270px;
        height: 70px;
        clear: both;
    }
    .footerleft{ width: 100%;}
    .footerright{ width: 100%;}

    .footermain p,.footermain p span{  color: #fff; height: 40px; font-size: 12px;}
    .reg_wrap {
        width: 400px;
        height: 380px;
        float: none;
        margin: 30px auto 0px auto;
        background: #fff;
        display: none; 
    }   
    .regist-content {
        height: 382px;
        padding: 0px 44px 0px 44px;
        }
   .regist-content > .b-title h2 {
        font-size: 20px;
        color: #070707; 
        padding-bottom: 4px;

    }
    .regist-content > .b-title h3 {
        font-size: 14px;
        color: #070707;
        margin-bottom: 0px;
    }
    .qc-log-input-text {
        font-size: 12px;
        height: 30px; 
        padding: 13px 10px 12px;
        
    }

    
}