.outContainer {
    height: calc(100vh - 175px);
    background-color: #f4f8ff;
}

.outContainer .bread-nav-bar {
    width: 1200px;
    margin: 0 auto;
}

.loginCenter {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border-radius: 16px;
    overflow: hidden;
}

.loginCenter .leftImg {
    float: left;
    width: 620px;
    height: 100%;
    background-image: url("../images/new/login_img.png");
    background-size: 506px 408px;
    background-position: center;
    background-repeat: no-repeat;
}

.loginCenter .rightForm {
    float: right;
    width: 580px;
    height: 100%;
    padding: 80px 0 0;

}

.loginCenter .rightForm .loginTypeTab {
    width: 360px;
    margin: 0 auto;
    overflow: hidden;
}

.loginCenter .rightForm .loginTypeTab .loginTypeTabItem {
    float: left;
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: Microsoft YaHei;
    color: #7c869c;
    font-size: 22px;
    border-bottom: 4px solid #7c869c;
    cursor: pointer;
}

.loginCenter .rightForm .loginTypeTab .loginTypeTabItem.active {
    color: #1a6cf3;
    font-weight: bold;
    border-bottom: 4px solid #1a6cf3;
}

.loginCenter .rightForm .loginForm {
    width: 360px;
    margin: 0 auto;
    padding-top: 40px;
}

.loginCenter .rightForm .loginForm .pwdLogin .username {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/username.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.loginCenter .rightForm .loginForm .pwdLogin .password {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/pwd.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.loginCenter .rightForm .loginForm .pwdLogin .code {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/code.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.loginCenter .rightForm .loginForm .pwdLogin .username input,
.loginCenter .rightForm .loginForm .pwdLogin .password input,
.loginCenter .rightForm .loginForm .pwdLogin .code input {
    width: 300px;
    height: 56px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
}

.loginCenter .rightForm .loginForm .pwdLogin .code input {
    width: 180px;
    vertical-align: middle;
}

.loginCenter .rightForm .loginForm .pwdLogin .code .codeImg {
    display: inline-block;
    width: 100px;
    height: 42px;
    cursor: pointer;
    vertical-align: middle;
}

.loginCenter .rightForm .loginForm .submitBox {
    margin-top: 40px;
}

.loginCenter .rightForm .loginForm .submitBox .submitBtn {
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-family: Microsoft YaHei;
    color: #ffffff;
    font-size: 24px;
    background: linear-gradient(90deg, #55a8f1 0%, #1a6cf3 100%);
    border-radius: 28px;
    color: #ffffff;
    border: none;
    outline: none;
    letter-spacing: 4px;
}

.loginCenter .rightForm .loginForm .submitBox .submitBtn:hover {
    background: #1a6cf3;
}

.loginCenter .rightForm .loginForm .msgLogin .phoneNum {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/phone.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.loginCenter .rightForm .loginForm .msgLogin .code {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/code.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.loginCenter .rightForm .loginForm .msgLogin .phoneNum input,
.loginCenter .rightForm .loginForm .msgLogin .code input {
    width: 300px;
    height: 56px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
}

.loginCenter .rightForm .loginForm .msgLogin .code input {
    width: 180px;
    vertical-align: middle;
}

.loginCenter .rightForm .loginForm .msgLogin .code .getCode {
    display: inline-block;
    width: 100px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    vertical-align: middle;
    color: #1a6cf3;
    text-align: center;
}

.loginCenter .rightForm .loginForm .emailLogin .email {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/email1.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
}

.loginCenter .rightForm .loginForm .emailLogin .code {
    height: 56px;
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #dddeee;
    border-radius: 28px;
    padding: 0 10px 0 50px;
    overflow: hidden;
    background-image: url("../images/new/code.png");
    background-size: 20px 20px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    margin-top: 20px;
}

.loginCenter .rightForm .loginForm .emailLogin .email input,
.loginCenter .rightForm .loginForm .emailLogin .code input {
    width: 300px;
    height: 56px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
}

.loginCenter .rightForm .loginForm .emailLogin .code input {
    width: 180px;
    vertical-align: middle;
}

.loginCenter .rightForm .loginForm .emailLogin .code .getEmailCode {
    display: inline-block;
    width: 100px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    vertical-align: middle;
    color: #1a6cf3;
    text-align: center;
}

.loginCenter .rightForm .loginForm .info_list {
    margin-top: 20px;
}