.toptic .flr{font-size:16px;font-weight:normal}.toptic .flr .active{color:#fff}.toptic .flr span{margin:0 8px}.sort{width:148px;padding:0 12px;display:none;position:absolute;top:84px;right:48px;z-index:10;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1)}.sort .name{margin-bottom:16px}.sort a{display:block;text-align:center;padding:12px 0;border-bottom:1px solid #E9E9E9}.sort a:last-child{border-bottom:0}.groups{width:188px;font-size:0}.groups .active{font-weight:bold}.groups a{width:100%;display:inline-block;font-size:14px;padding:8px 0;border-bottom:1px solid #E9E9E9;margin-top:16px}.groups a:first-child{margin-top:0}.ratio169{background:#fff}#list{padding:48px 48px 60px;box-sizing:border-box;position:relative}#list .main{width:1200px}#list .groups-box .items .split{width:100%;height:1px;background:#E9E9E9;margin-bottom:12px}#list .groups-box .items .split:last-child{margin-bottom:0}#list .groups-box .flr{width:856px}#list .groups-box .items{display:flex;flex-wrap:wrap}#list .groups-box .item{width:285px;box-sizing:border-box;margin-bottom:12px;padding:12px}#list .groups-box .items .item:nth-of-type(3n){margin-right:0}#list .groups-box .item .pic{width:100%;padding-top:56.25%}#list .groups-box .item .ratio169{width:100%;padding-top:56.25%}#list .groups-box .item .name{font-size:16px;font-weight:bold;margin:16px 0 20px}#list .groups-box .item .desc{height:63px;margin-top:20px;font-size:14px;line-height:1.5;overflow:hidden}#list .groups-box .item .split{width:100%;height:0;display:block;border-top:1px solid #D8D8D8;margin-top:0;margin-bottom:16px}#list .groups-box .item .data{height:16px}#list .groups-box .item .data a i{margin-left:6px}.topic span{margin:0 24px;display:inline-block;width:0;height:16px;overflow:hidden;border-left:1px solid #D8D8D8;vertical-align:text-bottom}#card{padding:48px 48px 60px;box-sizing:border-box;position:relative}#card .main{width:856px}#card .main .item{margin-bottom:24px;margin-left:24px;width:269px;border:1px solid #E9E9E9;box-sizing:border-box}#card .main .item:nth-child(3n+1){margin-left:0}#card .main .item:hover{text-decoration:none}#card .main .item .pic{width:100%;box-sizing:border-box}#card .main .item .pic a{box-sizing:border-box}#card .main .item .pic img{width:auto}#card .main .item .info{padding:20px;border-top:1px solid #E9E9E9}#card .main .item .info .name{font-size:16px;margin-bottom:12px;font-weight:bold}#card .main .item .info .desc{font-size:14px;height:42px;line-height:1.5;overflow:hidden}#card .paging{margin-top:0}#cardonly{padding:48px 48px 60px;box-sizing:border-box;position:relative}#cardonly .main{width:856px}#cardonly .item{width:269px;margin-left:24px;margin-bottom:24px;box-sizing:border-box;border:1px solid #E9E9E9}#cardonly .item:nth-child(3n+1){margin-left:0}#cardonly .item .pic{width:100%;overflow:hidden}#cardonly .item .pic img{width:auto}#cardonly .item .info{height:48px;line-height:47px;text-align:center;border-top:1px solid #E9E9E9;box-sizing:border-box}#cardonly .item .info .name{font-size:16px;font-weight:bold}#cardonly .item .info .name a:hover{text-decoration:none}#cardonly .item a:hover{cursor:default}#cardonly .main .topic{display:none}#cardonly .paging{margin-top:0}