.timer_dialog{background-color:#000}.timer_dialog .el-dialog__header{display:none}.finish_dialog{background-color:#f2f2f2}.finish_dialog .el-dialog__header{display:none}.finish_dialog .finish-body{position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.finish_dialog .finish-body .finish_title{text-align:center;font-size:36px;color:#000;margin-bottom:40px}.finish_dialog .finish-body .finish_box{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;width:500px;height:500px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:15px;background-color:#fff;line-height:1.4}.finish_dialog .finish-body .finish_box .text{font-size:18px;color:#000}.finish_dialog .finish-body .finish_box .text2{font-size:18px;color:#000;font-weight:700}.finish_dialog .finish-body .view_score_btn{margin:0 auto;width:200px;height:60px;font-size:18px;color:#000;font-weight:700;text-align:center;line-height:60px;border:1px solid #000;border-radius:60px;background-color:#fedb00;cursor:pointer}.timer-body{position:relative;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;width:100%;height:100%;color:#fff}.timer-body p{margin:0;padding:0}.timer-body .left{margin-right:300px}.timer-body .left .time_count_box{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px;width:276px;height:130px;border:2px solid #fff;border-radius:10px}.timer-body .left .time_count_box .text{font-size:20px;font-weight:600}.timer-body .left .time_count_box .count{font-size:70px;font-weight:700;line-height:1.2}.timer-body .left .resume_btn{margin:0 auto;width:136px;height:46px;line-height:46px;text-align:center;font-size:14px;color:#000;font-weight:600;border-radius:23px;background-color:#fedb00;cursor:pointer}.timer-body .right{-webkit-box-flex:0;-ms-flex:0 0 370px;flex:0 0 370px}.timer-body .right .title{margin:10px 0;font-size:28px;font-weight:700}.timer-body .right .text,.timer-body .right .title2{margin:10px 0;font-size:14px}.timer-body .right .title2{font-weight:700}.timer-body .right .line{margin:30px 0;width:100%;height:2px;background-color:#fff}