body {font-size:14px;font-family:'微软雅黑';}
.aligncenter {display:block;margin:0 auto;}
.alignright {display:block;margin-left:auto;}
a,a:hover,a:link,a:visited,a:active {color:#2e58ff;text-decoration:none;}
img {max-width:100%;}
.box {width:1240px;margin:0 auto;padding:0 20px;}
@media screen and (max-width:1240px) {.box {width:100%;}
}
.login_page {background:#000;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;}
.login_page .login_bg {height:50vh;width:100%;position:absolute;left:0;top:0;background-image:url(../images/login_bg.jpg);background-repeat:no-repeat;background-position:center bottom;}
.login_page .login_box {width:700px;z-index:1;height:480px;background:#181818;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;padding:60px 0;justify-content:space-between;}
.login_box .title_cn {font-size:40px;color:#fff;}
.login_box .title_en {font-size:16px;color:#fff;text-transform:uppercase;}
.login_box .login_input {display: flex;
    border: none;
    width: 400px;
    height: 60px;
    align-items: center;
    font-size: 20px;
    border-radius: 5px;
    background: #fff;}
.login_box .login_input .title {color:#5f6266;display:flex;align-items:center;width:130px;justify-content:space-between;}
.login_box .login_input .title img {margin:0 20px;}
.login_box .login_input input {border:0;flex:1;margin:0 20px;width:50px;}
.login_box .login_submit {}
.login_box .login_submit p {width:400px;height:60px;background:#77161b;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:24px;cursor:pointer;}
.login_box .to_register {width:400px;display:flex;font-size:16px;justify-content:space-between;}
.login_box .to_register .forget_password {}
.login_box .to_register .click_register {color:#7c7c7c;}
.login_box .to_register a {color:#fff;}
.login_box .other_login {
    width: 400px;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: relative;
}
.login_box .other_login a {
    background: #fff;
    z-index: 33;
}
.login_box .other_login a img {}
.login_box .other_login span {
    height: 1px;
    background: #ccc;
    width: 400px;
    position: absolute;
}
.register_page .login_box {height:500px;padding:30px 0;}
.register_page .login_box .xieyi {font-size:20px;color:#272727;display:flex;align-items:center;width:400px;}
.register_page .login_box .xieyi span {border-bottom:1px solid #272727;cursor:pointer;}
.register_page .login_box .xieyi img {margin-right:10px;}
.register_page .login_box .login_input .title {width:110px;justify-content:flex-end;}
.register_page .login_box .login_input {height: 45px;font-size: 16px;}
.password_page .login_box .login_input {height: 60px;}
.register_page .login_box .login_input p {width:100px;height:30px;background:#f2f2f2;color:#5f6266;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-right:5px;font-size:14px;}
.password_page .login_box .login_input p {height:50px;}
.password_page .login_box {
    height: 450px;
}
.register_page .login_box .login_submit p{height: 45px;font-size: 20px;}
.password_page .login_box .login_submit p{height: 60px;font-size: 20px;}
@media screen and (max-width:1024px) {.login_page .login_box,.register_page .login_box {width:100%;margin:0 20px;}
}
@media screen and (max-width:768px) {.login_box .login_input,.login_box .login_submit,.login_box .login_submit p,.login_box .to_register {width:100%;}
.login_page .login_box {padding:30px;height:320px;}
.login_box .to_register {font-size:14px;}
.login_box .login_submit p,.register_page .login_box .login_submit p {height:40px;font-size:16px;}
.login_box .login_input,.register_page .login_box .login_input {height:40px;font-size:14px;}
.login_box .login_input .title img {margin:0 10px;max-height: 20px;max-width: 20px;}
.login_box .login_input .title {width:85px;}
.login_box .login_input input {margin:0 10px;}
.login_box .title_en {font-size:14px;}
.login_box .title_cn {font-size:30px;}
.register_page .login_box .login_input p {width:80px;height:30px;font-size:12px;}
.register_page .login_box {height:420px;}
.register_page .login_box .login_input .title {width:95px;}
.register_page .login_box .login_input {width:100%;}
.register_page .login_box .xieyi {width:100%;font-size:16px;}
.register_page .login_box .xieyi img {margin-right:5px;width:20px;}
.password_page .login_box {
    height: 320px;
}.login_box .other_login {
    width: 100%;
}.login_box .other_login span {
    width: 100%;
}
}