.module-title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:18px}.module-title,.module-title .module-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.module-title .name{margin-right:23px}.module-title svg{color:#9d9d9d;font-size:16px;margin-right:10px}.module-title svg.is-active,.module-title svg:hover{color:#db4405}.module-status,.module-status .status-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.module-status .status-item{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;padding:5px 10px;font-family:Roboto-Regular;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9e0e6;cursor:pointer;background:#fff}.module-status .status-item:hover{background:#fdf1ec}.module-status .status-item i{opacity:0}.module-status .status-item.active{background:#db4405;color:#fff}.module-status .status-item.active i{opacity:1}.module-status .status-item .red_notice{position:absolute;width:8px;height:8px;border-radius:100%;background:#fa2e2e;border:1px solid #fff;top:-1px;right:-1px}.module-status .status-active{border-right:none;border-radius:4px 0 0 4px}.module-status .status-past{border-radius:0 4px 4px 0}.header-wrapper{background-color:#006e7e;height:70px;padding-left:30px;padding-right:7px;font-size:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-wrapper,.header-wrapper .btn-ctn{display:-webkit-box;display:-ms-flexbox;display:flex}.header-wrapper .el-button{height:56px;border-radius:16px;width:180px;font-weight:600;font-size:20px}.header-wrapper .el-button .el-icon-loading{position:absolute;left:50%}.header-wrapper .el-button span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-wrapper .el-button span :first-child{margin-right:12px}.header-wrapper .el-button--primary{background:hsla(0,0%,100%,.2);border:1px solid #8adaea}.header-wrapper .el-button--default{color:#038386;background-color:#fff;border:1px solid #fff}.header-wrapper .el-button [class*=el-icon-]+span{margin-left:0}.header-wrapper .svg-icon{font-size:24px}.header-wrapper .logo-ctn{display:-webkit-box;display:-ms-flexbox;display:flex}.header-wrapper .logo-text{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:24px;line-height:42px;color:#fff;margin-left:10px}.count-line{height:48px;padding-left:54px;padding-right:32px}.titleName{font-size:14px;font-family:Roboto-Medium,Roboto;font-weight:500;color:#1e1e1e;line-height:16px}.challenge-box,.titleName{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.challenge-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.challenge-box .titleName{font-family:Roboto-Medium;font-size:19px;letter-spacing:-.2px;font-weight:500}.challenge-box .sectionName{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Roboto-Medium;font-size:14px;color:#1e1e1e;font-weight:500}.volumn-popover.el-popper[x-placement^=bottom]{margin-top:0;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.3);box-shadow:0 6px 10px 0 rgba(0,0,0,.3);border-radius:16px;background-color:#fff;padding:16px 10px 0}.volumn-popover.el-popper[x-placement^=bottom] .el-slider__bar{background-color:#038386}.volumn-popover.el-popper[x-placement^=bottom] .el-slider__button{width:20px;height:20px;background:#006e7e;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.3);box-shadow:0 6px 10px 0 rgba(0,0,0,.3);border-radius:5px;border:1px solid #8adaea;-webkit-box-shadow:unset;box-shadow:unset}.volumn-popover.el-popper[x-placement^=bottom] .el-slider__button.hover{-webkit-transform:scale(1);transform:scale(1)}.volumn-popover.el-popper[x-placement^=bottom] .el-slider__runway{height:8px;border-radius:5px;background-color:#e6e6e6;margin:12px 0 16px}.popover-volumn-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.popover-volumn-list .volumn-item{width:8px;border-radius:4px}.container[data-v-9506e3d0]{margin-top:10px;height:114px;position:relative;padding-top:10px}.volumn-container[data-v-9506e3d0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4px}.volumn-container .static-volumn-item[data-v-9506e3d0]{width:14px;height:48px;background:#e6e6e6;border-radius:4px;margin-right:8px}.text-container[data-v-9506e3d0]{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:OpenSans;font-size:18px;color:#3a3b3a;line-height:32px;margin-top:12px}.split-line[data-v-9506e3d0]{position:absolute;top:0;width:1px;height:114px;background-color:#e6e6e6}.modal-ctn[data-v-a5581c66]{padding:60px 40px;display:-webkit-box;display:-ms-flexbox;display:flex}.modal-ctn .left-area[data-v-a5581c66]{padding-top:64px;width:200px;min-width:200px;margin-right:52px}.modal-ctn .left-area .countdown-circle[data-v-a5581c66]{position:relative;width:200px;height:200px}.modal-ctn .left-area .countdown-circle[data-v-a5581c66]:first-of-type{margin-bottom:60px}@-webkit-keyframes circletimer-a5581c66{0%{stroke-dashoffset:700;stroke-dasharray:700}to{stroke-dashoffset:0;stroke-dasharray:700}}@keyframes circletimer-a5581c66{0%{stroke-dashoffset:700;stroke-dasharray:700}to{stroke-dashoffset:0;stroke-dasharray:700}}.modal-ctn .left-area .countdown-circle .out-circle[data-v-a5581c66]{position:absolute;background-color:#e6e6e6;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%}.modal-ctn .left-area .countdown-circle .out-circle .circle[data-v-a5581c66]{stroke:#038386;stroke-width:32;fill:transparent;stroke-dashoffset:700;stroke-dasharray:0;-webkit-animation:circletimer-a5581c66 10s linear;animation:circletimer-a5581c66 10s linear}.modal-ctn .left-area .countdown-circle .inner-circle[data-v-a5581c66]{position:absolute;z-index:3;left:16px;top:16px;width:168px;height:168px;border-radius:50%;background-color:#038386;text-align:center;color:#fff;border:1px solid #e6e6e6}.modal-ctn .left-area .countdown-circle .inner-circle .inner-circle-icon[data-v-a5581c66]{font-size:60px;line-height:1;margin-top:34px;margin-bottom:6px;color:#fff}.modal-ctn .right-area[data-v-a5581c66]{-webkit-box-flex:1;-ms-flex:1;flex:1}.modal-ctn .right-area .text-ctn[data-v-a5581c66]{font-size:20px;color:#656161}.modal-ctn .microphone-container[data-v-a5581c66]{margin-top:40px;height:129px;position:relative;padding-top:7px}.modal-ctn .volumn-container[data-v-a5581c66]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:2;padding-left:45px}.modal-ctn .volumn-container .microphone-volumn-item[data-v-a5581c66]{width:20px;height:56px;background:#e6e6e6;border-radius:2px;border:1px solid #656161;margin-right:8px}.modal-ctn .text-container[data-v-a5581c66]{position:absolute;z-index:2;top:78px;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600;font-size:20px;color:#3a3b3a;margin-top:12px}.modal-ctn .split-box[data-v-a5581c66]{position:absolute;z-index:1;top:0;left:97px;width:224px;height:129px;background:#f0eef0;border-left:1px dashed #656161;border-right:1px dashed #656161}.modal-success-ctn[data-v-a5581c66]{padding:87px 128px}.modal-success-ctn .el-button[data-v-a5581c66]{min-width:136px;height:56px;border-radius:16px;font-weight:600;font-size:20px}.modal-success-ctn .el-button--primary[data-v-a5581c66]{background-color:#038386;border:1px solid #8adaea}.modal-success-ctn .success-title[data-v-a5581c66]{font-weight:600;font-size:26px;color:#3a3b3a;padding-left:20px;padding-bottom:18px;border-bottom:1px solid #e6e6e6;line-height:30px}.modal-success-ctn .success-main[data-v-a5581c66]{padding:40px 20px 0;color:#656161}.modal-success-ctn .success-main .success-main-text[data-v-a5581c66]{margin-bottom:40px;font-size:20px}.exam-page-container .el-button{min-width:136px;height:56px;border-radius:16px;font-weight:600;font-size:20px}.exam-page-container .info-ctn .btn-ctn .el-button--primary{background-color:#038386;border-color:#038386}.exam-page-container .info-ctn .btn-ctn .el-button--default{background:hsla(0,0%,100%,.2);border:1px solid #8adaea;color:#038386}.empty-module{width:42vw;max-width:470px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:23px 20px}.empty-module .name{margin-bottom:18px;text-align:center}.empty-module .des{font-family:Roboto-Regular;font-size:16px;font-weight:400;line-height:24px;text-align:center}.main-container[data-v-1da3206f]{height:calc(100% - 118px);width:1412px;margin:48px auto 14px;border-radius:16px;border:1px solid #ececec;padding:43px 284px;overflow-y:auto}.main-container .title-ctn[data-v-1da3206f]{padding:0 8px 18px;border-bottom:1px solid #e6e6e6;font-size:30px;color:#3a3b3a;margin-bottom:90px}.main-container .info-ctn[data-v-1da3206f]{font-size:22px;color:#3a3b3a;position:relative}.main-container .info-ctn .check-text[data-v-1da3206f]{margin-bottom:52px;width:466px}.main-container .info-ctn .test-info[data-v-1da3206f]{margin-bottom:74px}.main-container .info-ctn .test-info .test-info-item[data-v-1da3206f]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.main-container .info-ctn .test-info .test-info-item-name[data-v-1da3206f]{margin-right:6px}.main-container .info-ctn .avatar-ctn[data-v-1da3206f]{position:absolute;right:-86px;width:260px;height:260px}.main-container .info-ctn .avatar-ctn .avatar[data-v-1da3206f]{width:100%;height:100%}.main-container .info-ctn .icon-ctn[data-v-1da3206f]{margin:110px 142px;font-size:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#038386}.module-item svg[data-v-1da3206f]{-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;margin-right:9px}.modal-ctn[data-v-1da3206f]{padding:60px 40px;display:-webkit-box;display:-ms-flexbox;display:flex}.modal-ctn .left-area[data-v-1da3206f]{padding-top:64px;width:200px;min-width:200px;margin-right:52px}.modal-ctn .right-area[data-v-1da3206f]{-webkit-box-flex:1;-ms-flex:1;flex:1}.modal-ctn .right-area .text-ctn[data-v-1da3206f]{font-size:20px;color:#656161}.modal-ctn .microphone-container[data-v-1da3206f]{margin-top:40px;height:129px;position:relative;padding-top:7px}.modal-ctn .volumn-container[data-v-1da3206f]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:2;padding-left:45px}.modal-ctn .volumn-container .volumn-item[data-v-1da3206f]{width:20px;height:56px;background:#e6e6e6;border-radius:2px;border:1px solid #656161;margin-right:8px}.modal-ctn .text-container[data-v-1da3206f]{position:absolute;z-index:2;top:78px;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600;font-size:20px;color:#3a3b3a;margin-top:12px}.modal-ctn .split-box[data-v-1da3206f]{position:absolute;z-index:1;top:0;left:97px;width:224px;height:129px;background:#f0eef0;border-left:1px dashed #656161;border-right:1px dashed #656161}.modal-success-ctn[data-v-1da3206f]{padding:87px 128px}.modal-success-ctn .el-button[data-v-1da3206f]{min-width:136px;height:56px;border-radius:16px;font-weight:600;font-size:20px}.modal-success-ctn .el-button--primary[data-v-1da3206f]{background-color:#038386;border:1px solid #8adaea}.modal-success-ctn .success-title[data-v-1da3206f]{font-weight:600;font-size:26px;color:#3a3b3a;padding-left:20px;padding-bottom:18px;border-bottom:1px solid #e6e6e6;line-height:30px}.modal-success-ctn .success-main[data-v-1da3206f]{padding:40px 20px 0;color:#656161}.modal-success-ctn .success-main .success-main-text[data-v-1da3206f]{margin-bottom:40px;font-size:20px}.tip-ul[data-v-1da3206f]{width:724px}.tip-ul li[data-v-1da3206f]{margin-bottom:20px}.module-card-wrapper[data-v-05d47b1c]{width:400px!important;padding:0!important}.animation-box[data-v-05d47b1c]{position:relative;padding-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.title[data-v-05d47b1c]{position:relative;margin-top:-20px;padding:0 40px 40px;line-height:24px;font-weight:500;text-align:center;z-index:2}.sock[data-v-05d47b1c]{width:100%}