/* pages/home/map/list.wxss */ .page { z-index: 1; position: relative; width: 750rpx; /* height: 1406rpx; */ background-color: rgba(246,246,246,1); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 0rpx; } .layer1 { z-index: auto; width: 750rpx; /* height: 1344rpx; */ display: flex; flex-direction: column; } .group1 { z-index: 10; height: 40rpx; background-color: rgba(255,255,255,1); width: 750rpx; justify-content: flex-end; padding-bottom: 4rpx; align-items: center; display: flex; flex-direction: column; } .outer1 { z-index: auto; width: 727rpx; height: 29rpx; flex-direction: row; display: flex; } .icon1 { z-index: 26; width: 33rpx; height: 20rpx; margin-top: 2rpx; } .word1 { z-index: 25; width: 74rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; margin-left: 7rpx; } .section1 { z-index: 31; width: 29rpx; height: 20rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5f3ad165c123fbded6e0fa697748977e2746aed8e69b16f7f768997af4af2979) -1rpx 0rpx no-repeat; background-size: 30rpx 20rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 17rpx; } .word2 { z-index: 22; width: 90rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; text-align: center; margin-left: 158rpx; } .section2 { z-index: 21; width: 12rpx; height: 20rpx; background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0efed2d58f84e5f45072ee057c875a49c4309a72e36f032844aa111ca0a435af) -1rpx -3rpx no-repeat; background-size: 15rpx 26rpx; display: flex; flex-direction: column; margin: 2rpx 0 0 177rpx; } .word3 { z-index: 20; width: 66rpx; height: 29rpx; display: block; overflow-wrap: break-word; color: rgba(3,3,3,1); font-size: 24rpx; font-family: Helvetica; white-space: nowrap; line-height: 29rpx; text-align: right; margin-left: 5rpx; } .img1 { z-index: 14; width: 53rpx; height: 23rpx; margin: 2rpx 0 0 6rpx; } .icon2 { z-index: 2; width: 48rpx; height: 48rpx; align-self: flex-start; margin: 20rpx 0 0 24rpx; } .group2 { z-index: 36; height: 112rpx; background-color: rgba(255,255,255,1); margin-top: 20rpx; width: 750rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; padding: 20rpx 0; } .section3 { z-index: auto; width: 686rpx; /* height: 72rpx; */ flex-direction: row; display: flex; } .outer2 { z-index: 37; height: 72rpx; border-radius: 36rpx; background-color: rgba(242,242,242,1); width: 502rpx; justify-content: center; align-items: flex-start; padding-left: 30rpx; display: flex; flex-direction: column; } .bd1 { z-index: auto; width: 100%; height: 36rpx; flex-direction: row; display: flex; justify-content: space-between; display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .icon3 { z-index: 40; width: 36rpx; height: 36rpx; } .word4 { width: 100%; height: 36rpx; color: rgba(153,153,153,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; text-align: left; } .outer3 { z-index: 44; height: 30rpx; background-color: rgba(0,0,0,0); width: 30rpx; display: flex; flex-direction: column; margin: 21rpx 0 0 32rpx; } .label1 { z-index: 45; width: 30rpx; height: 30rpx; } .word5 { z-index: 39; width: 112rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 28rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 28rpx; text-align: left; margin: 22rpx 0 0 10rpx; } .group3 { z-index: 51; /* height: 256rpx; */ border-radius: 12rpx; background-color: rgba(255,255,255,1); align-self: center; margin-top: 24rpx; width: 700rpx; justify-content: center; align-items: flex-start; padding-left: 32rpx; display: flex; flex-direction: column; } .block1 { z-index: auto; width: 100%; /* width: 646rpx; */ /* height: 180rpx; */ flex-direction: row; display: flex; } .wrap1 { z-index: auto; width: 455rpx; /* height: 156rpx; */ display: flex; flex-direction: column; padding-top: 20rpx; } .info1 { z-index: 53; width: 421rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; align-self: flex-start; } .main1 { z-index: auto; width: 190rpx; height: 30rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .wrap2 { z-index: 60; height: 30rpx; border-radius: 2rpx; background-color: rgba(255,243,234,1); width: 100rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; } .txt1 { z-index: 61; width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(255,102,61,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; } .wrap3 { z-index: 56; height: 30rpx; border-radius: 2rpx; background-color: rgba(232,242,255,1); width: 78rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; } .word6 { z-index: 57; width: 66rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(70,153,255,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; } .main2 { z-index: auto; width: 455rpx; /* height: 24rpx; margin-top: 16rpx;*/ flex-direction: row; display: flex; justify-content: space-between; display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .label2 { font-size: 24rpx; color: #666666; margin-bottom: 8px; display: block; } .info2 { z-index: 62; width: 423rpx; height: 28rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: normal; line-height: 24rpx; text-align: left; } .main3 { width: 231rpx; flex-direction: row; display: flex; justify-content: space-between; display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ } .label3 { font-size: 24rpx; color: #666666; } .word7 { z-index: 69; width: 199rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .wrap4 { z-index: 82; width: 1rpx; /* height: 156rpx; */ background-color: rgba(228,228,228,1); margin-left: 51rpx; display: flex; flex-direction: column; } .wrap5 { z-index: auto; /* width: 100rpx; */ /* height: 80rpx; */ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; /* margin: 38rpx 0 0 39rpx; */ } .wrap5view{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .section4 { z-index: auto; width: 100rpx; height: 40rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon4 { z-index: 77; width: 40rpx; height: 40rpx; } .word8 { z-index: 81; width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 7rpx; } .info3 { z-index: 83; /* width: 98rpx; */ height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .group4 { z-index: auto; width: 718rpx; height: 560rpx; display: flex; flex-direction: column; margin: 24rpx 0 0 16rpx; } .layer2-0 { z-index: 115; height: 268rpx; border-radius: 12rpx; background-color: rgba(255,255,255,1); margin-bottom: 24rpx; width: 718rpx; justify-content: center; align-items: flex-end; padding-right: 27rpx; display: flex; flex-direction: column; } .layer3-0 { z-index: auto; width: 659rpx; height: 188rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd2-0 { z-index: auto; width: 479rpx; height: 188rpx; display: flex; flex-direction: column; } .word9-0 { z-index: 117; width: 210rpx; height: 30rpx; display: block; overflow-wrap: break-word; font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; align-self: flex-start; color: rgba(25,28,39,1); } .layer4-0 { z-index: 120; height: 30rpx; border-radius: 2rpx; align-self: flex-start; margin-top: 16rpx; width: 78rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; background: rgba(232,242,255,1); } .txt2-0 { z-index: 121; width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; color: rgba(70,153,255,1); } .layer5-0 { z-index: auto; width: 479rpx; height: 56rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon5-0 { z-index: 123; width: 24rpx; height: 24rpx; } .word10-0 { z-index: 122; width: 447rpx; height: 56rpx; display: block; overflow-wrap: break-word; font-size: 24rpx; font-family: PingFangSC-Regular; line-height: 24rpx; text-align: left; overflow: hidden; text-overflow: ellipsis; color: rgba(102,102,102,1); } .layer6-0 { z-index: auto; width: 312rpx; height: 24rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon6-0 { z-index: 130; width: 24rpx; height: 24rpx; } .txt3-0 { z-index: 129; width: 280rpx; height: 24rpx; display: block; overflow-wrap: break-word; font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; color: rgba(102,102,102,1); } .bd3-0 { z-index: 142; width: 1rpx; height: 188rpx; background-color: rgba(228,228,228,1); display: flex; flex-direction: column; } .bd4-0 { z-index: auto; width: 126rpx; height: 80rpx; margin-top: 54rpx; display: flex; flex-direction: column; } .wrap6-0 { z-index: auto; width: 100rpx; height: 40rpx; margin-left: 13rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon7-0 { z-index: 137; width: 40rpx; height: 40rpx; } .txt4-0 { z-index: 141; width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 7rpx; } .word11-0 { z-index: 143; width: 131rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .layer2-1 { z-index: 115; height: 268rpx; border-radius: 12rpx; background-color: rgba(255,255,255,1); margin-bottom: 24rpx; width: 718rpx; justify-content: center; align-items: flex-end; padding-right: 27rpx; display: flex; flex-direction: column; } .layer3-1 { z-index: auto; width: 659rpx; height: 188rpx; flex-direction: row; display: flex; justify-content: space-between; } .bd2-1 { z-index: auto; width: 479rpx; height: 188rpx; display: flex; flex-direction: column; } .word9-1 { z-index: 117; width: 210rpx; height: 30rpx; display: block; overflow-wrap: break-word; font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; align-self: flex-start; color: rgba(25,28,39,0.5); } .layer4-1 { z-index: 120; height: 30rpx; border-radius: 2rpx; align-self: flex-start; margin-top: 16rpx; width: 78rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; background: rgba(237,237,237,1); } .txt2-1 { z-index: 121; width: 88rpx; height: 22rpx; display: block; overflow-wrap: break-word; font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; color: rgba(102,102,102,1); } .layer5-1 { z-index: auto; width: 479rpx; height: 56rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon5-1 { z-index: 123; width: 24rpx; height: 24rpx; } .word10-1 { z-index: 122; width: 447rpx; height: 56rpx; display: block; overflow-wrap: break-word; font-size: 24rpx; font-family: PingFangSC-Regular; line-height: 24rpx; text-align: left; overflow: hidden; text-overflow: ellipsis; color: rgba(102,102,102,0.5); } .layer6-1 { z-index: auto; width: 312rpx; height: 24rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon6-1 { z-index: 130; width: 24rpx; height: 24rpx; } .txt3-1 { z-index: 129; width: 280rpx; height: 24rpx; display: block; overflow-wrap: break-word; font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; color: rgba(102,102,102,0.5); } .bd3-1 { z-index: 142; width: 1rpx; height: 188rpx; background-color: rgba(228,228,228,1); display: flex; flex-direction: column; } .bd4-1 { z-index: auto; width: 126rpx; height: 80rpx; margin-top: 54rpx; display: flex; flex-direction: column; } .wrap6-1 { z-index: auto; width: 100rpx; height: 40rpx; margin-left: 13rpx; flex-direction: row; display: flex; justify-content: space-between; } .icon7-1 { z-index: 137; width: 40rpx; height: 40rpx; } .txt4-1 { z-index: 141; width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 7rpx; } .word11-1 { z-index: 143; width: 131rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .group5 { z-index: 85; height: 236rpx; border-radius: 12rpx; background-color: rgba(255,255,255,1); align-self: center; margin-top: 24rpx; width: 718rpx; justify-content: center; align-items: flex-end; padding-right: 27rpx; display: flex; flex-direction: column; } .layer7 { z-index: auto; width: 659rpx; height: 156rpx; flex-direction: row; display: flex; } .layer8 { z-index: auto; width: 455rpx; height: 156rpx; display: flex; flex-direction: column; } .txt5 { z-index: 87; width: 309rpx; height: 30rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 30rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 30rpx; text-align: left; align-self: flex-start; } .group6 { z-index: 90; height: 30rpx; border-radius: 2rpx; background-color: rgba(255,235,234,1); align-self: flex-start; margin-top: 16rpx; width: 78rpx; justify-content: center; align-items: center; display: flex; flex-direction: column; } .info4 { z-index: 91; width: 66rpx; height: 22rpx; display: block; overflow-wrap: break-word; color: rgba(225,60,48,1); font-size: 22rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 22rpx; text-align: left; } .group7 { z-index: auto; width: 455rpx; height: 24rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .label4 { z-index: 93; width: 24rpx; height: 24rpx; } .word12 { z-index: 92; width: 423rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .group8 { z-index: auto; width: 123rpx; height: 24rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .label5 { z-index: 100; width: 24rpx; height: 24rpx; } .word13 { z-index: 99; width: 91rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: left; } .layer9 { z-index: 112; width: 1rpx; height: 156rpx; background-color: rgba(228,228,228,1); margin-left: 51rpx; display: flex; flex-direction: column; } .layer10 { z-index: auto; width: 126rpx; height: 80rpx; display: flex; flex-direction: column; margin: 38rpx 0 0 26rpx; } .wrap7 { z-index: auto; width: 100rpx; height: 40rpx; margin-left: 13rpx; flex-direction: row; display: flex; justify-content: space-between; } .label6 { z-index: 107; width: 40rpx; height: 40rpx; } .word14 { z-index: 111; width: 52rpx; height: 26rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 26rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 26rpx; text-align: left; margin-top: 7rpx; } .txt6 { z-index: 113; width: 126rpx; height: 24rpx; display: block; overflow-wrap: break-word; color: rgba(102,102,102,1); font-size: 24rpx; font-family: PingFangSC-Regular; white-space: nowrap; line-height: 24rpx; text-align: center; margin-top: 16rpx; } .layer11 { z-index: 5; height: 88rpx; background-color: rgba(255,255,255,1); width: 750rpx; justify-content: center; align-items: flex-end; padding-right: 14rpx; position: absolute; left: 0rpx; top: 40rpx; display: flex; flex-direction: column; } .wrap8 { z-index: auto; width: 712rpx; height: 64rpx; flex-direction: row; display: flex; } .label7 { z-index: 7; width: 48rpx; height: 48rpx; margin-top: 8rpx; } .word15 { z-index: 6; width: 144rpx; height: 36rpx; display: block; overflow-wrap: break-word; color: rgba(25,28,39,1); font-size: 36rpx; font-family: PingFangSC-Medium; white-space: nowrap; line-height: 36rpx; text-align: center; margin: 14rpx 0 0 231rpx; } .pic1 { z-index: 35; width: 174rpx; height: 64rpx; margin-left: 115rpx; }