.theme_color { background: #fb7299; } .color_theme { color: #fb7299; } .color_white { color: white; } .padding_30 { padding: 0.3rem 0.3rem 0 0.3rem; } .active { color:#fb7299 !important; } /* 底部样式 */ .footer { position: fixed; width: 100%; background: #fff; height: 1rem; bottom: 0; } .footer ul{ display: flex; justify-content: space-around; align-items: center; height: 100%; border-top: 0.02rem solid #e8ebec; box-sizing: border-box; padding-top: 0.1rem; } .footer ul li a{ display: flex; flex-direction: column; text-align: center; } .footer ul li i{ font-size: 0.3rem; margin-bottom: 0.08rem; } .footer ul li span{ font-size: 0.24rem; } .footer_active i { color: #fb7299; } .footer_active span { color: #fb7299; } .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; } .header_theme1 span { color: #fff; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 模特的css */ .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; } /* 公共的列表样式 */ .item_list .title { font-size: 0.34rem; color: #333; margin-bottom: 0.26rem; margin-top: 0.3rem; } .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 ul .newest_text{} .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; } .tags_item a { color: #fff; } .content_info { padding-top: 0.9rem; } .content_my { padding-bottom: 1rem; } .content_theme1 { padding-top: 0.9rem; padding-bottom: 1rem; } .model_list { display: flex; justify-content: space-around; margin-top: 0.24rem; flex-wrap: wrap; } .model_list .item { margin-bottom: 0.6rem; } .openApp { position: fixed; right: 0.3rem; bottom: 1.8rem; width: 1rem; height: 1rem; z-index: 9; font-size: 0; } .openApp img{ width: 100%; height: 100%; margin-bottom: 0.1rem; } .openApp p { font-size: 0.24rem; background: #fb7299; color: #fff; padding: 0.04rem 0.02rem; text-align: center; border-radius: 0.1rem; }