body{padding:0;margin:0;background-color:#dfdfdf;color:#333;font:16px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;}
a{color:#333;text-decoration:none;}
.register{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;}
.logo{margin-bottom:15px;width:100%;overflow:hidden;display:flex;justify-content:center;}
.tit{width:100%}
.r-box{background-color:#fff;max-width:340px;width:100%;padding:30px;border-radius:2px;}
form{display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:wrap;}
.input-box,.regshowkey{position:relative;padding:10px 0;width:100%;display:flex;justify-content:space-between;/*gap:10px;*/}
input{height:38px;line-height:38px;font-size:14px;color:#111111;padding:0 10px;border-radius:2px;border:1px solid #a5a5a5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline-offset:unset!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none;flex-grow:1;width:inherit;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
-webkit-box-shadow:0 1000px #fff inset;
}
button{cursor:pointer;}
.regshowkey span{border:1px solid #a5a5a5;border-radius: 0 2px 2px 0;width:50%;margin-left: -1px;font-size: 14px;
    display:flex;align-items:center;justify-content:center;line-height:18px;padding:0 10px;box-sizing:border-box;}
.regshowkey input{width:50%;border-radius: 2px 0 0 2px;}
.regshowkey a{color:#a5a5a5}
.input-box label,.regshowkey label{display:none;position:absolute;height:18px;line-height:18px;background-color:orange;color:white;padding:5px 10px;top:-18px;opacity:0.8}
.input-box:focus-within label,.regshowkey:focus-within label{display:block;}
.reg-submit{width:100%;height:38px;margin: 10px 0;font-family:微软雅黑;color:white;font-size:medium;font-weight:bold;background:#ed484b;overflow:hidden;border:0;border-radius:2px;display:flex;justify-content:center;align-items:center;}
.reg-submit:hover{background-color:#d93033;}
.other{width:100%;line-height:18px;color:#999;margin-top:20px;display:flex;align-items:center;justify-content: center;gap:5px;font-size: 14px;}
.footercopy{color:#a9a9a9;margin:15px 0 35px;font-size: 14px;}
@media screen and (max-width:400px){
    .r-box{max-width:90%;padding:30px 5%;}
}
@media screen and (max-width:200px){
    .logo{display:block;width:52px;}
}
.button--loading{box-shadow:inset 0 0 0 32px #869fb2!important;pointer-events:none!important;border-color: #73828d !important;}
.button--loading:after{animation:rotate .6s linear infinite;display:block!important;overflow:hidden;opacity:1;width:24px;height:24px;margin:4px auto;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;box-sizing:border-box;content:"";}
.button--loading>*{display:none!important}
@keyframes rotate{
    0%{transform:rotate(0deg)}
    to{transform:rotate(1turn)}
}