/* 图册列表 */
.arc-banner img {
    width: 100%;
}

.arc-banner p {
    position: absolute;
    left: 1.8rem;
    bottom: 0;
    width: 6.4rem;
    padding: 0 0 0 1rem;
    font: 400 0.4rem/0.6rem "微软雅黑";
    color: #000;
    background: rgba(255, 255, 255, 0.8) url(../images/arrow.png) no-repeat 0.6rem center/0.24rem;
}


.atlas {}



.atlas ul {

    display: flex;

    flex-flow: wrap;

}



.atlas li {

    width: 100%;

    padding: 4px;

}



.atlas li a {

    display: block;

    color: #000;

    text-align: center;

}



.atlas li i {

    display: block;

    background: url(../images/atlas_border.png) no-repeat center center/100% 100%;

}



.atlas li a img {

    width: 100%;

    border: 1px solid #fff;

}



.atlas li p {

    position: relative;

    font: 400 14px/36px "微软雅黑";

    text-align: center;

    color: #000;

    background: #fff;

    border: 1px solid #eee;

    border-top: 0;

}



@media (min-width: 1200px) {

    .common-link {
        display: flex;
        justify-content: space-between;
        width: 85%;
        min-width: 1200px;
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 8px solid #c9151e;
    }

    .common-link a {
        padding: 0 0 0 36px;
        font: 400 18px/30px "微软雅黑";
        color: #000;
        background: url(../images/arrow.png) no-repeat 0 center;
    }

    .common-link a:hover {
        color: #c9151e;
        background-image: url(../images/arrow_a.png);
    }

    .atlas {
        padding: 10px 0 0;
    }

    .atlas ul {

        padding: 0 10px;


    }

    .atlas li {

        width: 33.3%;

        padding: 10px;

    }

    /* 
    .atlas li:nth-child(3n + 1) {

        padding-left: 0;

        padding-right: 10px;

    }

    .atlas li:nth-child(3n) {

        padding-left: 10px;

        padding-right: 0;

    } */

    .atlas li a {

        position: relative;

    }

    .atlas li a img {

        border: 5px solid #fff;

    }

    .atlas li p {

        position: relative;

        font: 400 18px/42px "微软雅黑";

        border: 5px solid #fff;

        border-top: 0;

    }

    .atlas li a:hover p {

        color: #fff;

        background: #3a3738;

    }

    .pages {
        margin: 10px 20px 20px;
    }

}