| | |
| | | page { |
| | | background-color: #f0f2f5; |
| | | box-sizing: border-box; |
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
| | | } |
| | | |
| | | .background { |
| | |
| | | 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 { |
| | |
| | | |
| | | .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 { |
| | |
| | | color: #1FBC1F |
| | | } |
| | | |
| | | .line { |
| | | width: 2rpx; |
| | | height: 90rpx; |
| | | background: linear-gradient(180deg, #FFFFFF 0%, #CCCFD8 52%, #FFFFFF 100%); |
| | | } |
| | | |
| | | .domainBox { |
| | | width: 100%; |
| | | margin: 20rpx auto; |
| | |
| | | } |
| | | |
| | | .domainBox .title { |
| | | font-size: 32rpx; |
| | | color: #333; |
| | | font-weight: bold; |
| | | padding: 30rpx; |
| | | padding: 30rpx 30rpx 0rpx 30rpx; |
| | | } |
| | | |
| | | .domainList { |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: center; |
| | | padding-bottom: 30rpx; |
| | | } |
| | | |
| | | .domainList1 { |
| | |
| | | width: 160rpx; |
| | | min-width: 160rpx; |
| | | flex-shrink: 0; |
| | | padding: 30rpx 0; |
| | | padding: 40rpx 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 { |