:root{--piaviation-primary-color-1:#032045;--piaviation-primary-color-2:#1b1e22;--piaviation-primary-color-3:#6a82a1;--piaviation-primary-color-4:#183157;--piaviation-primary-color-5:#383b3f;--piaviation-primary-color-6:#00193b;--piaviation-primary-color-7:rgba(0,25,59,.7);--piaviation-primary-color-8:#053572;--piaviation-primary-color-9:#0452b6;--piaviation-primary-color-10:#0961ba;--piaviation-primary-color-11:#2a80ff;--piaviation-primary-color-12:#044496;--piaviation-error-color-1:#d54941;--piaviation-gray-color-1:#e7e7e7;--piaviation-gray-color-2:#a5a8ab;--piaviation-gray-color-3:#f1f2f3;--piaviation-gray-color-4:#757575;--piaviation-gray-color-5:#f7f7f7;--piaviation-gray-color-6:#f7faff;--piaviation-gray-color-7:#f7f8fa;--piaviation-gray-color-8:#8f8f8f;--piaviation-gray-color-9:#edeff3;--piaviation-gray-color-10:#aeaeae;--piaviation-gray-color-11:#a2a2a2;--piaviation-gray-color-12:#f3f3f3;--piaviation-gray-color-13:#f7f7f8;--piaviation-gray-color-14:#dcdee0;--piaviation-gray-color-15:#f4f4f4;--piaviation-gray-color-16:#f5f5f5;--piaviation-white-color-1:#fff;--piaviation-white-color-2:hsla(0,0%,100%,.8);--piaviation-black-color-1:#000;--piaviation-yellow-color-1:#f78d3d;--piaviation-success-color-1:#28c959;--piaviation-error-color-1:#e34d59;--piaviation-male-color-1:#80beed;--piaviation-female-color-1:#eb7596}.piaviation-channel-login-wrapper{height:100%;left:0;min-height:500px;min-width:800px;position:fixed;top:0;width:100%;z-index:9999}.piaviation-channel-login-wrapper .piaviation-channel-login-mask{background-color:#0006;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9998}.piaviation-channel-login-wrapper .piaviation-channel-login{border-radius:10px;height:460px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:780px;z-index:9999}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content{display:flex;height:100%;width:100%}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-left{height:100%;width:340px}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right{background-color:#fff;height:100%;padding:36px 60px;width:440px}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right-close{cursor:pointer;height:12px;position:absolute;right:20px;top:20px;width:12px}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right-close:hover .piaviation-channel-login__content-right-close-icon{transform:rotate(180deg)}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right-close-icon{color:#aeaeae;height:100%;transition:transform .2s cubic-bezier(.38,0,.24,1);width:100%}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-content-wrapper{display:flex;height:calc(100% - 36px);transition:transform .2s cubic-bezier(.38,0,.24,1);width:100%}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-content-wrapper.login{transform:translate(0)}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-content-wrapper.bandPhone{transform:translate(-100%)}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-content-wrapper .login-content-item{flex:0 0 100%;width:100%}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-form-container{overflow:hidden;padding:24px 0}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-agreement{color:#757575;font-size:12px;line-height:18px;text-align:center}.piaviation-channel-login-wrapper .piaviation-channel-login .piaviation-channel-login__content-right .login-agreement .login-agreement-link{border-bottom:1px solid #0961ba;color:#0961ba;cursor:pointer;text-decoration:none}.login-mask-enter-active,.login-mask-leave-active{transition:opacity .2s cubic-bezier(.38,0,.24,1)}.login-mask-enter-from,.login-mask-leave-to{opacity:0}.login-content-enter-active,.login-content-leave-active{transform:translateY(0);transition:opacity .2s cubic-bezier(.38,0,.24,1),transform .2s cubic-bezier(.38,0,.24,1)}.login-content-enter-from,.login-content-leave-to{opacity:0;transform:translate(-50%,-20%)!important}