@-webkit-keyframes rolate{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}@keyframes rolate{0%{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(0)}to{transform:perspective(400px) rotate(20deg) rotateX(-40deg) rotateY(-1turn)}}.stars{transform:perspective(500px);transform-style:preserve-3d;perspective-origin:50% 100%;left:50%;top:2%;-webkit-animation:rolate 90s linear infinite;animation:rolate 90s linear infinite;bottom:0}.star,.stars{position:absolute}.star{width:2px;height:2px;background-color:#f7f7b8;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.login{display:relative}.login .bgImg{background:url(../img/xiaobei_wallpaper_1608174192.ea45e02e.jpg) no-repeat;background-size:100% 100%;background-attachment:fixed;min-height:100vh;overflow:hidden;position:absolute;width:100%;height:100%}.login .usform{position:absolute;top:50%;left:60%;transform:translateY(-70%);width:500px;padding:20px;padding-top:30px;border-radius:10px;background-color:rgba(0,0,0,.5)}.login .usform p{color:#fff;text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.login .usform .el-form-item__label{color:#fff}.login .usform .sub{float:right}.login .usform .sub2{float:right;margin-right:10px}.login img{width:100%;position:absolute;top:-280px}.login #wangCode{display:flex;align-items:center;justify-content:center;height:100vh}.login ul{height:200px;position:absolute;left:13%}.login li{float:left;width:20px;height:20px;border-radius:20px;margin-right:20px}.login li:first-child{background-color:#f62e74;-webkit-animation:love1 4s infinite;animation:love1 4s infinite}.login li:nth-child(2){background-color:#f45330;-webkit-animation:love2 4s infinite;animation:love2 4s infinite;-webkit-animation-delay:.15s;animation-delay:.15s}.login li:nth-child(3){background-color:#ffc883;-webkit-animation:love3 4s infinite;animation:love3 4s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.login li:nth-child(4){background-color:#30d268;-webkit-animation:love4 4s infinite;animation:love4 4s infinite;-webkit-animation-delay:.45s;animation-delay:.45s}.login li:nth-child(5){background-color:#006cb4;-webkit-animation:love5 4s infinite;animation:love5 4s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.login li:nth-child(6){background-color:#784697;-webkit-animation:love4 4s infinite;animation:love4 4s infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.login li:nth-child(7){background-color:#ffc883;-webkit-animation:love3 4s infinite;animation:love3 4s infinite;-webkit-animation-delay:.9s;animation-delay:.9s}.login li:nth-child(8){background-color:#f45330;-webkit-animation:love2 4s infinite;animation:love2 4s infinite;-webkit-animation-delay:1.05s;animation-delay:1.05s}.login li:nth-child(9){background-color:#f62e74;-webkit-animation:love1 4s infinite;animation:love1 4s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes love1{30%,50%{height:60px;transform:translateY(-30px)}70%,to{height:20px;transform:translateY(0)}}@keyframes love1{30%,50%{height:60px;transform:translateY(-30px)}70%,to{height:20px;transform:translateY(0)}}@-webkit-keyframes love2{30%,50%{height:125px;transform:translateY(-60px)}70%,to{height:20px;transform:translateY(0)}}@keyframes love2{30%,50%{height:125px;transform:translateY(-60px)}70%,to{height:20px;transform:translateY(0)}}@-webkit-keyframes love3{30%,50%{height:160px;transform:translateY(-75px)}70%,to{height:20px;transform:translateY(0)}}@keyframes love3{30%,50%{height:160px;transform:translateY(-75px)}70%,to{height:20px;transform:translateY(0)}}@-webkit-keyframes love4{30%,50%{height:180px;transform:translateY(-60px)}70%,to{height:20px;transform:translateY(0)}}@keyframes love4{30%,50%{height:180px;transform:translateY(-60px)}70%,to{height:20px;transform:translateY(0)}}@-webkit-keyframes love5{30%,50%{height:190px;transform:translateY(-45px)}70%,to{height:20px;transform:translateY(0)}}@keyframes love5{30%,50%{height:190px;transform:translateY(-45px)}70%,to{height:20px;transform:translateY(0)}}.share-button{width:180px;height:40px;border-radius:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;transition:.3s linear}.share-button:hover{transform:scale(1.1)}.share-button span{position:absolute;width:100%;height:100%;background:#2d3436;color:#f1f1f1;text-align:center;line-height:40px;z-index:999;transition:.6s linear;border-radius:40px}.share-button:hover span{transform:translateX(-100%);transition-delay:.3s}.share-button a{flex:1;font-size:26px;color:#fff;text-align:center;transform:translateX(-100%);opacity:0;transition:.3s linear}.share-button:hover a{opacity:1;transform:translateX(0)}.share-button a:first-of-type{transition-delay:1s}.share-button a:nth-of-type(2){transition-delay:.8s}.share-button a:nth-of-type(3){transition-delay:.6s}.share-button a:nth-of-type(4){transition-delay:.4s}