.topic{float:left;width:18%;border:0}.topic .title{height:22px;font-size:16px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #eee}.topic .item{display:block;height:40px;line-height:40px;padding:0 8px;border-bottom:1px solid #eee;text-decoration:none}#list{padding-bottom:80px}#list .main{width:80%;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{width:47.5%;float:left;margin-right:5%;margin-top:24px;display:flex;align-items:center}#list .main .item:nth-child(2n){margin-right:0}#list .main .item .pic{width:35%;padding-top:19.6%;margin-right:4%}#list .main .item .info{width:61%}#list .main .item .info a{display:block;line-height:22px;max-height:44px;overflow:hidden}#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}#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}