| 1 |
- .chart-channel{overflow:hidden;width:45%;height:500px;padding:0 20px}.channel-wrp{backface-visibility:hidden;width:1200px!important;height:1200px!important;position:relative}.channel-wrp .bg{position:absolute;width:100%;height:100%;background-image:url(//taiyi.oss-accelerate.aliyuncs.com/website/hybrid-app/report/channel_bg.png?v=2.25.2);background-size:100% 100%;top:0;left:0}.channel-wrp .result-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.channel-wrp .r-2{transform:rotate(45deg)}.channel-wrp .r-3{transform:rotate(90deg)}.channel-wrp .r-4{transform:rotate(-45deg)}.channel-wrp .channel{position:absolute;width:86%;height:86%;left:7%;top:7%}.channel-wrp .channel .item{width:220px;position:absolute;height:100%;left:50%;margin-left:-110px;text-align:center}.channel-wrp .channel .top,.channel-wrp .channel .bottom{position:absolute;width:100%}.channel-wrp .channel .top{top:0;transform:translateY(-100%)}.channel-wrp .channel .bottom{bottom:0;transform:translateY(100%)}.channel-wrp .channel .txt{border:.5px solid #f4bdbd;color:#000;display:block;width:50px;font-size:1.8rem;line-height:2.4rem;margin:auto;border-bottom:none}.channel-wrp .channel .txt:last-child{border-bottom:.5px solid #f4bdbd}.channel-wrp .channel .r-4 .left,.channel-wrp .channel .r-2 .right{transform:rotate(-12deg);margin-left:10px}.channel-wrp .channel .left{float:left}.channel-wrp .channel .r-4 .right,.channel-wrp .channel .r-2 .left{transform:rotate(12deg);margin-right:10px}.channel-wrp .channel .right{float:right}.channel-wrp .channel .r-3 .top{transform:rotate(-90deg) translate(50px)}.channel-wrp .channel .r-3 .bottom{transform:rotate(-90deg) translate(-50px)}.channel-wrp .channel .on.txt{background-color:#d5454b;color:#fff;border-color:#d5454b}.channel-wrp .mai{position:absolute;width:75%;height:75%;left:12.5%;top:12.5%}.channel-wrp .mai .item{width:40px;position:absolute;height:100%;left:50%;margin-left:-20px;text-align:center}.channel-wrp .mai .top{position:absolute;width:100%;top:0;transform:translateY(-100%)}.channel-wrp .mai .bottom{position:absolute;width:100%;bottom:0;transform:translateY(100%)}.channel-wrp .mai .txt{font-size:2rem}.channel-wrp .mai .on.txt{color:#d5454b}.channel-wrp .mai .r-3 .top{transform:rotate(-90deg) translate(27px)}.channel-wrp .mai .r-3 .bottom{transform:rotate(-90deg) translate(-27px)}body.pc{font-size:14px;min-width:1140px}body.pc .wrap{width:1024px;padding:64px 0;margin:auto;display:flex;flex-direction:column;position:relative}body.pc .build-report{position:fixed;width:1024px;text-align:right;z-index:100}body.pc .build-report span{cursor:pointer;background-color:#39caaf;color:#fff;padding:10px;width:60px;height:60px;text-align:center;border-radius:4px;font-weight:500;position:absolute}body.pc .build-report2{position:fixed;width:950px;text-align:right;z-index:100}body.pc .build-report2 span{cursor:pointer;background-color:#39caaf;color:#fff;padding:10px;width:60px;height:60px;text-align:center;border-radius:4px;font-weight:500;position:absolute}body.pc .btmpoint{font-size:1.7rem;line-height:2;width:100%;text-align:center;font-weight:600}body.pc .btmbutton{width:20%;padding:10px;background-color:#39caaf;color:#fff;font-size:20px;text-align:center;border-radius:50px;position:fixed;left:43%;bottom:30px}body.pc .mai-item{letter-spacing:1px}body.pc .mai-item.device-info{border-top:2px solid #e5e9f2;padding:8px;margin-top:12px}body.pc .mai-item h1.title{font-size:26px;color:#39caaf;border-left:40px solid #39caaf;padding-left:12px;line-height:40px;font-weight:500}body.pc .mai-item h1.title.yellow{border-color:#f5b52a;color:#f5b52a}body.pc .mai-item h1.title.blue{border-color:#2291fb;color:#2291fb}body.pc .mai-item h2.sub-title{font-size:20px;font-weight:900}body.pc .item-border-top{border-top:2px solid #e5e9f2;margin-top:16px;padding-top:36px}body.pc .mai{font-size:24px;line-height:2;padding-left:53px}body.pc .legend{border:1px solid #eff2f7;background-color:#fbfbfb;border-radius:6px;padding:10px 10px 10px 0;display:flex;justify-content:space-between;align-items:center;text-align:center;color:#475669;font-size:12px;min-height:60px}body.pc .legend>.title{border-right:1px solid #e5e9f2;width:52px;color:#8492a6}body.pc .legend .item{border-radius:1px}body.pc .legend-mai{width:280px;margin-left:53px}body.pc .legend-mai .item{background-image:url(//taiyi.oss-accelerate.aliyuncs.com/website/hybrid-app/report/3d_unhealthy.png?v=2.25.2);background-position:top;background-size:80px 25px;background-repeat:no-repeat;padding-top:30px;width:80px}body.pc .legend-mai .item2{background-image:url(//taiyi.oss-accelerate.aliyuncs.com/website/hybrid-app/report/3d_healthy.png?v=2.25.2)}body.pc .hand-branch_legend{margin-left:53px;display:flex;flex-direction:column;align-items:center}body.pc .legend-branch .title{margin-right:12px}body.pc .legend-branch .item{border-left:#f7f3e9 solid 20px;padding-left:8px;font-weight:400;line-height:1}body.pc .legend-branch .item2{border-color:#a3e5d9;margin-top:10px}body.pc .paragraph-wrap{padding-left:52px;padding-top:12px;margin-bottom:20px}body.pc .paragraph{padding-top:12px}body.pc .paragraph h3{font-weight:400;font-size:18px}body.pc .paragraph-p{margin-bottom:16px;text-align:justify;font-size:18px}body.pc .paragraph-p:last-child{margin-bottom:0}body.pc .legend-channel{width:260px;margin-bottom:4px}body.pc .legend-channel .item{position:relative;line-height:16px}body.pc .legend-channel .item:before{position:absolute;content:"";width:24px;height:16px;background-color:#c23534;left:0}body.pc .legend-channel .item2:before{background-color:#fff;border:1px solid #f1b5b7}body.pc .legend-dialectical{width:260px}body.pc .legend-dialectical>div>div{text-align:left}body.pc .legend-dialectical .dialectical{display:flex;flex-wrap:wrap;width:180px}body.pc .legend-dialectical .dialectical .item{width:50%;border-left:#3bdcc9 solid 24px;padding-left:8px;font-weight:400;line-height:16px;margin-top:8px}body.pc .legend-dialectical .dialectical .item2{border-color:#fbb74a}body.pc .legend-dialectical .dialectical .item3{border-color:#fee273}body.pc .legend-dialectical .dialectical .item4{border-color:#de4d56}body.pc .user-info{margin-bottom:40px;width:360px;display:flex;justify-content:space-between;text-align:center}body.pc .user-info .user{width:220px}body.pc .user-info .user p{color:#99a9bf}body.pc .user-info .name{font-size:22px;padding:6px 0;line-height:1.5;min-height:45px}body.pc .user-info .name span{font-size:10px;padding-left:10px}body.pc .user-info .portrait{margin:auto;width:94px;height:94px;border:1px solid #eff2f7;border-radius:10px;background-size:cover;background-position:center}body.pc .mai-hand{width:100px;height:180px}body.pc .mai-total h1.title{margin-bottom:20px}body.pc .mai-desc{padding-top:0}body.pc .heart-rate{background-position:left;background-size:30px;padding-left:52px;font-size:16px;font-weight:bolder;line-height:2.5}body.pc .user-desc-three{display:flex;justify-content:space-between;align-items:center}body.pc .user-desc-three .user-desc{width:380px}body.pc .user-desc-three .three{width:640px}body.pc .user-desc-three .three .loading-component{height:512px}body.pc .stability .paragraph{padding-top:0}body.pc .stability .paragraph p{margin-bottom:0;font-size:12px;letter-spacing:0;color:#99a9bf}body.pc .stability .num{font-size:40px;font-weight:bolder;padding-right:50px}body.pc .stability .num i{font-size:24px;font-style:normal}body.pc .pc-branch-warp{min-height:444px;display:flex;align-items:center;justify-content:space-between}body.pc .pc-branch-warp .loading-component{height:444px;width:780px}body.pc .pc-branch{width:780px;display:flex;justify-content:space-between;text-align:center}body.pc .pc-branch .branch-canvas-wrap{margin:auto}body.pc .mai-channel{display:flex;flex-direction:column;justify-content:space-between}body.pc .mai-channel .channel-content{padding-left:52px;width:100%}body.pc .mai-channel .chart-channel{margin:0;height:900px}body.pc .mai-qxjy{display:flex;flex-direction:column;justify-content:space-between}body.pc .mai-qxjy .qxjy-content{padding-left:52px;width:100%;display:flex;align-items:center;justify-content:space-between}body.pc .mai-qxjy .chart-qxjy{width:540px}body.pc .mai-qxjy .chart-qxjy .column{width:280px;height:320px}body.pc .mai-qxjy .chart-qxjy .icon{background-size:35px;padding-top:36px}body.pc .mai-heresy{display:flex}body.pc .mai-heresy .desc-heresy{width:100%}body.pc .mai-heresy .chart-heresy{align-items:center}body.pc .mai-heresy .chart-heresy .item{width:132px;background-size:60%;padding-top:80px}html{font-size:10px}.btmbutton{width:20%;padding:10px;background-color:#39caaf;color:#fff;font-size:20px;text-align:center;border-radius:50px;position:fixed;left:43%;bottom:30px}body.print.pc{font-size:1.4rem;width:100%;height:auto;min-width:auto;margin:auto;background-color:#c0cdde}body.print.pc .nop-page-hr{background-color:#c0cdde}body.print.pc .page-num-simple{margin-bottom:40px;margin-left:100px;margin-right:40px;border-top:2px solid #e5e9f2;width:84%;height:70px;display:flex;justify-content:space-between}body.print.pc .page-num-simple .hole-content{position:absolute;display:flex;justify-content:space-between;bottom:0;width:80%;height:60px}body.print.pc .page-num-simple .hole-content .content-warp{margin-top:5px}body.print.pc .page-num-simple .hole-content .content-warp i{display:block;font-style:normal;min-width:20%;text-align:left;font-size:1.4rem}body.print.pc .page-num-simple .hole-content i{font-style:normal}body.print.pc .page-num-simple span{background-color:#8492a6;position:absolute;bottom:0;right:0;width:60px;height:60px;line-height:60px;text-align:center;font-size:3.6rem;color:#fff}body.print.pc .nop-page-content .item-border-top:first-child{position:relative;border-top:none!important;padding-top:0;margin-top:36px}body.print.pc .wrap{width:100%;padding:0;margin:0}body.print.pc .print-home{width:100%;height:100%;background-image:url(//taiyi.oss-accelerate.aliyuncs.com/website/hybrid-app/report/print-home.jpg?v=2.25.2);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}body.print.pc .print-home .name-wrap{position:absolute;left:42.5%;top:20%;font-size:5rem}body.print.pc .print-home .name-wrap p{color:#475669;font-size:4.5rem}body.print.pc .btmpoint{font-size:1.7rem;line-height:2;width:100%;text-align:center;font-weight:600}body.print.pc .mai-item h1.title{font-size:2rem;border-left-width:24px;height:24px;line-height:24px;font-weight:bolder;padding-left:16px}body.print.pc .legend{margin-left:40px}body.print.pc .legend .title{font-size:1.6rem;width:7.2rem}body.print.pc .legend-branch .item{border-left-width:24px}body.print.pc .legend-channel,body.print.pc .legend-dialectical{width:280px}body.print.pc .paragraph-wrap{padding-left:40px;font-size:1.4rem}body.print.pc .heart-rate{padding-left:40px}body.print.pc .print-page-wrap{width:100%}body.print.pc .print-page{width:100%;padding:0 60px;position:relative;overflow:hidden}body.print.pc .page-top{overflow:hidden;display:flex;justify-content:space-between;padding-bottom:7px}body.print.pc .page-top .title{text-align:right}body.print.pc .page-top .title h1{font-size:34px;font-weight:bolder}body.print.pc .page-top .title h2{font-size:24px;font-weight:bolder}body.print.pc .page-top.gray{border-color:#000;color:#000}body.print.pc .print-user{display:flex}body.print.pc .print-user .portrait{margin:auto;width:78px;height:78px;border:1px solid #eff2f7;border-radius:10px;background-size:cover;background-position:center}body.print.pc .print-user .info{padding-left:8px;font-weight:bolder;font-size:16px}body.print.pc .print-user .name{font-size:24px}body.print.pc .print-user .name span{font-size:16px;padding-left:10px}body.print.pc .name-wrap div{font-size:2rem;font-weight:bolder}body.print.pc .name-wrap p{font-size:1.4em}body.print.pc .print-total-item{display:flex;flex-direction:column}body.print.pc .print-total-item h1.title{margin-bottom:120px}body.print.pc .print-total-item .mai{padding-left:40px}body.print.pc .print-total-item .mai-img{display:flex;justify-content:space-between}body.print.pc .print-total-item .mai-total-txt{display:flex;flex-direction:column;justify-content:space-between}body.print.pc .print-total-item .loading-component{height:400px;width:640px}body.print.pc .print-total-item .three{overflow:hidden;height:400px}body.print.pc .print-total-item .three .chart-3d{position:relative;top:-70px}body.print.pc .item-stability{padding-top:0}body.print.pc .stability .paragraph-wrap{display:flex;align-items:center}body.print.pc .print-channel-item .channel-content{align-items:flex-start;padding-left:0}body.print.pc .print-channel-item .channel-title{display:flex;flex-direction:column}body.print.pc .print-channel-item .channel-title h1{margin-bottom:10px}body.print.pc .print-heresy-item{flex-direction:column}body.print.pc .mai-branch .title{display:flex;justify-content:space-between}body.print.pc .mai-branch .loading-component{height:600px}body.print.pc .mai-branch .chart-branch .chart{padding:1.2rem 0;display:flex;justify-content:space-around}body.print.pc .mai-all{margin-top:10px;position:relative;display:flex;align-items:center;width:110%;height:200px}body.print.pc .mai-all .mai-font{text-align:center}body.print.pc .mai-all .mai-font img{height:200px}body.print.pc .mai-all .mai-img{width:80%;height:100%}body.print.pc .mai-color-image{width:70px;height:200px;margin-left:10px}body.print.pc .mai-color-image img{width:100px;height:200px}body.print.pc .far{font-size:40px;display:flex;justify-content:center;align-items:center}body.print.pc .far1{font-size:40px;display:flex;justify-content:center;align-items:center;padding-right:1.4rem}body.print.pc .timeWidth{margin-top:1rem;margin-left:-20px}body.print.pc .hole-body{position:relative}body.print.pc .print-branch-item .pc-branch{width:750px;margin:0;justify-content:space-around}body.print.pc .print-branch-item .branch-content{display:flex;align-items:center;justify-content:space-between}body.print.pc .print-branch-item .branch-content-3d{padding-top:20px}body.print.pc .print-branch-item .branch-content-bar{padding-bottom:20px}body.print.pc .print-branch-item .legend-branch{width:170px;margin-left:0}body.print.pc .print-branch-item .loading-component{width:750px;height:240}body.print.pc .print-branch-item .hand-branch_legend{margin-left:40px}body.print.pc .print-qxjy-item .chart-qxjy{padding:0}body.print.pc .print-qxjy-item .qxjy-content{padding-left:0;align-items:flex-start}body.print.pc .print-qxjy-item .qxjy-title{display:flex;flex-direction:column}body.print.pc .print-qxjy-item .qxjy-title h1.title{margin-bottom:80px}.btn-print{display:block;position:fixed;z-index:100;background-color:#39caaf;color:#fff;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-ms-writing-mode:tb-rl;writing-mode:tb-rl;text-align:center;font-size:16px;top:200px;right:0;width:40px;height:120px;line-height:40px;letter-spacing:6px;text-indent:6px;border-radius:4px 0 0 4px;cursor:pointer;transition:.2s}.btn-print:hover{opacity:.9}.btmbutton{display:block;letter-spacing:6px;text-indent:6px;z-index:100;width:20%;padding:10px;background-color:#39caaf;color:#fff;font-size:20px;text-align:center;border-radius:50px;position:fixed;right:0;bottom:30px}.build-report3{position:fixed;text-align:right;z-index:100;display:block;cursor:pointer;background-color:#39caaf;color:#fff;padding:10px;width:60px;height:60px;text-align:center;font-size:1.5rem;border-radius:4px;right:200px;top:20px;font-weight:500}@media print{.dialog-msg-print,.test-img,.btn-print,.btmbutton,.build-report3{display:none}}
|
