.topic{padding:40px 0 20px 0;border-bottom:1px solid #D9D9D9}.topic .groups{font-size:16px}.topic .groups a{vertical-align:middle}.topic .groups span{margin:0 40px;font-size:14px;vertical-align:middle;color:#CCC}.topic .sort-box{position:relative}.topic .sort-box i{margin:-2px 0 0 8px}.topic .sort-box a{text-decoration:none}.topic .sort{display:none;position:absolute;top:40px;right:0;box-shadow:2px 4px 10px 0 rgba(0,0,0,0.2);z-index:2}.topic .sort .item{display:block;line-height:45px;min-width:186px;text-align:center;transition:all .3s}.topic .sort .item::after{content:"";display:block;width:calc(100% - 24px);margin:auto;height:1px;background:#ebebeb}.topic .sort .item:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}.topic .bottons i{margin:-2px 0 0 12px;filter:contrast(0) grayscale(100%) brightness(0)}#list{padding-bottom:80px}#list .main .items{padding-bottom:40px}#list .main .item{float:left;width:384px;text-align:center;margin:32px 24px 0 0;position:relative;transition:all .3s}#list .main .item:nth-child(3n){margin:32px 0 0 0}#list .main .item:hover{box-shadow:2px 4px 10px 0 rgba(0,0,0,0.2)}#list .main .item .info{padding:24px;border:1px solid #D9D9D9;box-sizing:border-box}#list .main .item .info .name{font-size:20px;font-weight:bold}#list .main .item .info .desc{line-height:2;height:84px;overflow:hidden;margin:24px 0}#list .main .item .info .date{position:absolute;top:32px;right:0;padding:6px 16px 6px 24px;text-align:right;border-radius:10px 0 0 10px;font-size:20px;overflow:hidden}#list .main .item .info .date div{position:relative;z-index:1}#list .main .item .info .date div:first-child{font-size:24px}#list .main .item .info .date .bg-dark{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85}#card{padding-bottom:80px}#card .main .items{padding-bottom:40px}#card .main .item{float:left;width:588px;height:146px;border:1px solid #D9D9D9;box-sizing:border-box;margin:32px 24px 0 0;text-decoration:none;transition:all .3s}#card .main .item:nth-child(2n){margin:32px 0 0 0}#card .main .item .pic{width:245px;height:100%;text-align:left}#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{flex:1;padding:0 20px}#card .main .item .info .name{font-size:16px;font-weight:bold;padding-bottom:16px}#card .main .item .info .desc{line-height:1.5;max-height:63px;overflow:hidden}#card .main .item:hover{box-shadow:2px 4px 10px 0 rgba(0,0,0,0.2)}#cardonly{padding-bottom:80px}#cardonly .main .items{padding-bottom:40px}#cardonly .main .item{float:left;width:280px;border:1px solid #D9D9D9;margin:24px 24px 0 0;text-align:center}#cardonly .main .item .pic{width:100%;height:158px;background:#fff;position:relative}#cardonly .main .item .pic img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}#cardonly .main .item:nth-child(4n){margin:24px 0 0 0}#cardonly .main .item .name{height:62px;padding:0 20px;font-size:16px;font-weight:bold}