.header_custom { float: left; width: 100%; } .header-title { display: flex; align-items: center; flex-direction: row; padding: 0 26rpx; justify-content: flex-start; width: 100%; } .header-title .goback { width: 30px; text-align: center; } .userbg { height: 500rpx; position: relative; overflow: hidden; } .userbg > image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .userbg .usermsg { justify-content: flex-start; margin: 300rpx 0 0 36rpx; position: relative; z-index: 5; color: #FFFFFF; } .userbg .usermsg .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; } .chart_box .btn_group { justify-content: flex-start; } .chart_box .btn_group > 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; } .chart_box .btn_group .active { background: #EAFAF8; color: #04B49C; border: 1px solid transparent; } .chart_box .lenged_box { justify-content: flex-end; font-size: 14px; } .chart_box .lenged_box > text { color: var(--nodateColor); } .chart_box .lenged_box .lenged_item { font-size: 13px; color: #8D9399; } .chart_box .lenged_box .lenged_item > view { margin-right: 12px; } .chart_box .lenged_box .lenged_item .leng::before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 5px; background: #04B49C; } .chart_box .lenged_box .lenged_item .re::before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 5px; background: #FF8800; } .chart_box .logchart { height: 420rpx; width: 100%; color: var(--nodateColor); font-size: 14px; } .adjust_list { padding: 24rpx 0; margin: 32rpx; border-radius: 4px; border: 1px solid #EFF0F1; justify-content: space-around; } .adjust_list .list_item > text:nth-child(1) { font-size: 56rpx; color: #2B3036; } .adjust_list .list_item > 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; } .adjust_record view { font-size: 36rpx; color: #2B3036; } .adjust_record view image { width: 32rpx; height: 32rpx; margin-right: 24rpx; } .adjust_feedback { margin: 0 32rpx 64rpx; }