/*注册登录样式开始*/
.login {background: #f4f8fa;width: 100%;height: 100%;min-height: 940px;}
.login-wrap {width: 960px;margin: 0 auto;}
.login-w-imgbox, .login-wrap .login-w-logo1 {width: 960px;}
.login-wrap .login-w-logo1 {padding: 20px 0;text-align: center}
.login-wrap .login-w-logo1 img {display: inline-block;margin: 0 auto}
.login-title-txt {width: 600px;height: 2px;background: #d3d8db;margin: 0 auto 20px;}
.login-title-txt span {display: inline-block;width: 140px;height: 20px;background: #f4f8fa;top: -9px;left: 224px;font-size: 14px;color: #a6aaad;text-align: center;}
.login-btn {width: 600px;margin: 0 auto;}
.login-btn p {width: 385px;height: 42px;margin-bottom: 10px;}
.login-btn input {display: inline-block;width: 283px;width: 263px \9;height: 40px;padding: 0px 10px;background: #fff;color: black;font-size: 14px;border: 1px solid #d3d8db;border-radius: 4px;}
.login-btn input:-moz-placeholder {color: #9b9fa1}
.login-btn input:-ms-input-placeholder {color: #9b9fa1}
.login-btn input::-webkit-input-placeholder {color: #9b9fa1}
.login-btn input::-moz-placeholder {color: #9b9fa1}
.login-btn .login-l span {width: 85px;text-align: right;}
.login-btn .login-l span.fl {width: 210px;}
.login-btn .login-l span.fr {width: 126px;}
.login-btn p i {color: #ff6161;right: 8px;top: 10px;font-size: 24px;display: inline-block;height: 20px;width: 20px;}
.login-button-l input {background: #00aaee;width: 283px;color: #fff;border: none;cursor: pointer;}
.login-wrap .login-l {width: 360px;}
.login-wrap .login-r {width: 170px;border-left: 1px solid #d3d8db;padding-left: 34px;height: 200px;color: #9b9fa1;}
.login-wrap .login-code-txt {width: 153px;font-size: 12px;padding: 10px 0;text-align: center}
.copyright-txt {bottom: 0;color: #444647;text-align: center;width: 100%;font-size: 12px;padding-bottom: 10px;}

.login-title-txt-c, .login-btn-c {width: 370px;margin: 20px auto;}
.login-title-txt-c span {left: 106px;}
/*.login-btn p.tel-key input{width:126px;float:left;}*/
/*.login-btn p.tel-key i{right:138px;}*/
/*.login-title-txt-c,.login-btn-c{width:360px;margin: 20px auto;}*/
/*.login-title-txt-c span{left:112px}*/
.login-btn p.tel-key input {width: 146px;width: 126px \9;float: left;}
.login-btn p.tel-key i {right: 146px;}
.login-btn p.tel-key input.tel-key-btn {margin-left: 6px;width: 130px;height: 42px;border: none;background: #ffa200;color: #fff;cursor: pointer}
.login-l p.tel-nmb {height: 60px;}
.login-l p.tel-nmb em {left: 90px;bottom: -6px;color: #aaa;}
.login-btn-c select {display: inline-block;width: 283px;width: 285px \9;height: 40px;padding: 0 10px;padding: 0 0 0 10px \9;background: #fff;color: #9b9fa1;font-size: 14px;border: 1px solid #d3d8db;border-radius: 4px;}


/*//根据ui效果图修改css*/
.login-footer ul {
    margin: auto;
    display: inline-block;
    margin-top: 16px;
}
.login-footer ul li {
    float: left;
    font-size: 10px;
    margin-bottom: 6px;
}
.login-footer {
    font-size: 10px;
    color: #999999;
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 64px;
    width: 100%;
    background-color: #FFFFFF
}
.login-input {
    margin: auto;
    width: 82%;
    border: none;
    border-bottom: 1px solid #f4f4f4;
}
.login-input:focus {
    border-bottom: 1px solid #455FFE !important;
}
.loginTypeSelected {
    border-bottom: 3px solid #455FFE;
    color: #000000;
    font-weight: bold;
}
.login-section {
    position: absolute;
    top: 68px;
    bottom: 64px;
    width: 100%;
    background-size: cover;
}
.login-section > div {
    position: absolute; right: 6.25%; width: 320px; background-color: #FFFFFF; top: 21.67%; padding-bottom: 32px;
}

@media screen and (min-width: 1920px){
    .login-section > div {
        right: 26.25%;
        width: 408px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1919px){
    .login-section > div {
        right: 16.25%;
        width: 380px;
    }
}

@media screen and (min-width: 450px) and (max-width: 992px){
    .login-section > div {
        width: 408px;
        right: 50%;
        margin-right: -204px;
        top: 10%;
    }
}
@media screen and (max-width: 450px){
    .login-section > div {
        right: 50%;
        margin-right: -160px;
        top: 10%;
    }
}


.login-header {
    height: 68px;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0 64px;
    box-sizing: border-box
}
.login-header > div {
    width: 50%;
    height: 100%;
    float: left
}
.loginLogo {
    float: left;
    margin-top: 15px;
    cursor: pointer;
}
.loginLeft {
    width: 1px;
    height: 24px;
    background-color: #e5e5e5;
    float: left;
    margin-top: 22px;
    margin-left: 20px;
    margin-right: 20px
}
.headerName {
    font-size: 18px;
    color: #808080;
    line-height: 24px;
    margin-top: 22px;
    float: left;
    cursor: default;
}
.downLoadName {
    font-size: 15px; color: #333333; float: right; margin-top: 24px; line-height: 20px; cursor: pointer;
}
.loginRight {
    width: 1px; height: 20px; background-color: #e5e5e5; float: right; margin-top: 22px; margin-left: 20px; margin-right: 20px
}
.loginPhone {
    font-size: 15px; color: #808080; float: right; margin-top: 24px; line-height: 20px; cursor: default;
}
.formHeader {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.formHeader > div {
    display: inline-block; width: 77px; height: 28px; color: #FAC83C; font-size: 14px; padding-top: 4px; padding-left: 7px; line-height: 20px; box-sizing: border-box
}
.loginType {
    font-size: 16px; line-height: 41px; color: #666666; padding-top: 20px; padding-left: 30px
}
.loginType > li {
    display: inline-block; cursor: pointer
}
.forgotPassword {
    text-align: right; margin-top: 14px; width: 82%; margin-left: 9%;
}
.forgotPassword > a {
    display: inline-block; font-size: 12px; color: #808080;
}
.loginBtn {
    margin-top: 24px;
}
.loginBtn > .layui-btn {
    height: 40px;border-radius: 6px; width: 82%; background-color: #455FFE; margin-left: 9%;
}

.layui-form-checkbox[lay-skin=primary] {
    padding-left: 0;
}
.layui-form-checkbox[lay-skin=primary] i {
    border: 1px solid #455FFE;
    border-radius: 100%;
    box-sizing: border-box;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #455FFE !important;
    background-color: #455FFE;
    border-radius: 100%;
    box-sizing: border-box;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #455FFE;
    color: #fff;
}
.addressDv:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.layui-form-radio > i {
    font-size: 18px;
}
.layui-form-radioed > i {
    color: #455FFE !important;
}
.layui-form-radioed {
    color: #455FFE !important;
}
.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #455FFE
}
.layui-form-select dl dd.layui-this {
    background-color: #455FFE;
}
.loginBgInfo{
    width: 33.33%;
    height: auto;
    position: absolute;
    left: 17.7%;
    top: 16.1%;
}
@media screen and (max-width: 996px){
    .loginBgInfo {
        display: none;
    }
}
/*注册登录样式结束*/