.main { background: #fff; width: 100%; margin-top: 40px; } .title_top_view { width: 100%; display: flex; background: white; position: fixed; height: 40px; padding-left: 10px; top: 0px; z-index: 1; } .title_scroll { width: 90%; margin-left: 10px; /*可以滚动 */ white-space: nowrap; display: inline-block; } /*隐藏Scrollview滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .scroll_title_label { height: 40px; margin-right: 30px; text-align: left; line-height: 40px; border: 1px; font-size: 13px; color: #494949; 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 { font-family: PingFangSC-Regular; font-size: 14px; padding-top: 10px; color: #222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .content_content { height: 36px; font-family: PingFangSC-Regular; font-size: 12px; color: #888; line-height: 18px; margin-top: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .content_image { width: 70px; transform: translateY(-100px); float: right; margin-right: 15px; height: 70px; } .zarparent_box { display: flex; margin-top: 15px; } .zar_box { display: flex; margin-left: -5px; width: 50px; } .zar_img { width: 25px; height: 25px; } .save_img { width: 25px; height: 25px; } .content_zar { 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; } .tags_week { background: #EEF7FF; border-radius: 2px; font-size: 12px; margin-left: 10px; color: #4E90EB; margin-top: 5px; padding: 3px; } /*item 分割线*/ .home__list-item__bottom { height: 1px; background: #e2e2e2; margin-top: 5px; left: 15px; right: 15px; } .list_scroll { height: 100vh; /* background: rebeccapurple */ } .icon_refresh { position: fixed; width: 50px; height: 50px; right: 20px; bottom: 30px; }