article{
    background: url(../images/pic_bg.jpg) no-repeat center bottom fixed/cover;
}
/* 图册列表 */
.atlas{
    padding: 5px;
}
.atlas ul{
    display: flex;
    flex-flow: wrap;
}
.atlas li{
    width: 50%;
    padding: 4px;
}
.atlas li a{
    display: block;
    border: 1px solid #626262;
}
.atlas li a img{
    width: 100%;
    height: 124px;
}

.atlas li p {
    position: relative;
    font: 400 14px/36px '微软雅黑';
    color: #000;
    text-align: center;
    background: #fff;
}

@media (min-width:1200px) {
    .atlas{
        padding: 0;
    }
    .atlas ul{
        padding: 10px;
    }
    .atlas li{
        width: 33.3%;
        padding: 10px;
    }
    .atlas li a{
        position: relative;
        display: block;
        color: #fff;
        text-align: center;
    }
    .atlas li a img{
        height: 278px;
    }
}