sagacloud-sagacare-miniprogram/pages/usercenter/index.less

.header_custom{
    float: left;
    width: 100%;
}
.header-title{
    display: flex;
    align-items: center;
    flex-direction: row;
    padding:0 34rpx;
    justify-content: flex-start;
    width: 100%;
    .goback{
        width:30px;
        text-align: center;
    }
}
.userbg{
    height: 500rpx;
    position: relative;
    // background-color: hotpink;
    overflow: hidden;
    &>image{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .usermsg{
        justify-content: flex-start;
        margin: 300rpx 0 0 36rpx;
        position: relative;
        z-index: 5;
        color: #FFFFFF;
        .userimg{
            width: 64px;
            height: 64px;
            margin-right: 28rpx;
            border-radius: 32px;
            overflow: hidden;
            border: 2px solid rgba(255, 255, 255, 0.3);
        }
    }
}
.chart_box{
    margin: 0 32rpx;
    .btn_group{
        justify-content: flex-start;
        &>view{
            width: 144rpx;
            height: 56rpx;
            font-size:28rpx;
            border: 1px solid #EFF0F1;
            border-radius: 28rpx;
            color: #646C73;
            margin-right: 32rpx;
            transition: all 0.3s ease;
        }
        .active{
            background: #EAFAF8;
            color: #04B49C;
            border: 1px solid transparent;
        }
    }
    .lenged_box{
        justify-content: flex-end;
        font-size:14px;
        &>text{
            color: var(--nodateColor);
        }
        .lenged_item{
            font-size: 13px;
            color: #8D9399;
            &>view{
                margin-right: 12px;
            }
            .leng::before{
                content: '';
                display: inline-block;
                width: 10px;
                height: 10px;
                margin-right: 5px;
                background: #04B49C;
            }
            .re::before{
                content: '';
                display: inline-block;
                width: 10px;
                height: 10px;
                margin-right: 5px;
                background: #FF8800;
            }
        }
    }
    .logchart{
        height: 420rpx;
        width: 100%;
        color: var(--nodateColor);
        font-size:14px;
    }
}
.adjust_list{
    // height: 170rpx;
    padding: 24rpx 0;
    margin: 32rpx;
    border-radius: 4px;
    border: 1px solid #EFF0F1;
    justify-content: space-around;
    .list_item{
        &>text:nth-child(1){
            font-size: 56rpx;
            color: #2B3036;
        }
        &>text:nth-child(2){
            margin-top: 12rpx;
            font-size: 32rpx;
            color: #8D9399;
        }
    }
}
.adjust_record{
    height: 118rpx;
    margin: 0 32rpx 32rpx;
    padding: 0 24rpx;
    background: #FFFFFF;
    justify-content: space-between;
    box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
    border-radius: 4px;
    view{
        font-size: 36rpx;
        color: #2B3036;
        image{
            width: 32rpx;
            height: 32rpx;
            margin-right: 24rpx;
        }
    }
}
.adjust_feedback{
    margin: 0 32rpx 64rpx;
}