.box[data-v-c7fb99d8]{max-width:1000px;min-width:800px;margin:0 auto;border-radius:10px}.box .head[data-v-c7fb99d8]{height:60px;background-image:linear-gradient(264deg,#1ad0b3,#23ccd1),linear-gradient(#fff,#fff);border-radius:10px;font-size:22px;line-height:60px;letter-spacing:1px;color:#fff;padding:0 10px}.box .head .el-icon-caret-left[data-v-c7fb99d8]{vertical-align:text-bottom;font-size:28px;cursor:pointer;margin-right:2px}.box .body .body-box[data-v-c7fb99d8]{max-width:1000px;min-width:800px;margin:12px 0 0 0;height:82vh;background-color:#fff;border-radius:10px;overflow:auto}.box .body .body-box .title-bg[data-v-c7fb99d8]{background:url(https://upload.fireflyau.com/web_gwpte/pte/mock-test/mock-report-bannre.png) no-repeat 0 0;height:260px}.box .body .body-box .top-article[data-v-c7fb99d8]{padding:0 30px}.box .body .body-box .top-article h3[data-v-c7fb99d8]{font-size:24px;font-weight:600;line-height:44px;color:#333}.box .body .body-box .top-article .zf-title[data-v-c7fb99d8]{margin-top:22px;display:flex;justify-content:space-between;align-items:flex-end}.box .body .body-box .top-article .zf-title span[data-v-c7fb99d8]{font-size:16px;color:#333}.box .body .body-box .top-article .ul[data-v-c7fb99d8]{display:flex;align-items:flex-end;overflow:hidden;margin:20px 10px 32px}.box .body .body-box .top-article .ul li[data-v-c7fb99d8]{width:124px;text-align:center;margin:0 10px}.box .body .body-box .top-article .ul li span[data-v-c7fb99d8]{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#32c9cc;text-align:center;line-height:22px;font-weight:600;font-size:20px;color:#fff;white-space:pre-line;margin:0 auto 10px}.box .body .body-box .top-article .ul li p[data-v-c7fb99d8]{font-weight:700;font-size:16px}.box .body .body-box .top-article .ul li:first-child span[data-v-c7fb99d8]{width:90px;height:90px;font-size:36px}.box .body .body-box .top-article .ul li:nth-child(2) span[data-v-c7fb99d8]{background:#fde2b3;color:#bf8521}.box .body .body-box .top-article .ul li:nth-child(3) span[data-v-c7fb99d8]{background:#ffdcdc;color:#e25858}.box .body .body-box .top-article .ul li:nth-child(4) span[data-v-c7fb99d8]{background:#b3c3fd;color:#4059b5}.box .body .body-box .top-article .ul li:nth-child(5) span[data-v-c7fb99d8]{background:#b3ebfd;color:#286ba1}.box .body .body-box .top-article .el-divider[data-v-c7fb99d8]{margin:14px 0;height:2px;background:#f1f1f1}.box .body .body-box .top-article .stripe[data-v-c7fb99d8]{display:flex;justify-content:space-between}.box .body .body-box .top-article .stripe .left[data-v-c7fb99d8]{width:50%}.box .body .body-box .top-article .stripe .right[data-v-c7fb99d8]{width:40%}.box .body .body-box .top-article .stripe .right[data-v-c7fb99d8] .el-progress-bar__outer{border-radius:6px}.box .body .body-box .top-article .stripe .right[data-v-c7fb99d8] .el-progress-bar__inner{border-radius:0}.box .body .body-box .top-article .stripe .right[data-v-c7fb99d8] .el-progress__text{font-weight:500!important;font-size:14px!important}.box .body .body-box .bottom-article[data-v-c7fb99d8]{margin-top:20px}.box .body .body-box .bottom-article h3[data-v-c7fb99d8]{font-weight:600;font-size:20px}.box .body .body-box .bottom-article .tx[data-v-c7fb99d8]{padding:0 30px}.box .body .body-box .bottom-article .tx ul[data-v-c7fb99d8]{display:flex;justify-content:space-between;flex-wrap:wrap}.box .body .body-box .bottom-article .tx ul li[data-v-c7fb99d8]{width:460px;background-color:#fff;box-shadow:0 0 10px 0 hsla(0,0%,68.2%,.25);border-radius:10px;padding:12px 12px 30px 12px;margin:15px 0}.box .body .body-box .bottom-article .tx ul li h4[data-v-c7fb99d8]{font-weight:600;font-size:20px;color:#333;padding-left:10px}.box .body .body-box .bottom-article .tx ul li h4 u[data-v-c7fb99d8]{font-weight:700;font-size:24px;color:#ff7070}.box .body .body-box .bottom-article .tx ul li div[data-v-c7fb99d8]{position:relative;margin:20px 0 0 0;width:436px}.box .body .body-box .bottom-article .tx ul li div[data-v-c7fb99d8] .el-progress-bar__outer{border-radius:6px}.box .body .body-box .bottom-article .tx ul li div[data-v-c7fb99d8] .el-progress-bar__inner{border-radius:0}.box .body .body-box .bottom-article .tx ul li div p[data-v-c7fb99d8]{position:absolute;top:0;left:20px;font-family:PingFang-SC-Bold,sans-serif;font-size:14px;color:#d78f11;line-height:28px}.box .body .body-box .bottom-article .tx ul li[data-v-c7fb99d8]:nth-child(2) .el-progress-bar__inner{background-color:#ffcdc6!important}.box .body .body-box .bottom-article .tx ul li:nth-child(2) p[data-v-c7fb99d8]{color:#a84c3f!important}.box .body .body-box .bottom-article .tx ul li[data-v-c7fb99d8]:nth-child(3) .el-progress-bar__inner{background-color:#b3c3fd!important}.box .body .body-box .bottom-article .tx ul li:nth-child(3) p[data-v-c7fb99d8]{color:#2a3c80!important}.box .body .body-box .bottom-article .tx ul li[data-v-c7fb99d8]:nth-child(4) .el-progress-bar__inner{background-color:#b3ebfd!important}.box .body .body-box .bottom-article .tx ul li:nth-child(4) p[data-v-c7fb99d8]{color:#2d697c!important}.box .body .body-box .bottom-btn[data-v-c7fb99d8]{height:100px;text-align:center;line-height:100px}.box .body .body-box .bottom-btn .el-button[data-v-c7fb99d8]{width:220px;height:50px;background-color:#32c9cc;border-radius:25px;font-size:20px;font-weight:700;font-stretch:normal;color:#fff;border:0}