@charset "utf-8"; .web-top { position: fixed; width: 100%; display: flex; top: 0; background-color: #f9f9f9; height: auto; border-bottom: #e7e7e7 solid 1px; z-index: 9; } .web-top .userTitle { flex: 1; text-align: center; padding: 5px 0; } .web-top .userTitle img{ height: 50px; } .contentMain { padding: 61px 0; padding-bottom: 0px; } .price-num { display: flex; align-items: center; margin: 10px auto; } .price-num .price { color: #ff6600; font-size: 14px; } .price-num .price, .price-num .num { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .price-num .num { text-align: right; font-size: 14px; color: #999; } .list-lmmc { position: relative; display: inline-block; } .list-lmmc span { margin-left: 8px; } .list-lmmc::before { content: ""; position: absolute; margin-right: 0.625rem; top: 50%; margin-top: -8px; width: 0.125rem; height: 17px; background-color: #ff6f06; } .title { display: flex; height: 2.625rem; line-height: 20px; padding: 0.3125rem 0.9375rem; } .title .title-left { flex: 1; } .title .title-left .title-txt { position: relative; display: inline-block; } .title .title-left .title-txt span { padding-left: 0.625rem; } .title .title-left .title-txt::before { content: ""; position: absolute; margin-right: 0.625rem; top: 50%; margin-top: -5px; width: 0.125rem; height: 15px; background-color: #2fb15a; } .title .title-right { width: 40%; text-align: right; } .title .title-right .more { font-size: 14px; color: #999; } .title .title-right .iconfont { color: #999; font-size: 0.875rem; } .content { margin: 0 auto; width: calc(100% - 0.875rem); margin-bottom: 10px; } .news-list .item { display: flex; background-color: #fff; padding: 0.625rem; margin-bottom: 0.9375rem; } .news-list .item:last-child { margin-bottom: 0; } .news-list .item .img { width: 6.875rem; height: 6.875rem; overflow: hidden; } .news-list .item .img2 { width: 6.25rem; height: 6.25rem; } .news-list .item .img img { width: 100%; height: 100%; } .news-list .item .txt { width: calc(100% - 6.875rem - 0.625rem); } .news-list .item .txt.txt2 { width: calc(100% - 6.25rem - 0.625rem); } .news-list .item .txt .tit { font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 1.5; } .news-list .item .txt .tit2 { font-size: 1rem; width: 100%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news-list .item .txt .desc { margin-top: 0.375rem; font-size: 13px; width: 100%; color: #999; height: 2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news-list .item .txt .time-more { display: flex; align-items: center; margin-top: 8px; } .news-list .item .txt .time-more .time { font-size: 12px; color: #999; } .search { width: 100%; margin: 0 auto; height: 65px; padding-top: 13px; } .search input { display: block; padding: 0; margin: 0; } .search .mtxt { border: none; width: 80%; height: 40px; line-height: 0.65rem; margin-left: 3%; text-indent: 3%; } .search .mbtn { cursor: pointer; border: none; width: 47px; height: 40px; background: #ff6f06; color: #fff; }