/*
* 登录 注册
*/
body {
    background-color: #fff;
}

#userlogo {
    height: 100px;
    padding-top: 20px;
}

/*
* 登录
*/
#login_box {
    height: 600px;
    background-color: white;
    width: 800px;
    margin: auto;
    padding: 40px 0 0 0;
}

.lg_left {
    width: 720px;
    float: left;
    height: 442px;
}

.lg_left h1 {
    font-size: 26px;
    font-weight: normal;
    color: #5a8bc5;
    margin-top: 26px;
    margin-left: 80px;
    font-family: '\5FAE\8F6F\96C5\9ED1';
}

.lg_form {
    margin-top: 32px;
    margin-left: 100px;
    position: relative;
    width: 620px;
}

.lg_name {
    float: left;
    margin-left: 14px;
    margin-left: 14px \9;
    *margin-left: 13px;
    _margin-left: 7px;
}

.lg_name span {
    font-size: 14px;
    float: left;
    margin-top: 2px;
    line-height: 29px;
    color: #333;
}

.lg_name .text {
    width: 226px;
    height: 30px;
    line-height: 30px;
    border: 1px #cfcfcf solid;
    padding-left: 8px;
    color: #999;
    margin-left: 8px;
    font-size: 12px;
}

.lg_pass {
    margin-top: 20px;
    margin-left: 14px;
    float: left;
    margin-left: 14px \9;
    *margin-left: 13px;
    _margin-left: 7px;
}

.lg_pass .text {
    width: 226px;
    height: 30px;
    line-height: 30px;
    border: 1px #cfcfcf solid;
    padding-left: 8px;
    margin-left: 8px;
}

.lg_pass span {
    font-size: 14px;
    float: left;
    margin-top: 2px;
    line-height: 29px;
    color: #333;
}

.lg_chk {
    margin-top: 20px;
    float: left;
}

.lg_chk .text {
    width: 106px;
    height: 30px;
    line-height: 30px;
    border: 1px #cfcfcf solid;
    padding-left: 8px;
    margin-left: 8px;
    vertical-align: middle;
    color: #999;
    font-size: 14px;
}

.lg_chk span {
    font-size: 14px;
    float: left;
    margin-top: 2px;
    line-height: 29px;
    color: #333;
}

.lg_chk img {
    margin-left: 8px;
    width: 100px;
    height: 35px;
    margin-top: -3px;
    vertical-align: middle;
    *padding-top: 2px;
}

.lg_chk a {
    margin-left: 5px;
    color: #09E;
    font-size: 12px;
}

.err_name {
    float: left;
    margin-top: 9px;
    margin-left: 12px;
    visibility: hidden;
    *margin-top: 0px;
    _margin-top: 0px;
}

.err_name span {
    background: url(/img/error_01.png) no-repeat left center;
    margin-left: 4px;
    color: #ff0000;
    padding-left: 21px;
    *padding: 5px 0 2px 21px;
    *line-height: 30px;
    _padding: 5px 0 2px 21px;
    _line-height: 30px;
    display: block;
    font-size: 12px;
    height: 17px;
    line-height: 16px;
}

.err_pass {
    float: left;
    margin-top: 28px;
    margin-left: 12px;
    visibility: hidden;
    *margin-top: 21px;
    _margin-top: 21px;
}

.err_pass span {
    background: url(/img/error_01.png) no-repeat left center;
    margin-left: 4px;
    color: #ff0000;
    padding-left: 21px;
    *padding: 5px 0 2px 21px;
    *line-height: 30px;
    _padding: 5px 0 2px 21px;
    _line-height: 30px;
    display: block;
    font-size: 12px;
    height: 17px;
    line-height: 16px;
}

.err_chk {
    float: left;
    margin-top: 25px;
    margin-left: 12px;
    visibility: hidden;
    *margin-top: 21px;
    _margin-top: 21px;
}

.err_chk span {
    background: url(/img/error_01.png) no-repeat left center;
    margin-left: 4px;
    color: #ff0000;
    padding-left: 21px;
    *padding: 5px 0 2px 21px;
    *line-height: 30px;
    _padding: 5px 0 2px 21px;
    _line-height: 30px;
    display: block;
    font-size: 12px;
    height: 17px;
    line-height: 16px;
}

.lg_remember {
    margin-top: 20px;
    margin-left: 60px;
}

.lg_remember .check {
    vertical-align: middle;
    text-align: center;
    _margin-top: -3px;
    margin-right: 2px;
}

.lg_remember span {
    color: #666666;
    cursor: pointer;
    font-size: 12px;
}

.lg_login {
    margin-top: 15px;
}

.lg_login .sub {
    cursor: pointer;
    display: inline-block;
    outline: none;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: medium none;
    border-radius: 4px;
    width: 242px;
    height: 29px;
    font-size: 16px;
    color: #E8F0DE;
    background: #64991E;
    background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
    background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font: 16px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.lg_login .sub:hover {
    background: #538018;
}

.lg_login a {
    color: #666;
    text-decoration: underline;
    margin-left: 12px;
    font-size: 12px;
}

.ot_login {
    margin-left: 60px;
    margin-top: 40px;
}

.ot_login span {
    color: #999;
}

.ot_btn {
    margin-top: 15px;
}

.ot_btn a {
    float: left;
    margin-left: 3px;
    *margin-left: 1px;
}

.lg_right {
    width: 230px;
    float: left;
    margin-top: 30px;
    border-left: 1px solid #e5e5e5;
    height: 370px;
}

.lg_right h2 {
    font-size: 22px;
    font-family: '\5FAE\8F6F\96C5\9ED1';
    font-weight: normal;
    color: #5a8bc5;
    margin-left: 40px;
    margin-bottom: 36px;
}

.lg_right span {
    margin-top: 15px;
    margin-left: 40px;
    color: #333;
    float: left;
    font-size: 14px;
    font-family: '\5FAE\8F6F\96C5\9ED1';
}

.lg_right .regbtn {
    cursor: pointer;
    display: inline-block;
    outline: none;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 111px;
    height: 29px;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 40px;
    color: white;
    background: #F78D1D;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A), to(#F47A20));
    background: -moz-linear-gradient(top, #FAA51A, #F47A20);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border: solid 1px #DA7C0C;
    font-family: '\5FAE\8F6F\96C5\9ED1';
    font-weight: normal;
    line-height: 28px;
}

.lg_right .regbtn:hover {
    background: #f16206;
}

.iserror {
    background: url(/img/error_login.png) no-repeat 0 0;
    width: 248px;
    height: 133px;
    position: absolute;
    left: 334px;
    top: 0;
}

.iserror .war {
    margin-top: 10px;
    margin-left: 25px;
}

.iserror .war img {
    vertical-align: middle;
    text-align: center;
    _margin-top: -3px;
}

.iserror .war span {
    margin-left: 6px;
    color: #ff0000;
    font-weight: bold;
}

.iserror .content {
    margin-left: 25px;
    margin-top: 14px;
    height: 190px;
}

.books {
    width: 100%;
    height: 100%;
    background-color: #F8F8F8;
}

.books input {
    width: 400px;
    height: 30px;
    line-height: 30px;
}

.books input::placeholder {
    color: #999;
}

.books .banner {
    height: 30px;
    background-color: #DADADA;
    width: 100%;
    margin-top: 10px;
    padding-left: 20px;
    line-height: 30px;
    border: 1px #C9C9C9 solid
}

.books .item {
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px #eee solid;
    cursor: pointer
}

.layui-layer-page .layui-layer-content {
    /*height: 403px !important;*/
    padding: 0;
}

/*登录*/
.login-title-view {
    margin: 0 auto;
    display: flex;
}

.login-title-view .left {
    display: inline-block;
    flex: 1;
}

.login-title-view .title {
    color: #2C3B47;
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    margin-left: 0px;
    display: inline-block;
}

.login-title-view .verticle-line {
    width: 1px;
    height: 18px;
    background-color: #999;
    margin-left: 10px;
    display: inline-block;
}

.login-title-view .tip {
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px;
    display: inline-block;
}

.login-title-view .right {
    color: #38f;
    font-size: 14px;
    display: inline-block;
    float: right;
    vertical-align: bottom;
}

.login-title-view a {
    color: #38f;
}

.login-line {
    margin: 10px auto 0 auto;
    height: 1px;
    background-color: #D9D9D9;
}

.login-content, .register-content {
    display: flex;
}

.login-content .login-left, .register-content .register-left {
    margin-left: 99px;
    margin-top: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.login-input-view, .register-input-view {
    margin-top: 30px;
    width: 348px;
}

.login-input-view .component, .register-input-view .component {
    display: flex;
    position: relative;
}

.login-input-view .value, .register-input-view .value {
    width: 260px;
    padding-left: 24px;
    padding-right: 10px;
    color: #333333;
    font-size: 14px;
    border: none;
    line-height: 20px;
    height: 22px;
    flex: 1;
}

.login-input-view .name, .register-input-view .name {
    color: #333333;
    font-size: 14px;
    width: 60px;
    display: inline-block;

}

.login-input-view .line, .register-input-view .line {
    width: 348px;
    height: 1px;
    margin-top: 10px;
    background-color: #f3f3f3;
}

.login-input-view .tip, .register-input-view .tip {
    color: #EE0001;
    font-size: 12px;
    margin-left: 85px;
    height: 17px;
    margin-top: 4px;
}

.login-verify-view {
    margin-top: 30px;
    width: 348px;
}

.login-verify-view .component {
    display: flex;
}

.login-verify-view .value {
    width: 190px;
    margin-left: 15px;
    color: #333333;
    font-size: 14px;
    border: none;
}

.login-verify-view .name {
    color: #333333;
    font-size: 14px;
}

.login-verify-view .line {
    width: 348px;
    height: 1px;
    margin-top: 10px;
    background-color: #f3f3f3;
}

.login-verify-view .tip {
    color: #EE0001;
    font-size: 12px;
    margin-left: 85px;
    height: 17px;
    margin-top: 4px;
}

.login-verify-view .send {
    color: #38f;
    font-size: 14px;
    border: none;
    background-color: #FFFFFF;
    width: 70px;
    text-align: right;
}

.login-security {
    display: flex;
    width: 348px;
}

.login-check-box {
    display: inline-block;
    margin-top: 25px;
}

.login-check-box .key {
    background-color: #38f;
    vertical-align: middle;
}

.login-check-box .value {
    margin-left: 7px;
    color: #666666;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}

.login-security a {
    margin-top: 25px;
    color: #666666;
    font-size: 12px;
}

.login-content .login-left .login-button, .register-content .register-left .register-button {
    width: 350px;
    height: 46px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    background-color: #38f;
    margin-top: 30px;
    border: none;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
}

.login-content .login-left .login-button:focus, .register-content .register-left .register-button:focus {
    outline: 5px auto #38f;
    outline-offset: -2px;
}

.login-download-view, .register-avatar-view {
    width: 210px;
    height: 243px;
    margin-left: 40px;
    display: inline-block;
    margin-top: 40px;
    vertical-align: top;
}

.register-avatar-view {
    width: 240px;
}

.login-download-view .icon {
    width: 103px;
    height: 103px;
    background-color: #38f;
    overflow: hidden;
}

.register-avatar-view .icon {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    overflow: hidden;
}

.register-avatar-view .desc {
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
}

.login-download-view .title {
    color: #666666;
    font-size: 14px;
    padding-top: 20px;
}

.login-download-view .desc {
    color: #666666;
    font-size: 12px;
    padding-top: 4px;
}

.login-download-view .button {
    width: 143px;
    height: 29px;
    color: #333333;
    font-size: 12px;
    margin-top: 8px;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
}

.login-download-view .button:focus {
    outline: 5px auto #EFEFEF;
    outline-offset: -2px;
}

.login .tip-view {
    width: 452px;
    text-align: center;
    height: 36px;
    background-color: rgba(255, 216, 86, 0.5);
    border: 1px solid rgb(255, 216, 86);
    border-radius: 5px;
    color: #EE0001;
    font-size: 12px;
    line-height: 36px;
    margin-left: 173px;
    display: none;
}

.hidden {
    display: none !important;
}

.go-login-page {
    display: inline-block;
    float: right;
}

input[type=text]::placeholder, input[type=password]::placeholder {
    color: #999999;
}