.dynamic-container{display:flex;margin:110px auto;max-width:1240px;min-height:500px}.dynamic-container>aside{position:relative;width:300px}.dynamic-container>aside .nav-title{position:absolute;left:0;top:0;transform:translateY(-100%);font-size:24px;font-weight:700;padding:0 30px;line-height:48px}.dynamic-container>aside .nav-wrapper{border-radius:12px;overflow:hidden;background:#fff}.dynamic-container>aside .nav-wrapper>li{cursor:pointer;padding:0 30px;line-height:50px;transition:all .5s ease-out}.dynamic-container>aside .nav-wrapper>li.active{color:#fff;background:#03004d}.dynamic-container>main{margin-left:50px;flex:1 1}.dynamic-container>main .dynamic-list{padding:30px 0}.dynamic-container>main .dynamic-list>li{display:flex;padding:20px;border-radius:6px;height:130px;background:#fff;margin-bottom:30px}.dynamic-container>main .dynamic-list>li img{border-radius:10px;width:30%;height:100%}.dynamic-container>main .dynamic-list>li .news-content{font-size:14px;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;margin-left:40px}.dynamic-container>main .dynamic-list>li .news-content>h3:hover{cursor:pointer;color:red}.dynamic-container>main .dynamic-list>li .news-content>p{font-weight:14px;line-height:22px;overflow:hidden;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}@media screen and (max-width:768px){.dynamic-container{display:block;margin:80px auto;padding:0 20px}.dynamic-container>aside{width:100%}.dynamic-container>aside .nav-title{display:none}.dynamic-container>aside .nav-wrapper{display:flex}.dynamic-container>aside .nav-wrapper>li{text-align:center;padding:0 12px;flex:1 1}.dynamic-container>main{margin-left:0;flex:1 1}.dynamic-container>main>h3{display:none}.dynamic-container>main .dynamic-list>li{height:100px}}