body {
    background-color: #000!important;
}
body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-size: 12px;
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 24px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
.content {
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
.content .block {
    min-width: 1200px;
    margin: 0 auto;
}
.content .header {
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999999;
    background: rgba(78, 78, 80, 0.23);
    transition: all 0.2s linear;
}
.content .header .logo {
    display: block;
    width: 234px;
    padding-top: 2px;
    text-decoration: none;
    margin-left: 80px;
}
.content .header .title {
    margin-left: 30px;
    height: 25px;
    margin-top: 20px;
    color: #fff;
    font-weight: 400;
}
.content .header .title .line {
    border-left: 2px solid #fff;
    width: 0;
    height: 30px;
}
.content .header .title .txt {
    margin-left: 30px;
    line-height: 28px;
    font-size: 28px;
}
.content .login-body {
    margin: 0 auto;
    /* background-color: #F5CE29; */
}
.clear, .remove, .container-fluid {
    clear: both;
    float: none;
}
.content .login-body .login-bg {
    min-width: 1920px;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    margin-left: -960px;
}
.content .login-body .login-bg img {
    width: 100%;
    height: 100%;
}
.login-input {
    position: absolute;
    width: 410px;
    /*height: 400px;*/
    padding: 30px ;
    top: 16%;
    left: 50%;
    margin-left: -205px;
    border-radius: 10px;
    /*background: rgba(255, 255, 255, 0.69);*/
    transition: all 1.9s linear;
    /*background: rgba(217, 223, 239, 0.51);*/
    font-size: 14px;
    z-index: 9999999;
    overflow: hidden;
}
.login-input .min-title {
    text-align: left;
    font-size: 18px;
    color: #f15a50;
}
.login-input .inputWrap {
    /*width: 350px;*/
    /*margin: 7px auto 0;*/
    color: #737373;
}
.login-input .inputWrap .warnRow {
    width: 349px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    position: absolute;
    top: 203px;
}
.login-input .inputWrap .warnRow .warnRowTipsBox {
    background: #fff6d2;
    border: 1px solid #ffe57d;
/*    height: 26px;*/
    background-image: url(../././login/tipsIco.png);
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #666666;
    border-radius: 20px;
}
.login-input .inputWrap .warnRow .warnRowBox {
    background: #ffebeb;
    border: 1px solid #e4393c;
    height: 26px;
    background-image: url(../././i/warnIco.png);
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #e4393c;
}
.inputItem {
    margin-bottom: 20px;
}
.login-input .usernameBox {
    background: url(../././i/user-icon.png) 12px 14px no-repeat;
}
.login-input .inputItem .inputBox {
    display: inline-block;
    width: 350px;
    height: 50px;
    padding-left: 40px;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #D5D5D5;
}
 .login-input .userpasswordBox {
    background: url(../././i/lock-icon.png) 12px 14px no-repeat;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input, select, textarea {
    color: #3c3c3c;
}
.login-input .inputItem input {
    width: 305px;
    height: 44px;
    line-height: 44px;
    border: none;
    outline: none;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.ui-checkbox {
    position: relative;
    margin-right: 15px;
    margin-left: 20px;
    margin-left: 0\9;
    margin-right: 20px\9;
    line-height: 1.414;
}
.login-input .inputWrap .safepwd label {
    font-weight: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.ui-checkbox input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    line-height: normal;
    display: none;
    display: inline-block\9;
}
.ui-checkbox input[type=checkbox]+span {
    font-weight: 400;
    padding-left: 5px;
    position: relative;
    color: #fff;
}
.ui-checkbox input[type=checkbox]+span:before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    display: none\9;
    vertical-align: middle;
    position: absolute;
    left: -18px;
    /* top: 3px; */
    top: 50%;
    margin-top: -6px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ccc;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.ui-checkbox input[type=checkbox]:checked+span:before {
    border: 1px solid #f15a50;
}
.ui-checkbox input[type=checkbox]:checked+span:after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    /* top: 6px; */
    margin-top: -3px;
    top: 50%;
    left: -15px;
    background-color: #f15a50;
    display: none\9;
}
.btn {
    border-radius: 0px;
    cursor: pointer;
    outline: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.login-input .inputWrap .btn-lightblue {
    background-color: #f15a50;
    border: 1px solid #f15a50;
    color: #FFF;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image:initial;
    background-image: initial;
    background-image: initial;
}
.login-input .inputWrap .btn-lightblue:hover{
    background-color: #ff4539;
    border: 1px solid #E64727;
}
.login-input .inputWrap .btn {
    width: 350px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    border-radius: 30px;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 20px;
}
.container {
    width: 100% !important;
    margin: auto;
}
.bottomBarBox {
    position: fixed;
    bottom: 0;
    text-align: center;
    color: #FFFAFA;
    padding: 25px 0px;
}
.fl{
    float: left!important;
}














/*旧版*/
.header-login {
    height: 230px;
    background-color: #335f91;
    width: 100%;
    display: block;
}
.header-login-container {
    width: 650px;
    margin: 0 auto;
    padding-top: 120px;
}
.main-login {
    width: 100%;
    display: -webkit-inline-box;
}
.main-login-container {
    width: 700px;
    margin: 0 auto;
}
.main-login-container .reg-box {
    width: 334px;
    padding-left: 56px;
    color: #444;
    float: right;
}
.main-login-container .login-box {
    padding-right: 56px;
    color: #444;
    background-color: #fff;
    border-radius: 6px;
    font-weight: 300;
    max-width: 440px;
    padding: 15px 40px 60px 40px;
    margin: 30px auto 48px auto;
    border: 1px solid #dcdcdc;
}
.space-b-90 {
    margin-bottom: 90px;
}
h3, .h3 {
    font-size: 24px;
}
.main-login-container .login-box h3 {
    color: #444;
    border-bottom: solid 2px #FF581B;
}
.space-b-40 {
    margin-bottom: 25px;
    margin-top: 15px;
    color: #fff;
    text-align: center;
}
/*页头*/
.cont{
    min-width: 900px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.js_head {
    z-index: 100;
    width: 100%;
    margin-top: 80px;
    /*height: 89px;*/
}
.head_index {
    /*width: 968px;*/
    /*padding-top: 20px;*/
    /*line-height: 53px;*/
    /*position: fixed;*/
    /*left: 50%;*/
    /*margin-left: -484px;*/
    /*top: 0px;*/
    /*z-index: 100;*/
}
.js_head .head_index {
    /*position: absolute;*/
}
.head_index .h1 {
    text-align: center;
    margin-top: 3px;
}
.head_index .head_nav {
    float: left;
    padding-top: 10px;
    padding-left: 0px;
}
.head_index .head_nav .bar{
    width: 1px;
    height: 35px;
    background: #8A8A8A;
    display: block;
    float: left;
    margin-right: 18px;
}
.head_index .head_nav .a {
    display: inline-block;
    float: left;
    margin-right: 85px;
    font-size: 23px;
    color: #444;
    line-height: 37px;
}
.btn_member {
    float: right;
}
.btn_member a {
    display: inline-block;
    width: 76px;
    height: 34px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    float: left;
    margin-left: 12px;
    margin-top: 5.5px;
    font-size: 14px;
}
.login_dj_cq {
    background-color: #59b0ff;
}
.login_dj_zc {
    background-color: #5bbf5a;
}
.login_dj_cq:hover {
    text-decoration: none;
    background-color: #4EA8FA;
    color: #fff;
}
.login_dj_zc:hover {
    color: #fff;
    background-color: #38b836;
    text-decoration: none;
}
/*页头 end*/
/*页尾*/
.cq_footer {
    width: 100%;
    background: #5a5a5a;
    overflow: hidden;
    padding: 15px 0px 12px 0px;
    margin-top: 80px;
}
.cq_footer .foot_nav {
    text-align: center;
    width: 900px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px;
    line-height: 14px;
}
.cq_footer .foot_nav a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}
.cq_footer .foot_nav span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #fff;
    font-size: 12px;
}
.cq_footer .foot_down {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
}
.cq_footer .foot_down span {
    float: none;
    display: inline-block;
}
.hotline em {
    font-family: Tahoma;
    font-size: 14px;
    font-style: normal;
}
/*页尾 end*/
/*登陆*/
.content {
    min-width: 1200px;
    margin: 0 auto;
}
.loginArea {
    width: 395px;
    margin-top: 40px;
    margin-left: 45px;
    color: #4c4c4c;
    float: left;
    position: relative;
}
.loginArea h2 {
    font-size: 26px;
    color: #4c4c4c;
    line-height: 26px;
}
.mtop {
    margin-top: 30px;
}
.mtop50 {
    margin-top: 50px;
}
.mtop13 {
    margin-top: 13px;
}
.inputtext {
    padding: 8px 2px;
    border: 1px #77a5b4 solid;
}
.inputtext input {
    border: 0;
    margin-left: 15px;
    font-size: 18px;
    width: 270px;
}
.usericon {
    background: url("../i/all_index_pic.png");
    background-position: -1512px -2px;
    width: 14px;
    height: 13px;
    *height: 17px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px \9;
    float: left \9;
}
.pwordicon {
    background: url("../i/all_index_pic.png");
    background-position: -1512px -117px;
    width: 12px;
    height: 15px;
    *height: 19px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px \9;
    float: left \9;
}
.loginbtn {
    float: left;
    padding-left: 3em;
    padding-right: 3em;
}
.btns {
    display: inline-block;
    margin-top: 10px;
}
.forgetpword {
    color: #4184f3;
    display: inline-block;
    margin: 2px 0 0 15px;
}
.forgetpword:hover {
    text-decoration: underline;
    color: #4184f3;
}
.namerror, .emailrror {
    color: #FF0000;
    position: absolute;
    top: 20px;
}
.log_an_pw {
    display: inline-block;
    width: 100%;
}
:root .WJButton {
    padding: .7em 2em;
}
.WJButton {
    font-weight: bold;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: normal;
    padding: .3em 2em .3em;
    padding: .6em 2em .3em \0;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.wj_blue {
    color: #F7F7F7;
    /* background: #0095cd; */
    background: #0099FF;
}
.fr {
    float: right;
}
/*登陆 end*/
/*右边*/
.registerArea {
    width: 430px;
    margin-top: 40px;
    float: right;
}
.yanzheng {
    top: -9px!important;
    left: 270px!important;
}
.form-group {
    margin-bottom: 22px!important;
    border-radius: 30px!important;
    overflow: hidden;
}
.form-groupie9 {
    height: 68px;
    border-radius: 0px!important;
}
.btn-primary:hover{
    color: #fff;
    background-color: #1695f3 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5687f9), to(#3060d6))!important;
    background-image: -webkit-linear-gradient(top, #5687f9, #3060d6)!important;
    background-image: -o-linear-gradient(top, #5687f9, #3060d6)!important;
    background-image: linear-gradient(to bottom, #5687f9, #3060d6)!important;
    border-color: #116caf !important;
}
.btn-primary {
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
    background-color: #5b8cff !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5b8cff), to(#4876e7))!important;
    background-image: -webkit-linear-gradient(top, #5b8cff, #4876e7)!important;
    background-image: -o-linear-gradient(top, #5b8cff, #4876e7)!important;
    background-image: linear-gradient(to bottom, #5b8cff, #4876e7)!important;
    border-color: #1e7ec5 !important;
}
.input-group-addon{
    border: none!important;
    padding-left: 18px!important;
}
.loginLogo{
    text-align: center;
}
@media screen and (max-width: 768px) {
    .login-input {
        top: 8%;
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    .login-input .inputWrap .warnRow{
        width: 90%;
        margin: 0 5% 0 5%;
        left: 0;
    }
    .login-input .inputWrap .btn{
        width: 100%;
    }
}