.main-box[data-v-1735f496]{top:50%;left:50%;position:relative;width:1000px;min-width:1000px;min-height:600px;height:600px;padding:25px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#ecf0f3;-webkit-box-shadow:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9;box-shadow:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9;border-radius:12px;overflow:hidden}.main-box .container[data-v-1735f496]{position:absolute;top:0;width:600px;padding:25px;background-color:#ecf0f3;-webkit-transition:all 1.25s;transition:all 1.25s}.main-box .container[data-v-1735f496],.main-box .container form[data-v-1735f496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.main-box .container form[data-v-1735f496]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;color:#a0a5a8}.main-box .container form .title[data-v-1735f496]{font-size:34px;font-weight:700;line-height:3;color:#181818}.main-box .container form .text[data-v-1735f496]{margin-top:30px;margin-bottom:12px}.main-box .container form[data-v-1735f496] .el-input__inner{width:350px;height:40px;margin:4px 0;padding-left:25px;font-size:13px;letter-spacing:.15px;border:none;outline:none;background-color:#ecf0f3;-webkit-transition:.25s ease;transition:.25s ease;border-radius:8px;-webkit-box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.main-box .container form[data-v-1735f496] .el-input__inner::-webkit-input-placeholder{color:#a0a5a8}.main-box .container form[data-v-1735f496] .el-input__inner::-moz-placeholder{color:#a0a5a8}.main-box .container form[data-v-1735f496] .el-input__inner:-ms-input-placeholder{color:#a0a5a8}.main-box .container form[data-v-1735f496] .el-input__inner::-ms-input-placeholder{color:#a0a5a8}.main-box .container form[data-v-1735f496] .el-input__inner::placeholder{color:#a0a5a8}.main-box .container-register[data-v-1735f496]{z-index:100;left:calc(100% - 600px)}.main-box .container-login[data-v-1735f496]{left:calc(100% - 600px);z-index:0}.main-box .is-txl[data-v-1735f496]{left:0;-webkit-transition:1.25s;transition:1.25s;-webkit-transform-origin:right;transform-origin:right}.main-box .is-z200[data-v-1735f496],.main-box .switch[data-v-1735f496]{z-index:200;-webkit-transition:1.25s;transition:1.25s}.main-box .switch[data-v-1735f496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:400px;padding:50px;background-color:#ecf0f3;overflow:hidden;-webkit-box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9;box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9;color:#a0a5a8}.main-box .switch .switch__circle[data-v-1735f496]{position:absolute;width:500px;height:500px;border-radius:50%;background-color:#ecf0f3;-webkit-box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9;box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9;bottom:-60%;left:-60%;-webkit-transition:1.25s;transition:1.25s}.main-box .switch .switch__circle_top[data-v-1735f496]{top:-30%;left:60%;width:300px;height:300px}.main-box .switch .switch__container[data-v-1735f496]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;width:400px;padding:50px 55px;-webkit-transition:1.25s;transition:1.25s}.main-box .switch .switch__container h2[data-v-1735f496]{font-size:34px;font-weight:700;line-height:3;color:#181818}.main-box .switch .switch__container p[data-v-1735f496]{font-size:14px;letter-spacing:.25px;text-align:center;line-height:1.6}.main-box .login[data-v-1735f496]{left:calc(100% - 400px)}.main-box .login .switch__circle[data-v-1735f496]{left:0}.main-box .primary-btn[data-v-1735f496]{width:180px;height:50px;border-radius:25px;margin-top:50px;text-align:center;line-height:50px;font-size:14px;letter-spacing:2px;background-color:#4b70e2;color:#f9f9f9;cursor:pointer;-webkit-box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9}.main-box .primary-btn[data-v-1735f496]:hover{-webkit-box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 rgba(116,125,136,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4);box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 rgba(116,125,136,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4)}