.login-view .login-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body,html{height:100%}.login-view{position:relative;overflow:hidden;background-color:#6b8dee;background-image:-webkit-gradient(linear,left top,right top,from(#42bada),to(#6b8dee));background-image:linear-gradient(90deg,#42bada,#6b8dee);height:100%}.login-view .pic,.login-view .pic-1,.login-view .pic-2,.login-view .pic-3{display:block;position:absolute;background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-animation-name:swaying;animation-name:swaying;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0,0,.56,.38);animation-timing-function:cubic-bezier(0,0,.56,.38)}.login-view .pic-1{width:196px;height:242px;background-image:url(../img/pic_1.6f74ebf1.png);right:-10px;top:50px;-webkit-animation-duration:6s;animation-duration:6s}.login-view .pic-2{width:193px;height:231px;background-image:url(../img/pic_2.3f209959.png);left:-20px;bottom:260px;-webkit-animation-duration:6.5s;animation-duration:6.5s}.login-view .pic-3{width:196px;height:242px;background-image:url(../img/pic_3.10ebf1d5.png);left:-90px;bottom:10px;-webkit-animation-duration:8s;animation-duration:8s}@media only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-Webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.login-view .pic-1{background-image:url(../img/pic_1@2x.6c6d0082.png)}.login-view .pic-2{background-image:url(../img/pic_2@2x.d69f42ed.png)}.login-view .pic-3{background-image:url(../img/pic_3@2x.94bf3f0d.png)}}.login-view .login-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:340px;height:260px;background-color:#fff;border:1px solid hsla(0,0%,100%,.6);padding:0 40px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:5px;-webkit-box-reflect:below 10px -webkit-linear-gradient(top,hsla(0,0%,98%,0),hsla(0,0%,98%,0) 35%,hsla(0,0%,98%,.4))}.login-view .login-box .login-form{width:100%;position:relative;padding-bottom:20px}.login-view .login-box .login-form h1{color:#4da9e3;font-size:24px;font-weight:500;margin-bottom:10px;line-height:1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(#42bada),to(#6b8dee));background-image:linear-gradient(180deg,#42bada,#6b8dee)}.login-view .login-box .login-form .submit-btn-box{margin-bottom:0}.login-view .login-box .submit-btn{width:100%}.login-view .login-box .login-error{color:#f56c6c;position:absolute;bottom:-4px;font-size:12px}.login-view .login-box .shake{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake}