/* pages/searchList/searchList.wxss */ page{ /* background: #fff; */ padding: 0; } .scroll{ height: calc(100vh - 166rpx) } .search{ padding: 0 30rpx; background: #fff; } .search input{ background: #EEEEEE; } .tab{ /* overflow: auto; */ background: #fff; padding: 10px; margin-bottom: 20rpx; } .tab view{ display: flex; justify-content: space-between; width: 150vw } .tab text{ font-size: 30rpx; color: #666; } .tab .active{ color: #3780CD; } .rview .part{ background: #fff; padding: 0 10px; margin-top: 10px; } .rview .part>.title{ font-size: 32rpx; color: #333; margin-bottom: 28rpx; line-height: 40px; } .search image { right: 45rpx; } .rview .part>.title text{ float: right; color: #3780CD; font-size: 26rpx; } .tj{ display: flex; justify-content: space-between; } .tj navigator{ width: 30%; } .tj image{ width: 100%; max-height: 200rpx; } .list{ /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */ border-radius: 20rpx; display: flex; padding: 20rpx; /* box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); */ margin: 0 20rpx 40rpx; } .bottom{ margin-bottom: 30rpx; } .list image{ width: 20%; /* height: 160rpx; */ max-height: 100px; background: #eee; } .list>view{ width: 80%; padding-left: 20rpx; vertical-align: middle; } .list .title{ margin-bottom: 20rpx; /* text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ } .list text{ color: #999; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 26rpx; } .list .company{ overflow: visible; white-space: pre-wrap; margin-top: 40rpx; font-size: 28rpx; } .list .wrap{ display: block; font-size: 26rpx; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .sview{ background: #fff; padding: 20rpx 30rpx 0 } .sview .part{ border-top: 1px solid #F1F1F1; padding: 40rpx 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .sview .part:first-child{ border: none; } .sview .title{ color: #999; width: 100%; margin-bottom: 40rpx; } .sview .part text{ width: 49%; text-align: center; margin-bottom: 40rpx; } .sview .part text:nth-child(odd){ border-left: 1px solid #D8D8D8; } .sview .part navigator{ width: 50%; color: #3780CD; margin-bottom: 40rpx; text-align: center; } .more{ text-align:center; color:#999; padding:10rpx 0; }