.card{ background-color: #fff; box-shadow: 0 0 10rpx rgb(223, 222, 222); border-radius: 20rpx; margin: 28rpx 30rpx; box-sizing: border-box; display: flex; padding: 24rpx 40rpx 24rpx 30rpx; justify-content: space-between; } .left{ display: flex; align-items: center; font-size: 26rpx; } .img{ width: 60rpx; height: 60rpx; border-radius: 50%; margin-right: 16rpx; } .card1{ padding: 56rpx 40rpx; color: #333333; font-size: 24rpx; justify-content: space-between; align-items: center; } .num{ font-weight: bold; font-size: 60rpx; } .all-item{ display: flex; align-items: center; flex-direction: column; justify-content: center; } .all-item image{ width: 40rpx; height: 40rpx; margin-bottom: 20rpx; } .tab{ display: flex; padding: 0 50rpx; margin: 30rpx 0; justify-content: space-between; } .tab-item{ /* padding: 8rpx 24rpx 8rpx 30rpx; */ height: 54rpx; box-sizing: border-box; width: 100%; border: 2rpx solid #26A5F6; border-radius: 50rpx; font-size: 24rpx; color: #26A5F6; background-color: #fff; display: flex; align-items: center; justify-content: center; } .tab-item image{ width: 20rpx; height: 20rpx; margin-left: 16rpx; margin-bottom: -2rpx; } .nothing{ margin-top: 100rpx; text-align: center; } .pickerY{ width: 80%; margin: auto; margin-top: 40rpx; } .item2{ justify-content: center; } .table-t{ display: flex; margin: 0 30rpx; } .table-t view{ display: flex; align-items: center; justify-content: center; height: 80rpx; flex: 1; font-size: 26rpx; border: 2rpx solid rgba(0, 0, 0, 0.671); } .no-b{ border-bottom: none !important; } .no-r{ border-right: none !important; } .table-t view:last-child{ flex: 2; } .tp{ margin-top: 50rpx; } .title{ font-weight: bold; font-size: 28rpx; display: flex; align-items: center; margin-top: 60rpx; margin-left: 30rpx; } .title-before{ height: 24rpx; border-radius: 6rpx; width: 6rpx; margin-right: 16rpx; background:linear-gradient(180.00deg, rgb(38, 165, 246),rgba(38, 165, 246, 0) 100%) } .footer{ margin-bottom: 80rpx; padding-top: 20rpx; display: flex; } .footer button{ width: 35%; } .footer button:last-child{ background-color: #26A5F6; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .modal-content { width: 80%; max-width: 500px; background-color: #fff; border-radius: 8px; padding: 20px; position: relative; } .modal-scroll { max-height: 60vh; overflow-y: auto; } .list-item { width: 90%; height: 70rpx; border-radius: 20rpx; box-shadow: 0 0 10rpx rgba(223, 222, 222, 0.986); border: 2rpx solid #fff; box-sizing: border-box; margin: 0 auto; margin-top: 30rpx; display: flex; align-items: center; justify-content: center; position: relative; } .loading, .no-more { text-align: center; padding: 10px; color: #888; } .close-button { position: absolute; top: 10px; right: 10px; } .isClick{ border: 2rpx solid #26A5F6; } .clickIcon{ position: absolute; top: 0; right: 0; background-color: #26A5F6; border-radius: 0 20rpx 0 18rpx; width: 60rpx; display: flex; align-items: center; justify-content: center; /* padding: 0 16rpx; */ } .sex{ width: 40rpx; margin-left: 20rpx; margin-right: 20rpx; height: 40rpx; } .charts{ width: 330px; height: 320px; } .canvasCard{ margin-top: 14rpx; display: block; font-size: 26rpx; } .homework-item { background-color: #fff; border-radius: 20rpx; padding: 20rpx 30rpx; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05); box-sizing: border-box; margin: 30rpx 30rpx; } .homework-name { font-size: 32rpx; font-weight: bold; color: #333; margin-bottom: 10rpx; } .homework-time { margin-top: 20rpx; font-size: 24rpx; color: #999; display: flex; align-items: center; /* justify-content: space-between; */ } .homework-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10rpx; } .homework-status { font-size: 24rpx; padding: 6rpx 12rpx; border-radius: 20rpx; } .left{ display: flex; align-items: center; } .img-box{ width: 110rpx; height: 110rpx; margin-right: 30rpx; display: flex; align-items: center; justify-content: center; border-radius: 30rpx; background-color: #EDF1FF; } .jump-img{ width: 60rpx; height: 60rpx; } .desc{ font-weight: bold; font-size: 28rpx; display: flex; flex-direction: column; align-items: flex-start; height: 110rpx; justify-content: space-evenly; } .statu{ height: 40rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18rpx; background-color: #287df6; border-radius: 36rpx; padding: 0 16rpx; } .icon{ width: 48rpx; height: 48rpx; border-radius: 50%; background-color: #EDF1FF; display: flex; align-items: center; justify-content: center; } .no{ font-size: 26rpx; text-align: center; margin-top: 30rpx; }