* {margin:0;padding:0;}
body {width:100%;height:auto;background:url("../imgs/login/banner.jpg") no-repeat;background-size:100% 100%}
.content {width:90%;margin-left:5%;float:left;height:800px;background-color:rgba(255,255,255,0.15);margin-top:55px;}
.logo {float:left;width:70%;height:800px;}
.logo-ban {float:left;width:100%;height:625px;}
.logo-ban>img {margin-top:30px;margin-left:30px;width:240px;}
.logo-title {float:left;width:100%;height:175px;}
.login {float:left;width:30%;height:800px;background-color:white}
.logo-title-font {float:left;width:80%;height:175px;color:#FFF;text-align:right;margin-left:10%}
.font-english {float:left;display:block;width:96%;text-align:right;height:75px;margin-left:2%;font-size:3rem}
.font-chinese {float:left;display:block;width:96%;text-align:right;height:75px;margin-left:2%;font-size:1.5rem}
@media screen and (max-width:1900px) {.font-english {font-size:2rem;}
    .font-chinese {font-size:1rem;}
}
@media screen and (max-width:1400px) {.font-english {font-size:1.5rem;}
    .font-chinese {font-size:0.8rem;}
}
.login-title {float:left;width:100%;height:250px;text-align:center;line-height:350px;}
.login-title>span {border-bottom:2px solid #C1A35D;color:#4e4e4e}
.login-content {float:left;width:100%;height:550px;}
.username {float:left;width:78%;height:50px;margin-left:10%;border-bottom:1px solid #878787;margin-top:40px;line-height:45px;padding-left:2%}
.username:hover {border-bottom:2px solid #C1A35D;transition:all 1s;}
.denglu {float:left;width:80%;height:75px;background-color:#C1A35D;color:#FFF;font-size:1rem;text-align:center;line-height:75px;margin-left:10%;margin-top:100px;box-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.denglu:hover {box-shadow:0px 5px 10px rgba(0,0,0,0.5);cursor:pointer;transition:all 0.6s}
.text {margin-left:5%;width:80%;height:46px;border:none;outline:none}
.footer {float:left;bottom:0;width:100%;height:50px;text-align:center;line-height:50px;color:#FFF;font-size:1rem;top:50px;}
img {vertical-align:middle}