.page { background-color: rgba(255, 255, 255, 1); position: relative; width: 750rpx; /* height: 1624rpx; */ /* overflow: hidden; */ } .box_1 { background-color: rgba(4, 4, 2, 1); /* height: 1624rpx; */ width: 750rpx; } .section_1 { background-color: rgba(63, 63, 63, 1); border-radius: 20px; width: 660rpx; /* height: 450rpx; */ margin: 40rpx 0 0 45rpx; } .text-wrapper_11 { border-radius: 40px; height: 80rpx; /* width: 180rpx; */ color: white; margin-bottom: 20px; background-color: #4C4C4C; width: calc(33.33% - 10px); box-sizing: border-box; padding: 5px; } .page-container { display: flex; flex-wrap: wrap; justify-content: space-between; height: 350rpx; overflow-y: auto; } .text_22 { word-wrap: break-word; white-space: normal; overflow-wrap: break-word; /* color: rgba(255, 255, 255, 1); */ font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: center; white-space: nowrap; line-height: 50rpx; } .text-wrapper_6 { background-color: rgba(248, 191, 31, 1); border-radius: 45px; height: 90rpx; width: 300rpx; margin: 28rpx 0 40rpx 180rpx; } .text_77 { width: 58rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(8, 3, 19, 1); font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 30rpx; margin: 30rpx 0 0 121rpx; } .group_22 { width: 600rpx; /* height: 80rpx; */ margin: 40rpx 0 0 30rpx; } .box_2 { width: 750rpx; /* height: 1624rpx; */ /* background: url(http://118.89.89.96/lanhu_zuoweiyuding/pss7q0f1g6hsfxby1mrtp25csbbr51isr612890ad-110d-4f0d-b50b-e0cdc882ce14.png) 100% no-repeat; */ background-color: rgba(4, 4, 2, 0.6); background-size: 100% 100%; } .box_22 { width: 750rpx; filter: grayscale(70%); background-color: rgba(4, 4, 2, 0.6); background-size: 100% 100%; } .image_1 { width: 693rpx; height: 24rpx; margin: 32rpx 0 0 28rpx; } .group_1 { width: 750rpx; margin-bottom: 1rpx; } .group_12 { width: 393rpx; height: 49rpx; margin: 23rpx 0 0 244rpx; } .label_1 { width: 44rpx; height: 44rpx; } .text_12 { width: 173rpx; height: 33rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 34rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 34rpx; margin-top: 16rpx; } .box_3 { width: 702rpx; height: 60rpx; margin: 46rpx 0 0 24rpx; } .image_2 { width: 17rpx; height: 28rpx; margin-top: 16rpx; } .text_1 { width: 143rpx; height: 35rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 36rpx; font-family: AlibabaPuHuiTi-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 36rpx; margin: 13rpx 0 0 21rpx; } .image_3 { width: 199rpx; height: 60rpx; margin-left: 322rpx; } .box_4 { width: 702rpx; height: 180rpx; margin: 45rpx 0 0 24rpx; } .box_5 { background-color: rgba(195, 15, 15, 1); border-radius: 20px; width: 344rpx; height: 180rpx; } .text-group_1 { width: 81rpx; height: 90rpx; margin: 44rpx 0 0 131rpx; } .text_2 { width: 78rpx; height: 39rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40rpx; font-family: PingFang-SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 40rpx; margin-left: 2rpx; } .text_3 { width: 81rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 30rpx; margin-top: 23rpx; } .box_6 { background-color: rgba(255, 150, 0, 1); border-radius: 20px; width: 344rpx; height: 180rpx; } .text-group_2 { width: 81rpx; height: 90rpx; margin: 44rpx 0 0 131rpx; } .text_4 { width: 79rpx; height: 39rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40rpx; font-family: PingFang-SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 40rpx; margin-left: 2rpx; } .text_5 { width: 81rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 30rpx; margin-top: 23rpx; } .box_7 { width: 702rpx; height: 180rpx; margin: 20rpx 0 0 24rpx; } .group_2 { background-color: rgba(255, 72, 0, 1); border-radius: 20px; width: 344rpx; height: 180rpx; } .text-group_3 { width: 81rpx; height: 89rpx; margin: 45rpx 0 0 131rpx; } .text_6 { width: 79rpx; height: 38rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40rpx; font-family: PingFang-SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 40rpx; margin-left: 2rpx; } .text_7 { width: 81rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 30rpx; margin-top: 23rpx; } .group_3 { background-color: rgba(63, 63, 63, 1); border-radius: 20px; width: 344rpx; height: 180rpx; } .text-group_4 { width: 81rpx; height: 89rpx; margin: 45rpx 0 0 131rpx; } .text_8 { width: 79rpx; height: 38rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40rpx; font-family: PingFang-SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 40rpx; margin-left: 2rpx; } .text_9 { width: 81rpx; height: 28rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 30rpx; margin-top: 23rpx; } .text-wrapper_1 { background-color: rgba(63, 63, 63, 1); border-radius: 20px; height: 150rpx; width: 702rpx; margin: 25rpx 0 263rpx 24rpx; } .text_10 { width: 118rpx; height: 38rpx; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40rpx; font-family: PingFang-SC-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 40rpx; margin: 56rpx 0 0 292rpx; }