/* List 列表 -------------------------------------- */

ul{overflow: hidden;}
ul li{float: left; width: 100%;}


.animate{ text-align: center; }
.animate li{ 
    height: 12em;
    cursor: pointer;

    padding-top: 1em;
    transition: padding-top .2s;
}

.animate li:hover { padding-top: 0; }


.animate a{display: block;}
.animate i{display: block; margin-top: -1em;}

.animate img{
    /* margin: auto; */
    width: 90%;
    transition: width .5s;
}
.animate li:hover img{width: 100%;}







/* 两列 隔行上色 */
.list li{
    padding: .5em 1em;
}

.list li b{
    float: left; width: 20%;
}
.list li c{
    float: left;
    display:block;
    width: 80%;
}



/* 三列 带背景 */
.listview li{ 
    /* 默认变高 PC 定高 */
    /* height: 12em; */
    padding: 1em;
    margin-top: 1em;
}



.listview .tt i{font-size: .875em;}
.listview .ds{margin-bottom: 0;}
.listview .dc{margin-top: 0;}

.listview .bt{margin: 0;}