.content { width: 100%; background: #fff; border-top-left-radius: 30px; border-top-right-radius: 30px; margin-top: -0.6rem; position: relative; z-index: 2; box-sizing: border-box; padding: 0.4rem 0rem;}
.content .icons { width: 6rem; margin: 0 auto;}
.content .icons .icon { width: 1.1rem; text-align: center; font-size: 12px; }
.content .icons .icon div { margin-top: 0.23rem; color: #8e6a5c;}

.topNews { width: 6.96rem; position: relative; margin: 0.34rem auto 0;}
.topNews .inner {  padding: 0 0.25rem; box-sizing: border-box;}
.topNews .leftPic { width: 1.22rem; flex-shrink: 0; margin-right: 0.14rem;}
.topNews .rightInfo { width: 5rem; color: #bd3030; font-weight: 700; font-size: 14px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.list { width: 100%; padding: 0 0.28rem; margin: 0.35rem auto 0; box-sizing: border-box;}
.list .listTitle { width: 100%; border-bottom: 2px solid #dadada;}
.list .listTitle .left { width: 2.16rem;}
.list .listTitle .right a { color: #999; font-size: 12px;}
.list .listTitle .right a img { width: 0.28rem; margin-left: 0.15rem;}

.list .swiperBox { width: 100%; margin-top: 0.2rem;}
.list .swiperBox .swiper-container { width: 100% !important;}
.list .swiperBox { width: 100%;}
.list .swiperBox .swiper-slide { width: 100%; height: 225px !important; flex-shrink: 0;}
.list .swiperBox a { width: 100%;}
.list .swiperBox img { width: 100%; height: 100%;}
.list .swiper-pagination { text-align: right; line-height: 0.44rem; bottom: 0 !important; padding-right: 0.2rem; box-sizing: border-box;}
.swiper-pagination-bullet-active { background-color: #b80000 !important;}
.swiper-pagination-bullet { background: #fff; opacity: 1;}
.list .slider-title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(144, 77, 77, .5); color: #fff; height: 0.44rem; line-height: 0.44rem; padding-left: 0.4rem; padding-right: 0.4rem; box-sizing: border-box;}
.list .slider-title div { text-overflow: ellipsis; white-space: noWrap; overflow: hidden; width: 4.34rem;}

.listContent { width: 100%; margin-top: 0.2rem;}
.listContent .item { width: 100%; box-sizing: border-box; border-bottom: 1px dashed #e7e7e7; padding: 0.2rem;}
.listContent .item a { justify-content: flex-start;}
.listContent .item .circle { width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #b80000; margin-right: 0.15rem;}
.listContent .item .newsTitle { width: 4.88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666;}
.listContent .item .time { color: #666; width: 1.4rem; text-align: right; font-size: 12px;}
.listContent .item:last-child { border-bottom: 0;}

.line { width: 100%; height: 0.12rem; background: #f5f5f5; margin: 0.28rem auto ;}

.bottomPic { width: 100%; position: relative;}
.bottomPic .inner { width: 100%; padding: 0.28rem; box-sizing: border-box;}
.bottomPic .strs { font-size: 0.12rem; color: #fff;}
.bottomPic .ly { color: #fff;}
.bottomPic .ly a { color: #fff; text-decoration: underline;}
.bottomPic .ly:last-child { }
.bottomPic .right { width: 3.25rem; flex-shrink: 0;}
.bottomPic .right .box { font-size: 0.14rem; color: #fff;}
.bottomPic .right .box .tip { padding: 0 0.13rem; box-sizing: border-box; height: 0.3rem; line-height: 0.3rem; border-radius: 50px; background: #ee7d18; margin-top: 0.2rem; width: fit-content; word-break: keep-all;}
.bottomPic .right .box .imgBox { width: 1.23rem; margin: 0 auto;}