body{background-color:#fff}section{margin-bottom:10px}section .block{width:1440px;height:auto;padding:0 20px;margin:0 auto}section .block .block-title{border-bottom:1px solid #dedede;width:100%;height:60px;line-height:60px;font-size:18px;position:relative}section .block .block-title::before{content:" | ";color:#f00}section .block .block-title .block-about{position:absolute;height:60px;line-height:60px;top:0;right:0}section .block .block-box{width:100%;height:auto;overflow:hidden}.list-box{width:100%;height:auto;padding:20px 0}.list-box .list-content-nav{width:100%;height:auto;padding:30px 0;box-sizing:border-box}.list-box .list-content-nav .list-content-nav-type,.list-box .list-content-nav .list-content-nav-class{width:100%;height:30px;line-height:30px;font-size:16px;margin-bottom:15px}.list-box .list-content-nav .list-content-nav-type .list-nav-title,.list-box .list-content-nav .list-content-nav-class .list-nav-title{width:50px;height:100%;float:left;font-weight:bolder}.list-box .list-content-nav .list-content-nav-type .list-nav-select,.list-box .list-content-nav .list-content-nav-class .list-nav-select{width:calc(100% - 70px);height:auto;float:right}.list-box .list-content-nav .list-content-nav-type .list-nav-select ul li,.list-box .list-content-nav .list-content-nav-class .list-nav-select ul li{border-radius:5px;border:1px solid #ccc;display:inline-table;width:auto;height:auto;float:left;margin:0 25px 10px 0;padding:0 15px;cursor:pointer;transition:.3s all;overflow:hidden}.list-box .list-content-nav .list-content-nav-type .list-nav-select ul li:last-child,.list-box .list-content-nav .list-content-nav-class .list-nav-select ul li:last-child{margin-right:0}.list-box .list-content-nav .list-content-nav-type .list-nav-select ul li:hover,.list-box .list-content-nav .list-content-nav-class .list-nav-select ul li:hover{color:#fff;background-color:#d9182b}.list-box .list-content-nav .list-content-nav-type .list-nav-select ul li.active,.list-box .list-content-nav .list-content-nav-class .list-nav-select ul li.active{color:#fff;background-color:#d9182b}.list-box .list-content-box{width:100%;height:auto;overflow:hidden}.list-box .list-content-box .list-content-div{width:320px;height:430px;float:left;margin-right:30px;margin-bottom:30px;background-color:#f2f2f2;cursor:pointer}.list-box .list-content-box .list-content-div:hover .list-content-img{background-size:120% 120%}.list-box .list-content-box .list-content-div:last-child{margin-right:0}.list-box .list-content-box .list-content-div .list-content-img{width:100%;height:280px;transition:.3s all;background-size:100% 100%;background-position:center}.list-box .list-content-box .list-content-div .list-content-text{width:100%;height:calc(100% - 280px);padding:10px;box-sizing:border-box}.list-box .list-content-box .list-content-div .list-content-text .list-content-title{width:100%;height:56px;line-height:30px;font-size:20px;display:-webkit-box;text-align:center;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list-box .list-content-box .list-content-div .list-content-text .list-content-ul{display:block;width:100%;height:40%;padding-top:30px;position:relative}.list-box .list-content-box .list-content-div .list-content-text .list-content-ul li{display:inline-table;border-radius:5px;border:1px solid #d9182b;background-color:#d9182b;color:#f9f9f9;height:25px;line-height:25px;padding:0 5px;float:left;margin-right:10px}.list-box .list-content-box .list-content-div .list-content-text .list-content-ul div{position:absolute;top:30px;right:0;font-size:20px;color:#d9182b;font-weight:bolder}