body, html, article, section, h1, h2, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input { margin: 0; padding: 0;}
html{font-size:10px;}
body {font-family: arial, 'microsoft yahei', serif; color: #535353; margin: 0 auto; position: relative;}
div, dl, dt, td, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote { list-style: none; margin: 0; padding: 0; }
input, textarea { padding: 0; margin: 0; resize: none; outline: none; -webkit-user-select: auto;}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none;
}
select { appearance: none; -webkit-appearance: none; border-radius: 0; }
img { vertical-align: middle; }
a img { border: 0; }
img { -webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0); transform: scale(1) rotate(0deg) translate3d(0, 0, 0); }
a { color: #535353; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }
a:hover { text-decoration: none; }
.clear{clear:both;}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.img {background-position: center;background-repeat: no-repeat;background-size: cover;}

.bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0}
.bg .img{position: absolute;height: 100%;top: 0;width:100%;height:100%}
.bg .img-1{width:50%;left: 0; background-size: 50%;}
.bg .img-2{width: 25%;left: 50%;background-size: 70%;background-position: center;padding-top: 30rem;}
.bg .img-3{width: 25%;right: 0;background-size: 40%;background-position:right 30%;}

.top{position: fixed;right: 10rem;top: 5rem}
.top a{color: #fff;font-size: 1.5rem}

.login-box{width: 42rem;background:#fff;box-shadow: 0 0 1rem 0.5rem rgb(44 44 44 / 14%);border-radius: 0.5rem;position: fixed;right:25rem;top: 42%;margin-top: -25rem;padding: 3rem;box-sizing: border-box}
.login-box .logo{width: 50%;margin: 0 auto 3rem;display: block;}
.login-box ul{overflow: hidden}
.login-box ul li{width: 100%;float: left;position: relative;padding-bottom: 2rem}
.login-box ul li:last-of-type{line-height:2rem}
.login-box ul li .tit{display: none}
.login-box ul li input.input{background: #f6f6f6;border-radius: 5rem;border: none;line-height: 4.5rem;width: 100%;padding: 0 0 0 4rem;box-sizing: border-box;font-size: 1.4rem;box-shadow:inset 0 0 9px 3px rgb(232 232 232 / 38%);}
.login-box ul li input#account_name{padding-right: 11rem}
.login-box ul li .domain{position: absolute;right: 0;top: 0;width: 11rem;line-height: 4.5rem}
.login-box ul li input#domain{position: absolute;right: 0;top: 0;width:9.5rem;padding: 0;background: transparent;box-shadow: none;border-radius:0}

.login-box ul li .icon{width: 4rem;height: 4.5rem;position: absolute;left: 0;top: 0;background-position:1.4rem 1.4rem;}
.login-box ul li:nth-of-type(2) .icon{background-position:1.4rem -4rem;}
.login-box ul li:nth-of-type(3) .icon{background-position:1.4rem -9.6rem;}
.login-box ul li label{color: #393939;font-size: 1.4rem;display: flex;align-items: center;float: left;margin-right: 1.5rem;}
.login-box ul li label input{width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;}

.login-box ul li.verify-code-wrap{display: none}
.login-box ul li.verify-code-wrap .verify-code{display: flex}
.login-box ul li.verify-code-wrap .code-img{height: 4rem;width: 22rem;margin-left: 2rem;cursor: pointer}

.login-box .err_msg{font-size: 1.3rem;height: 3rem;color: #ff0c0c;}

.login-box .btn-warp{text-align: center}
.login-box .btn-warp .submit-btn{width: 100%;border-radius: 5rem;background: #de001e;color: #fff;text-align: center;line-height: 4.5rem;border: none;margin:3rem 0 0;font-size: 1.5rem;cursor: pointer}
.login-box .btn-warp #submit-btn:hover{background:#ca031e}
.login-box .btn-warp .reset-pwd{padding-top: 1rem;display: inline-block;cursor: pointer;font-size: 1.3rem;}

@media screen and (max-width:768px){
    .login-box{width: 100%;left: 0;box-shadow:none;top: 10%;margin: 0;background: none}
    .top{right: 3rem;top: 3rem}
}