| | |
| | | top: 0; |
| | | left: 0; |
| | | height: 80rpx; |
| | | line-height: 80rpx; |
| | | line-height: 88rpx; |
| | | z-index: 3; |
| | | text-align: center; |
| | | font-size: 36rpx; |
| | | font-size: 34rpx; |
| | | } |
| | | |
| | | .white { |
| | |
| | | color: #333; |
| | | } |
| | | |
| | | .home-page .bg { |
| | | .bg { |
| | | height: 780rpx; |
| | | width: 100%; |
| | | position: absolute; |
| | |
| | | z-index: -1; |
| | | } |
| | | |
| | | .home-page .bg .image { |
| | | .bg .image { |
| | | height: 100%; |
| | | } |
| | | |
| | | .content-wrapper { |
| | | position: relative; |
| | | padding: 30rpx; |
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
| | | padding: 20rpx 30rpx; |
| | | margin-bottom: 10vh; |
| | | } |
| | | |
| | | .topBox { |
| | |
| | | .teacherBox .title { |
| | | margin-top: 20rpx; |
| | | line-height: 40rpx; |
| | | color: #949494; |
| | | } |
| | | |
| | | .teacherBox .change-info { |
| | | color: #ff6d00; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .state { |
| | | font-size: 32rpx; |
| | | } |
| | | |
| | | .wait { |
| | |
| | | } |
| | | |
| | | .domainBox .title { |
| | | font-size: 32rpx; |
| | | color: #333; |
| | | font-weight: bold; |
| | | padding: 30rpx; |
| | | padding: 30rpx 30rpx 0rpx 30rpx; |
| | | } |
| | | |
| | | .domainList { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: center; |
| | | padding-bottom: 30rpx; |
| | | justify-content: flex-start; |
| | | padding: 15rpx 25rpx; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .domainList1 { |
| | |
| | | width: 160rpx; |
| | | min-width: 160rpx; |
| | | flex-shrink: 0; |
| | | padding: 30rpx 0; |
| | | padding: 20rpx 0; |
| | | } |
| | | |
| | | /* .listItem:nth-child(5), |
| | | .listItem:nth-child(6), |
| | | .listItem:nth-child(7), |
| | | .listItem:nth-child(8) { |
| | | padding-top: 10rpx !important; |
| | | } */ |
| | | |
| | | .listItem .icon { |
| | | width: 46rpx; |
| | | height: 46rpx; |
| | | width: 48rpx; |
| | | height: 48rpx; |
| | | margin: 0 auto; |
| | | display: flex; |
| | | } |
| | |
| | | line-height: 40rpx; |
| | | text-align: center; |
| | | margin-top: 20rpx; |
| | | color: #333; |
| | | } |
| | | |
| | | .block { |
| | |
| | | background: #fff; |
| | | border-top-left-radius: 16rpx; |
| | | border-top-right-radius: 16rpx; |
| | | margin-bottom: calc(env(safe-area-inset-bottom) + 88rpx); |
| | | } |
| | | |
| | | .block .header { |
| | |
| | | background: #ff6c00; |
| | | color: #fff; |
| | | border-radius: 50rpx; |
| | | } |
| | | |
| | | .blockIntegral { |
| | | position: relative; |
| | | width: 90vw; |
| | | height: 70vh; |
| | | background: var(--td-bg-color-container); |
| | | border-radius: 16rpx; |
| | | } |
| | | |
| | | .srcolbox { |
| | | width: 100%; |
| | | height: 70vh; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .block-content { |
| | | padding: 20rpx; |
| | | font-size: 28rpx; |
| | | color: #606266 |
| | | } |
| | | |
| | | .tableHeader { |
| | | display: flex; |
| | | background-color: #f3f3f3; |
| | | line-height: 48rpx; |
| | | padding: 10rpx; |
| | | border-bottom: 1px solid #f4f4f4; |
| | | } |
| | | |
| | | .blockIntegral .content-item { |
| | | display: flex; |
| | | line-height: 48rpx; |
| | | padding: 10rpx; |
| | | border-bottom: 2rpx solid #f4f4f4; |
| | | } |
| | | |
| | | .blockIntegral .lable { |
| | | width: 260rpx; |
| | | } |
| | | |
| | | .blockIntegral .value { |
| | | width: 100rpx; |
| | | } |
| | | |
| | | .blockIntegral .totle { |
| | | font-weight: bold; |
| | | |
| | | } |
| | | |
| | | .blockIntegral .createDate { |
| | | flex: 1; |
| | | } |
| | | |
| | | .close-btn { |
| | | position: absolute; |
| | | left: 50%; |
| | | margin-left: -32rpx; |
| | | bottom: calc(-1 * (48rpx + 64rpx)); |
| | | } |