@media screen and (max-width:600px){
    .piclist{position:relative;}
    .piclist ul{height:147px;overflow-y:hidden;width:100%;}
    .piclist ul li{height:100%;cursor: pointer;}
    .picnavi{position:absolute;bottom:15px;width:100%;}
    .picnavi div{width:148px;margin:0 auto;}
    .picnavi div a{width:35px;height:5px;background:#fff;margin-right:5px;}
    .picnavi div a.actived{background:#0166b6;}
}


@media screen and (min-width:601px) and (max-width:768px){
    .piclist{position:relative;}
    .piclist ul{height:147px;overflow-y:hidden;width:100%;}
    .piclist ul li{height:100%;cursor: pointer;}
    .picnavi{position:absolute;bottom:15px;width:100%;}
    .picnavi div{width:130px;margin:0 auto;}
    .picnavi div a{width:35px;height:5px;background:#fff;margin-right:5px;}
    .picnavi div a.actived{background:#0166b6;}
}


@media screen and (min-width:769px) and (max-width:1491px){
    .piclist{position:relative;}
    .piclist ul{height:400px;overflow-y:hidden;width:100%;}
    .piclist ul li{height:100%;cursor: pointer;}
    .picnavi{position:absolute;bottom:15px;width:100%;}
    .picnavi div{width:130px;margin:0 auto;}
    .picnavi div a{width:35px;height:5px;background:#fff;margin-right:5px;}
    .picnavi div a.actived{background:#0166b6;}
}

@media (min-width:1492px){
    .piclist{position:relative;}
    .piclist ul{height:471px;overflow-y:hidden;width:100%;}
    .piclist ul li{height:471px;cursor: pointer;}
    .picnavi{position:absolute;bottom:15px;width:100%;}
    .picnavi div{width:130px;margin:0 auto;}
    .picnavi div a{width:35px;height:5px;background:#fff;margin-right:5px;}
    .picnavi div a.actived{background:#0166b6;}
}