| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364 |
- .page {
- background-color: rgba(255, 255, 255, 1.000000);
- position: relative;
- width: 750rpx;
- // height: 1624rpx;
- overflow: hidden;
- padding-left: 0rpx;
- padding-right: 0rpx;
- padding-top: 0rpx;
- padding-bottom: 32rpx;
- display: flex;
- flex-direction: column;
- }
- .box_2 {
- width: 698rpx;
- margin-top: 32rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- }
- .image-text_1 {
- width: 256rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- margin: 6rpx 0 6rpx 0;
- }
- .thumbnail_1 {
- width: 40rpx;
- height: 40rpx;
- margin: 4rpx 0 4rpx 0;
- }
- .text-group_1 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 32rpx;
- font-family: PingFangSC-Medium;
- font-weight: 500;
- text-align: left;
- white-space: nowrap;
- line-height: 48rpx;
- }
- .image_2 {
- width: 180rpx;
- height: 60rpx;
- }
- .block_2 {
- background-color: rgba(255, 255, 255, 1.000000);
- display: flex;
- flex-direction: column;
- padding: 24rpx 32rpx 0 32rpx;
- }
- .text_3 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Medium;
- font-weight: 500;
- text-align: left;
- white-space: nowrap;
- line-height: 44rpx;
- margin: 0 398rpx 0 64rpx;
- }
- .box_3 {
- flex-direction: row;
- display: flex;
- margin: 24rpx 238rpx 0 0;
- }
- .group_1 {
- background-color: rgba(255, 255, 255, 1.000000);
- border-radius: 16rpx;
- width: 32rpx;
- height: 32rpx;
- border: 1px solid rgba(221, 221, 221, 1);
- display: flex;
- flex-direction: column;
- margin: 28rpx 0 28rpx 0;
- }
- .group_2 {
- margin-left: 32rpx;
- display: flex;
- flex-direction: column;
- }
- .image-text_2 {
- width: 156rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- }
- .thumbnail_2 {
- width: 28rpx;
- height: 28rpx;
- margin: 4rpx 0 4rpx 0;
- }
- .text-group_2 {
- overflow-wrap: break-word;
- color: rgba(102, 102, 102, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- }
- .group_3 {
- width: 156rpx;
- margin-top: 16rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- }
- .thumbnail_3 {
- width: 28rpx;
- height: 28rpx;
- margin: 4rpx 0 4rpx 0;
- }
- .text_4 {
- overflow-wrap: break-word;
- color: rgba(102, 102, 102, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- }
- .text-wrapper_2 {
- display: flex;
- flex-direction: column;
- }
- .text_5 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-right: 180rpx;
- }
- .text_6 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-top: 16rpx;
- }
- .text-wrapper_3 {
- width: 212rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- margin: 24rpx 410rpx 0 64rpx;
- }
- .text_7 {
- overflow-wrap: break-word;
- color: rgba(102, 102, 102, 1);
- font-size: 20rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-top: 4rpx;
- }
- .text_8 {
- overflow-wrap: break-word;
- color: rgba(237, 86, 159, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Medium;
- font-weight: 500;
- text-align: left;
- white-space: nowrap;
- line-height: 44rpx;
- }
- .box_4 {
- background-color: rgba(238, 238, 238, 1.000000);
- width: 686rpx;
- height: 2rpx;
- margin-top: 32rpx;
- display: flex;
- flex-direction: column;
- }
- .text_11 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-right: 180rpx;
- }
- .text_12 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 24rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-top: 16rpx;
- }
- .text-wrapper_5 {
- width: 212rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- margin: 24rpx 410rpx 0 64rpx;
- }
- .text_13 {
- overflow-wrap: break-word;
- color: rgba(102, 102, 102, 1);
- font-size: 20rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 36rpx;
- margin-top: 4rpx;
- }
- .text_14 {
- overflow-wrap: break-word;
- color: rgba(237, 86, 159, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Medium;
- font-weight: 500;
- text-align: left;
- white-space: nowrap;
- line-height: 44rpx;
- }
- .box_6 {
- background-color: rgba(238, 238, 238, 1.000000);
- width: 686rpx;
- height: 2rpx;
- margin-top: 32rpx;
- display: flex;
- flex-direction: column;
- }
- .block_3 {
- background-color: rgba(247, 247, 247, 1.000000);
- border-radius: 50rpx;
- width: 686rpx;
- align-self: center;
- flex-direction: row;
- display: flex;
- position: fixed;
- bottom: 140rpx;
- justify-content: space-between;
- padding: 20rpx 32rpx 20rpx 40rpx;
- }
- .text_15 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: left;
- white-space: nowrap;
- line-height: 44rpx;
- }
- .image-text_4 {
- width: 132rpx;
- flex-direction: row;
- display: flex;
- justify-content: space-between;
- }
- .text-group_4 {
- overflow-wrap: break-word;
- color: rgba(153, 153, 153, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: right;
- white-space: nowrap;
- line-height: 44rpx;
- }
- .thumbnail_6 {
- width: 32rpx;
- height: 32rpx;
- margin: 6rpx 0 6rpx 0;
- }
- .text-wrapper_6 {
- background-color: rgba(255, 224, 92, 1.000000);
- border-radius: 54rpx;
- align-self: center;
- margin-top: 24rpx;
- display: flex;
- flex-direction: column;
- width: 686rpx;
- padding: 20rpx 314rpx 20rpx 316rpx;
- }
- .text_16 {
- overflow-wrap: break-word;
- color: rgba(51, 51, 51, 1);
- font-size: 28rpx;
- font-family: PingFangSC-Regular;
- font-weight: normal;
- text-align: center;
- white-space: nowrap;
- line-height: 44rpx;
- }
- .tabBarLineHeight {
- height: 170rpx;
- }
- .tabBarView {
- position: fixed;
- bottom: 32rpx;
- left: 32rpx;
- .submitButton {
- text-align: center;
- line-height: 84rpx;
- width: 686rpx;
- height: 84rpx;
- background: #FFE05C;
- border-radius: 54rpx;
- }
- }
|