| 12 |
- .login-container[data-v-5326f8a4]{height:100%;background:var(--el-color-white)}.login-container .login-left[data-v-5326f8a4]{flex:1;position:relative;background-color:#d3efff;margin-right:100px}.login-container .login-left .login-left-logo[data-v-5326f8a4]{display:flex;align-items:center;position:absolute;top:50px;left:80px;z-index:1;animation:logoAnimation .3s ease}.login-container .login-left .login-left-logo img[data-v-5326f8a4]{width:52px;height:52px}.login-container .login-left .login-left-logo .login-left-logo-text[data-v-5326f8a4]{display:flex;flex-direction:column}.login-container .login-left .login-left-logo .login-left-logo-text span[data-v-5326f8a4]{margin-left:10px;font-size:28px;color:#26a59a}.login-container .login-left .login-left-logo .login-left-logo-text .login-left-logo-text-msg[data-v-5326f8a4]{font-size:12px;color:#32a99e}.login-container .login-left .login-left-img[data-v-5326f8a4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:52%}.login-container .login-left .login-left-img img[data-v-5326f8a4]{width:100%;height:100%;animation:error-num .6s ease}.login-container .login-left .login-left-waves[data-v-5326f8a4]{position:absolute;top:0;right:-100px}.login-container .login-right[data-v-5326f8a4]{width:700px}.login-container .login-right .login-right-warp[data-v-5326f8a4]{border:1px solid var(--el-color-primary-light-3);border-radius:3px;width:500px;height:500px;position:relative;overflow:hidden;background-color:var(--el-color-white)}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-5326f8a4],.login-container .login-right .login-right-warp .login-right-warp-two[data-v-5326f8a4]{position:absolute;display:block;width:inherit;height:inherit}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-5326f8a4]:before,.login-container .login-right .login-right-warp .login-right-warp-one[data-v-5326f8a4]:after,.login-container .login-right .login-right-warp .login-right-warp-two[data-v-5326f8a4]:before,.login-container .login-right .login-right-warp .login-right-warp-two[data-v-5326f8a4]:after{content:"";position:absolute;z-index:1}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-5326f8a4]:before{filter:hue-rotate(0deg);top:0px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--el-color-primary));animation:loginLeft 3s linear infinite}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-5326f8a4]:after{filter:hue-rotate(60deg);top:-100%;right:2px;width:3px;height:100%;background:linear-gradient(180deg,transparent,var(--el-color-primary));animation:loginTop 3s linear infinite;animation-delay:.7s}.login-container .login-right .login-right-warp .login-right-warp-two[data-v-5326f8a4]:before{filter:hue-rotate(120deg);bottom:2px;right:-100%;width:100%;height:3px;background:linear-gradient(270deg,transparent,var(--el-color-primary));animation:loginRight 3s linear infinite;animation-delay:1.4s}.login-container .login-right .login-right-warp .login-right-warp-two[data-v-5326f8a4]:after{filter:hue-rotate(300deg);bottom:-100%;left:0px;width:3px;height:100%;background:linear-gradient(360deg,transparent,var(--el-color-primary));animation:loginBottom 3s linear infinite;animation-delay:2.1s}.login-container .login-right .login-right-warp .login-right-warp-mian[data-v-5326f8a4]{display:flex;flex-direction:column;height:100%}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-title[data-v-5326f8a4]{height:130px;line-height:130px;font-size:27px;text-align:center;letter-spacing:3px;animation:logoAnimation .3s ease;animation-delay:.3s;color:var(--el-text-color-primary)}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form[data-v-5326f8a4]{flex:1;padding:0 50px 50px}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form .login-content-main-sacn[data-v-5326f8a4]{position:absolute;top:0;right:0;width:50px;height:50px;overflow:hidden;cursor:pointer;transition:all ease .3s;color:var(--el-color-primary)}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form .login-content-main-sacn-delta[data-v-5326f8a4]{position:absolute;width:35px;height:70px;z-index:2;top:2px;right:21px;background:var(--el-color-white);transform:rotate(-45deg)}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form .login-content-main-sacn[data-v-5326f8a4]:hover{opacity:1;transition:all ease .3s;color:var(--el-color-primary)!important}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form .login-content-main-sacn i[data-v-5326f8a4]{width:47px;height:50px;display:inline-block;font-size:48px;position:absolute;right:1px;top:0px}
|
