.course-title{padding-top:100px}.course-title .public-title{transform-origin:top center}.nav{padding-top:40px}.list{padding-top:50px;padding-bottom:40px}.list .list-item{display:flex;padding:40px 0;margin-bottom:20px;box-sizing:border-box;transition:all .3s}.list .list-item .item-img{width:356px;height:200px;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:10px}.list .list-item .item-right{padding-left:40px;width:844px;box-sizing:border-box;transition:all .3s}.list .list-item .item-right .item-top{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.list .list-item .item-right .item-title{flex:1;font-size:24px;font-weight:bold;color:#212121;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.list .list-item .item-right .item-date{margin-left:15px;font-size:18px;font-weight:400;color:#666;line-height:28px}.list .list-item .item-right .item-content{margin-top:35px;font-size:18px;font-weight:400;color:#666;line-height:28px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.list .list-item .item-right .arrow{margin-top:20px;width:46px;height:46px;opacity:0;transition:all .3s}.list .list-item:hover{padding:40px 25px 40px 60px;background:#f9f9f9}.list .list-item:hover .item-right{width:755px;box-sizing:border-box}.list .list-item:hover .item-right .item-title{color:#2a6d6b}.list .list-item:hover .item-right .arrow{opacity:1}.page{padding-bottom:30px}@media screen and (max-width:1440px){.course-title{padding-top:30px}.nav{padding-top:20px}.nav .container{transform:scale(.8)}.list{padding-top:30px;padding-bottom:20px}.list .container{width:1024px}.list .list-item{display:flex;padding:25px 0;margin-bottom:20px}.list .list-item .item-img{width:285px;height:160px}.list .list-item .item-right{padding-left:30px;width:735px}.list .list-item .item-right .item-top{margin-top:10px}.list .list-item .item-right .item-title{font-size:20px;line-height:26px}.list .list-item .item-right .item-date{margin-left:10px;font-size:14px;line-height:24px}.list .list-item .item-right .item-content{margin-top:20px;font-size:14px;line-height:24px}.list .list-item .item-right .arrow{margin-top:15px;width:40px;height:40px}.list .list-item:hover{padding:30px 20px 30px 40px}.list .list-item:hover .item-right{width:675px}}