@keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}*{outline:none}a{color:#000;text-decoration:none}html,body,.main{margin:0;padding:0;width:100%;height:100%}.main{display:flex;align-items:center;justify-content:center;position:relative;background-color:#f6faff}.register-box{display:flex;width:1400px;height:700px;border-radius:16px;overflow:hidden}.register-box .left-box{display:flex;align-items:center;justify-content:center;position:relative;width:50%;height:100%;background-color:#acc6f8;background-image:linear-gradient(-225deg, #2cd8d5 0%, #c5c1ff 50%, #ffbac3 100%);background-size:600%;animation:anime 20s linear infinite}.register-box .left-box .center-block{width:70%;height:70%;background-color:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(13.5px);backdrop-filter:blur(13.5px)}.register-box .left-box .center-block .text{color:#fff;margin:28px;position:relative;font-size:24px;font-weight:100}.register-box .right-box{display:flex;align-items:center;justify-content:center;position:relative;width:50%;height:100%;background-color:#fff}.register-box .right-box .register-form{display:flex;flex-direction:column;width:70%}.register-box .right-box .register-form .register-title{margin-bottom:30px}.register-box .right-box .register-form .register-title h2{display:inline;font-weight:600;font-size:40px}.register-box .right-box .register-form .register-title span{display:block;color:#88879a;margin-top:10px}.register-box .right-box .register-form .register-input label{font-weight:600;color:#29284e}.register-box .right-box .register-form .register-input .input{display:block;margin:10px 0;width:100%;height:50px;border:1px solid #c9c8cf;border-radius:8px;padding:10px;box-sizing:border-box;outline:none;font-size:20px;font-weight:200}.register-box .right-box .register-form .register-input .input:hover,.register-box .right-box .register-form .register-input .input:focus{border:1px solid #9bb5f7}.register-box .right-box .register-form .register-input .code-pane{position:relative}.register-box .right-box .register-form .register-input .code-pane .code{padding-right:130px}.register-box .right-box .register-form .register-input .code-pane .code-button{display:block;position:absolute;top:31px;right:0px;width:120px;height:50px;font-size:18px;padding:0;background-color:rgba(0,0,0,0);border:none;transition:color .5s;cursor:pointer}.register-box .right-box .register-form .register-input .code-pane .code-button:hover{color:#2f2c92}.register-box .right-box .register-form .register-input .code-pane .code-button:disabled{color:#c8c8c8;cursor:not-allowed}.register-box .right-box .register-form .register-input .register-button{width:100%;height:50px;color:#fff;background:linear-gradient(to right, rgb(93, 172, 250) 0%, rgb(95, 139, 250) 40%, rgb(97, 96, 251) 70%, rgb(154, 140, 252) 100%);border-radius:10px;border:0;margin-top:20px;margin-bottom:20px;font-size:20px;transition:opacity .5s;cursor:pointer}.register-box .right-box .register-form .register-input .register-button:hover{opacity:.5}.register-box .right-box .register-form .register-input .options{display:flex;justify-content:space-between}.register-box .right-box .register-form .register-input .options a{background-image:linear-gradient(to right, rgb(93, 172, 250) 0%, rgb(95, 139, 250) 40%, rgb(97, 96, 251) 70%, rgb(154, 140, 252) 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);transition:opacity .5s;cursor:pointer}.register-box .right-box .register-form .register-input .options a:hover{opacity:.5}