lanan-old/lanan-master-uniapp/pages/tabBar/index/index.rpx.css
愉快的大福 7dc28dc701 init
2024-07-17 14:16:22 +08:00

356 lines
5.5 KiB
CSS

.page {
background-color: rgba(238, 238, 238, 1);
position: relative;
width: 750rpx;
height: 1400rpx;
overflow: hidden;
}
.box_1 {
background-color: rgba(244, 244, 244, 1);
position: relative;
width: 5481rpx;
height: 4645rpx;
}
.block_1 {
background-color: rgba(36, 42, 56, 1);
width: 750rpx;
height: 40rpx;
}
.block_2 {
background-color: rgba(36, 42, 56, 1);
width: 750rpx;
height: 535rpx;
padding-top: 60rpx;
}
.text_1 {
width: 119rpx;
height: 30rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin: 29rpx 0 0 314rpx;
}
.grid_1 {
width: 707rpx;
height: 250rpx;
flex-wrap: wrap;
margin: 86rpx 0 140rpx 57rpx;
}
.list-items_1 {
position: relative;
width: 110rpx;
height: 98rpx;
margin: 0 89rpx 58rpx 0;
}
.list-items_1:nth-child(4n) {
margin-right: 0;
}
.list-items_1:nth-last-child(-n + 2) {
margin-bottom: 0;
}
.image_1 {
position: absolute;
left: 19rpx;
top: 0;
width: 67rpx;
height: 52rpx;
}
.image_2 {
position: absolute;
left: -4rpx;
top: 0;
width: 52rpx;
height: 52rpx;
}
.text_2 {
width: 110rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 22rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin-top: 76rpx;
}
.block_3 {
box-shadow: 0px -3px 2px 0px rgba(232, 232, 232, 1);
background-color: rgba(255, 255, 255, 1);
width: 749rpx;
height: 98rpx;
margin: 872rpx 0 3100rpx 0;
}
.image-text_1 {
width: 41rpx;
height: 65rpx;
margin: 19rpx 0 0 99rpx;
}
.label_1 {
width: 36rpx;
height: 37rpx;
margin-left: 2rpx;
}
.text-group_1 {
width: 41rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(53, 121, 213, 1);
font-size: 21rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin-top: 8rpx;
}
.image-text_2 {
width: 45rpx;
height: 68rpx;
margin: 17rpx 0 0 128rpx;
}
.label_2 {
width: 36rpx;
height: 40rpx;
margin-left: 4rpx;
}
.text-group_2 {
width: 45rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(169, 169, 169, 1);
font-size: 22rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin-top: 7rpx;
}
.image-text_3 {
width: 45rpx;
height: 67rpx;
margin: 18rpx 0 0 127rpx;
}
.label_3 {
width: 30rpx;
height: 36rpx;
margin-left: 7rpx;
}
.text-group_3 {
width: 45rpx;
height: 21rpx;
overflow-wrap: break-word;
color: rgba(169, 169, 169, 1);
font-size: 22rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin-top: 10rpx;
}
.image-text_4 {
width: 44rpx;
height: 65rpx;
margin: 20rpx 95rpx 0 125rpx;
}
.label_4 {
width: 28rpx;
height: 34rpx;
margin-left: 9rpx;
}
.text-group_4 {
width: 44rpx;
height: 22rpx;
overflow-wrap: break-word;
color: rgba(169, 169, 169, 1);
font-size: 22rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin-top: 9rpx;
}
.block_4 {
position: absolute;
left: 0;
top: 575rpx;
width: 5481rpx;
height: 873rpx;
}
.group_1 {
width: 700rpx;
height: 158rpx;
margin: 200rpx 0 0 25rpx;
}
.text-wrapper_1 {
height: 158rpx;
background-size: 100% 100%;
width: 336rpx;
}
.text_3 {
width: 220rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(62, 31, 1, 1);
font-size: 20rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin: 90rpx 0 0 21rpx;
}
.text-wrapper_2 {
height: 157rpx;
background-size: 100% 100%;
width: 336rpx;
}
.text_4 {
width: 180rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(1, 23, 62, 1);
font-size: 20rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin: 90rpx 0 0 21rpx;
}
.group_2 {
width: 700rpx;
height: 157rpx;
margin: 23rpx 0 0 25rpx;
}
.text-wrapper_3 {
height: 157rpx;
background-size: 100% 100%;
width: 336rpx;
}
.text_5 {
width: 300rpx;
height: 20rpx;
overflow-wrap: break-word;
color: rgba(1, 33, 62, 1);
font-size: 20rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin: 90rpx 0 0 21rpx;
}
.text-wrapper_4 {
height: 157rpx;
background-size: 100% 100%;
width: 336rpx;
}
.text_6 {
width: 220rpx;
height: 19rpx;
overflow-wrap: break-word;
color: rgba(62, 31, 1, 1);
font-size: 20rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 80rpx;
margin: 90rpx 0 0 21rpx;
}
.image_3 {
width: 700rpx;
height: 122rpx;
margin: 26rpx 0 0 25rpx;
}
.group_3 {
box-shadow: 0px 0px 17px 0px rgba(237, 237, 237, 1);
background-color: rgba(255, 255, 255, 1);
border-radius: 11px;
width: 700rpx;
height: 90rpx;
margin: 26rpx 0 26rpx 25rpx;
}
.image-text_5 {
width: 475rpx;
height: 39rpx;
margin: 26rpx 0 0 24rpx;
}
.label_5 {
width: 32rpx;
height: 39rpx;
}
.text-group_5 {
width: 422rpx;
height: 27rpx;
overflow-wrap: break-word;
color: rgba(72, 72, 72, 1);
font-size: 26rpx;
font-family: MicrosoftYaHei;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin-top: 5rpx;
}
.group_4 {
background-color: rgba(169, 169, 169, 1);
border-radius: 22px;
position: absolute;
left: 25rpx;
top: -140rpx;
width: 700rpx;
height: 306rpx;
}