.finishResult { color: #333333; font-size: 15px; .finishContainer { position: relative; background: url('../../images/exam-default-bg.png') no-repeat top center; background-size: contain; height: 240px; margin: 0 42px; } } .finishTitle { padding-top: 74px; padding-left: 26px; font-size: 18px; font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi; font-weight: bold; color: #0F75BB; line-height: 24px; max-width: 286px; margin: 0 auto; span { position: relative; z-index: 1; &::after { content: ' '; display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; height: 9px; background: linear-gradient(270deg, rgba(119, 255, 239, 0.59) 0%, #42CDFF 100%); opacity: 0.5; z-index: -1; } } } .scoreResult { display: flex; align-items: center; min-height: 76px; padding: 15px 32px 0; font-size: 14px; color: #333333; line-height: 20px; max-width: 286px; margin: 0 auto; } .finishFail { .finishContainer { background: url('../../images/exam-fail-bg.png') no-repeat top center; background-size: contain; } } .finishPass { .finishContainer { background: url('../../images/exam-pass-bg.png') no-repeat top center; background-size: contain; } } .finishGood { .finishContainer { background: url('../../images/exam-good-bg.png') no-repeat top center; background-size: contain; } } .finishCountdown { .finishContainer { background: url('../../images/exam-countdown-bg.png') no-repeat top center; background-size: contain; } } .finishClose { display: inline-block; width: 24px; height: 24px; position: absolute; right: 1px; top: 50px; background: url('../../images/icon-popup-close.png') no-repeat center; background-size: contain; } .finishBtnGroup { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0px; left: 0; padding: 0 24px 21px; width: 100%; .finishLeft, .finishRight { text-align: center; height: 39px; line-height: 38px; min-width: 111px; width: 111px; font-size: 13px; font-family: STYuanti-SC-Bold, STYuanti-SC; font-weight: bold; } .finishLeft { color: #587C98; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); background: url('../../images/exam-left-btn.png') no-repeat center center; background-size: contain; margin-right: 16px; } .finishRight { color: #FFFFFF; text-shadow: 0px 1px 1px #218CD7; background: url('../../images/exam-right-btn.png') no-repeat center center; background-size: contain; } }