.login-box{z-index:10;width:460px;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:0 0 10px 10px rgba(0,0,0,0.1)}.login-top{height:117px;background-color:rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:3px 3px 0 0;font-family:SourceHanSansCN-Regular;font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:117px;text-align:center;overflow:hidden;transform:rotate(0)}.login-top .bg1{display:inline-block;width:74px;height:74px;background:#fff;opacity:0.1;border-radius:0 74px 0 0;position:absolute;left:0;top:43px}.login-top .bg2{display:inline-block;width:94px;height:94px;background:#fff;opacity:0.1;border-radius:50%;position:absolute;right:-16px;top:-16px}.login-bottom{background-color:white;padding:20px;box-sizing:border-box}@media (max-width: 449px){.login-box{width:375px}}.btns{display:flex;justify-content:flex-end}.login-keyos{position:absolute;top:8px;right:15px;cursor:pointer}.bg3{display:inline-block;width:74px;height:74px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:10%;top:10%;transform:rotate(30deg);-webkit-transform:rotate(30deg)}.bg4{display:inline-block;width:174px;height:174px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:70%;top:50%;transform:rotate(-24deg);-webkit-transform:rotate(-24deg)}.bg5{display:inline-block;width:20px;height:20px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:5%;top:80%;transform:rotate(12deg);-webkit-transform:rotate(12deg)}.bg6{display:inline-block;width:120px;height:120px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:18%;top:53%;transform:rotate(87deg);-webkit-transform:rotate(87deg)}.bg7{display:inline-block;width:140px;height:140px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:15%;top:80%;transform:rotate(-20deg);-webkit-transform:rotate(-20deg)}.bg8{display:inline-block;width:230px;height:230px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:23%;top:18%;transform:rotate(46deg);-webkit-transform:rotate(46deg)}.bg9{display:inline-block;width:50px;height:50px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:70%;top:8%;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.bg10{display:inline-block;width:240px;height:240px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:90%;top:56%;transform:rotate(-70deg);-webkit-transform:rotate(-70deg)}.bg11{display:inline-block;width:30px;height:30px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:90%;top:16%;transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.bg12{display:inline-block;width:30px;height:30px;background:#fff;opacity:0.1;border-radius:2px;position:absolute;left:72%;top:96%;transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgba(255,255,255,0.15);bottom:-160px;animation:square 25s infinite;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:10%}.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:0s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:rgba(255,255,255,0.25)}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:rgba(255,255,255,0.2)}.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:rgba(255,255,255,0.3)}.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translateY(0)}100%{transform:translateY(-700px) rotate(600deg)}}