.h1 { padding: 30rpx 0 30rpx 0; } .card { background: #FFFFFF; border-radius: 16rpx; padding: 0rpx 20rpx; margin-bottom: 20rpx; overflow: hidden; .date { font-size: 28rpx; color: #999; white-space: nowrap; flex-shrink: 0; } &.mb0 { margin-bottom: 0; } .flex-b { align-items: center; .lab { font-size: 28rpx; color: #333; } } } .btn { height: 44rpx; padding: 0 18rpx; background: $themC; border-radius: 8rpx; font-size: 28rpx; color: #fff; text-align: center; line-height: 44rpx; &.disable { opacity: 0.3; } &.status { border-radius: 10rpx 6rpx 6rpx 0px; } } .learnStatus { .more { display: flex; align-items: center; .txt { font-size: 24rpx; color: #686B73; } .moreIcon { } } .bg { background: #F6F7FA; border-radius: 16rpx; margin-bottom: 20rpx; padding: 0rpx 20rpx 0 20rpx; .row { display: flex; justify-content: space-between; width: 100%; align-items: center; border-bottom: 1rpx solid #E3EAFB; height: 88rpx; color: $themC; font-size: 28rpx; &:last-child { border: none; } &.oneBtn { justify-content: center; } } // .text { // } } } .tpsLine { font-size: 24rpx; color: #ADADAD; border-top: 1px solid #E8E9EC; margin-top: 20rpx; padding-top: 18rpx; } .cancel { font-size: 28rpx; font-weight: 400; color: #ADADAD; margin-top: 22rpx; text-decoration: underline; } .padTb { padding: 30rpx 0; align-items: flex-start !important; .date { margin-top: 4rpx; padding-left: 20rpx; } } .link-arrow { display: flex; align-items: center; font-size: 28rpx; color: $themC; height: 100rpx; .txt { margin-right: 4rpx; } } .mt20 { margin-top: 20rpx; margin-bottom: 0; }