#school .ul{
   padding:10px;
}
#school .list{
   border-radius:10px ;
   background-color: #fff;
   box-shadow: 0 0 0 0 rgba(105,123,140,.2);
   transition: all .2s ease-in-out;
   cursor: pointer;
   padding:0;
   position: relative;
}
#school .list:hover{
   box-shadow: 0 12px 12px 0 rgba(105,123,140,.2);
}
#school .list .tag{
   position: absolute;
   margin-right: 20px;
   margin-bottom: 10px;
   background-color: #fff;
   height: 30px;
   line-height: 30px;
   border-radius: 15px;
   padding: 0 20px;
   font-size: 14px;
   color: #333;
   top:10px;
   left:10px;
   box-shadow: 0px 0px 7px #c4c2c2;
}
#school .list .content{
   padding:10px;
}
#school .list>img{
   width:100%;
   height:220px;
   object-fit: cover;
   border-radius: 10px 10px 0 0;
}
#school .list .title{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   font-size: 20px;
   color: #333;
   margin: 20px 0;
   line-height: 1.3;
}
#school .list .detail{
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   font-size: 14px;
   color: #999;
   line-height: 22px;
   height: 66px;
   overflow: hidden;
}
#school .list .time{
   color:#666;
   font-size: 14px;
   margin-top:10px;
}
#school .box .rightContent{
   overflow: hidden;
   padding-bottom:10px;
   margin-top:-10px;
}
#school .box .nav{
   margin-bottom:40px;
}
#school .box .nav li{
   padding:15px;
   background: #fff;
   transition: all .3s;
   cursor: pointer;
}
#school .box .nav li a{
   padding:0;
   color:unset;
}
#school .box .nav li a:hover{
   background:unset;
}
#school .box .nav li:hover,
#school .box .nav li.on{
   color:#fff;
   transition: all .3s;
   background: linear-gradient(to right, var(--theme), #fff);
}
.moreBox{
   margin:40px;
   display: flex;
   justify-content: center;
}