/* 
* @Author: gly
* @Date:   2020-8-28 15:58:31
*/

#logoArea,
#logo {

}

#logo p {
    color: #000000 !important;
    font-size: 24px !important;
    float: left;
    margin-top: 5px;
    font-weight: 400;
}

#logo span {
    float: right;
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    margin-top: 5px;
}

.login_content {
    width: 100%;
    height: 700px;
    padding: 152px 0;
    background: url(../images/commentimg/jxwz_loginBg.png) no-repeat center ;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.footer_area {
    margin-top: 0px;
}

.login_left {
    width: 539px;
    height: 425px;
    margin-left: 60px;
    float: left;
    margin-top: 60px;

}

.login_left h3 {
    width: 559px;
    height: 43px;
    background: url(../images/commentimg/titlebuy.png) no-repeat center center;
}

.login_left p {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 24px;
}

.lianxi_icon {
    width: 260px;


    margin: 0 auto;
    margin-top: 79px;
}

.lianxi_icon li {
    float: left;
    margin-right: 32px;
}

.marginrzero {
    margin-right: 0px !important;
}

.lianxi_icon li:last-child {
    margin-right: 0px;
}

.lianxi_icon img {
    width: 90px;
    height: 90px;
    margin-left: 11px;
}

.login_left .lianxi_icon p {
    display: block;
    width: 114px;
    height: 16px;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    margin-top: 3px;
    color: #FFFFFF;
}

/* 登录 */
.login_right {
    width: 385px;
    height: 357px;
    background-color: white;
    float: right;
    border-radius: 8px;
    padding: 34px 54px;
    position: relative;
}

.login_right h3 {
    font-size: 24px;
    color: #333333;
    font-weight: 400;
    text-align: center;
    margin-bottom: 33px;
}
.login_right .phone_title {
    display: flex;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}

.login_right .phone_title div{
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #0b0b0b;
    width: 64px;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    cursor: pointer;
}

.login_right .phone_title .seletediv {
    color: #D0111A;
}

.login_right .phone_title  .seletediv::after {
    content: '';
    position: absolute;
    left: 27px;
    width: 10px;
    bottom: 2px;
    height: 5px;
    background: url(../images/commentimg/login/login_xl.png) no-repeat center center;
    background-size: cover;
}


.login_right .phone_title .dx {
    margin-right: 40px;

}






.login_input {
    width: 385px;
    height: 125px;
}

.tow {
    width: 385px;
    height: 205px;
}

.login_input input {
    position: relative;
    width: 360px;
    height: 40px;
    border-radius: 8px;
    border:none;
    padding-left: 30px;
    font-size: 14px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-bottom: 4px !important;
    border-radius: 20px;
    box-sizing: border-box;
    background: #F3F3F3;
    box-shadow: none;


}

.login_input #phone {}

.userPhone,
.phone_code,
.last_code {
    position: relative;
}
.userPhone{
    height: 69px;
    /*margin-bottom: 20px;*/
}
.last_code {
    margin-top: 7px;
    height: 65px;
}

.phone_icon,
.code_icon,
.pass_icon,
.password_icon{

    position: absolute;
    display: block;


}

.phone_icon {
    /*width: 16px;*/
    /*height: 24px;*/
    /*background: url(../images/commentimg/login/phonenumber.png) no-repeat center center;*/
    /*top: 9px;*/
    /*left: 17px;*/
    /*z-index: 99;*/
}

.code_icon {
    /*width: 20px;*/
    /*height: 16px;*/
    /*background: url(../images/commentimg/login/massege.png) no-repeat center center;*/
    /*top: 14px;*/
    /*left: 17px;*/
    /*z-index: 99;*/
}
.password_icon {
    width: 20px;
    height: 20px;
    background: url(../images/commentimg/login/password_icon.png) no-repeat center center;
    top: 11px;
    left: 17px;
    z-index: 99;
}
.pass_icon {
    width: 20px;
    height: 18px;
    background: url(../images/commentimg/login/passIcon.png) no-repeat center center;
    top: 14px;
    left: 17px;
    z-index: 99;
}

.listen,
.phone_listen {
    display: inline-block;
    color: #D0111A;
    height: 20px;
    font-size: 12px;
    /*margin-bottom: 12px;*/
    padding-left: 20px;
}

.send_code {
    position: absolute;
    right: 25px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    width: 120px;
    color: #fff !important;
    background: #D0111A;
    border-radius: 20px;
    text-align: center;
}
.send_code:hover {
    color: #fff !important;
}

.tiaokuai {
    width: 100%;
    height: 19px;
    /* background-color: red; */
    margin-top: 40px;
    font-size: 13px;
}

.yescheckbox {

    border: 1px solid #999999;
    float: left;
    margin-right: 14px;
}

.tiaokuai p {
    padding-left: 21px;
    color: #999999;
    line-height: 20px;
}

.tiaokuai p a {
    color: #D0111A !important;
}

.loginrightNow,
.userloginNow {
    display: block;
    width: 385px;

    background-color: #D0111A;
    margin: 0 auto;
    margin-top: 24px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: white !important;
    border-radius: 25px;
}

.loginrightNow:hover {
    color: white !important;
}

.userloginNow:hover {
    color: white !important;
}

/*.account_number,*/
.user_number {
    /*width: 100px;*/
    /*display: block;*/
    /*font-size: 14px;*/
    /*color: #E02020 !important;*/
    /*margin-top: 14px;*/
    /*float: left;*/
}

.phonelog,
.passwordLog {
    /* position: absolute; */
}

.phonelog {
    display: block;
}

.passwordLog {

}

.user_code_number {
    display: block;
    width: 121px;
    height: 40px;
    line-height: 40px;
    background-color: #E4E4E4;
    position: absolute;
    right: 25px;
    top: 0px;
    text-align: center;
    font-size: 16px;
}
.forgetClass {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.forget_Password {
    /*width: 100px;*/
    /*display: block;*/
    /*float: right;*/
    /*text-align: right;*/
    /*margin-top: 14px;*/
    /*font-size: 14px;*/
    /*color: red !important;*/
}

.disabled {
    color: #fff !important;
}

.red {
    color: #fff !important;
}
.logoBar{
    /* overflow: hidden; */
}
a:hover {
    /*color: none !important;*/
}

input:focus {
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 4px rgba(82,168,236,0.8) !important; */
    box-shadow: none !important;
}

.listen,
.phone_listen,
.user_check,
.code_listion {
    display: inline-block;
    color: #D0111A;
    font-size: 12px;
    /*margin-bottom: 9px;*/
    padding-left: 20px;

    height: 20px;
}

.passCheck {
    display: block;
    height: 18px;
    padding-left: 20px;
}

@media screen and (max-width: 1200px) {
    .login_left {
        display: none;
    }
    #logoArea{
        margin-left: 0px!important;
    }
    .login_right {
        margin: 0 auto;
        float: none;
        width: 70%;
        /* padding: 10px !important; */
    }

    .login_input{
        width: 80%;
    }
    .phonelog,.passwordLog{
        width: 100%;
        margin-left: 8%;
        height: auto !important;
        margin: 0 auto !important;
    }
    .login_input input{
        width: 116%;
    }
    .send_code{
        right: -60px;
    }
    .tiaokuai{
        margin-top: 60px;
    }
    .loginrightNow, .userloginNow{
        width: 80%;
        margin-top: 30px;
    }
    .user_code_number{
        right: -114px;
    }
}
@media screen and (max-width: 980px) and (min-width: 500px){
    .phonelog,.passwordLog{
        width: 100%;
        margin-left:-1%;
    }
    #logo span{
        margin-right: 20px;
    }
    .user_code_number{
        right: -25%;
    }
}
@media screen and (max-width: 499px) {
    .user_code_number{
        right: -36%
    }
}
/*用户须知样式0304*/
.userInstruction{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:999999;}
.userInstruction .box{width:auto;height:auto;background:#fff;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px 20px;box-sizing: border-box;}
.userInstruction .box div{font-size:16px;line-height:28px;width:800px;}
.userInstruction .box div p:nth-child(1) b{font-size:24px;}
.userInstruction .box div p:nth-child(1){margin-bottom:20px;}
.userInstruction .box div p:last-child{color:#999;font-size:14px;}
.userInstruction .konw{width:100px!important;height:36px;background:#D0111A;color:#fff;border-radius:5px;line-height:36px!important;margin:20px auto 0;cursor: pointer;font-size:14px!important;}