a.topic-link {margin: 10px auto;display: block;width: 600px;}.topic-box {width: 600px;height: 75px;background: url("//tu.duoduocdn.com/uploads/day_160627/201606271101388748.png") repeat-x;margin: 0 auto;position: relative;}.topic-thumb {position: absolute;left: 5px;top: 3px;height: 69px;width: 92px;background: url("//tu.duoduocdn.com/uploads/day_241230/zt_2351735531338.png") no-repeat;background-size: 100% 100%;}.topic-angular{position: absolute;right:0;top:0;width:46px;height:42px;background:url("//tu.duoduocdn.com/uploads/day_160627/201606271101463680.png") no-repeat;}.topic-box b {position: absolute;left: 105px;right: 15px;color: white;line-height: 75px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}6人遭驱逐🤯火箭热火爆发大冲突 .qrcode-banner{ width: 100%; } .qrcode-banner .swiper-wrapper{ display: flex; flex-wrap: nowrap; } .qrcode-banner .swiper-slide { position: relative; flex: 1 0 100%; width: 100%;height: 120px; background: #eee; } .qrcode-banner .swiper-slide ._bg{ width: 100%;height: 100%;vertical-align: top; } .qrcode-banner .swiper-slide ._qrcode{ position: absolute;right: 28px;top: 50%; margin-top: -45px; width: 90px; height: 90px; border-radius: 8px; } .qrcode-banner .swiper-slide .btn-close{ position: absolute;top: 0;right: 0; width: 15px;height: 15px; cursor: pointer; } .qrcode-banner .swiper-pagination{ text-align: center; } .qrcode-banner .swiper-pagination .swiper-pagination-bullet{ margin-left: 7px; display: inline-block; width: 5px;height: 5px; border-radius: 50%; background-color: #999FAC; } .qrcode-banner .swiper-pagination .swiper-pagination-bullet:first-child{ margin-left: 0; } .qrcode-banner .swiper-pagination .swiper-pagination-bullet-active{ background-color: #2E9FFF; }