/* pages/student/student.wxss */ .bgImg{ width: 100%; background: #FA1E17; } .icon-img{ height: 48rpx; margin-right: 16rpx; margin-left: 30rpx; margin-top: 18rpx; } image{ display:block; } .btn-view{ background: #FA1E17; padding: 40rpx 0; position: relative; } .btn-box{ width: 700rpx; margin: 0 auto; padding: 40rpx 0; background: #FFF; border-radius: 20rpx; } .share-btn{ width: 600rpx; margin: 40rpx auto; text-align: center; color: #FFF; background: linear-gradient(45deg, #FA2E17, #FB671E); height: 80rpx; line-height: 80rpx; border-radius: 50rpx; font-size: 32rpx; } .line{ width: 100%; height: 1px; border-top: 1px dashed #ddd; margin: 70rpx 0; } .other-btn{ width: 600rpx; margin: 40rpx auto; display: flex; justify-content: space-between; } .other-btn>view{ display: flex; background: linear-gradient(45deg, #FA2E17, #FB671E); color: #FFF; font-size: 32rpx; width: 270rpx; height: 80rpx; line-height: 80rpx; border-radius: 50rpx; } .other-btn>view:last-child{ background: linear-gradient(45deg, #FBA425, #FFC736); } .step-one{ width: 50%; padding: 30rpx 25% 60rpx; } .step-two,.step-three{ background: none; } .step-three{ border-top: 20rpx solid #eee; width: 58%; padding: 20rpx 21%; } .left-radius{ height: 30rpx; width: 30rpx; position: absolute; background: #FA1E17; top: 250rpx; border-radius: 100%; left: 15rpx; } .right-radius{ height: 30rpx; width: 30rpx; position: absolute; background: #FA1E17; top: 250rpx; border-radius: 100%; right: 15rpx; } .total-view{ display: flex; padding: 40rpx; height: 60rpx; margin-bottom: 20rpx; } .total-view view{ margin: 0 auto; text-align: center; text-align: center; font-size: 36rpx; font-weight: 600; } .total-view view:last-child{ color: #FA1E17; } .total-view text{ display: block; display: block; font-weight: 400; font-size: 32rpx; color: #999; }