index.BC9gj-im.css 5.4 KB

1
  1. .login-container[data-v-f7273890]{height:100%;background:var(--el-color-white)}.login-container .login-left[data-v-f7273890]{flex:1;position:relative;background-color:#d3efff;margin-right:100px}.login-container .login-left .login-left-logo[data-v-f7273890]{display:flex;align-items:center;position:absolute;top:280px;left:80px;z-index:999;animation:logoAnimation .3s ease}.login-container .login-left .login-left-logo img[data-v-f7273890]{width:52px;height:52px}.login-container .login-left .login-left-logo .login-left-logo-text[data-v-f7273890]{display:flex;flex-direction:column}.login-container .login-left .login-left-logo .login-left-logo-text span[data-v-f7273890]{margin-left:10px;font-size:95px;font-weight:100;font-family:PingFang SC;color:#fff}.login-container .login-left .login-left-logo .login-left-logo-text .login-left-logo-text-msg[data-v-f7273890]{font-size:45px;color:#fff}.login-container .login-left .login-left-img[data-v-f7273890]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:52%}.login-container .login-left .login-left-img img[data-v-f7273890]{width:100%;height:100%;animation:error-num .6s ease}.login-container .login-left .login-left-waves[data-v-f7273890]{position:absolute;top:0;right:-100px}.login-container .login-right[data-v-f7273890]{width:700px;position:relative}.login-container .login-right .login-right-warp-mian-title[data-v-f7273890]{position:absolute;top:59px;right:115px;font-size:14px;color:#fff;text-align:right;margin-right:10px}.login-container .login-right .login-right-warp[data-v-f7273890]{border-radius:10px;width:450px;height:550px;position:relative;overflow:hidden}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-f7273890],.login-container .login-right .login-right-warp .login-right-warp-two[data-v-f7273890]{position:absolute;display:block;width:inherit;height:inherit}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-f7273890]:before,.login-container .login-right .login-right-warp .login-right-warp-one[data-v-f7273890]:after,.login-container .login-right .login-right-warp .login-right-warp-two[data-v-f7273890]:before,.login-container .login-right .login-right-warp .login-right-warp-two[data-v-f7273890]:after{content:"";position:absolute;z-index:1}.login-container .login-right .login-right-warp .login-right-warp-one[data-v-f7273890]:before{filter:hue-rotate(0deg);top:0;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-f7273890]: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-f7273890]: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-f7273890]:after{filter:hue-rotate(300deg);bottom:-100%;left:0;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-f7273890]{display:flex;flex-direction:column;height:100%;background:#fff}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-title[data-v-f7273890]{height:130px;line-height:130px;font-size:32px;font-weight:600;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 .logo-title[data-v-f7273890]{width:71%;display:flex;justify-content:space-between;align-items:flex-end}.login-container .login-right .login-right-warp .login-right-warp-mian .login-right-warp-main-form[data-v-f7273890]{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-f7273890]{position:absolute;top:2px;right:12px;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-f7273890]{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-f7273890]: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-f7273890]{width:47px;height:50px;display:inline-block;font-size:48px;position:absolute;right:1px;top:0}.login-container .login-authorization[data-v-f7273890]{position:absolute;bottom:30px;left:80px;right:0}.login-container .login-authorization p[data-v-f7273890]{font-size:14px;color:#d9d9d9}.login-container .login-authorization a[data-v-f7273890]{color:var(--el-color-primary)}