body{
    background: #A13222;
}
.wrapper{
    margin: 0 auto;
    width: 7.5rem;
    height: 11.15rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/promotion/bg.jpg");
}

.header{
    padding: 0 .3rem;
    height: 1.15rem;
    background: linear-gradient(rgba(85,17,95) 0%,rgba(85,17,95,.5) 80%) ;
    color: #fff;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.header-info .ico{
    margin-right: .1rem;
}
.btn-download-top{
    width: 2.27rem;
    height: .93rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/promotion/btn_download_top.png");
}

.btn-download{
    margin: 7.8rem auto 0;
    width: 4.71rem;
    height: 1.43rem;
    background-image: url("//png.pookcdn.net/new_net/bydrqp/promotion/btn_download.png");
}


.download-item{
    position: fixed;
    left: 50%;
    bottom: .2rem;
    padding: .2rem;
    width: 90%;
    background: #fff;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.download-item .ico{ margin-top: -.7rem;  transition: all .5s;}
.ico img{ width: .92rem; }
.download-item .middle{ flex: 1; transition: all .5s; }
.download-item .title{ font-weight: bold;}
.download-item .btn-download{ width: 100%; height: .8rem; color: #fff; background: rgb(230, 50, 46); }

.download-item.bottom{
    flex-flow: wrap;
}
.download-item.bottom .ico{ margin-top: 0; }

.download-item.bottom .btn-download{ width: 2rem;transition: width .5s; }