@charset "utf-8";

.grid-list {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

.grid-list li,
.grid-list li.views-row {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

.grid-list-2 li,
.grid-list-2 li.views-row {
    width: 49%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 2%;
}

.grid-list-2 li:nth-child(2n),
.grid-list-2 li.views-row:nth-child(2n) {
    margin-right: 0;
}

.grid-list-2 li:nth-child(2n+1),
.grid-list-2 li.views-row:nth-child(2n+1) {
    clear: left;
}

.grid-list-3 li,
.grid-list-3 li.views-row {
    width: 32%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 2%;
}

.grid-list-3 li:nth-child(3n),
.grid-list-3 li.views-row:nth-child(3n) {
    margin-right: 0;
}

.grid-list-3 li:nth-child(3n+1),
.grid-list-3 li.views-row:nth-child(3n+1) {
    clear: left;
}

.grid-list-4 li,
.grid-list-4 li.views-row {
    width: 23.5%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 2%;
}

.grid-list-4 li:nth-child(4n),
.grid-list-4 li.views-row:nth-child(4n) {
    margin-right: 0;
}

.grid-list-4 li:nth-child(4n+1),
.grid-list-4 li.views-row:nth-child(4n+1) {
    clear: left;
}

.grid-list-5 li,
.grid-list-5 li.views-row {
    width: 18.4%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 2%;
}

.grid-list-5 li:nth-child(6n),
.grid-list-5 li.views-row:nth-child(5n) {
    margin-right: 0;
}

.grid-list-5 li:nth-child(5n+1),
.grid-list-5 li.views-row:nth-child(5n+1) {
    clear: left;
}

.grid-list-6 li,
.grid-list-6 li.views-row {
    width: 15%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 2%;
}

.grid-list-6 li:nth-child(6n),
.grid-list-6 li.views-row:nth-child(6n) {
    margin-right: 0;
}

.grid-list-6 li:nth-child(6n+1),
.grid-list-6 li.views-row:nth-child(6n+1) {
    clear: left;
}

@media all and (max-width: 767px) {
    .grid-list-3 li,
    .grid-list-3 li.views-row {
        width: 49%;
    }

    .grid-list-3 li:nth-child(2n),
    .grid-list-3 li.views-row:nth-child(2n) {
        margin-right: 0;
    }

    .grid-list-3 li:nth-child(3n),
    .grid-list-3 li.views-row:nth-child(3n) {
        margin-right: 2%;
    }
    
    .grid-list-3 li:nth-child(6n),
    .grid-list-3 li.views-row:nth-child(6n) {
        margin-right: 0;
    }

    .grid-list-3 li:nth-child(3n+1),
    .grid-list-3 li.views-row:nth-child(3n+1),
    .grid-list-3 li:nth-child(6n+1),
    .grid-list-3 li.views-row:nth-child(6n+1) {
        clear: none;
    }

    .grid-list-4 li,
    .grid-list-4 li.views-row {
        width: 100%;
    }

    .grid-list-4 li:nth-child(2n),
    .grid-list-4 li.views-row:nth-child(2n)
    .grid-list-4 li:nth-child(4n),
    .grid-list-4 li.views-row:nth-child(4n),
    .grid-list-4 li:nth-child(8n),
    .grid-list-4 li.views-row:nth-child(8n) {
        margin-right: 0;
    }

    .grid-list-4 li:nth-child(4n+1),
    .grid-list-4 li.views-row:nth-child(4n+1),
    .grid-list-4 li:nth-child(8n+1),
    .grid-list-4 li.views-row:nth-child(8n+1) {
        clear: left;
    }

    .grid-list-5 li,
    .grid-list-5 li.views-row {
        width: 49%;
    }

    .grid-list-5 li:nth-child(5n),
    .grid-list-5 li.views-row:nth-child(5n),
    .grid-list-5 li:nth-child(10n),
    .grid-list-5 li.views-row:nth-child(10n) {
        margin-right: 0;
    }

    .grid-list-5 li:nth-child(5n+1),
    .grid-list-5 li.views-row:nth-child(5n+1),
    .grid-list-5 li:nth-child(10n+1),
    .grid-list-5 li.views-row:nth-child(10n+1) {
        clear: left;
    }

    .grid-list-6 li,
    .grid-list-6 li.views-row {
        width: 49%;
    }

    .grid-list-6 li:nth-child(6n),
    .grid-list-6 li.views-row:nth-child(6n),
    .grid-list-6 li:nth-child(12n),
    .grid-list-6 li.views-row:nth-child(12n) {
        margin-right: 0;
    }

    .grid-list-6 li:nth-child(6n+1),
    .grid-list-6 li.views-row:nth-child(6n+1),
    .grid-list-6 li:nth-child(12n+1),
    .grid-list-6 li.views-row:nth-child(12n+1) {
        clear: left;
    }
    
    
    
}

/* Tablets Portrait 的样式*/
@media all and (min-width:768px) and (max-width: 820px) and (orientation: portrait) {

    
}

/* Tablets Landscape 的样式 */
@media all and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {

      
}