.login-modal {
    width: 1007px;
    height: 576px;
    background: #ffffff;
    overflow: hidden;
}

/*.icheckbox_flat-red, .iradio_flat-red{*/
/*  background:  url('/res/images/iconimg/login_check.png');*/
/*  background-size: contain;*/
/*}*/
.icheckbox_flat-red.checked {
    background: url('/res/images/iconimg/login_checked.png');
    background-position: unset;
    background-size: contain;
}

.login-modal .login-left {
    background-size: cover;
    background-repeat: no-repeat;
    width: 468px;
    height: 576px;
    float: left;
    display: inline-block;
    text-align: center;
    /*background-image: url('/res/images/login_bc.png');*/
}

.login-modal .login-left .login-left-logo {
    /*height: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    margin-top: 50%;
}

.login-modal .login-left .login-left-bottom {
    width: 100%;
    height: 40px;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: center;*/
}

.login-modal .login-left .login-left-bottom .form-check-label {

}

.login-modal .login-left .login-left-bottom .form-check-label .login-check {

    margin-right: 6px;
    width: 17px;
    height: 17px;
    vertical-align: -4px;
}

.login-modal .login-right {
    width: 539px;
    display: inline-block;
    align-content: center;
}

.login-pwd-cont .i-checks {
    width: 318px;
}

.login-pwd-cont .i-checks span {
    vertical-align: -1px;
}

.login-modal .login-right .login-right-delt {
    width: 100%;
    height: 62px;
}

.login-modal .login-right .login-right-delt .login-right-delt-img {
    right: 10px;
    top: 10px;
    position: absolute;
}

.login-modal .login-right .login-right-cont {
    margin-left: 95px;
}

.login-modal .login-right .login-right-cont .register-choose {

}

.login-modal .login-right .login-right-cont .form-group {
    width: 318px;
    border: none;
    margin-block: 23.5px;
    border-bottom: 2px solid #EFEFEF;
    position: relative;
    height: 38px;
}

.login-modal .login-right .login-right-cont .form-group .form-control {
    border: none;
    font-size: 18px;
    padding: 0;
    line-height: 35px;
    margin-top: 20px;
    height: 35px;
    text-indent: 5px;
}

.login-modal .login-right .login-right-cont .form-group .i-checks {
    display: inline-block;
}

.login-modal .login-right .login-right-cont .login-right-cont-middle {
    margin-top: 50px;
    /*
                  将初始的checkbox的样式改变
                  */
    /*
                  设计新的checkbox，位置
                  */
    /*
                  点击初始的checkbox，将新的checkbox关联起来
                  */
}

.login-modal .login-right .login-right-cont .login-right-cont-middle .checkbox-custom {
    position: relative;
    padding: 0 15px 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
    display: inline-block;
}

.login-modal .login-right .login-right-cont .login-right-cont-middle .checkbox-custom input[type="checkbox"] {
    opacity: 0;
    /*将初始的checkbox隐藏起来*/
    position: absolute;
    cursor: pointer;
    z-index: 2;
    margin: -6px 0 0 0;
    top: 50%;
    left: 3px;
}

.login-modal .login-right .login-right-cont .login-right-cont-middle .checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 19px;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #D80110;
    background: #fff;
}

.login-modal .login-right .login-right-cont .login-right-cont-middle .checkbox-custom input[type="checkbox"]:checked + label:after {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    top: 42%;
    left: 3px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #333;
}

.login-modal .login-right .login-right-cont .login-right-cont-middle .checkbox-custom label {
    cursor: pointer;
    line-height: 1.2;
    font-weight: normal;
    /*改变了rememberme的字体*/
    margin-bottom: 0;
    text-align: left;
}

.login-modal .login-right .login-right-cont .flex-setting {
    height: 100%;
}

.login-modal .login-right .login-right-cont .login-iphone-code {
}

.login-modal .login-right .login-right-cont .login-iphone-code .login-iphone-code-pwd {
    font-size: 18px;
    color: #FF4D5C;
    letter-spacing: 0.38px;
    padding-left: 31px;
    border-left: 2px solid #EFEFEF;
    position: absolute;
    right: 0;
    top: 0;
}

.login-iphone-code-pwd obtain1 {
    position: absolute;
    right: 0;
    top: 0;
}

.login-modal .login-right .login-right-cont .btn-login {
    background-color: #D80110;
    border-color: #D80110;
    width: 327px;
    height: 48px;
    border-radius: 24px;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 18px;
}

.login-left-bottom .form-check {
    position: absolute;
    bottom: 27px;
}

.login-modal .login-right .login-right-bot {
    height: 86px;
    background: #F3F7F7;
    padding-left: 83px;
    padding-right: 38px;
    line-height: 86px;
    position: absolute;
    width: 538px;
    bottom: 1px;
}

.login-modal .login-right .login-right-bot .btn-register {
    border: 1px solid #D80110;
    background: #F3F7F7;
    font-size: 14px;
    color: #D80110;
    border-radius: 0;
    width: 94px;
    float: right;
    margin-top: 21px;
    height: 44px;
}

.nav {
    display: block;
    margin-left: 0.8rem;
}

.nav .nav-item {
    display: inline-block;
    height: 64px;
    line-height: 64px;
}

.login-modal .nav .nav-link {
    font-size: 22px;
    color: #999;
    letter-spacing: 0.47px;
    padding: 0px;
}

.login-modal .nav .nav-link:hover {
    display: inline-block;
    border-bottom: 3px solid red;
    padding-bottom: 8px;
    color: #D80110;
}

.login-modal .nav .active {
    display: inline-block;
    border-bottom: 3px solid red;
    padding-bottom: 8px;
    color: #D80110;
}
.login-modal  button{
   background: none;
   border: none;
}