.page-recommend-apply { .sp-page-body { padding: 0 50px 60px; } .activity_apply_time { font-size: 30rpx; font-weight: 500; color: #000; margin-bottom: 50rpx; margin-top: 14rpx; text-align: center; } .activity_apply_tit { font-size: 34rpx; font-weight: 500; color: #000; margin-bottom: 30rpx; } .user-form { margin-bottom: 80px; .icon-arrowRight { color: #000; font-size: 36rpx; rotate: 90deg; } } .user-form-item { margin-bottom: 30rpx; &-title { margin-bottom: 6rpx; } &-ipt { width: 100%; color: #000 !important; } .cell-item { display: flex; align-items: center; justify-content: space-between; border-radius: 6rpx; background: #e1e1e1; padding: 22rpx 22rpx 22rpx 42rpx; color: #999; &-tit { font-size: 28rpx; color: #000; } .flex-row { margin-left: 20rpx; } } } .flex-row { display: flex; align-items: center; justify-content: space-between; } .sex-label { color: #000; margin: 0 20px; } .radio { width: 26px; height: 26px; border-radius: 50%; /* prettier-ignore */ border: 1PX solid #000; position: relative; transition: all 0.3s ease-in-out 0s; &.checked::after { content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .sp-page-footer { min-height: 200px; padding: 0 50px; .check-box { width: 100%; display: flex; align-items: center; justify-content: center; margin: 16px auto; .icon-my { font-size: 30px; } view { font-size: 22px; } } .bottom { // position: fixed; // bottom: 80px; // left: 0; // right: 0; width: 100%; margin-bottom: 50px; .btn { display: flex; height: 80px; align-items: center; justify-content: center; font-size: 32px; line-height: 1; background: #000; color: #fff; border-radius: 6px; &.notop { margin-top: 10px; } &-disabled { background: #666; } } } } }