html,body,.wrap {
   height: 100%; 
}
.wrap .inner {
   width: 100%;
   height: 19.8rem;
   background:url('../images/bg.png') no-repeat; 
   background-size: cover;
   position: relative;
}
.wrap .inner .mid {
   width:100%;
   height: 1rem;
   position: absolute;
   top: 10rem;
   color: #fff;
   overflow: hidden;
   display: flex;
   justify-content: center;
}
/* .wrap .inner .mid .text {
   margin:  0 auto;
   animation: scroll 5s linear infinite
}
@keyframes scroll {
   0% {
   transform: translateY(100%);
   }
   100% {
   transform: translateY(-100%);
   }
}*/
.wrap .inner .bottom {
   position: absolute;
   bottom: .44rem;
   width:100%;
   height: 1.4rem;
   /* border: 1px solid red; */
}