.page { position: relative; width: 750rpx; background-color: rgba(246,246,246,1); overflow: hidden; display: flex; flex-direction: column; } .box1 { width: 750rpx; display: flex; flex-direction: column; } .city{ display: flex; flex-direction: row; } .mod1 { height: 40rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; padding: 7rpx 0 0 12rpx; } .outer1 { width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .label1 { width: 33rpx; height: 20rpx; margin-top: 2rpx; } .txt1 { width: 79rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Regular; white-space: nowrap; line-height: 29rpx; margin-left: 7rpx; } .box2 { width: 29rpx; height: 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 12rpx; } .word1 { width: 98rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Semibold; white-space: nowrap; line-height: 29rpx; text-align: center; margin-left: 154rpx; } .box3 { width: 12rpx; height: 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 173rpx; } .info1 { width: 66rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: SFProText-Regular; white-space: nowrap; line-height: 29rpx; text-align: right; margin-left: 5rpx; } .pic1 { width: 54rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .mod2 { height: 88rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; padding-left: 24rpx; width: 750rpx; justify-content: center; } .group1 { width: 710rpx; height: 64rpx; flex-direction: row; display: flex; } .icon1 { width: 48rpx; height: 48rpx; margin-top: 8rpx; } .txt2 { width: 144rpx; height: 36rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 36rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 36rpx; text-align: left; margin: 14rpx 0 0 231rpx; } .pic2 { width: 174rpx; height: 64rpx; margin-left: 113rpx; } .mod3 { height: 90rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .word2 { width: 330rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .mod4 { height: 112rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; width: 750rpx; justify-content: center; align-items: center; } .outer2 { width: 690rpx; height: 72rpx; flex-direction: row; display: flex; } .info2 { width: 56rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 22rpx; } .icon2 { width: 24rpx; height: 24rpx; margin: 24rpx 0 0 8rpx; } .section1 { z-index: 9; height: 72rpx; border-radius: 8rpx; background-color: rgba(246,246,246,1); margin-left: 30rpx; display: flex; flex-direction: column; padding-left: 20rpx; width: 454rpx; position: relative; justify-content: center; } .group2 { width: 420rpx; height: 36rpx; flex-direction: row; display: flex; justify-content: space-between; } .mod5 { width: 36rpx; height: 36rpx; background-color: rgba(0,0,0,0); display: flex; flex-direction: column; } .word3 { width: 364rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin-top: 4rpx; } .group3 { z-index: 14; height: 36rpx; background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/saomiao%E5%A4%87%E4%BB%BD%208%402x.png?sign=f7b35c86579780278099f1c857719cb2&t=1645189257) 0rpx 0rpx no-repeat; background-size: 36rpx 36rpx; display: flex; flex-direction: column; padding-left: 6rpx; width: 36rpx; position: absolute; left: 21rpx; top: 19rpx; justify-content: center; } .section2 { width: 23rpx; height: 4rpx; border-radius: NaNrpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; } .section3 { height: 64rpx; border-radius: 8rpx; background-color: rgba(82,161,255,1); display: flex; flex-direction: column; width: 98rpx; justify-content: center; align-items: center; margin: 4rpx 0 0 20rpx; } .info3 { width: 48rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(255,255,255,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .mod6 { height: 90rpx; background-color: rgba(255,255,255,1); margin-top: 20rpx; display: flex; flex-direction: column; padding-top: 30rpx; width: 750rpx; } .layer1 { width: 750rpx; height: 60rpx; display: flex; flex-direction: column; justify-content: space-between; } .group4 { width: 690rpx; height: 30rpx; margin-left: 30rpx; flex-direction: row; display: flex; justify-content: space-between; } .word4 { width: 120rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; } .txt3 { width: 79rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(153,153,153,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin-top: 2rpx; } .group5 { width: 750rpx; height: 1rpx; background-color: rgba(237,237,237,1); margin-top: 29rpx; display: flex; flex-direction: column; } .mod7 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .group6 { width: calc(100% - 20rpx); height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 20rpx; /* justify-content: center; */ } .bd1 { z-index: 66; position: relative; width: 80rpx; height: 80rpx; display: flex; flex-direction: column; } .mod8 { width: 80rpx; height: 80rpx; display: flex; flex-direction: column; } .bd2 { width: 263rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 20rpx; } .txt4 { width: 253rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; margin-left: 10rpx; } .group7 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod9 { width: 12rpx; height: 12rpx; background-color: rgba(85,190,23,1); border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; } .word5 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; } .info4 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .bd3 { height: 30rpx; border-radius: 2rpx; background-color: rgba(255,243,234,1); display: flex; flex-direction: column; justify-content: center; align-items: center; /* margin: 2rpx 0 0 10rpx; */ } .word6 { width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(255,115,0,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; } .word7 { width: 54rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 163rpx; } .group8 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group9 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod10 { width: 750rpx; height: 700rpx; display: flex; flex-direction: column; justify-content: space-between; } .mod11-0 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd4-0 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 30rpx; } .main1-0 { z-index: 82; position: relative; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .bd5-0 { z-index: 83; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; display: flex; flex-direction: column; } .main2-0 { width: 270rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 30rpx; } .info5-0 { width: 270rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer3-0 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod12-0 { width: 12rpx; height: 12rpx; border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; background: rgba(189,189,189,1); } .word8-0 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; color: rgba(189,189,189,1); } .txt5-0 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .word9-0 { width: 90rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 235rpx; } .bd6-0 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group10-0 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod11-1 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd4-1 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 30rpx; } .main1-1 { z-index: 82; position: relative; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .bd5-1 { z-index: 83; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; background-size: 47rpx 80rpx; display: flex; flex-direction: column; } .main2-1 { width: 270rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 30rpx; } .info5-1 { width: 270rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer3-1 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod12-1 { width: 12rpx; height: 12rpx; border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; background: rgba(85,190,23,1); } .word8-1 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; color: rgba(102,102,102,1); } .txt5-1 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .word9-1 { width: 90rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 235rpx; } .bd6-1 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group10-1 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod11-2 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd4-2 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 30rpx; } .main1-2 { z-index: 82; position: relative; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .bd5-2 { z-index: 83; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; background-size: 47rpx 80rpx; display: flex; flex-direction: column; } .main2-2 { width: 270rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 30rpx; } .info5-2 { width: 270rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer3-2 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod12-2 { width: 12rpx; height: 12rpx; border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; background: rgba(189,189,189,1); } .word8-2 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; color: rgba(189,189,189,1); } .txt5-2 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .word9-2 { width: 90rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 235rpx; } .bd6-2 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group10-2 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod11-3 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd4-3 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 30rpx; } .main1-3 { z-index: 82; position: relative; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .bd5-3 { z-index: 83; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; background-size: 47rpx 80rpx; display: flex; flex-direction: column; } .main2-3 { width: 270rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 30rpx; } .info5-3 { width: 270rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer3-3 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod12-3 { width: 12rpx; height: 12rpx; border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; background: rgba(85,190,23,1); } .word8-3 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; color: rgba(102,102,102,1); } .txt5-3 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .word9-3 { width: 90rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 235rpx; } .bd6-3 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group10-3 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod11-4 { height: 140rpx; background-color: rgba(255,255,255,1); width: 750rpx; display: flex; flex-direction: column; justify-content: flex-end; } .bd4-4 { width: 690rpx; height: 80rpx; flex-direction: row; display: flex; margin: 30rpx 0 0 30rpx; } .main1-4 { z-index: 82; position: relative; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .bd5-4 { z-index: 83; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; display: flex; flex-direction: column; } .main2-4 { width: 270rpx; height: 76rpx; display: flex; flex-direction: column; justify-content: space-between; margin: 2rpx 0 0 30rpx; } .info5-4 { width: 270rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .outer3-4 { width: 219rpx; height: 26rpx; margin-top: 20rpx; flex-direction: row; display: flex; } .mod12-4 { width: 12rpx; height: 12rpx; border-radius: 50%; margin-top: 7rpx; display: flex; flex-direction: column; background: rgba(85,190,24,1); } .word8-4 { width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 10rpx; color: rgba(102,102,102,1); } .txt5-4 { width: 105rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-left: 40rpx; } .word9-4 { width: 90rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: right; margin: 52rpx 0 0 235rpx; } .bd6-4 { width: 610rpx; height: 1rpx; display: flex; flex-direction: row; margin: 29rpx 0 0 140rpx; } .group10-4 { width: 610rpx; height: 1rpx; background-color: rgba(237,237,237,1); display: flex; flex-direction: column; } .mod13 { width: 750rpx; height: 54rpx; background-color: rgba(255,255,255,1); display: flex; flex-direction: column; } .txt6 { z-index: 138; position: absolute; left: 140rpx; top: 1312rpx; width: 198rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(51,51,51,1); font-size: 30rpx; font-family: PingFangSC-Semibold; white-space: nowrap; line-height: 30rpx; text-align: left; } .box4 { z-index: 136; position: absolute; left: 30rpx; top: 1310rpx; width: 80rpx; height: 80rpx; overflow: hidden; display: flex; flex-direction: column; } .layer2 { z-index: 137; position: absolute; left: 18rpx; top: 1rpx; width: 46rpx; height: 80rpx; background-size: 47rpx 24rpx; display: flex; flex-direction: column; } .item_view>navigator{ display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 0 0 0 30rpx; } .item_image{ width: 80rpx; height: 80rpx; display: inline-block; margin-right: 20rpx; } .item_right{ display: flex; justify-content: space-between; padding: 30rpx 30rpx 30rpx 0; flex: 1; /* min-height: 80rpx; */ border-bottom: 1rpx solid #ededed; } .item_right>view:nth-child(1){ flex: 1; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } .item_right>view:nth-child(1)>view{ display: flex; align-items: center; } .item_right>view:nth-child(2){ width: 120rpx; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; font-size: 26rpx; color: #666; } .item_right_b>view:nth-child(1){ display: flex; align-items: center; } .item_right_b>view:nth-child(1)>view:nth-child(1){ width: 12rpx; height: 12rpx; border-radius: 100rpx; margin-right: 10rpx; background: #BDBDBD; } .item_right_b>view:nth-child(1)>view:nth-child(2){ flex: 1; font-size: 26rpx; color: #BDBDBD; margin-right: 36rpx; } .bggree_pot{ background: #55BE17 !important; } .colorgree{ color: #666 !important; } .item_right_b>view:nth-child(2){ max-width: 350rpx; font-size: 26rpx; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .item_right_t{ margin-bottom: 12rpx; } .item_right_t>view:nth-child(1){ font-size: 30rpx; font-weight: bold; color: #333; max-width: 460rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .box1>.item_view:nth-child(1)>navigator>.item_right>view:nth-child(1)>.item_right_t>view:nth-child(1){ max-width: 360rpx !important; } .item_right_t>view:nth-child(2){ font-size: 22rpx; color: #FF7300; width: 100rpx; height: 30rpx; background: #FFF3EA; border-radius: 2rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; }