.drl_header_top { padding-top: 1rem; }
.dynamic { padding: 0 0.24rem; background: #fff; }
.dynamic .dynamic_nav { height: 1rem; display: flex; border-bottom: 1px solid #dedede; }
.dynamic .dynamic_nav li { flex: 1; list-style: none; }
.dynamic .dynamic_nav li a { font-size: 0.34rem; font-weight: bold; display: block; text-align: center; line-height: 0.96rem; border-bottom: 0.04rem solid #fff; }
.dynamic .dynamic_nav li a.on { color: #4a9cf0; border-color: #4a9cf0; }

.dynamic .dynamic_list li { padding: 0.25rem 0; list-style: none; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.dynamic .dynamic_list li:last-child { border-bottom: 0; }
.dynamic .dynamic_list li a { position: relative; display: block; height: auto; color: #333333; line-height: initial; font-size: 0.32rem; background-size: 0.15rem; }
.dynamic .dynamic_list li img { display: block; margin-right: 0.25rem; width: 30%; height: 1.6rem; object-fit: cover; }
.dynamic .pageClass { text-align: center; line-height: 0.8rem; padding: 0.24rem 0; }
.dynamic .pageClass a { margin: 0 0.1rem; padding: 0.1rem 0.2rem; border: 1px solid #dedede; font-size: 0.3rem; }
.dynamic .pageClass a.on { background: #4a9cf0; color: #fff; border-color: #4a9cf0; }
.dynamic .dynamic_list li .head { display: flex; align-items: center; }
.dynamic .dynamic_list li .head img + div { width: 70%; }
.dynamic .dynamic_list li .foot { color: #4a9cf0; font-size: 0.26rem; margin-top: 0.1rem; opacity: 0.8; }
.dynamic .dynamic_list li .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }