|
|
@ -3,26 +3,46 @@ |
|
|
|
/*定位方式为相对定位 */ |
|
|
|
position: relative; |
|
|
|
width: 750rpx; |
|
|
|
height: 1546rpx; |
|
|
|
height: 1400rpx; |
|
|
|
/* 超过页面显示滑轮 */ |
|
|
|
overflow: hidden; |
|
|
|
display: flex; |
|
|
|
/* 按照行排序 */ |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
.box_1 { |
|
|
|
height: 1546rpx; |
|
|
|
background-size: 100% 100%; |
|
|
|
.header { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
width: 750rpx; |
|
|
|
} |
|
|
|
.block_1 { |
|
|
|
background: #1673ee; |
|
|
|
width: 750rpx; |
|
|
|
height: 298rpx; |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
height: 400rpx; |
|
|
|
flex-direction: column; |
|
|
|
/* margin: 100rpx 0 0 31rpx; */ |
|
|
|
height: 500rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.header>view{ |
|
|
|
display:flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-items:self-end; |
|
|
|
margin: 130rpx 0 0 29rpx; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.image_1 { |
|
|
|
width: 34rpx; |
|
|
|
height: 31rpx; |
|
|
|
} |
|
|
|
.text_1 { |
|
|
|
/* width: 157rpx; |
|
|
|
height: 30rpx; */ |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(255,255,255,1); |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin-left: 15rpx; |
|
|
|
} |
|
|
|
.box_2 { |
|
|
|
background-color: rgba(247,247,247,1.000000); |
|
|
@ -43,31 +63,49 @@ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
.header { |
|
|
|
width: 699rpx; |
|
|
|
height: 56rpx; |
|
|
|
flex-direction: row; |
|
|
|
.content_1{ |
|
|
|
display: flex; |
|
|
|
margin: 100rpx 0 0 31rpx; |
|
|
|
/* flex-direction: row; */ |
|
|
|
justify-self:center; |
|
|
|
margin: 40rpx 0 0 10rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.label_1 { |
|
|
|
width: 34rpx; |
|
|
|
height: 31rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
.content_1>view{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
width: 250rpx; |
|
|
|
height:210rpx; |
|
|
|
} |
|
|
|
.text_1 { |
|
|
|
width: 157rpx; |
|
|
|
height: 30rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(255,255,255,1); |
|
|
|
font-size: 32rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 13rpx 0 0 18rpx; |
|
|
|
.data{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
margin: 40rpx 0 0 10rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.data >view{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
width: 303rpx; |
|
|
|
height: 200rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.house{ |
|
|
|
display: flex; |
|
|
|
justify-content: start; |
|
|
|
margin: 40rpx 0 0 10rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.house >view{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
width: 303rpx; |
|
|
|
height: 200rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.image_2 { |
|
|
|
width: 158rpx; |
|
|
|
height: 56rpx; |
|
|
@ -90,6 +128,14 @@ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
.image-wrapper_9-1{ |
|
|
|
width: 404rpx; |
|
|
|
height: 100rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 40rpx 0 0 59rpx; |
|
|
|
} |
|
|
|
.text-wrapper_7-0 { |
|
|
|
width: 134rpx; |
|
|
|
height: 33rpx; |
|
|
@ -136,7 +182,6 @@ |
|
|
|
margin: 23rpx 0 40rpx 31rpx; |
|
|
|
} |
|
|
|
.text_3-0 { |
|
|
|
width: 166rpx; |
|
|
|
height: 27rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
@ -146,9 +191,10 @@ |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 15rpx; |
|
|
|
} |
|
|
|
.text_4-0 { |
|
|
|
width: 109rpx; |
|
|
|
/* width: 109rpx; */ |
|
|
|
height: 27rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
@ -158,37 +204,33 @@ |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 15rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.section_1-1 { |
|
|
|
background-color: rgba(255,255,255,1.000000); |
|
|
|
border-radius: 20rpx; |
|
|
|
height: 292rpx; |
|
|
|
margin-bottom: 19rpx; |
|
|
|
width: 710rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
.text-wrapper_7-1 { |
|
|
|
width: 134rpx; |
|
|
|
height: 33rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
margin: 29rpx 0 0 29rpx; |
|
|
|
} |
|
|
|
.text_2-1 { |
|
|
|
width: 134rpx; |
|
|
|
height: 33rpx; |
|
|
|
.text_5-0 { |
|
|
|
width: 109rpx; |
|
|
|
height: 27rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: PingFang-SC-Bold; |
|
|
|
font-weight: 700; |
|
|
|
text-align: left; |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: right; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
} |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 15rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.text-wrapper_8-1{ |
|
|
|
width: 500rpx; |
|
|
|
height: 27rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 23rpx 0 40rpx 31rpx; |
|
|
|
} |
|
|
|
.image-wrapper_9-1 { |
|
|
|
width: 303rpx; |
|
|
|
width: 500rpx; |
|
|
|
height: 100rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
@ -198,159 +240,39 @@ |
|
|
|
.image_12-1 { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.image_13-1 { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
} |
|
|
|
.text-wrapper_8-1 { |
|
|
|
width: 336rpx; |
|
|
|
height: 27rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 23rpx 0 40rpx 31rpx; |
|
|
|
} |
|
|
|
.text_3-1 { |
|
|
|
width: 166rpx; |
|
|
|
height: 27rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
} |
|
|
|
.text_4-1 { |
|
|
|
width: 109rpx; |
|
|
|
height: 27rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
} |
|
|
|
.group_5 { |
|
|
|
background-color: rgba(255,255,255,1.000000); |
|
|
|
border-radius: 20rpx; |
|
|
|
width: 710rpx; |
|
|
|
height: 292rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
margin: 20rpx 0 0 20rpx; |
|
|
|
} |
|
|
|
.text_8 { |
|
|
|
width: 134rpx; |
|
|
|
height: 33rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: PingFang-SC-Bold; |
|
|
|
font-weight: 700; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 29rpx 0 0 29rpx; |
|
|
|
} |
|
|
|
.list_2 { |
|
|
|
width: 524rpx; |
|
|
|
height: 150rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
|
margin: 40rpx 0 40rpx 58rpx; |
|
|
|
} |
|
|
|
.list-items_1-0 { |
|
|
|
width: 110rpx; |
|
|
|
height: 150rpx; |
|
|
|
margin-right: 66rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.image_14-0 { |
|
|
|
.image_12-2{ |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
.text_9-0 { |
|
|
|
width: 165rpx; |
|
|
|
height: 26rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 24rpx; |
|
|
|
} |
|
|
|
.list-items_1-1 { |
|
|
|
width: 110rpx; |
|
|
|
height: 150rpx; |
|
|
|
margin-right: 66rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
.image_13-2{ |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.image_14-1 { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
.text_9-1 { |
|
|
|
width: 165rpx; |
|
|
|
height: 26rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 24rpx; |
|
|
|
} |
|
|
|
.list-items_1-2 { |
|
|
|
width: 110rpx; |
|
|
|
height: 150rpx; |
|
|
|
margin-right: 66rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.image_14-2 { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
.text_9-2 { |
|
|
|
width: 165rpx; |
|
|
|
height: 26rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin-top: 24rpx; |
|
|
|
} |
|
|
|
.group_6 { |
|
|
|
background-color: rgba(255,255,255,1.000000); |
|
|
|
border-radius: 20rpx; |
|
|
|
width: 710rpx; |
|
|
|
height: 292rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
margin: 20rpx 0 22rpx 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text_12 { |
|
|
|
width: 66rpx; |
|
|
|
height: 32rpx; |
|
|
@ -367,10 +289,9 @@ |
|
|
|
.image_15 { |
|
|
|
width: 100rpx; |
|
|
|
height: 100rpx; |
|
|
|
margin: 40rpx 0 0 64rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.text_13 { |
|
|
|
width: 54rpx; |
|
|
|
height: 26rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
@ -380,138 +301,15 @@ |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 28rpx; |
|
|
|
margin: 24rpx 0 40rpx 87rpx; |
|
|
|
} |
|
|
|
.group_7 { |
|
|
|
box-shadow: 0px 7px 35px 0px rgba(226,232,234,0.440000); |
|
|
|
background-color: rgba(255,255,255,1.000000); |
|
|
|
width: 750rpx; |
|
|
|
height: 96rpx; |
|
|
|
margin-top: -1rpx; |
|
|
|
flex-direction: row; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
} |
|
|
|
.image-text_5 { |
|
|
|
width: 45rpx; |
|
|
|
height: 74rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 14rpx 0 0 60rpx; |
|
|
|
} |
|
|
|
.label_4 { |
|
|
|
width: 45rpx; |
|
|
|
height: 45rpx; |
|
|
|
} |
|
|
|
.text-group_1 { |
|
|
|
width: 39rpx; |
|
|
|
height: 19rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 20rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 10rpx 0 0 4rpx; |
|
|
|
} |
|
|
|
.image-text_6 { |
|
|
|
width: 42rpx; |
|
|
|
height: 71rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 17rpx 0 0 141rpx; |
|
|
|
} |
|
|
|
.label_5 { |
|
|
|
width: 42rpx; |
|
|
|
height: 42rpx; |
|
|
|
} |
|
|
|
.text-group_2 { |
|
|
|
width: 40rpx; |
|
|
|
height: 19rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 20rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 10rpx 0 0 1rpx; |
|
|
|
} |
|
|
|
.image-text_7 { |
|
|
|
width: 42rpx; |
|
|
|
height: 72rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 16rpx 0 0 144rpx; |
|
|
|
margin-top: 15rpx; |
|
|
|
} |
|
|
|
.group_8 { |
|
|
|
height: 42rpx; |
|
|
|
background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psb107itikvx7wanfoldvxanukh8hgavt1d771ff1-de09-48b8-b053-853d6d42d3b4) 100% no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
width: 42rpx; |
|
|
|
} |
|
|
|
.box_4 { |
|
|
|
background-image: linear-gradient(180deg, rgba(116,170,248,1.000000) 0, rgba(116,170,248,1.000000) 0, rgba(130,181,253,1.000000) 100.000000%, rgba(130,181,253,1.000000) 100.000000%); |
|
|
|
border-radius: 4rpx; |
|
|
|
height: 22rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
width: 22rpx; |
|
|
|
margin: -1rpx 0 0 21rpx; |
|
|
|
} |
|
|
|
.section_4 { |
|
|
|
background-color: rgba(205,225,255,1.000000); |
|
|
|
border-radius: 4rpx; |
|
|
|
width: 14rpx; |
|
|
|
height: 14rpx; |
|
|
|
border: 2px solid rgba(225,236,253,1); |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
margin: 4rpx 0 0 4rpx; |
|
|
|
} |
|
|
|
.text-group_3 { |
|
|
|
width: 39rpx; |
|
|
|
height: 19rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(58,128,231,1); |
|
|
|
font-size: 20rpx; |
|
|
|
font-family: PingFang-SC-Bold; |
|
|
|
font-weight: 700; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 11rpx 0 0 2rpx; |
|
|
|
} |
|
|
|
.image-text_8 { |
|
|
|
width: 54rpx; |
|
|
|
height: 79rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 9rpx 54rpx 0 168rpx; |
|
|
|
} |
|
|
|
.image_11 { |
|
|
|
width: 54rpx; |
|
|
|
height: 54rpx; |
|
|
|
|
|
|
|
} |
|
|
|
.text-group_4 { |
|
|
|
width: 39rpx; |
|
|
|
height: 19rpx; |
|
|
|
overflow-wrap: break-word; |
|
|
|
color: rgba(51,51,51,1); |
|
|
|
font-size: 20rpx; |
|
|
|
font-family: PingFang-SC-Medium; |
|
|
|
font-weight: 500; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 42rpx; |
|
|
|
margin: 6rpx 0 0 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|