.theme_color { background: #fb7299; } .white_color { color: #fff; } .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: 0; } .header_theme1 i { color: #fff; margin-right: 0.2rem; } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; } .header_theme1 span { color: #fff; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content_theme1 { padding-top: 0.9rem; padding-bottom: 1rem; } .padding_30 { padding: 0.3rem 0.3rem 0 0.3rem; } .item_list .title { font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; } .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 img { width: 100%; border-radius: 0.1rem; } .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.42rem; border-radius: 0.28rem; } .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; } .tags_item a { color: #fff; } .item_list .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; } .footer { display: flex; align-items: center; justify-content: space-around; position: fixed; z-index: 999; bottom: 0; left: 0; right: 0; background: #fff; width: 100%; height: 1rem; border-top: 0.02rem solid #e8ebec; } .footer li { text-align: center; display: flex; flex-direction: column; } .footer li a { display: flex; flex-direction: column; } .footer li i { font-size: 0.3rem; margin-bottom: 0.08rem; } .footer li span { font-size: 0.24rem; } .footer_active i, .footer_active span { color: #fb7299; } .icon-back1{ margin-right: 0.2rem; color: #fff; } .padding_33{ 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: 0; } .header_theme1_left i { color: #fff; margin-right: 0.2rem; } .header_theme1_left span { color: #fff; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; display: inline-block; } .header_theme1_left { display: flex; align-items: center; flex: 1; overflow: hidden; } .header_theme1_left i { color: #fff; margin-right: 0.2rem; } .content_theme1 { padding-top: 0.9rem; padding-bottom: 1rem; } .content_theme2 { padding-top: 0.9rem; } .mechanism_list { display: flex; flex-wrap: wrap; margin-top: 0.3rem; padding: 0 0.3rem; } .item_list { padding: 0.3rem 0.3rem 0 0.3rem; box-sizing: border-box; } .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 img{ width: 100%; border-radius: 0.1rem; } .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.42rem; border-radius: 0.28rem; } .item_list .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; } .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; } .nodata { text-align: center; font-size: 14px; color: #8d8d8d; margin-bottom: 15px; } .item_list .title { font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; } .model_list { display: flex; justify-content: space-around; margin-top: 0.24rem; flex-wrap: wrap; } .model_list .item { margin-bottom: 0.6rem; } .item { position: relative; text-align: center; width: 22%; } .top { position: relative; } .item span { font-size: 0.22rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.06rem; padding: 0.02rem 0.1rem; background: rgb(0 0 0 / 58%); color: #fff; border-radius: 0.2rem; } .item img { width: 1.2rem; height: 1.2rem; border-radius: 100%; } .item p { font-size: 0.24rem; color: #7e7979; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }