html,body {
  height: 100%;
  font-family: 'Microsoft YaHei', sans-serif, 'Helvetica Neue', Helvetica, Arial,'黑体', '宋体', Arial;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 14px;
  color: #333;
}
a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,label,legend,li,mark,ol,p,section,span,textarea,time,td,th,ul{
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
article,aside,details,fieldset,figcaption,footer,header,main,nav,section{
  display: block;
}
button,input,textarea {
  font-family: 'Microsoft YaHei', sans-serif, 'Helvetica Neue', Helvetica, Arial,'黑体', '宋体', Arial;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  outline: none;
  background-color: transparent;
}
textarea {
  resize: none;
  -webkit-appearance: none;
}
input,textarea,a {
  -webkit-tap-highlight-color: transparent;
}
a,a:visited{
	text-decoration: none;
}
a:focus,a:active,a:hover{
	outline: none;
}
ol,li,ul{
	list-style: none;
}
img {
  border-style: none;
  font-size: 0;
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
::-webkit-input-placeholder {
  color: #afbdcc;
}
:-moz-placeholder {
  color: #afbdcc;
}
::-moz-placeholder {
  color: #afbdcc;
}
:-ms-input-placeholder {
  color: #afbdcc;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 6px;
}
::-webkit-scrollbar-corner {
  background-color: #f5f5f5;
}
::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
.main .login_button .login{cursor:pointer;}
.web{width:100vw;height:100vh;display:flex;display:-webkit-flex;justify-content:center;align-items:center;background: #FFFFFF}
.web .main{width:33%;min-width:20rem;max-width:32rem;height:80%;min-height:35rem;max-height:45rem;display:flex;display:-webkit-flex;flex-direction:column;gap:1rem;border:1px solid #484848;background: #FFFFFF}
.web .main .login_title{margin:3rem 0 0 0;padding:3rem;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}
.web .main .login_title .title{font-family:黑体;font-size:2rem}
.web .main .login_title .tip{color:#484848}
.web .main .login_head{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}
.web .main .login_head .nick{width:90%;display:flex;display:-webkit-flex;justify-content:center;align-items:center}
.web .main .login_head .nick .username{width:calc(100vw/5*4);height:2rem;padding:0 0.5rem;border:1px solid #C0C0C0;color:#000000;line-height:1.8}
.web .main .login_head .pass{width:90%;display:flex;display:-webkit-flex;justify-content:center;align-items:center}
.web .main .login_head .pass .userpass{width:100%;height:2rem;padding:0 0.5rem;border:1px solid #C0C0C0;color:#000000;line-height:1.8}
.web .main .login_head .re_check{width:90%;margin:0 0 1rem 0;display:flex;display:-webkit-flex;justify-content:flex-start;align-items:center}
.web .main .login_head .re_check .userRemember_l{margin:0 0.5rem}
.web .main .login_head .re_check .userTips{flex:1;color:#FF0000;text-align:right}
.web .main .login_button{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#484848}
.web .main .login_button .login{width:90%;padding:0.3rem;display:flex;display:-webkit-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:10px;-webkit-backface-visibility:hidden;color:#FFFFFF;}
.web .main .login_button .login .text{padding:0.4rem}
.web .main .login_button .other{font-size:0.9rem;color:#484848}
.lok{background: #228B22}
.lno{background: #dcdcdc}