#cover {
   -webkit-animation: marquee 500s both linear infinite;
   -moz-animation: marquee 500s both linear infinite;
   animation: marquee 500s both linear infinite;
   background: url(https://p0.ssl.qhimg.com/t01ed2d8781d4a1a469.jpg) #000;
   background-size: 100%;
   height: 100%;
   min-height: 710px;
   position: absolute;
   width: 100%;
}
#cover {
   min-width: 1126px;
}


@-webkit-keyframes marquee {
   0% {
       background-position: 10000px bottom
   }

   100% {
       background-position: left bottom
   }
}

@-moz-keyframes marquee {
   0% {
       background-position: 10000px bottom
   }

   100% {
       background-position: left bottom
   }
}

@-o-keyframes marquee {
   0% {
       background-position: 10000px bottom
   }

   100% {
       background-position: left bottom
   }
}

@keyframes marquee {
   0% {
       background-position: 10000px bottom
   }

   100% {
       background-position: left bottom
   }
}

#cover .header {
   height: 596px;
   left: 50%;
   margin-top: -298px;
   margin-left: -518px;
   position: absolute;
   top: 50%;
   width: 1036px;
   display: flex;
    /* 水平居中 */
   align-items: center;     /* 垂直居中 */
   flex-direction: row;
}
#cover .header .phone, #cover .header .desc {
   float: left;
}
#cover .header .phone {
   height: 596px;
   margin-right: 42px;
   width: 410px;
}
#cover .header .download {
   margin-top: 34px;
}
.header .down-btns, .header .down-qr {
   float: left;
}
.down-btns .btn {
   background: url('../images/btn_phone.png') no-repeat 0 -320px;
   cursor: pointer;
   display: block;
   height: 60px;
   text-indent: 999em;
   width: 245px;
}
.down-btns .btn-iphone {
   background-position: 0 0;
}
.down-btns .btn-android {
   background-position: 0 -80px;
   margin-top: 20px;
}
.header .desc{}
.header .desc h1{
    color: #fcd16a;
    font-size: 50px;
}
.header .desc h2{
    color: #fcd16a;
    font-size: 30px;
}
@media (max-width: 575.98px) {
   #cover{
      min-width: 100%;
      background-size: 230%;
      height: 100%;
      min-height: 100%;
      position: fixed;
      width: 100%;
   }
   #cover .header{
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-left: 0;
    top: 18%;
}
   #cover .header .phone{}
   #cover .header .phone, #cover .header .desc{width: 100%;margin-right: 0;display: flex;justify-content: center; /* 水平居中 */align-items: center;height: 270px;}
   #cover .header .phone img{
    height: 100%;
   }
   #cover .header .desc{
    display: flex;
    justify-content: end;
    align-items: center;
    height: 400px;
    flex-direction: column;
}
.header .desc h1{
    color: #fcd16a;
    font-size: 30px;
}
.header .desc h2{
    font-size: 20px;
}
#cover .header .download{
    margin-top: 0;
}
.down-btns .btn{
}
}