@charset "UTF-8"; /* 主题色 */ .content.data-v-e85a7a0a { min-height: 100vh; background: #f7f7f7; padding: 0 20rpx; } .content_box.data-v-e85a7a0a { width: 100%; } .quan.data-v-e85a7a0a { margin-right: 70rpx; } .top.data-v-e85a7a0a { width: 100%; height: 280rpx; display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; background: #dfdfdf; border-radius: 10px; margin-top: 15px; } .top .name.data-v-e85a7a0a { width: 100%; text-align: center; font-size: 25px; font-weight: bold; } .top view.data-v-e85a7a0a { z-index: 11; } .top image.data-v-e85a7a0a { position: absolute; width: 100%; height: 100%; z-index: 9; border-radius: 10px; } .everyDay.data-v-e85a7a0a { background: #fff; padding: 10px; border-radius: 10px; margin: 15px 0 0; height: auto; overflow: hidden; } .everyDay .progress.data-v-e85a7a0a { display: flex; align-items: center; } .everyDay .progress .chart-wrap.data-v-e85a7a0a { position: relative; width: 280rpx; height: 280rpx; margin-top: 0rpx; margin-left: -15px; } .everyDay .progress .info.data-v-e85a7a0a { display: flex; flex-direction: column; justify-content: space-between; font-size: 24rpx; width: calc(100% - 270rpx); height: 200rpx; } .everyDay .progress .info .info-item.data-v-e85a7a0a { display: flex; align-items: center; justify-content: space-between; margin-top: 30rpx; } .everyDay .progress .info .info-item view.data-v-e85a7a0a { display: flex; align-items: center; } .everyDay .progress .info .info-item text.data-v-e85a7a0a { color: #ccc; margin: 0px 5px; } .everyDay .progress .info .info-item .color.data-v-e85a7a0a { width: 10rpx; height: 10rpx; margin-right: 10rpx; border-radius: 3rpx; } .foodtools.data-v-e85a7a0a { margin-top: 15px; } .foodtools .type.data-v-e85a7a0a { background: #fff; margin-bottom: 10px; border-radius: 10px; padding: 10px 10px 0; } .foodtools .type .title.data-v-e85a7a0a { display: flex; align-items: center; justify-content: space-between; } .foodtools .type .title image.data-v-e85a7a0a { width: 30px; height: 30px; } .foodtools .type .title .text.data-v-e85a7a0a { width: 50%; display: flex; align-items: center; } .foodtools .type .title .text view.data-v-e85a7a0a { font-size: 32rpx; font-weight: bold; margin: 0 10px; } .foodtools .type .title .detail.data-v-e85a7a0a { color: #999; display: flex; font-size: 24rpx; align-items: center; } .foodtools .type .list.data-v-e85a7a0a { width: 100%; margin-top: 15px; } .foodtools .type .list .item.data-v-e85a7a0a { display: flex; padding: 10px 0; border-bottom: 1px solid #f7f7f7; } .foodtools .type .list .item image.data-v-e85a7a0a { width: 90rpx; height: 90rpx; border-radius: 50%; border: 1px solid #f7f7f7; } .foodtools .type .list .item .weight.data-v-e85a7a0a { display: flex; flex-direction: column; justify-content: space-between; margin-left: 10px; } .foodtools .type .list .item .weight text.data-v-e85a7a0a { margin: 0 10px; color: #dfdfdf; } .nolist image.data-v-e85a7a0a { width: 120rpx; height: 120rpx; } .nolist view.data-v-e85a7a0a { margin-bottom: 15px; text-align: center; width: 100%; margin-top: 10px; color: #999; } .add.data-v-e85a7a0a { width: 100%; text-align: center; font-weight: bold; margin: 30rpx 0; } .no-scroll.data-v-e85a7a0a { height: 80vh !important; overflow: hidden !important; }