body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #fff;
}
main {
    flex: 1;
    position: relative;
}
.footer{
    color: white;
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
}
.modal-footer {

    text-align: center;

}

#left{
    width:60%;
    height:100%;
    /*background-image: url("../images/loginbackground.jpg");*/
    background-image: url("../images/newbackground.jpg");
    background-repeat: no-repeat;
    background-size: cover ;
    background-position:  center center;
    position: absolute;
    top:0;
    left:0;
}
#right{
    width:40%;
    height:100%;
    position: absolute;
    top:0;
    right:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.webName{
    color: #34495e;
    font-size: 35px;
    margin-bottom: 150px;
    letter-spacing: 2px;
    font-family: 'zongyijt296e35b9e2239a4';

}


#right .title {
    font-size: 24px;
    margin-bottom: 50px;
    color: #193a58;
}

.loginregister-group{
    width: 55%;
}

.div-email{
    position: relative;
    margin-bottom: 40px;
}
.email{
    float: left;
    height: 25px;
    width: 25px;
    position:absolute;
    left:6px;
    top:0;
}

.div-pwd{
    position: relative;
    margin-top: 30px !important;
}
.pwd{
    float: left;
    height: 25px;
    width: 25px;
    position:absolute;
    left: 6px;
    top:0;
}
.loginregister-group input{
    padding-left: 50px;
    color: #666666;
    border: none;
    font-size: 18px;
}

input::placeholder{
    font-size: 14px;
    color: #c0c7cb;
}

.loginregister-group p{
    margin-left: 50px;
    border-bottom: 2px solid #34495e;
}

.loginregister-group input:focus{
    border: 0 none;
    outline: none;
}
/* 去掉input记住密码后的背景颜色 */
/* chrome */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;
    box-shadow: 0 0 0px 100px white inset;
}
/* firefox */
input {
    filter: none !important;
}


.login-register{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-top: 40px;
}
.myButton{
    margin-top:10px;
    width:40%;
    height:40px;
    font-family: 宋体;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    background: #34495e;
    border: 1px solid #34495e;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    font-family: 'zongyijt296e35b9e2239a4';
}
.myButton:hover {
    transform: scale(0.9);
}

.myRegisterButton {
    margin-top:10px;
    width:40%;
    height:40px;
    border-radius: 5px;
    font-family: 宋体;
    font-size: 18px;
    color: #fff;
    background: #c9d5e0;
    border: 1px solid #c9d5e0;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);
    font-family: 'zongyijt296e35b9e2239a4';
}

.myRegisterButton:hover {
    transform: scale(0.9);
}
.myButton,.myRegisterButton:focus{
    border: 0 none;
    outline: none;
}
.modal-header .modal-title{
    text-align: center;
}
.modal-header{
    /*background-color: #34495e;*/
    background-color: #f8f8f8;
}

#registerButton{
    font-family: 宋体;
    color: #fff;
    background: #34495e;
    border: 1px solid #34495e;
    /*box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75);*/
}

#registerButton:hover {
    transform: scale(0.9);
}

#back{
    font-family: 宋体;
    background: #f3f6f6;
    border: 1px solid #fafafa;
    /*box-shadow: inset 0 0 2px rgb(167, 198, 198);*/
}
#registerButton, #back:focus {
    border: 0 none;
    outline: none;
}


#back:hover {
    transform: scale(0.9);
}

.modal-registerUsername  input{
    margin-bottom: 10px;
}

@media screen and (max-width: 760px){
    #left{
        width:100%;
        height:50%;
        background-image: url("../images/newbackground.jpg");
        background-repeat: no-repeat;
        background-size: cover ;
        background-position:  center center;

    }
    #right{
        width:100%;
        height:50%;
        border: 1px solid #2b669a;
        position: relative;
    }
    .webName{
        position: absolute;
        top: 420px;
        font-size: 26px;

    }
    .loginregister-group{
        position: absolute;
        top: 500px;
    }
}
 label{
     width: 25px;
     text-align-last: justify;
     margin-right: 10px;
     font-weight: 400;
 }

 .modal-registerUsername, .modal-registerTel, .modal-registerPwd, .modal-registerCpwd{
     margin-bottom: 20px;
 }

.modal-registerUsername {
    margin-top: 20px;
}


 .modal-body input {
     width: 50%;
     height: 35px;
     border: 1px solid #cfd6da;
     border-radius: 5px;
     padding-left: 20px;
 }

.modal-body input:focus{
    border: 2px solid #34495e;
    outline: none;
}

.downapp {
    background-image: url("../images/ewm.png");
    background-repeat: no-repeat;
    background-size: cover ;
    background-position:  center center;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}