.value_bar_box[data-v-ac1a2ff8]{position:relative;width:18.9375rem;margin:auto;margin-top:1.5625rem;padding-top:.25rem}.value_bar_box .value_bar_div[data-v-ac1a2ff8]{position:absolute;top:-1.125rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content}.value_bar_box .value_bar_div .value_bar_minitxt[data-v-ac1a2ff8]{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 .3125rem;height:1rem;font-family:DIN;font-weight:700;font-size:.6875rem;color:#fff;line-height:1rem;text-align:center;margin:auto;background-color:#9ed13c;border-radius:.5rem}.value_bar_box .value_bar_div .value_bar_boder[data-v-ac1a2ff8]{width:.875rem;height:.875rem;background:#90d13c;border-radius:50%;margin:auto;margin-top:.125rem}.value_bar_box .value_bar[data-v-ac1a2ff8]{width:18.9375rem;height:.5rem;background:-webkit-gradient(linear,left top,right top,from(#53d5ec),color-stop(29%,#27c998),color-stop(67%,#e5ce3c),to(#f55044));background:-webkit-linear-gradient(left,#53d5ec,#27c998 29%,#e5ce3c 67%,#f55044);background:linear-gradient(90deg,#53d5ec,#27c998 29%,#e5ce3c 67%,#f55044);border-radius:.25rem}.value_bar_box .value_bar_txt[data-v-ac1a2ff8]{position:relative;margin-top:.5rem;height:1.25rem;width:18.9375rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.value_bar_box .value_bar_txt ._bar_txt[data-v-ac1a2ff8]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:16.66667%;font-family:PingFang SC;font-weight:400;font-size:.75rem;color:#999;line-height:1.25rem;text-align:center;white-space:nowrap;overflow:visible}.sleepData{width:100%;min-height:100vh;background-image:url(../img/sleep_bg.285b8662.png);background-repeat:no-repeat;background-size:100% auto;background-color:#f5f5f5;display:flow-root;padding-bottom:2.5rem}.sleepData .page_name{font-family:PingFang SC;font-weight:700;font-size:1.375rem;color:#222;line-height:1.375rem;margin-top:1.125rem;padding-left:.75rem}.sleepData .title_name{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:.8125rem;width:11.4375rem;height:1.75rem;background:#d9fdff;line-height:1.75rem;border-radius:.875rem;text-align:center;margin-top:.5625rem;margin-left:.75rem}.sleepData .content{width:21.9375rem;background:#fff;border-radius:.5rem;margin:1rem auto 0 auto;padding-bottom:.75rem}.sleepData .content.frist_content{margin:1.25rem auto 0 auto}.sleepData .content .content_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:.75rem;position:relative}.sleepData .content .content_title .content_icon_box{margin-top:1rem;margin-left:.75rem;width:1.25rem;height:.625rem;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sleepData .content .content_title .content_icon_box .content_icon1{display:inline-block;width:.625rem;height:.625rem;background-color:#62d5d8;border-radius:50%}.sleepData .content .content_title .content_icon_box .content_icon2{margin-left:-.1875rem;width:.625rem;height:.625rem;background:rgba(98,213,216,.39);border-radius:50%}.sleepData .content .content_title ._title_txt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:PingFang SC;font-weight:700;font-size:1rem;color:#222;line-height:1rem;padding-top:.75rem;padding-left:.1875rem}.sleepData .content .content_title .unit{position:absolute;right:.6875rem;top:.75rem;font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#999;line-height:.875rem}.sleepData .content .times{font-family:PingFang SC;font-weight:400;font-size:.8125rem;color:#222;line-height:1.25rem;text-align:right;padding-right:.75rem}.sleepData .content .times .sleep_text{font-weight:400;font-size:.875rem;color:#9462e0;padding-right:.3125rem}.sleepData .content .times span{font-size:1.25rem;font-weight:700}.sleepData .content .Pie_div{width:21.9375rem;height:14.375rem}.sleepData .content .tooltip-header{font-weight:700;margin-bottom:.5rem;color:#222}.sleepData .content .tooltip-sum{margin-bottom:.5rem}.sleepData .content .tooltip-sum span{font-weight:700}.sleepData .content .tooltip-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:.25rem 0}.sleepData .content .marker{width:.5rem;height:.5rem;border-radius:50%;margin-right:.375rem}.sleepData .content .label{width:3.75rem;overflow:hidden;text-overflow:ellipsis}.sleepData .content .value{font-weight:600}.sleepData .content .legend_data{width:20.4375rem;margin:auto}.sleepData .content .legend_data .legend_item{padding-top:1rem}.sleepData .content .legend_data .legend_item div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.sleepData .content .legend_data .legend_item .item_one{font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#222;line-height:1rem;padding-bottom:.25rem}.sleepData .content .legend_data .legend_item .item_one .icon{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-right:.3125rem}.sleepData .content .legend_data .legend_item .item_one .icon_0{background:#9462e0}.sleepData .content .legend_data .legend_item .item_one .icon_1{background:#00d0ff}.sleepData .content .legend_data .legend_item .item_one .icon_2{background:#ff9faf}.sleepData .content .legend_data .legend_item .item_one .icon_3{background:#ff8a5e}.sleepData .content .legend_data .legend_item .item_one .status span{padding-left:1.125rem;color:#36ce5e}.sleepData .content .legend_data .legend_item .item_one .status .low{color:#40c2eb}.sleepData .content .legend_data .legend_item .item_one .status .high{color:#ff2e2e}.sleepData .content .legend_data .legend_item .item_two{font-family:PingFang SC;font-weight:400;font-size:.8125rem;line-height:1rem;padding-left:.875rem}.sleepData .content .legend_data .legend_item .item_two .scope{color:#999}.sleepData .content .legend_data .legend_item .item_two .time span{font-weight:700;font-size:1.125rem}.sleepData .content .suggestion_name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:1rem;margin-bottom:.5rem}.sleepData .content .suggestion_name .suggestion_name_icon{width:.625rem;height:.75rem;display:block;margin-left:.75rem;margin-right:.3125rem}.sleepData .content .suggestion_name .suggestion_title{font-family:PingFang SC;font-weight:700;font-size:.875rem;color:#222;line-height:.75rem}.sleepData .content .suggestion_value{font-family:PingFang SC;font-weight:400;font-size:.875rem;color:#666;line-height:.875rem;padding-left:1.6875rem}