body { background-color: #FFFFFF; } .padding_30 { padding: 0.3rem 0.3rem 0 0.3rem; } /*头部公共样式*/ .header_theme1 { position: fixed; width: 100%; height: 0.9rem; left: 0; top: 0; display: flex; align-items: center; padding: 0 0.3rem; box-sizing: border-box; z-index: 999; justify-content: space-between; font-size: 18px; } .header_theme1 i { font-size: 18px; color: #fff; margin-right: 0.1rem; } .header_theme1 span { color: #fff; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .theme_color { background: #fb7299; } .color_white { color: white; } /*内容*/ .content_info { padding-top: 0.9rem; } .item_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .item_list ul li { width: 48%; margin-bottom: 0.3rem; } .item_list ul .newest_img { position: relative; } .item_list .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.2rem; border-radius: 0.28rem; } .item_list .newest_img img { width: 100%; border-radius: 0.1rem; } .newest_text .tags { display: flex; flex-wrap: wrap; margin-top: 0.08rem; } .newest_text .tags_item { 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; } .item_list .newest_text .t { color: #333; font-size: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.08rem; } .tags_item a { color: #fff; } /*详情页*/ .content_info { padding-top: 0.9rem; } /*尾部公共样式*/ .footer { position: fixed; width: 100%; background: #fff; height: 1rem; bottom: 0; display: flex; justify-content: space-around; align-items: center; border-top: 0.02rem solid #e8ebec; box-sizing: border-box; padding-top: 0.1rem; } .footer li a { display: flex; flex-direction: column; text-align: center; } .footer li i { font-size: 0.3rem; margin-bottom: 0.08rem; } .footer li span { font-size: 0.24rem; }