.pupilHome.data-v-7ec4f4b1 { height: 100%; flex: 1; display: flex; flex-direction: column; overflow-y: scroll; overflow-x: hidden; padding-bottom: 200rpx; } .pupilHome .top-page-title.data-v-7ec4f4b1 { text-align: center; font-size: 28rpx; background-color: #0183fa; color: #fff; } .pupilHome .top-back-img.data-v-7ec4f4b1 { position: absolute; top: 0; left: 0; width: 750rpx; height: 539rpx; background: url("https://zj-wechat.oss-cn-beijing.aliyuncs.com/xcx_images/xcx_v3/home/img_sy_bg@1x.png") no-repeat; background-size: 100%; background-repeat: no-repeat; } .pupilHome .top-back-img .position-img.data-v-7ec4f4b1 { z-index: 5; position: absolute; left: 16rpx; top: 16rpx; width: 400rpx; height: 88rpx; } .pupilHome .top-back-img .position-data-button.data-v-7ec4f4b1 { z-index: 5; position: absolute; right: 0; top: 40rpx; width: 160rpx; height: 50rpx; line-height: 50rpx; background-color: #0183fa; color: #fff; font-size: 28rpx; text-align: center; border-top-left-radius: 30rpx; border-bottom-left-radius: 30rpx; } .pupilHome .home-page.data-v-7ec4f4b1 { z-index: 1; overflow-y: scroll; overflow-x: hidden; padding-bottom: 120rpx; } .pupilHome .home-page .user-max-box.data-v-7ec4f4b1 { z-index: 5; display: flex; background: #fff; width: 690rpx; height: 150rpx; border-radius: 20rpx; overflow: hidden; margin: 370rpx 30rpx 0; } .pupilHome .home-page .user-max-box .user-img-box.data-v-7ec4f4b1 { width: 114rpx; height: 114rpx; border-radius: 50%; border: 1rpx solid #0183fa; margin: 18rpx 30rpx 18rpx 20rpx; } .pupilHome .home-page .user-max-box .user-img-box .user-img.data-v-7ec4f4b1 { width: 110rpx; height: 110rpx; border-radius: 50%; border: 1rpx solid #fff; } .pupilHome .home-page .user-max-box .user-name-box.data-v-7ec4f4b1 { flex: 1; } .pupilHome .home-page .user-max-box .user-name-box view.data-v-7ec4f4b1:nth-child(1) { margin-top: 20rpx; line-height: 50rpx; font-size: 26rpx; font-weight: 900; } .pupilHome .home-page .user-max-box .user-name-box view.data-v-7ec4f4b1:nth-child(2) { line-height: 50rpx; font-size: 26rpx; } .pupilHome .home-page .user-max-box .user-button.data-v-7ec4f4b1 { font-size: 28rpx; width: 150rpx; height: 50rpx; line-height: 50rpx; background-color: #0183fa; color: #fff; border-radius: 60rpx; text-align: center; margin: 50rpx 40rpx 0 0; } .pupilHome .home-page .home-button-box-1.data-v-7ec4f4b1 { position: relative; display: flex; width: 690rpx; height: 120rpx; display: flex; margin: 20rpx 30rpx 0; border-radius: 20rpx; position: relative; } .pupilHome .home-page .home-button-box-1 .home-button-img.data-v-7ec4f4b1 { display: block; margin: 20rpx 31rpx 0 36rpx; height: 80rpx; width: 80rpx; } .pupilHome .home-page .home-button-box-1 .home-button-name.data-v-7ec4f4b1 { width: 230rpx; line-height: 120rpx; height: 32rpx; font-size: 30rpx; } .pupilHome .home-page .home-button-box-1 .home-button-text.data-v-7ec4f4b1 { line-height: 120rpx; height: 32rpx; font-size: 30rpx; color: #333; } .pupilHome .home-page .home-button-box-1 .home-button-mark.data-v-7ec4f4b1 { position: absolute; top: 54rpx; left: 345rpx; width: 14rpx; height: 14rpx; border-radius: 50%; background-color: #ff3030; } .pupilHome .home-page .home-button-box-2.data-v-7ec4f4b1 { display: flex; width: 690rpx; height: 120rpx; display: flex; margin: 20rpx 30rpx 0; } .pupilHome .home-page .home-button-box-2 .home-button-box-min.data-v-7ec4f4b1 { width: 335rpx; display: flex; border-radius: 20rpx; } .pupilHome .home-page .home-button-box-2 .home-button-box-min .home-button-img.data-v-7ec4f4b1 { display: block; margin: 20rpx 31rpx 0 36rpx; height: 80rpx; width: 80rpx; } .pupilHome .home-page .home-button-box-2 .home-button-box-min .home-button-min .home-button-min-name.data-v-7ec4f4b1 { line-height: 32rpx; height: 32rpx; font-size: 32rpx; color: #333; margin: 20rpx 0 18rpx; } .pupilHome .home-page .home-button-box-2 .home-button-box-min .home-button-min .home-button-min-text.data-v-7ec4f4b1 { line-height: 28rpx; height: 28rpx; font-size: 28rpx; color: #999; } .pupilHome .button-one-box.data-v-7ec4f4b1 { z-index: 5; background: #fff; width: 690rpx; border-radius: 20rpx; padding: 13px 0 20px; overflow: hidden; margin: 330rpx 30rpx 0; } .pupilHome .button-one-box .button-min.data-v-7ec4f4b1 { display: inline-block; overflow: hidden; width: 172rpx; height: 123rpx; margin-top: 23rpx; } .pupilHome .button-one-box .button-min .button-img.data-v-7ec4f4b1 { display: block; width: 80rpx; height: 80rpx; margin: 0 auto; } .pupilHome .button-one-box .button-min .button-name.data-v-7ec4f4b1 { margin-top: 15rpx; height: 28rpx; line-height: 28rpx; font-size: 28rpx; text-align: center; color: #333; } .pupilHome .button-two-box.data-v-7ec4f4b1 { z-index: 5; width: 690rpx; height: 120rpx; display: flex; margin: 20rpx 30rpx 0; } .pupilHome .button-two-box .button-big-box.data-v-7ec4f4b1 { width: 335rpx; display: flex; border-radius: 20rpx; } .pupilHome .button-two-box .button-big-box ._img.data-v-7ec4f4b1 { display: block; margin: 20rpx 31rpx 0 36rpx; height: 80rpx; width: 80rpx; } .pupilHome .button-two-box .button-big-box .button-min-box view.data-v-7ec4f4b1:nth-child(1) { line-height: 32rpx; height: 32rpx; font-size: 32rpx; color: #333; margin: 20rpx 0 18rpx; } .pupilHome .button-two-box .button-big-box .button-min-box view.data-v-7ec4f4b1:nth-child(2) { line-height: 28rpx; height: 28rpx; font-size: 28rpx; color: #999; } .pupilHome .button-three-box.data-v-7ec4f4b1 { z-index: 5; width: 690rpx; height: 150rpx; margin: 20rpx 30rpx 0; } .pupilHome .button-three-box .button-big-box.data-v-7ec4f4b1 { border-radius: 20rpx; background-color: #fff0dd; display: flex; } .pupilHome .button-three-box .button-big-box ._img.data-v-7ec4f4b1 { display: block; width: 134rpx; height: 104rpx; margin: 23rpx 34rpx 0 30rpx; } .pupilHome .button-three-box .button-big-box .button-min-box view.data-v-7ec4f4b1:nth-child(1) { line-height: 30rpx; height: 30rpx; font-size: 30rpx; color: #ff8c00; margin: 27rpx 0 15rpx; } .pupilHome .button-three-box .button-big-box .button-min-box view.data-v-7ec4f4b1:nth-child(2) { line-height: 26rpx; height: 26rpx; font-size: 26rpx; color: #666; } .pupilHome .scan_btn.data-v-7ec4f4b1 { z-index: 10; position: fixed; bottom: 210rpx; right: 0rpx; width: 140rpx; height: 140rpx; }