ReedawFoodApp/unpackage/dist/dev/mp-weixin/body/report/report.wxss

1018 lines
21 KiB
Plaintext

@charset "UTF-8";
/* 主题色 */
.tabbar.data-v-774e29d0 {
width: calc(100% - 30px);
padding: 10px 15px 15px;
display: flex;
align-items: center;
justify-content: space-around;
}
.tabbar view.data-v-774e29d0 {
position: relative;
}
.tabbar .active.data-v-774e29d0:after {
content: "";
height: 3px;
width: 100%;
position: absolute;
bottom: -5px;
left: 0;
border-radius: 5px;
background: #54d87c;
}
.notice.data-v-774e29d0 {
width: 100%;
display: flex;
align-items: center;
background-color: #fff;
margin-top: 15px;
margin-bottom: 15px;
border-radius: 10px;
}
.notice text.data-v-774e29d0 {
width: 60px;
font-size: 18px;
color: red;
font-weight: bold;
text-align: center;
border-right: 1px solid #dfdfdf;
}
.notice.data-v-774e29d0 swiper {
width: calc(100% - 15px);
height: 40px;
line-height: 40px;
margin-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.f_banner.data-v-774e29d0 {
width: calc(100% - 20px);
height: 330rpx;
margin: 20rpx;
}
.f_banner.data-v-774e29d0 swiper {
height: 330rpx;
}
.f_banner image.data-v-774e29d0 {
width: 100%;
height: 100%;
border-radius: 10px;
background-size: 100%;
}
.charts.data-v-774e29d0 {
width: 100%;
}
.charts .TrendPage.data-v-774e29d0 {
width: 100%;
padding: 10px 0;
border-radius: 10px;
}
.charts .TrendPage .listC.data-v-774e29d0 {
width: calc(100% - 20px);
padding: 10px;
display: flex;
border-radius: 10px;
align-items: center;
justify-content: space-around;
background-color: #fff;
}
.charts .TrendPage .listC view.data-v-774e29d0 {
position: relative;
}
.charts .TrendPage .listC .active.data-v-774e29d0:after {
content: "";
height: 3px;
width: 100%;
position: absolute;
bottom: -5px;
left: 0;
border-radius: 5px;
background: #54d87c;
}
.charts .TrendPage .box.data-v-774e29d0 {
margin-top: 15px;
background-color: #fff;
border-radius: 15px;
}
.charts .TrendPage .boxTime.data-v-774e29d0 {
width: calc(100% - 30px);
border-radius: 10px;
text-align: center;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
}
.charts .TrendPage .boxTime .style.data-v-774e29d0 {
background: #54d87c;
color: #fff;
}
.charts .TrendPage .boxTime .iconfont.data-v-774e29d0 {
font-size: 32rpx;
color: #666;
}
.charts .TrendPage .boxLine.data-v-774e29d0 {
display: flex;
flex-wrap: wrap;
border-radius: 10px;
justify-content: space-between;
}
.charts .TrendPage .boxLine .line.data-v-774e29d0 {
clear: both;
width: 100%;
height: auto;
background-color: #fff;
padding-top: 10px;
border-bottom: 10px solid #f7f7f7;
}
.charts .gridList.data-v-774e29d0 {
padding: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.charts .gridList .info.data-v-774e29d0 {
width: 100%;
display: flex;
margin-top: 15px;
justify-content: space-between;
}
.charts .gridList .info .item.data-v-774e29d0 {
color: #fff;
width: 47.5%;
height: 50px;
background: #54d87c;
text-align: center;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.charts .gridList .info .item text.data-v-774e29d0 {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 10px;
display: inline-block;
background-color: #fff;
}
.charts .gridList .data.data-v-774e29d0 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: #666;
margin-top: 15px;
width: 100%;
}
.charts .gridList .data .item.data-v-774e29d0 {
width: 47.5%;
text-align: center;
font-size: 32rpx;
line-height: 30px;
background: #fff;
padding: 10px 0;
border-radius: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.charts .gridList .data .val.data-v-774e29d0 {
display: flex;
align-items: center;
font-size: 40rpx;
font-weight: 700;
justify-content: center;
color: #666;
}
.charts .gridList .data .val text.data-v-774e29d0 {
font-size: 32rpx;
font-weight: 500;
display: block;
margin-top: 3px;
margin-left: 3px;
}
.charts .gridList .data .image.data-v-774e29d0 {
width: 40px;
height: 40px;
border-radius: 50%;
}
.charts .gridList .data .image image.data-v-774e29d0 {
width: 70%;
height: 70%;
margin: 15%;
}
.charts .gridList .data .name.data-v-774e29d0 {
display: flex;
align-items: center;
justify-content: center;
color: #999;
}
.charts .box.data-v-774e29d0 {
width: 100%;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
border-radius: 0 0 10px 10px;
justify-content: space-between;
}
.charts .box .listC.data-v-774e29d0 {
background-color: #fff;
}
.charts .box .listC .name.data-v-774e29d0 {
width: 20%;
padding: 0 15px;
font-size: 32rpx;
text-align: center;
border-radius: 5px;
height: 30px;
line-height: 30px;
}
.charts .box .listC .active2.data-v-774e29d0 {
color: #fff;
background: #54d87c;
}
.charts .box .blockC.data-v-774e29d0 {
clear: both;
width: 100%;
height: 250px;
background-color: #fff;
border-radius: 0 0 10px 10px;
padding-bottom: 15px;
}
.charts .gridList .info.data-v-774e29d0 {
width: 100%;
display: flex;
justify-content: space-between;
}
.charts .gridList .info .item.data-v-774e29d0 {
color: #fff;
width: 48%;
height: 120rpx;
background: #54d87c;
text-align: center;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.charts .gridList .info .item text.data-v-774e29d0 {
width: 70rpx;
height: 70rpx;
border-radius: 50%;
margin-right: 10px;
display: inline-block;
background-color: #fff;
}
.charts .gridList .data .item.data-v-774e29d0 {
display: block !important;
}
.report.data-v-774e29d0 {
background: #fff;
margin: 15px;
padding: 0 15px;
border-radius: 10px;
}
.report .box.data-v-774e29d0 {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
background-color: #fff;
border-radius: 10px;
display: block;
}
.report .box .item2.data-v-774e29d0 {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.report .box .item2 .item2_data.data-v-774e29d0 {
width: 33%;
}
.report .box .item2 .item2_data .data.data-v-774e29d0 {
width: 100%;
text-align: center;
border-right: 1PX solid #f7f7f7;
box-sizing: border-box;
}
.report .box .item2 .item2_data text.data-v-774e29d0 {
font-size: 40rpx !important;
font-weight: bold;
}
.report .box .item2 .item2_data:nth-last-child(2) .data.data-v-774e29d0 {
border-right: none;
}
.report .box2.data-v-774e29d0 {
height: 50px;
line-height: 50px;
border-radius: 10px;
display: flex;
padding: 0 10px;
font-size: 28rpx;
justify-content: space-between;
margin: 10px 0;
background-color: #dfdfdf;
}
.report .info.data-v-774e29d0 {
width: 100%;
display: flex;
justify-content: space-between;
}
.report .info .item.data-v-774e29d0 {
color: #fff;
width: 48%;
height: 120rpx;
background: #54d87c;
text-align: center;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.report .info .item text.data-v-774e29d0 {
width: 70rpx;
height: 70rpx;
border-radius: 50%;
margin-right: 10px;
display: inline-block;
background-color: #fff;
}
.report .data2.data-v-774e29d0 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
line-height: 30px;
margin: 10px 0 5px;
}
.report .data2 .left2.data-v-774e29d0 {
width: 100%;
display: flex;
justify-content: space-between;
}
.report .data2 .left2 .name.data-v-774e29d0 {
width: 50%;
}
.report .data2 .right.data-v-774e29d0 {
width: 50%;
display: flex;
flex-wrap: wrap;
font-size: 14px;
text-align: right;
}
.report .data2 .right .lixiang.data-v-774e29d0 {
width: 100%;
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.report .data2 .right .lixiang view.data-v-774e29d0 {
display: flex;
align-items: baseline;
}
.report .data2 .right .lixiang text.data-v-774e29d0 {
color: #54d87c;
font-size: 22px;
font-weight: bold;
}
.report .myinfoPage.data-v-774e29d0 {
width: 100%;
background: #fff;
margin: 10px 0;
padding-bottom: 0px;
border-radius: 10px;
}
.report .myinfoPage .box1.data-v-774e29d0 {
display: flex;
flex-wrap: wrap;
border-radius: 10px;
font-size: 32rpx;
position: relative;
padding-bottom: 10px;
}
.report .myinfoPage .box1 .list.data-v-774e29d0 {
width: 100%;
color: #666;
padding: 0;
line-height: 50px;
}
.report .myinfoPage .box1 .list image.data-v-774e29d0,
.report .myinfoPage .box1 .list .t-icon.data-v-774e29d0 {
width: 18px !important;
height: 18px;
border: 2px solid #c7c7c7;
background-color: #c7c7c7;
border-radius: 50%;
margin-right: 5px;
}
.report .myinfoPage .box1 .list .block.data-v-774e29d0 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
color: #666;
position: relative;
}
.report .myinfoPage .box1 .list .block .level.data-v-774e29d0,
.report .myinfoPage .box1 .list .block .val.data-v-774e29d0 {
width: 25%;
}
.report .myinfoPage .box1 .list .block .name.data-v-774e29d0 {
width: 40%;
display: flex;
align-items: center;
}
.report .myinfoPage .box1 .list .block .icon.data-v-774e29d0 {
width: 20px;
text-align: right;
display: flex;
}
.report .myinfoPage .box1 .list .block .icon image.data-v-774e29d0 {
width: 20px;
height: 20px;
}
.report .desc.data-v-774e29d0 {
line-height: 20px;
text-align: left;
width: calc(100%-20px);
height: auto;
border-radius: 5px;
font-size: 30rpx;
color: #999;
padding: 10px;
background: #f7f7f7;
}
.report .desc .statuevue.data-v-774e29d0 {
height: 35px;
position: relative;
width: 100% !important;
margin: 20px auto 0px;
}
.report .desc .statuevue .bi.data-v-774e29d0 {
display: flex;
justify-content: space-between;
width: auto;
padding-top: 10px;
}
.report .desc .statuevue .bi .peobox.data-v-774e29d0 {
position: absolute;
right: 0;
top: -1px;
z-index: 999;
}
.report .desc .statuevue .bi .peobox .xx.data-v-774e29d0 {
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
position: absolute;
z-index: 9;
border: 2px solid #1b2086;
top: 9px;
}
.report .desc .statuevue .item.data-v-774e29d0 {
position: relative;
margin: 0;
flex: 1;
height: 5px;
color: #666;
font-size: 30rpx;
}
.report .desc .statuevue .item .span1.data-v-774e29d0 {
width: 100%;
text-align: center;
position: absolute;
top: -23px;
}
.report .desc .statuevue .item .span.data-v-774e29d0 {
margin-top: 8px;
position: absolute;
right: -8px;
}
.report .yuanxing.data-v-774e29d0 {
display: inline-block;
background: #f19601;
width: 8px;
height: 12px;
margin-right: 5px;
font-size: 36rpx;
}
.report .btnf.data-v-774e29d0 {
font-size: 28rpx;
border-radius: 5px;
height: 22px;
margin: 0 10px 0 0;
line-height: 22px;
color: #fff;
font-weight: 400;
width: 44px !important;
text-align: center !important;
float: right;
}
.report .tivon.data-v-774e29d0 {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.report .tivon .bianji.data-v-774e29d0 {
width: 20px;
height: 20px;
margin-left: 5px;
}
.report .box1 :last-child.list .val.data-v-774e29d0 {
width: 25% !important;
}
.report .kcalClass.data-v-774e29d0 {
width: 100%;
text-align: center;
font-size: 36rpx;
line-height: 55px;
margin: -20px auto;
}
.report .yichang.data-v-774e29d0 {
background: #ffe4be;
color: #ff4239;
padding: 5px;
text-align: center;
border-radius: 5px;
margin: 0 15px 10px;
}
.report .tips.data-v-774e29d0 {
font-size: 30rpx;
line-height: 20px;
}
.report .tips text.data-v-774e29d0 {
display: inline-block;
width: 100%;
}
.report .jianyi_box.data-v-774e29d0 {
background-color: #fff;
border-radius: 10px;
width: 100%;
}
.report .jianyi.data-v-774e29d0 {
display: flex;
margin: 0 -15px;
justify-content: space-between;
}
.report .jianyi view.data-v-774e29d0 {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: center;
width: 20%;
margin: 0px 2.5% 0;
}
.report .jianyi view image.data-v-774e29d0 {
width: 25px;
height: 25px;
}
.report .jianyi view text.data-v-774e29d0 {
width: 100%;
text-align: center;
margin-top: 10px;
font-size: 28rpx;
color: #666;
}
.report .jianyi .active.data-v-774e29d0 {
border-bottom: 2px solid #f19601;
padding-bottom: 5px;
margin: 17px 2.5% 0;
}
.report .jianyi-con.data-v-774e29d0 {
margin-top: 15px;
background: #f7f7f7;
padding: 10px;
font-size: 28rpx;
line-height: 20px;
border-radius: 10px;
}
.report .tips2.data-v-774e29d0 {
color: #999;
margin-top: 15px;
font-size: 28rpx;
display: flex;
align-items: center;
}
.report.data-v-774e29d0 .uni-collapse-item {
width: 100% !important;
}
.report.data-v-774e29d0 .uni-collapse-item__title-arrow {
margin-right: 0 !important;
}
.report.data-v-774e29d0 .uni-collapse-item__wrap-content.uni-collapse-item--border {
border-bottom-width: 0;
}
.wrapper.data-v-774e29d0 {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
}
.wrapper .bg.data-v-774e29d0 {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99;
}
.wrapper .edit.data-v-774e29d0 {
width: 90%;
height: auto;
background: #fff;
border-radius: 10px;
position: relative;
top: 23%;
padding: 5px;
margin: auto;
z-index: 99999;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wrapper .edit.data-v-774e29d0 swiper {
min-height: 540rpx;
text-align: center;
}
.wrapper .edit image.data-v-774e29d0 {
width: 100%;
height: 450rpx;
margin-top: 10px;
}
.wrapper .clear.data-v-774e29d0 {
position: absolute;
right: 3px;
top: 0px;
background-color: #fff;
border-radius: 50%;
}
.content.data-v-774e29d0 {
padding: 0 10px 20px;
}
.size12.data-v-774e29d0 {
font-size: 12px !important;
}
.w100.data-v-774e29d0 {
width: 100%;
}
.desc2.data-v-774e29d0 {
width: 100% !important;
padding: 0 !important;
background: inherit !important;
}
.date.data-v-774e29d0 {
width: 100%;
font-weight: bold;
font-size: 16px;
margin: 15px 0;
}
.title.data-v-774e29d0 {
display: flex;
width: 100%;
margin: 10px 0;
font-size: 16px;
font-weight: bold;
align-items: center;
}
.title image.data-v-774e29d0 {
width: 20px;
height: 30px;
margin-right: 10px;
}
.header.data-v-774e29d0 {
background: #fff;
padding: 10px;
margin-top: 15PX;
width: calc(100% - 20px);
border-radius: 10px;
position: relative;
}
.header .top.data-v-774e29d0 {
display: flex;
height: 55px;
}
.header .top .left.data-v-774e29d0 {
width: 100%;
display: flex;
}
.header .top .left image.data-v-774e29d0 {
width: 50px;
height: 50px;
margin-right: 10px;
}
.header .top .left view.data-v-774e29d0 {
width: calc(100% - 60px);
display: flex;
flex-direction: column;
justify-content: space-around;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.header .right.data-v-774e29d0 {
width: 160px;
position: absolute;
right: 5px;
top: -30px;
height: 100px;
overflow: hidden;
z-index: 999;
}
.header .right .rightChart.data-v-774e29d0 {
width: 140px;
height: 140px;
background: #fff;
border-radius: 50%;
padding: 10px;
}
.header .right .charts-box.data-v-774e29d0 {
width: 140px;
height: 140px;
margin-top: 0px;
}
.header .right .score.data-v-774e29d0 {
position: absolute;
width: 140px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
top: -5px;
}
.header .right .score text.data-v-774e29d0 {
color: #54d87c;
font-size: 20px;
font-weight: bold;
}
.header .info.data-v-774e29d0 {
display: flex;
text-align: center;
justify-content: space-between;
margin-top: 10px;
}
.header .info view.data-v-774e29d0 {
width: 28%;
display: flex;
flex-direction: column;
}
.header .info .line.data-v-774e29d0 {
width: 40%;
position: relative;
}
.header .info .line.data-v-774e29d0::after,
.header .info .line.data-v-774e29d0::before {
content: "";
position: absolute;
width: 3px;
height: 30px;
background: #b6fdcc;
border-radius: 10px;
top: 10px;
}
.header .info .line.data-v-774e29d0::before {
left: 0;
}
.header .info .line.data-v-774e29d0::after {
right: 0px;
}
.heartRate.data-v-774e29d0 {
width: calc(100% - 20px);
padding: 10px;
border-radius: 10px;
}
.heartRate .stand.data-v-774e29d0 {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.heartRate .stand text.data-v-774e29d0 {
font-size: 18px;
font-weight: bold;
margin: 0 5px;
color: #54d87c;
}
.info.data-v-774e29d0 {
padding: 10px;
display: flex;
flex-wrap: wrap;
border-radius: 10px;
width: calc(100% - 20px);
justify-content: space-between;
}
.info .infoTitle.data-v-774e29d0 {
width: 100%;
display: flex;
flex-direction: column;
}
.info .Qlist.data-v-774e29d0 {
width: calc(100% - 140px);
margin-top: 10px;
}
.info .Qlist .QItem.data-v-774e29d0 {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
border-radius: 10px;
padding-left: 5px;
margin-bottom: 5px;
}
.info .Qlist .QItem .left.data-v-774e29d0 {
width: calc(100% - 60px);
display: flex;
align-items: center;
}
.info .Qlist .QItem .left .yuan.data-v-774e29d0 {
background-color: #3E7AF6;
width: 16px;
height: 16px;
border-radius: 50%;
}
.info .Qlist .QItem .left .name.data-v-774e29d0 {
display: flex;
flex-direction: column;
line-height: 15px;
margin-left: 10px;
}
.info .Qlist .QItem .value.data-v-774e29d0 {
width: 60px;
text-align: left;
}
.info .Qlist .QItem.data-v-774e29d0:nth-child(even) {
background-color: #f7f7f7;
}
.info .huan.data-v-774e29d0 {
width: 160px;
height: 160px;
position: absolute;
right: 0px;
margin-top: 50px;
}
.bodyimg.data-v-774e29d0 {
padding: 20px 30px;
width: calc(100% - 60px);
text-align: center;
border-radius: 10px;
position: relative;
}
.bodyimg image.data-v-774e29d0 {
width: 13.75rem;
height: 13.2rem;
}
.bodyimg view.data-v-774e29d0 {
font-size: 15px;
font-weight: bold;
position: absolute;
}
.bodyimg .L1.data-v-774e29d0:nth-child(2) {
left: 26px;
top: 35px;
}
.bodyimg .L1.data-v-774e29d0:nth-child(3) {
right: 25px;
top: 35px;
}
.bodyimg .L1.data-v-774e29d0:nth-child(4) {
left: 25px;
top: 95px;
}
.bodyimg .L1.data-v-774e29d0:nth-child(5) {
left: 25px;
bottom: 50px;
}
.bodyimg .L1.data-v-774e29d0:nth-child(6) {
right: 25px;
bottom: 50px;
}
.report.data-v-774e29d0 {
padding: 0;
margin: 0;
}
.table.data-v-774e29d0,
.table2.data-v-774e29d0 {
width: calc(100% - 20px);
padding: 10px;
}
.table .Xlist.data-v-774e29d0,
.table2 .Xlist.data-v-774e29d0 {
display: flex;
line-height: 40px;
}
.table .Xlist view.data-v-774e29d0,
.table2 .Xlist view.data-v-774e29d0 {
width: 50%;
text-align: center;
position: relative;
}
.table .Xlist .name.data-v-774e29d0::after,
.table2 .Xlist .name.data-v-774e29d0::after {
content: "";
position: absolute;
width: 1px;
height: 40px;
background: #f7f7f7;
top: 0px;
right: 0;
}
.table .Xlist.data-v-774e29d0:nth-child(odd),
.table2 .Xlist.data-v-774e29d0:nth-child(odd) {
background-color: #dfdfdf;
}
.table .Xlist.data-v-774e29d0:nth-child(1),
.table2 .Xlist.data-v-774e29d0:nth-child(1) {
font-size: 16px;
color: #fff;
border-radius: 10px 10px 0 0;
background-color: #54d87c !important;
}
.table2.data-v-774e29d0 {
width: 100%;
padding: 0;
}
.type.data-v-774e29d0 {
width: calc(100% - 20px);
padding: 10px;
background: #fff;
border-radius: 10px;
}
.type .Tlist.data-v-774e29d0 {
display: flex;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 5px;
width: 100%;
position: relative;
height: 235px;
}
.type .Tlist .line.data-v-774e29d0 {
position: absolute;
width: 5px;
height: 92%;
background: #dfdfdf;
border-radius: 10px;
}
.type .Tlist .line1.data-v-774e29d0 {
top: 0;
left: 5px;
}
.type .Tlist .line2.data-v-774e29d0 {
width: 92%;
height: 5px;
bottom: 0;
right: 0;
}
.type .Tlist .ge.data-v-774e29d0 {
width: calc(100% - 25px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: absolute;
left: 25px;
}
.type .Tlist .ge view.data-v-774e29d0 {
width: 30%;
height: 60px;
line-height: 60px;
text-align: center;
background: #f7f7f7;
border: 1px solid #54d87c;
border-radius: 10px;
margin-bottom: 15px;
}
.type .Tlist .ge .active.data-v-774e29d0 {
color: #fff;
background: #54d87c;
}
.type .Tinfo.data-v-774e29d0 {
display: flex;
padding: 5px 0;
}
.type .Tinfo .TinfoList.data-v-774e29d0 {
color: #666;
display: flex;
align-items: center;
width: 15%;
margin-left: 15px;
}
.type .Tinfo text.data-v-774e29d0 {
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}