.album {

    padding: 1.4rem 0 .8rem;

    background-color: #f7f9fa;

}

.album-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    padding: 10.83333333333333% 0;

    background-color: #fff;

}

.album-pic,

.album-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50%;

}

.album-text-inner {

    padding: 1.12rem 13.74570446735395% .68rem;

}

.album-title {

    margin-bottom: .48rem;

    font-weight: 600;

    font-size: 30px;

    line-height: 40px;

    color: #000;

}

.album-desc {

    margin-bottom: .6rem;

    font-size: 12px;

    line-height: 18px;

    color: #888; 

}

.album-btn {

    width: 150px;

    height: 32px;

    border: 1px solid #bebebe;

}

.album-size {

    display: block;

    width: 150px;

    font-size: 12px;

    line-height: 26px;

    color: #010101;

    text-align: center;

}

@media (max-width: 768px){

    .album-inner {

        flex-wrap: wrap;

    }

    .album-pic,

    .album-text {

        width: 100%;

    }

    .album-text-inner {

        padding: 1.12rem .6rem .68rem;

    }

}

@media (max-width: 576px){

    .album-title {

        font-size: 20px;

        line-height: 32px;

    }

}