html,body{height:100%;}
body{background-color: #162055;position: relative}

.error404{position: relative;width: 100%;height: 100%;background-image: url(../images/404-bg.png);background-position: center 30% }
.error404-item{width: 645px;height: 400px;background-image: url(../images/404.png);background-size: 100% 100%;position: absolute;top:45%;left: 50%;transform: translate(-50%,-50%);}
.error404-item p{font-size: 24px; color:#fff;text-align: center;margin-top:30px}

.svg404-13 {fill: #fc9400;}
.svg404-14 {fill: #ffa423;}
.svg404-15 {fill: #e5771a;}

.bg-star{position: absolute;bottom: 0;left: 0;width: 100%;height: 230px;overflow: hidden}
.bg-star i{position: absolute}
.bg-star i.star-sm{width: 4px;height: 4px;border-radius: 4px;}
.bg-star i.star{width: 18px;height: 18px;border-radius: 18px;}
.bg-star i.star1{bottom: 102px;left: 170px;background-color: #8b90aa}
.bg-star i.star2{bottom:140px;left:660px;background-color: #02e9f3}
.bg-star i.star3{bottom:150px;right:700px;background-color: #8b90aa}
.bg-star i.star4{bottom:126px;left:45px;background: -webkit-linear-gradient(90deg, #217da3 0%, rgba(33, 125, 163, 0.99) 1%, rgba(33, 125, 163, 0) 95%);background: linear-gradient(90deg, #217da3 0%, rgba(33, 125, 163, 0.99) 1%, rgba(33, 125, 163, 0) 95%)}
.bg-star i.star5{bottom:10px;left:330px;background: -webkit-linear-gradient(90deg, #424cbb 0%, rgba(66, 76, 187, 0.99) 1%, rgba(66, 76, 187, 0) 100%);background: linear-gradient(90deg, #217da3 0%, rgba(66, 76, 187, 0.99) 1%, rgba(66, 76, 187, 0) 100%)}
.bg-star i.star6{bottom:27px;right:423px;background: -webkit-linear-gradient(90deg, #217da3 0%, rgba(33, 125, 163, 0.99) 1%, rgba(33, 125, 163, 0) 95%);background: linear-gradient(90deg, #217da3 0%, rgba(33, 125, 163, 0.99) 1%, rgba(33, 125, 163, 0) 95%)}
.bg-star i.star7{bottom:105px;right:15px;background: -webkit-linear-gradient(90deg, #424cbb 0%, rgba(66, 76, 187, 0.99) 1%, rgba(66, 76, 187, 0) 100%);background: linear-gradient(90deg, #217da3 0%, rgba(66, 76, 187, 0.99) 1%, rgba(66, 76, 187, 0) 100%)}