.login-warpper[data-v-6327e188]{min-height:100%;overflow:hidden;width:100%;height:100%;position:relative}.login-warpper[data-v-6327e188]:before{position:absolute;top:0;left:0;width:100%;height:100%;margin-left:-48%;background-image:url(../img/login-bg.3bc34e4d.svg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;content:""}.login-warpper .container[data-v-6327e188]{position:relative;height:100%;width:100%;max-width:1200px;margin:0 auto}.login-warpper .container .flex[data-v-6327e188]{display:flex;height:100%}.login-warpper .container .flex .poster[data-v-6327e188]{width:50%;padding:40vh 0;text-align:center}.login-warpper .container .flex .poster .logo[data-v-6327e188]{width:50%;position:absolute;top:20%;font-size:28px;font-weight:700;transition:all .5s;line-height:normal;color:#fff}.login-warpper .container .flex .poster .poster-content[data-v-6327e188]{margin-top:auto;margin-bottom:auto}.login-warpper .container .flex .poster .poster-content .p-box[data-v-6327e188]{transition:all .5s;width:290px}.login-warpper .container .flex .form[data-v-6327e188]{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-warpper .container .flex .form .title[data-v-6327e188]{font-size:30px;font-weight:700;opacity:.9;margin-bottom:20px}.login-warpper .container .flex .form .user-layout-login[data-v-6327e188]{width:400px}.login-warpper .container .flex .form .user-layout-login .forge-password[data-v-6327e188],.login-warpper .container .flex .form .user-layout-login label[data-v-6327e188]{font-size:14px}.login-warpper .container .flex .form .user-layout-login button.login-button[data-v-6327e188]{padding:0 15px;font-size:16px;height:40px;width:100%!important}@media screen and (max-width:768px){.login-warpper[data-v-6327e188]:before{margin-left:0;background-size:cover;background-position:50%;opacity:.3}.login-warpper .container .flex[data-v-6327e188]{flex-direction:column;justify-content:center}.login-warpper .container .flex .poster[data-v-6327e188]{width:100%;padding:0;text-align:center;margin-bottom:30px}.login-warpper .container .flex .poster .logo[data-v-6327e188]{position:relative;top:auto;font-size:24px;color:#333;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-warpper .container .flex .poster .poster-content[data-v-6327e188]{display:none}.login-warpper .container .flex .form[data-v-6327e188]{width:100%;padding:0}.login-warpper .container .flex .form .title[data-v-6327e188]{font-size:24px;margin-bottom:24px;color:#333}.login-warpper .container .flex .form .user-layout-login[data-v-6327e188]{width:100%;max-width:340px;padding:30px 20px;background:hsla(0,0%,100%,.95);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.login-warpper .container .flex .form .user-layout-login label[data-v-6327e188]{font-size:14px}.login-warpper .container .flex .form .user-layout-login .forge-password[data-v-6327e188]{font-size:13px}.login-warpper .container .flex .form .user-layout-login button.login-button[data-v-6327e188]{padding:0 15px;font-size:15px;height:42px;width:100%!important}}@media screen and (max-width:480px){.login-warpper .container .flex .poster[data-v-6327e188]{margin-bottom:20px}.login-warpper .container .flex .poster .logo[data-v-6327e188]{font-size:20px;margin-bottom:16px}.login-warpper .container .flex .form .title[data-v-6327e188]{font-size:20px;margin-bottom:20px}.login-warpper .container .flex .form .user-layout-login[data-v-6327e188]{padding:24px 16px;border-radius:10px}.login-warpper .container .flex .form .user-layout-login label[data-v-6327e188]{font-size:13px}.login-warpper .container .flex .form .user-layout-login .forge-password[data-v-6327e188]{font-size:12px}.login-warpper .container .flex .form .user-layout-login button.login-button[data-v-6327e188]{font-size:14px;height:40px}}@media screen and (max-width:768px) and (orientation:landscape){.login-warpper .container .flex[data-v-6327e188]{flex-direction:row;align-items:center}.login-warpper .container .flex .poster[data-v-6327e188]{width:40%;margin-bottom:0;padding-right:20px}.login-warpper .container .flex .poster .logo[data-v-6327e188]{font-size:20px;margin-bottom:12px}.login-warpper .container .flex .poster .poster-content[data-v-6327e188]{display:block}.login-warpper .container .flex .poster .poster-content .p-box[data-v-6327e188]{width:150px}.login-warpper .container .flex .form[data-v-6327e188]{width:60%}.login-warpper .container .flex .form .title[data-v-6327e188]{font-size:22px;margin-bottom:16px}.login-warpper .container .flex .form .user-layout-login[data-v-6327e188]{padding:20px 16px}}@media screen and (min-width:769px) and (max-width:1024px){.login-warpper .container[data-v-6327e188]{max-width:900px;padding:0 40px}.login-warpper .container .flex .poster .logo[data-v-6327e188]{font-size:26px}.login-warpper .container .flex .poster .poster-content .p-box[data-v-6327e188]{width:240px}.login-warpper .container .flex .form .title[data-v-6327e188]{font-size:28px}.login-warpper .container .flex .form .user-layout-login[data-v-6327e188]{width:380px}}