<div
style="width: 70px;height: 100%;background-color: #49B9AD;border-top-left-radius: 5px;border-bottom-left-radius: 5px;
position: absolute;display: flex;justify-content: center;align-items: center;">
<div
style="width: 70px;height: 160px;background-image: url(images/xhm/xhm_recommend.png);
background-size: 100% 100%;">
</div>
</div>
<!-- 左侧按钮 -->
<div class="swiper-button-prev recommend-swiper-button-prev"
style="width: 30px;height: 100%;top: 0;margin: 0;background-color: #49B9AD;
display: flex;justify-content: center;align-items: center;">
<div
style="width: 16px;height: 22px;background-image: url(images/xhm/xhm_recommend_left.png);
background-size: 100% 100%;">
</div>
</div>
<!-- 中间滑块 -->
<div class="swiper recommendSwiper"
style="height: 220px;margin-left: 110px;margin-right: 50px;">
<div class="swiper-wrapper" id="id_div_recommend_content"></div>
</div>
<!-- 右侧按钮 -->
<div class="swiper-button-next recommend-swiper-button-next"
style="width: 40px;height: 100%;right: 0;top: 0;margin: 0;background-color: #49B9AD;
display: flex;justify-content: center;align-items: center;
border-top-right-radius: 5px;border-bottom-right-radius: 5px;">
<div
style="width: 16px;height: 22px;background-image: url(images/xhm/xhm_recommend_right.png);
background-size: 100% 100%;">
</div>
</div>
</div>
<!-- ****推荐阅读 end*** -->
<!-- ****动态 begin*** -->
<div class="layui-row content-section" style="margin-top: 15px;"
id="trend">
<!-- 版块标题 -->
<div class="layui-row" style="height: 40px;">
<div
style="width: 200px;height:100%;display: flex;align-items: center;float: left;">
<div class="moudle-title"
style="background-image: url(images/xhm/xhm_title_pc.png);">
<p>动态</p>
</div>
</div>
<div
style="width: 200px;height: 100%;display: flex;justify-content: right;align-items: center;float: right;">
<div
style="display: flex;justify-content: right;align-items: center;cursor: pointer;"