.userLogin,.userLogin .background{position:relative;width:3840px;height:1080px}.userLogin .background:after{content:"";display:block;background:url(../img/loginMask.80306416.png)}.userLogin .background:after,.userLogin .loginForm{position:absolute;left:0;top:0;width:100%;height:100%}.userLogin .loginForm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.userLogin .loginForm .inner{margin:0 auto}.userLogin .loginForm .inner h1.title{font-size:52px;font-weight:700;color:#fff;letter-spacing:6px;display:-webkit-box;display:-ms-flexbox;display:flex}.userLogin .loginForm .inner h1.title span{-webkit-animation:neon 15s linear infinite;animation:neon 15s linear infinite}.userLogin .loginForm .inner h1.title span.index0{-webkit-animation-delay:-3.25s;animation-delay:-3.25s}.userLogin .loginForm .inner h1.title span.index1{-webkit-animation-delay:-3s;animation-delay:-3s}.userLogin .loginForm .inner h1.title span.index2{-webkit-animation-delay:-2.75s;animation-delay:-2.75s}.userLogin .loginForm .inner h1.title span.index3{-webkit-animation-delay:-2.5s;animation-delay:-2.5s}.userLogin .loginForm .inner h1.title span.index4{-webkit-animation-delay:-2.25s;animation-delay:-2.25s}.userLogin .loginForm .inner h1.title span.index5{-webkit-animation-delay:-2s;animation-delay:-2s}.userLogin .loginForm .inner h1.title span.index6{-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.userLogin .loginForm .inner h1.title span.index7{-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.userLogin .loginForm .inner h1.title span.index8{-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.userLogin .loginForm .inner h1.title span.index9{-webkit-animation-delay:-1s;animation-delay:-1s}.userLogin .loginForm .inner h1.title span.index10{-webkit-animation-delay:-.75s;animation-delay:-.75s}.userLogin .loginForm .inner h1.title span.index11{-webkit-animation-delay:-.5s;animation-delay:-.5s}.userLogin .loginForm .inner h1.title span.index12{-webkit-animation-delay:-.25s;animation-delay:-.25s}.userLogin .loginForm .inner h1.title span.index13{-webkit-animation-delay:0s;animation-delay:0s}.userLogin .loginForm .inner .bar{width:600px;height:3px;margin:0 auto;border-radius:80px;background:-webkit-gradient(linear,left top,right top,from(#cea464),color-stop(#19a5df),color-stop(#fff),color-stop(#f07178),color-stop(#c3e88d),color-stop(#00fffe),color-stop(#d36dd0),to(#cea464));background:linear-gradient(90deg,#cea464,#19a5df,#fff,#f07178,#c3e88d,#00fffe,#d36dd0,#cea464);background-size:600% 100%;background-repeat:repeat-x;background-position:0 0;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(#fff),to(hsla(0,0%,100%,0)));-webkit-mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0));mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(#fff),to(hsla(0,0%,100%,0)));mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0));-webkit-animation:bgTrans 60s linear infinite;animation:bgTrans 60s linear infinite}.userLogin .loginForm .inner .form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 0 30px 0}.userLogin .loginForm .inner .form .box{border:1px solid #00fffe;border-radius:16px;-webkit-box-shadow:0 0 20px inset #19a5df,0 0 4px #19a5df,0 0 8px #19a5df;box-shadow:inset 0 0 20px #19a5df,0 0 4px #19a5df,0 0 8px #19a5df;-webkit-transition:all 3s;transition:all 3s;background:rgba(18,28,54,.7);padding:10px 20px}.userLogin .loginForm .inner .form .box .line{padding:10px;border-bottom:1px solid #000;border-top:1px solid rgba(25,165,223,.4)}.userLogin .loginForm .inner .form .box .line:first-child{border-top:none}.userLogin .loginForm .inner .form .box .line:last-child{border-bottom:none}.userLogin .loginForm .inner .form .box .line dl{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;margin:0;gap:10px}.userLogin .loginForm .inner .form .box .line dl dt{font-size:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;-ms-flex-negative:0;flex-shrink:0}.userLogin .loginForm .inner .form .box .line dl dd{margin:0;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.userLogin .loginForm .inner .form .box .line dl dd .input{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;color:#19a5df;font-size:20px;height:42px;line-height:42px;width:300px}.userLogin .loginForm .inner .form .box .line dl dd .input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.userLogin .loginForm .inner .form .box .line dl dd .input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.userLogin .loginForm .inner .form .box .line dl dd .input:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.userLogin .loginForm .inner .form .box .line dl dd .input::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.userLogin .loginForm .inner .form .box .line dl dd .input::placeholder{color:hsla(0,0%,100%,.4)}.userLogin .loginForm .inner .form .box .line dl dd .ant-form-explain{position:absolute;right:0;top:0;line-height:42px;color:#cea464}.userLogin .loginForm .inner .form .box .line dl dd .checkcode{-webkit-filter:sepia(100%) invert(100%) contrast(79%);filter:sepia(100%) invert(100%) contrast(79%);margin-top:3px;-webkit-transition:all 3s;transition:all 3s}.userLogin .loginForm .inner .form .box .line dl dd .ant-form-item{margin-bottom:0}.userLogin .loginForm .inner .form .box:hover{-webkit-box-shadow:0 0 20px inset #cea464,0 0 4px #cea464,0 0 8px #cea464;box-shadow:inset 0 0 20px #cea464,0 0 4px #cea464,0 0 8px #cea464;border-color:#cea464;background:rgba(255,164,69,.1)}.userLogin .loginForm .inner .form .box:hover dl dd .checkcode{-webkit-filter:sepia(100%) invert(100%) contrast(79%) hue-rotate(170deg);filter:sepia(100%) invert(100%) contrast(79%) hue-rotate(170deg)}.userLogin .loginForm .inner .buttonArea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.userLogin .loginForm .inner .buttonArea .submit{width:394px;background:#19a5df;color:#fff;border-radius:6px;font-size:18px;height:52px;border-color:transparent;text-shadow:1px 1px 2px rgba(18,28,54,.7)}.userLogin .loginForm .inner .buttonArea .submit:hover{background:#00fffe}@-webkit-keyframes bgTrans{0%{background-position:0 0}to{background-position:-100% 0}}@keyframes bgTrans{0%{background-position:0 0}to{background-position:-100% 0}}@-webkit-keyframes neon{0%{text-shadow:0 0 10px #cea464,0 0 2px #cea464,0 0 4px #cea464}20%{text-shadow:0 0 10px #19a5df,0 0 2px #19a5df,0 0 4px #19a5df}40%{text-shadow:0 0 10px #f07178,0 0 2px #f07178,0 0 4px #f07178}60%{text-shadow:0 0 10px #c3e88d,0 0 2px #c3e88d,0 0 4px #c3e88d}80%{text-shadow:0 0 10px #00fffe,0 0 2px #00fffe,0 0 4px #00fffe}to{text-shadow:0 0 10px #cea464,0 0 2px #cea464,0 0 4px #cea464}}@keyframes neon{0%{text-shadow:0 0 10px #cea464,0 0 2px #cea464,0 0 4px #cea464}20%{text-shadow:0 0 10px #19a5df,0 0 2px #19a5df,0 0 4px #19a5df}40%{text-shadow:0 0 10px #f07178,0 0 2px #f07178,0 0 4px #f07178}60%{text-shadow:0 0 10px #c3e88d,0 0 2px #c3e88d,0 0 4px #c3e88d}80%{text-shadow:0 0 10px #00fffe,0 0 2px #00fffe,0 0 4px #00fffe}to{text-shadow:0 0 10px #cea464,0 0 2px #cea464,0 0 4px #cea464}}