.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%; } .header-title .goback { width: 30px; } .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 .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; }