.report{height:100%;background:#f5f5f5;overflow:auto}.report,.report .report-container{position:relative;width:100%}.save-image-btn{position:fixed;left:50%;bottom:20px;padding:4px 20px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;font-size:26px;z-index:100;color:#fff;background-color:rgba(0,0,0,.5);border-radius:4px;white-space:nowrap}.report .report-inner{position:relative;width:360px;margin:0 auto}.report .report-header{position:relative;width:100%;height:182px;padding:20px;background-size:100% 100%;background-repeat:no-repeat}.report .report-header .logo{position:relative;width:100%;line-height:1;display:flex;align-items:center}.report .report-header .logo img{width:24px;height:21px}.report .report-header .logo span{font-size:24px;color:#fff;font-weight:700;margin-left:6px}.report .report-header .report-header-content{position:relative;width:100%;height:98px;margin-top:18px}.report .report-header .report-header-info{position:absolute;left:0;top:0;width:156px;height:100%;padding:15px;background-size:100% 100%;background-repeat:no-repeat}.report .report-header .report-header-info .row{position:relative;width:100%;line-height:1;display:flex;align-items:center;color:#fff;font-size:14px;font-weight:500}.report .report-header .report-header-info .row+.row{margin-top:10px}.report .report-header .report-header-info .row .icon{font-size:15px;margin-right:5px}.report .report-header .report-header-time{position:absolute;right:0;top:0;width:220px;height:100%;padding:15px 20px;background-size:100% 100%;background-repeat:no-repeat;z-index:1}.report .report-header .report-header-time .time{position:relative;width:100%;height:18px;display:flex;align-items:center;font-size:12px;font-weight:500;color:#293f66}.report .report-header .report-header-time .total-score{position:relative;width:100%;height:46px;margin-top:5px;display:flex;white-space:nowrap}.report .report-header .report-header-time .total-score .total-score-item{position:relative}.report .report-header .report-header-time .total-score .total-score-item .score{position:relative;width:100%;height:32px;display:flex;align-items:center;font-size:22px;color:#4386fa;font-weight:700;white-space:nowrap}.report .report-header .report-header-time .total-score .total-score-item .score .level{position:relative;margin-top:8px;font-size:8px;color:#fa9b43;font-weight:400}.report .report-header .report-header-time .total-score .total-score-item .text{position:relative;width:100%;height:11px;line-height:1;font-size:11px;color:#293f66;font-weight:700}.report .report-content{padding:10px 20px;background-color:#fff}.report .report-content,.test-project{position:relative;width:100%}.test-project .test-project-title{position:relative;width:100%;height:18px;font-size:12px;color:#4386fa;font-weight:700;display:flex;align-items:center;white-space:nowrap}.test-project .test-project-title+.test-project-title{display:none}.test-project .test-project-title .text{position:relative;width:48px;margin-right:12px}.test-project .test-project-title .line{position:relative;width:100%;height:1px;background-color:#293f66}.test-project .test-project-content{position:relative;width:100%;padding:6px 0;display:flex;line-height:1}.test-project .test-project-content .left-content{position:relative;width:36px}.test-project .test-project-content .left-content .icon-content{position:relative;width:36px;height:36px;padding:4px;background-color:#c7dbfe;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-project .test-project-content .left-content .icon-content .icon-content-inner{position:relative;width:100%;height:100%;background-color:#4386fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-project .test-project-content .left-content .icon-content .icon{color:#fff;font-size:20px}.test-project .test-project-content .left-content .icon-content .bonus-text{position:absolute;right:-12px;top:0;width:10px;height:20px;font-size:8px;color:#fff;background-color:#f77373;border-radius:2px;line-height:9px;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.test-project .test-project-content .left-content .text{line-height:9px;font-size:8px;color:#333;font-weight:500;margin-top:2px;white-space:nowrap;text-align:center}.test-project .test-project-content .right-content{position:relative;width:calc(100% - 36px);padding-left:24px;display:flex;align-items:center}.test-project .test-project-content .right-content .label{font-size:8px;color:#7e899b;white-space:nowrap}.test-project .test-project-content.physical-quality .progress{position:relative;width:200px;height:12px;background-color:#dfe8fa;border-radius:6px}.test-project .test-project-content.physical-quality .progress .progress-inner{position:relative;width:40%;height:100%;border-radius:6px;background:linear-gradient(#709efd,#3e79ff)}.test-project .test-project-content.physical-quality .progress .progress-inner .progress-inner-line{position:absolute;top:0;right:0;height:100%;z-index:1}.test-project .test-project-content.physical-quality .progress .progress-inner .progress-inner-line .toptext{position:absolute;top:-24px;left:0;padding:5px 8px 8px;line-height:12px;transform:translateX(-50%);font-size:10px;color:#4386fa;font-weight:700;white-space:nowrap;border-radius:4px;background-size:100% 100%;background-repeat:no-repeat}.test-project .test-project-content.physical-quality .progress .progress-inner .progress-inner-line .bottomtext{position:absolute;bottom:-12px;left:0;transform:translateX(-50%);font-size:8px;color:#333;font-weight:700;white-space:nowrap}.test-project .test-project-content.physical-quality .progress .progress-scale{position:absolute;left:1px;width:calc(100% - 2px);height:4px;display:flex}.test-project .test-project-content.physical-quality .progress .progress-scale.top{top:-4px}.test-project .test-project-content.physical-quality .progress .progress-scale.bottom{bottom:-4px;display:none}.test-project .test-project-content.physical-quality .progress .progress-scale-item{position:absolute;height:100%;top:0;font-size:8px;color:#293f66}.test-project .test-project-content.physical-quality .progress .progress-scale.top .progress-scale-item>span{position:absolute;top:-8px;right:0;transform:translateX(50%)}.test-project .test-project-content.physical-quality .progress .progress-scale.bottom .progress-scale-item>span{position:absolute;bottom:-8px;right:0;transform:translateX(50%)}.test-project .test-project-content.physical-quality.skip .progress .bonus-item{position:absolute;top:0;right:0;width:12.5%;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:6px;background:#fdd}.report .report-footer{position:relative;width:100%;height:45px;display:flex;align-items:center;justify-content:center;background-size:100% 100%;background-repeat:no-repeat;font-size:14px;color:#fff;font-weight:500;white-space:nowrap}.report .report-footer img{width:18px;height:16px;margin:0 5px}