.relative { position: relative; } .absolute { position: absolute; } .footer { position: fixed; bottom: 0; left: 0; right: 0; height: 1rem; display: flex; align-items: center; justify-content: space-around; font-size: 0; background: #fff; border-top: 1px solid #fff; z-index: 99; } .footer li { text-align: center; } .footer img { width: 0.6rem; height: 0.6rem; } .footer p { font-size: 0.2rem; zoom: 0.9; } .footer_active p{ color: #f15a4f; } .title { font-size: 0.6rem; font-weight: 600; color: #333; line-height: 0.72rem; margin-bottom: 0.32rem; } .padding_16 { padding-left: 0.32rem; padding-right: 0.32rem; box-sizing: border-box; } .top { margin-top: 10px; } .margin_16 { margin-left: 0.32rem; margin-right: 0.32rem; } .clear_size { font-size: 0; } .themeColor { background: #fb7299; } .list .title { font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; } .list .title i{ color: #fb7299; } .list .title span{} .list_fa{ display: flex; justify-content: space-between; flex-wrap: wrap; } .list_fa li{ width: 48%; margin-bottom: 0.3rem; } .list_fa li .newest_img{ position: relative; } .newest_img img{ width: 100%; border-radius: 0.1rem; } .newest_img span{ position: absolute; padding: 0.08rem 0.14rem; background: rgb(251 114 153 / 73%); color: rgb(255 255 255 / 73%); font-size: 0.24rem; right: 0.2rem; bottom: 0.42rem; border-radius: 0.28rem; } .list .list_fa li .newest_text{ margin-top: 13px; } .newest_text .t { color: #333; font-size: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.08rem; } .newest_text .source { color: #666; font-size: 0.26rem; margin-bottom: 0.02rem; } .tags { display: flex; flex-wrap: wrap; margin-top: 0.08rem; } .tags .tags_item { display: inline-block; padding: 0.04rem 0.1rem; font-size: 0.24rem; background: #fb7299; margin-right: 0.06rem; color: #fff; border-radius: 0.18rem; margin-bottom: 0.06rem; } .pub_header { position: fixed; width: 100%; z-index: 999; height: 45px; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; } .pub_header .back { display: flex; align-items: center; width: 86%; } .pub_header i { color: #fff; } .pub_header .back span{ color: #fff; display: inline-block; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin-left: 10px; } .pub_header .right_action .like{ margin-right: 10px; }