#bg{width:100%;display:flex;justify-content:center;align-items:center}#login_wrap{width:980px;height:400px;border-radius:10px;font-family:neo;overflow:hidden;box-shadow:0 0 120px rgba(0,0,0,.25)}#login{width:50%;height:100%;min-height:400px;background:linear-gradient(45deg,#9a444e,#e06267);position:relative;float:right}#login #status{width:90px;margin:40px auto;color:#fff;font-size:30px;font-weight:600;position:relative;overflow:hidden}#login #status i{font-style:normal;position:absolute;transition:.5s}.form-box{padding:100px 70px;height:400px}.a-input{height:50px}#bg{background:linear-gradient(45deg,#211136,#bf5853);height:100%}#login_img{width:50%;min-height:400px;background:linear-gradient(45deg,#221334,#6c3049);float:left;position:relative}#login_img span{position:absolute;display:block}#login_img .circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(45deg,#df5555,#ef907a);top:70px;left:50%;margin-left:-100px;overflow:hidden}#login_img .circle span{width:150px;height:40px;border-radius:50px;position:absolute}#login_img .circle span:first-child{top:30px;left:-38px;background:#c55c59}#login_img .circle span:nth-child(2){bottom:20px;right:-35px;background:#934555}#login_img .star span{background:radial-gradient(#fff 10%,#fff 20%,rgba(72,34,64,0));border-radius:50%;box-shadow:0 0 7px #fff}#login_img .star span:first-child{width:15px;height:15px;top:50px;left:30px}#login_img .star span:nth-child(2){width:10px;height:10px;left:360px;top:80px}#login_img .star span:nth-child(3){width:5px;height:5px;top:400px;left:80px}#login_img .star span:nth-child(4){width:8px;height:8px;top:240px;left:60px}#login_img .star span:nth-child(5){width:4px;height:4px;top:20px;left:200px}#login_img .star span:nth-child(6){width:4px;height:4px;top:460px;left:410px}#login_img .star span:nth-child(7){width:6px;height:6px;top:250px;left:350px}#login_img .fly_star span{width:90px;height:3px;background:linear-gradient(90deg,hsla(0,0%,100%,.67),hsla(0,0%,100%,0));transform:rotate(-45deg)}#login_img .fly_star span:first-child{top:60px;left:80px}#login_img .fly_star span:nth-child(2){top:210px;left:332px;opacity:.6}#login_img p{text-align:center;color:#af4b55;font-weight:600;margin-top:300px;font-size:25px}#login_img p i{font-style:normal;margin-right:45px}#login_img p i:last-child{margin-right:0}@media screen and (max-width:1000px){#login_img{display:none}#login_wrap{width:490px;margin-right:-245px}#login{width:100%}}@media screen and (max-width:560px){#login_wrap{width:330px;margin-right:-165px}#login span{margin-left:-125px}.form input{width:250px}.btn{width:113px}}@media screen and (max-width:345px){#login_wrap{width:290px;margin-right:-145px}}