.main { background: #fff; width: 100%; margin-top: 40px; } .title_top_view { width: 100%; display: flex; background: white; position: fixed; height: 40px; top: 0px; z-index: 1; } .title_scroll { width: 100%; background: #48c17b; color: #fff; flex: none; position: relative; display: flex; white-space: nowrap; } /*隐藏Scrollview滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .scroll_title_label { height: 40px; text-align: center; line-height: 40px; border: 1px; width: 100%; font-size: 13px; color: #fff; border-bottom: 2px; border-color: #ff5e5e; } .title_text { font-size: 13px; padding-top: 10px; padding-bottom: 7px; } .search_img { width: 22px; height: 22px; margin-top: 9px; } .home__list-item { position: relative; background: white; } .swiper { width: 100%; } .swiper image { max-height: 100%; max-width: 100%; } .content_item { width: 100%; height: 120px; right: 75px; } .content_title_box { display: flex; margin-top: 10px; line-height:28px; height: 36px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:horizontal; -webkit-line-clamp: 1; } .content_title { font-family: PingFangSC-Regular; font-size: 16px; color: #333; margin-right: 40dp; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .risk_img { width: 30px; margin-top: 6px; margin-left: 2px; height: 14px; } .content_content { height: 54px; font-family: PingFangSC-Regular; font-size: 12px; color: #888; line-height: 18px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .content_image { width: 70px; margin-top: -20px; transform: translateY(-100px); float: right; margin-right: 15px; height: 70px; } .like_box { display: flex; justify-content: flex-start; } .content_tags_box { display: flex; justify-content: flex-end; } .content_tags { font-size: 13px; color: #de7f46; border-radius: 2px; background-color: #ffebe0; min-height: 16px; min-width: 30px; padding: 2.5px; line-height: 16px; margin-left: 6px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .zarparent_box { margin-left: 15px; margin-right: 15px; display: flex; justify-content: space-between; margin-top: 5px; } .zar_box { display: flex; margin-left: -5px; width: 70px; } .zar_img { width: 25px; height: 25px; } .content_zar { font-family: PingFangSC-Regular; font-size: 10px; margin-left: 3px; margin-top: 5px; color: #afafaf; } .save_box { display: flex; margin-left: -5px; width: 70px; } .save_img { width: 20px; margin-top: 3px; height: 20px; } .content_save { font-family: PingFangSC-Regular; font-size: 10px; margin-left: 3px; margin-top: 5px; color: #afafaf; } .tags_view { display: flex; float: right; position: absolute; right: 20px; } .tags1 { background: #f2fdf7; border-radius: 2px; font-size: 12px; margin-left: 10px; color: #58a478; margin-top: 5px; padding: 3px; } /*item 分割线*/ .home__list-item__bottom { height: 1px; background: #e2e2e2; margin-top: 5px; left: 15px; right: 15px; } .home__list-item__bottom.new_home__list-item__bottom{ margin-top: 16px!important; } .list_scroll { height: 100vh; /* background: rebeccapurple */ } .icon_refresh { position: fixed; width: 50px; height: 50px; right: 20px; bottom: 30px; }