/* 图片列表 */

.pics ul {
    padding: 2px 10px;
}
.pics ul li{
    padding-bottom: 30px;
}
.pics ul li a{
    display: block;
    background: #fff;
}
.pics-li-img img{
    width: 100%;
}
.pic-li-name{
    font: 400 16px/30px '微软雅黑';
    color: #a60007;
}
.pic-li-attribute{
    font: 400 14px/18px '微软雅黑';
    color: #000000;
}
.pics ul li span{
    display: block;
    padding-left: 36px;
    font: 400 14px/30px '微软雅黑';
    color: #a60007;
    background: url('../images/circle.png') no-repeat 0 center;
    background-size: 30px;
}

@media (min-width:1200px) {
    .pics-bg{
        background: url('../images/pic_bg.jpg') no-repeat center 0;
        background-size: cover;
    }
    .pics ul li a{
        position: relative;
        height: 290px;
        padding-left: 320px;
    }
    .pics ul li .pics-li-img{
        position: absolute;
        left: 0;
        top: 0;
        width: 290px;
    }
    .pics ul li:nth-child(2n) a{
        padding-left: 30px;
        padding-right: 290px;
    }
    .pics ul li:nth-child(2n) .pics-li-img{
        left: auto;
        right: 0;
    }
    .pic-li-name{
        padding: 20px 0;
        font: 400 30px/48px '微软雅黑';
    }
    .pic-li-attribute{
        font: 400 18px/24px '微软雅黑';
    }
    .pics ul li span{
        margin-top: 30px;
        padding-left: 42px;
        font: 400 16px/36px '微软雅黑';
        background-size: 36px;
    }
    
}

/* 图片详情 */

.pic-er {
    padding: 10px;
}
.pic-er-top{
    margin-bottom: 10px;
}
.pic-er-top a{
    display: block;
    background: #fff;
}
.pic-er-img img{
    width: 100%;
}
.pic-er-name{
    font: 400 16px/30px '微软雅黑';
    color: #a60007;
}
.pic-er-attribute{
    font: 400 14px/18px '微软雅黑';
    color: #000000;
}
.pic-er-detail-title{
    padding-left: 15px;
    font: 400 16px/36px '微软雅黑';
    color: #fff;
    background: #a60007;
}
.pic-er-p{
    min-height: 300px;
    padding: 10px 5px;
    font: 400 14px/24px '微软雅黑';
    color: #000;
}
.pic-er-p img{
    width: 100%;
}
@media (min-width:1200px) {
    .pic-er {}
    .pic-er-top{
        position: relative;
        height: 290px;
        margin: 0;
        padding-left: 320px;
        background: #fff;
    }
    .pic-er-img{
        position: absolute;
        left: 0;
        top: 0;
        width: 290px;
    }
    .pic-er-name{
        padding: 40px 0 20px;
        font: 400 30px/48px '微软雅黑';
    }
    .pic-er-attribute{
        font: 400 18px/30px '微软雅黑';
    }
    .pic-er-detail-title{
        font: 400 18px/42px '微软雅黑';
    }
    .pic-er-p{
        padding: 20px 10px;
    }
}