html body {
    margin: 0px;
    padding: 0px;
    font-family: PingFangSC-Regular;
}

html {
}

body {
    margin: 0px;
    padding: 0px;
    /*background: url('../../../../static/img/003/bg.png') no-repeat center center;*/
    background-image: linear-gradient(0deg, #E7EEFF 0%, #F6FAFF 100%);
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-width: 1200px;
    min-height: 800px;
}

::-webkit-scrollbar {
    width: 0px !important;
}

body::-webkit-scrollbar {
    width: 0 !important
}

body {
    -ms-overflow-style: none;
}

body {
    overflow: -moz-scrollbars-none;
}

.leftBg {
    position: absolute;
    background: url(../../../../static/img/005/bg_left.png) no-repeat center center;
    width: 558px;
    height: 1080px;
    left: 50%;
    transform: translate3d(-50%,0,0);
    margin-left: -681px;
    margin-top: 0px;
}
.rightBg {
    position: absolute;
    background: url(../../../../static/img/005/bg_right.png) no-repeat center center;
    width: 558px;
    height: 1080px;
    left: 50%;
    transform: translate3d(-50%,0,0);
    margin-left: 616px;
    margin-top: 0px;
}

/*
                .bgMain {

                    position: absolute;
                    height: 600px;
                    width: 196px;
                    top: 50%;
                    left: 50%;
                    margin-left: -798px;
                    text-align: center;
                    transform: translate3d(-50%,-50%,0);
                }
        */
.loginMain {
    margin-top: 240px;
    position: absolute;
    width: 1200px;
    height: 800px;
    left: 50%;
    transform: translate3d(-50%,0,0);
}

.loginLeftMain {
    width: 711px;
    height: 600px;
    float: left;
}

.loginRightMain {
    width: 488px;
    height: 600px;
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 #1f358e29;
    border-radius: 8px;
    float: left;
}

.switchTab {
    width: 72px;
    height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    letter-spacing: 0;
    line-height: 20px;
    float: left;
    cursor: pointer;
}

.active {
    width: 80px !important;
    height: 34px !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #333333 !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
    float: left;
    /*       width: 18px;
                    height: 4px;
                    background: #3182FF;
                    border-radius: 8px;
                    border-radius: 2px;*/
}

    .active::after {
        content: '';
        width: 18px;
        height: 10px;
        display: block;
        margin: 0 auto;
        border-bottom: 4px solid #3182FF;
        padding: 0px;
    }


.loginInput {
    width: 329px;
    height: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    letter-spacing: 0;
}

input:focus {
    outline: 0;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.loginMain a {
    color: #3182ffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
    text-decoration: none;
}

.loginLeftMainLogo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 649px;
    height: 64px;
    background: url('../../../../static/img/003/logo.png') no-repeat center center;
}

.loginLeftMainBg {
    background: url('../../../../static/img/003/left.png') no-repeat center center;
    margin-top: 0px;
    
    height: 100%;
}

.goHome {
    margin-top: 30px;
    margin-left: 20px;
    width: 94px;
    height: 28px;
    background: #F6F8FF;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #637698;
    letter-spacing: 0;
    line-height: 14px;
    border: 1px solid #99B4E1;
    cursor: pointer;
}


.goHomeText {
    padding: 8px 4px 8px 10px;
    width: 56px;
    height: 14px;
    display: block;
    float: left;

    font-weight: 400;
    font-size: 14px;
    color: #637698;
    letter-spacing: 0;
    line-height: 14px;
}

.goHomeBtn {
    background: url('../../../../static/img/003/l_ic_back.png') no-repeat center center;
    height: 14px;
    width: 14px;
    margin-left: 70px;
}

.switchTabs {
    margin: 20px 138px 14px 146px;

    width:100%;
    height: 34px;
    text-align:center;
}

.userNameLine {
    margin-left: 29px;
    margin-top: 60px;
    width: 429px;
    height: 56px;
    background: #F2F4F8;
    border-radius: 4px;
}

.userNameLineIcon {
    background: url('../../../../static/img/003/ic_用户.png') no-repeat center center;
    height: 22px;
    width: 22px;
    margin: 16px 4px 16px 13px;
    float: left;
}

.loginMain input {
    float: left !important;
    margin: 16px 0px 16px 13px !important;
    border: none !important;
    background: none !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #333333 !important;
}

.passwordLine {
    margin-left: 29px;
    margin-top: 16px;
    width: 429px;
    height: 56px;
    background: #F2F4F8;
    border-radius: 4px;
}

.passwordLineIcon {
    background: url('../../../../static/img/003/ic_密码.png') no-repeat center center;
    height: 22px;
    width: 22px;
    margin: 17px 4px 17px 13px;
    float: left;
}

.passwordLineSeeIcon {
    background: url('../../../../static/img/003/ic-闭眼.png') no-repeat center center;
    height: 28px;
    width: 28px;
    margin: 14px 16px 14px 0px;
    float: left;
    cursor:pointer;
}

.forget {
    margin-left: 388px;
    margin-top: 20px;
    width: 70px;
    height: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    text-align: right;
    line-height: 14px;
}

.tips {
    margin-left: 29px;
    margin-top: 24px;
    width: 429px;
    height: 26px;
}

.submitBtnLine {
    margin-left: 29px;
    margin-top: 10px;
    width: 429px;
    height: 56px;
    background: #D2D2D2;
    border-radius: 8px;
    text-align: center;
    cursor:pointer;
}

.submitBtn {
    height: 100%;
    width: 98%;
    border: none;
    background: none;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 18px;
    border-radius: 8px;
}

.agreeInfoLine {
    margin-left: 29px;
    margin-top: 20px;
    height: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    text-align: left;
    line-height: 14px;
}

.registerLine {
    margin-top: 59px;
    color: #999999ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: center;
}

.copyrightMain {
    width: 1200px;
    opacity: 0.8;
    font-weight: 400;
    font-size: 14px;
    color: #637698;
    letter-spacing: 0;
    text-align: center;
    padding-top: 180px;
    clear: both;
    display: block;
    padding-bottom: 40px;
}



.phoneLine {
    margin-left: 29px;
    margin-top: 60px;
    width: 429px;
    height: 56px;
    background: #F2F4F8;
    border-radius: 4px;
}
.phoneLineIcon {
    background: url('../../../../static/img/006/ic_tel.png') no-repeat center center;
    height: 22px;
    width: 22px;
    margin: 17px 4px 17px 13px;
    float: left;
}

.phoneAreaLineIcon {
    height: 22px;
    width: 22px;
    margin: 17px 4px 17px 13px;
    float: left;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 23px;
}

.codeLine {
    margin-left: 29px;
    margin-top: 16px;
    width: 257px;
    height: 56px;
    background: #F2F4F8;
    border-radius: 4px;
}

.codeLineIcon {
    background: url('../../../../static/img/006/ic_验证码.png') no-repeat center center;
    height: 22px;
    width: 22px;
    margin: 17px 4px 17px 13px;
    float: left;
}


.codeLineBtn {
    margin-left: 273px;
    width: 156px;
    height: 56px;
    background: #3182FF;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.codeBtn {
    height: 100%;
    border: none;
    background: none;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 18px;
    border-radius: 8px;
    cursor: pointer;
}

.fixLine {
    margin-top: 20px;
    margin-left: 29px;
    color: #999999ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
}

    .fixLine a {
        color: #3182ffff;
        cursor: pointer;
        text-decoration: none;
    }

.successImg {
    margin-top: 60px;
    margin-left: auto;
    height: 100px;
    text-align: center;
    background: url('../../../../static/img/009/ic_成功.png') no-repeat center center;
}

.successInfo {
    margin-top: 20px;
    margin-left: auto;
    height: 16px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
}