#list{padding-bottom:80px}#list .topic{float:left;width:18%;min-height:490px;border:1px solid #eee;padding:16px 0;line-height:38px}#list .topic .title{padding:0 30px 4px 30px;font-weight:bold}#list .main{width:79%;float:right}#list .main .title{font-size:20px;font-weight:bold;height:42px;border-bottom:1px solid #ddd}#list .main .items{padding-bottom:40px;line-height:22px}#list .main .item{padding:12px 0;border-bottom:1px solid #eee}#list .main .item:last-child{border:0}#list .main .item .name{display:block;padding-bottom:4px;font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#list .main .item .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}#list .main .item .time{font-size:12px;padding-bottom:4px}#card{padding-bottom:80px}#card .main .title{padding-bottom:16px;border-bottom:1px solid #ddd;font-size:20px;font-weight:bold}#card .main .items{padding-bottom:40px}#card .main .item{float:left;width:592px;height:168px;border:1px solid #eee;margin:32px 31px 0 0;box-sizing:border-box}#card .main .item:nth-child(2n){margin:32px 0 0 0}#card .main .item .pic{float:left;width:224px;height:100%;border-right:1px solid #eee;box-sizing:border-box}#card .main .item .pic img{max-width:100%;max-height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#card .main .item .info{float:left;width:303px;padding:32px;box-sizing:border-box}#card .main .item .info .name{font-weight:bold}#card .main .item .info .desc{margin:6px 0;max-height:60px;line-height:20px;overflow:hidden}#cardonly{padding-bottom:80px}#cardonly .main .title{padding-bottom:16px;border-bottom:1px solid #ddd;font-size:20px;font-weight:bold}#cardonly .main .items{padding-bottom:40px}#cardonly .main .item{float:left;width:18%;border:1px solid #eee;margin:32px 2.5% 0 0;text-align:center;padding-bottom:40px;position:relative;box-sizing:border-box}#cardonly .main .item .pic{width:100%;height:163px;position:relative;text-align:left}#cardonly .main .item .pic img{max-width:100%;max-height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#cardonly .main .item:nth-child(5n){margin:32px 0 0 0}#cardonly .main .item .name{position:absolute;bottom:0;left:0;width:100%;height:40px;line-height:40px}