/* pages/recommendOrderDetail/recommendOrderDetail.wxss */

/* 设置背景 */
page {
    background-color: #FFF2CC;
    padding: 20rpx;
}

/* 顶部区域 */
.headWrapper {
    display: flex;
    position: relative;
    height: 200rpx;
    /* background-color: #fff; */
}

/* 订单号详情 */
.orderNumDetail {
    margin-left: 20rpx;
    font-weight: bold;
}

/* 头像 */
.headImg {
    width: 160rpx;
    height: 160rpx;
    border-radius: 30rpx;
    position: absolute;
    right: 30rpx;
}

/* 需求信息 */
.need {
    margin-top: 20rpx;
}

.needDetail,
.needMoney {
    margin-left: 10rpx;
    font-weight: bold;
}

/* 需求号、课程号详情 */
.needDetail {
    text-decoration: underline;
    color: #00B0F0;
}

/* 订单信息 */
.orderContent,
.order {
    margin-top: 40rpx;
    display: flex;
}

/* 订单内容标题 */
.orderContentTitle {
    /* width: 25%; */
    width: 140rpx;
}

.orderDetail,
.orderDate {
    margin-left: 20rpx;
}

/* 订单内容详情 */
.orderDetail {
    display: block;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 下单日期 */
.orderDate {
    font-weight: bold;
}

/* 推荐人佣金 */
.commission {
    margin-top: 40rpx;
}

/* 佣金金额、提现状态详情 */
.commissionNum,
.withdrawStatus {
    margin-left: 20rpx;
    font-weight: bold;
}

/* 提现状态 */
.withdraw {
    margin-top: 30rpx;
}

/* 提现状态详情 */
.withdrawStatus {
    color: red;
}

/* 申请提现按钮 */
.apply {
    display: flex;
    margin-top: 200rpx;
    justify-content: center;
}
.applyWithdraw{
    padding: 10rpx 20rpx;
    border-radius: 30rpx;
    background-color: #8FAADC;
    color: white;
}