.login-container{min-height:100%;width:100%;background-image:linear-gradient(180deg,rgba(0,51,102,.9),rgba(25,75,126,.95));background-size:cover;background-position:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.login-container .seagulls{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.login-container .seagulls .seagull{position:absolute;width:60px;height:30px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTIyIDcuNTA1Yy0xLjY5MyAwLTMuNTkuNTUyLTUgLjk1QzE2LjIzNCA0Ljg3OCAxMy43ODEgMyAxMiAzYy0xLjc4MSAwLTQuMjM0IDEuODc4LTUgNS40NTUtMy44Mi0uMDEtNS4zMDctLjk1LTctLjk1aDIyeiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:contain;opacity:.95;filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}.login-container .seagulls .seagull.seagull-1{top:10%;left:20%;animation:fly-1 20s linear infinite,flap-wings .8s ease-in-out infinite alternate}.login-container .seagulls .seagull.seagull-2{top:15%;left:50%;animation:fly-2 25s linear infinite,flap-wings .7s ease-in-out infinite alternate}.login-container .seagulls .seagull.seagull-3{top:8%;left:70%;animation:fly-3 22s linear infinite,flap-wings .9s ease-in-out infinite alternate}.login-container .seagulls .seagull.seagull-4{top:20%;left:30%;animation:fly-4 28s linear infinite,flap-wings 1s ease-in-out infinite alternate}.login-container .seagulls .seagull.seagull-5{top:5%;left:5%;animation:fly-5 18s linear infinite,flap-wings .9s ease-in-out infinite alternate}.login-container .seagulls .seagull.seagull-6{top:25%;left:80%;animation:fly-6 24s linear infinite,flap-wings 1.1s ease-in-out infinite alternate}.login-container .nature-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:2}.login-container .nature-elements .flower{position:absolute;width:40px;height:40px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZTQwMCI+PHBhdGggZD0iTTEyIDJjLTEuMSAwLTIgLjktMiAyIDAgLjcuNyAxIDEgMkg5Yy0xLjEgMC0yIC45LTIgMnMuOSAyIDIgMlY5aDZ2MWMxLjEgMCAyLS45IDItMnMtLjktMi0yLTJoLTFjLjMtMSAxLTEuMyAxLTIgMC0xLjEtLjktMi0yLTJ6bTAgOWMtMS4xIDAtMiAuOS0yIDJ2MUg5Yy0xLjEgMC0yIC45LTIgMnMxLjIgMiAyLjggMS43aDQuNEMxNS44IDE4IDE3IDE3IDE3IDE2cy0uOS0yLTItMmgtMXYtMWMwLTEuMS0uOS0yLTItMnoiLz48L3N2Zz4=");background-repeat:no-repeat;background-size:contain;opacity:.85;filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.login-container .nature-elements .flower.flower-1{bottom:20%;left:10%;animation:sway 8s ease-in-out infinite}.login-container .nature-elements .flower.flower-2{bottom:25%;right:15%;animation:sway 9s ease-in-out infinite}.login-container .nature-elements .flower.flower-3{bottom:30%;left:30%;animation:sway 7s ease-in-out infinite}.login-container .nature-elements .flower.flower-4{bottom:35%;right:5%;animation:sway 6s ease-in-out infinite}.login-container .nature-elements .flower.flower-5{bottom:40%;left:50%;animation:sway 5s ease-in-out infinite}.login-container .nature-elements .grass{position:absolute;width:60px;height:80px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzZkMyI+PHBhdGggZD0iTTEyIDIydi04bTAgMHYtNGMwLTIuMjEgMS43OS00IDQtNHM0IDEuNzkgNCA0LTEuNzkgNC00IDRtLTQgMGMtMi4yMSAwLTQtMS43OS00LTRzMS43OS00IDQtNG0wIDE2di04bTAgMHYtNGMwLTIuMjEtMS43OS00LTQtNHMtNCAxLjc5LTQgNCAxLjc5IDQgNCA0bTQgMFY1TTkgTmFOIi8+PC9zdmc+");background-repeat:no-repeat;background-size:contain;opacity:.75;transform-origin:bottom center;filter:drop-shadow(0 0 3px rgba(82,196,26,.5))}.login-container .nature-elements .grass.grass-1{bottom:5%;left:20%;animation:grass-sway 6s ease-in-out infinite}.login-container .nature-elements .grass.grass-2{bottom:8%;right:25%;animation:grass-sway 8s ease-in-out infinite reverse}.login-container .nature-elements .grass.grass-3{bottom:3%;left:45%;animation:grass-sway 7s ease-in-out infinite}.login-container .nature-elements .grass.grass-4{bottom:5%;right:5%;animation:grass-sway 5s ease-in-out infinite}@keyframes fly-1{0%{transform:translate(0) scale(1)}25%{transform:translate(300px,50px) scale(.8)}50%{transform:translate(600px,-30px) scale(.6)}75%{transform:translate(900px,20px) scale(.4)}to{transform:translate(1200px) scale(.2)}}@keyframes fly-2{0%{transform:translate(0) scale(.8)}25%{transform:translate(-200px,40px) scale(1)}50%{transform:translate(-400px,-20px) scale(.9)}75%{transform:translate(-600px,10px) scale(.7)}to{transform:translate(-800px,30px) scale(.5)}}@keyframes fly-3{0%{transform:translate(0) scale(.7)}25%{transform:translate(-150px,-30px) scale(.9)}50%{transform:translate(-300px,20px) scale(1)}75%{transform:translate(-450px,-10px) scale(.8)}to{transform:translate(-600px,30px) scale(.6)}}@keyframes fly-4{0%{transform:translate(0) scale(.9)}25%{transform:translate(250px,-20px) scale(1)}50%{transform:translate(500px,30px) scale(.8)}75%{transform:translate(750px,-10px) scale(.7)}to{transform:translate(1000px,20px) scale(.6)}}@keyframes fly-5{0%{transform:translate(0) scale(.8)}25%{transform:translate(-100px,30px) scale(1)}50%{transform:translate(-200px,-10px) scale(.9)}75%{transform:translate(-300px,20px) scale(.7)}to{transform:translate(-400px,30px) scale(.5)}}@keyframes fly-6{0%{transform:translate(0) scale(.7)}25%{transform:translate(-50px,-20px) scale(.9)}50%{transform:translate(-100px,10px) scale(.8)}75%{transform:translate(-150px,-10px) scale(.7)}to{transform:translate(-200px,20px) scale(.6)}}@keyframes flap-wings{0%{transform:scaleY(1)}to{transform:scaleY(.6)}}@keyframes sway{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes grass-sway{0%,to{transform:rotate(0deg)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.login-container .water-waves{position:absolute;bottom:0;left:0;width:100%;height:80px;overflow:hidden;z-index:0}.login-container .water-waves .wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMCI+PHBhdGggZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjIpIiBkPSJNMCAwdjQ2Yzc1Ljc3IDE3LjM4IDE1MS41NCAyNi4zOSAyMjcuMzEgMTguMDMgNzUuNzctOC4zNiAxNTEuNTQtMzQuMDkgMjI3LjMxLTUwLjE1IDc1Ljc2LTE2LjA3IDE1MS41My0yMi40NyAyMjcuMy0xIDc1Ljc3IDIxLjQ3IDE1MS41NCA3MC44MiAyMjcuMzEgODAuNDQgNzUuNzcgOS42MyAxNTEuNTQtMjAuNDYgMjI3LjMxLTMyLjk1IDc1Ljc3LTEyLjUgMTUxLjU0LTcuMzkgMjI3LjMxLTkuMzcgNzUuNzctMS45OCAxNTEuNTMtMTAuOTYgMjI3LjMtMTQuMDMgNzUuNzctMy4wOCAxNTEuNTQtLjI2IDIyNy4zMSAxMS40NyA3NS43NyAxMS43MiAxNTEuNTQgMzIuMzQgMjI3LjMxIDMzLjI4IDc1Ljc3Ljk0IDE1MS41NC0xNy44IDIyNy4zMS0zMC44OCA3NS43Ny0xMy4wOCAxNTEuNTQtMjAuNSAyMjcuMy0xNC45NVYxMjBIMHoiLz48L3N2Zz4=");background-size:50% 100%;background-repeat:repeat-x;opacity:.5}.login-container .water-waves .wave.wave1{animation:wave 20s linear infinite;z-index:3;opacity:.3;height:50px;animation-delay:0s}.login-container .water-waves .wave.wave2{animation:wave 15s linear infinite reverse;z-index:2;opacity:.4;height:60px;animation-delay:-5s}.login-container .water-waves .wave.wave3{animation:wave 30s linear infinite;z-index:1;opacity:.2;height:70px;animation-delay:-2s}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.login-container .travel-icons{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.login-container .travel-icons .travel-icon{position:absolute;background-size:contain;background-repeat:no-repeat;opacity:.1}.login-container .travel-icons .travel-icon.mountain{width:400px;height:300px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE0IDEyTDkgN3Y1TDYgOGwtNSA1aDIybC05LTF6Ii8+PC9zdmc+");bottom:10%;left:5%}.login-container .travel-icons .travel-icon.tree{width:200px;height:300px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE3IDIyVjEybTAgN1Y0YzIuMjEgMCA0IDEuNzkgNCA0cy0xLjc5IDQtNCA0bTAgMGMtMi4yMSAwLTQtMS43OS00LTRzMS43OS00IDQtNE03IDIyVjExbTAgMTBWNmEzIDMgMCAxMTAgNm0wIDBhMyAzIDAgMTEwLTYiLz48L3N2Zz4=");bottom:20%;right:5%}.login-container .travel-icons .travel-icon.pagoda{width:240px;height:300px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEyIDJMNiA2aDV2M0g5djNINnYzaDEydi0zaC0zVjloLTJWNmg1bC02LTR6TTggMTdoOHY1SDh6Ii8+PC9zdmc+");top:15%;left:10%}.login-container .travel-icons .travel-icon.boat{width:300px;height:200px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTIwIDIxYy0yLTUtMTctMS0xNy00LjV2NC4yNWMwIC40MS4zNC43NC43NS43NHMuNzUtLjMzLjc1LS43NFYxOS41YzAgLjQ2LjE1Ljg0LjY1Ljg5LjQxLjA5Ljg1LS4xOS44NS0uNjR2LTEuNWM1LjE1IDAgMTQuMjUtMy4yNCAxNCAydi41YzAgLjQxLjM0Ljc1Ljc1Ljc1cy43NS0uMzQuNzUtLjc1di0uNXptLTkuNS02TDkgMTYuMjVWN2w5IDYuMjV2NHoiLz48L3N2Zz4=");top:30%;right:10%}.login-container .login-form{position:relative;width:400px;max-width:100%;padding:35px;margin:0 auto;overflow:hidden;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);animation:fadeIn .8s ease-out;border:1px solid hsla(0,0%,100%,.2)}.login-container .login-form:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 80%);transform:rotate(30deg);z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-container .title-container{position:relative;margin-bottom:40px}.login-container .title-container .logo-container{text-align:center;margin-bottom:20px}.login-container .title-container .logo-container .logo-icon{display:inline-block;width:80px;height:80px;border-radius:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzE4OTBmZiI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0xIDMuM2MyLjM4IDAgNC4zIDEuOTIgNC4zIDQuM3MtMS45MiA0LjMtNC4zIDQuM1M2LjcgMTIgNi43IDkuNiA4LjYyIDUuMyAxMSA1LjN6bTcuMDkgMTAuNDFjLTEuNDYgMi4wMS0zLjY5IDMuMy02LjIzIDMuM3MtNC43Ny0xLjI5LTYuMjMtMy4zYS45MTcuOTE3IDAgMDEuMDQtMS4xM2MxLjE5LTEuNCAyLjI3LTIuNjcgMy40My0zLjc2aC4xNWMxLjE2IDEuMDkgMi4yNCAyLjM2IDMuNDMgMy43Ni4yNy4zMi4yOS43OS4wNCAxLjEzeiIvPjwvc3ZnPg==");background-color:#b3d7ff;background-size:70%;background-position:50%;background-repeat:no-repeat;box-shadow:0 4px 15px rgba(0,51,102,.2);border:4px solid #fff}.login-container .title-container .title{font-size:24px;color:#036;margin:0 auto 10px auto;text-align:center;font-weight:700;letter-spacing:1px}.login-container .title-container .subtitle{font-size:16px;color:#606266;margin:10px auto 0 auto;text-align:center;font-weight:400;opacity:.8}.login-container .svg-container{padding:6px 5px 6px 15px;color:#1890ff;vertical-align:middle;width:30px;display:inline-block;transition:all .3s}.login-container .show-pwd{position:absolute;right:10px;top:7px;font-size:16px;color:#606266;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s}.login-container .show-pwd:hover{color:#1890ff}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:14px 5px 14px 15px;height:47px}.login-container .el-input input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff!important}.login-container .el-form-item{border:1px solid rgba(0,51,102,.2);background:hsla(0,0%,100%,.8);border-radius:5px;margin-bottom:25px}.login-container .el-form-item:hover{border-color:#1890ff}.login-container .login-button{width:100%;height:50px;margin-bottom:30px;background:#1890ff;border-color:#1890ff;font-size:16px;font-weight:700;letter-spacing:2px;border-radius:25px;box-shadow:0 5px 15px rgba(24,144,255,.3);transition:all .3s;position:relative;overflow:hidden;z-index:1}.login-container .login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.5s;z-index:-1}.login-container .login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,144,255,.4);background:rgb(0,131.6883116883,253.5)}.login-container .login-button:hover:before{left:100%}.login-container .login-button:active{transform:translateY(1px)}.login-container .secure-tips{text-align:center;margin-bottom:20px}.login-container .secure-tips .el-tag{background-color:rgba(82,196,26,.1);border-color:rgba(82,196,26,.2);color:#52c41a;padding:5px 10px;border-radius:15px}.login-container .copyright{position:absolute;bottom:20px;width:100%;text-align:center;color:hsla(0,0%,100%,.7);font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.login-container .copyright p{margin:5px 0}