.draggable-modal[data-v-5a27f3d2]{position:absolute;right:0;left:auto;background-color:#fff;overflow:hidden;width:500px;min-height:500px;-webkit-box-shadow:1px 1px 10px 0 rgba(7,39,86,.41);box-shadow:1px 1px 10px 0 rgba(7,39,86,.41);z-index:200}.modal-header[data-v-5a27f3d2]{height:46px;padding:0 20px;line-height:46px;color:#fff;background:#319afc;cursor:move;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal-header .title[data-v-5a27f3d2]{font-size:18px}.modal-header .close .el-icon-close[data-v-5a27f3d2]{font-size:20px;-webkit-transition:.2s;transition:.2s;cursor:pointer}.modal-header .close .el-icon-close[data-v-5a27f3d2]:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.modal-content[data-v-5a27f3d2]{padding:30px 20px}.p-exam-ques1{height:100%;position:fixed;width:100%;top:0;left:0;background:#fff;z-index:1000}.p-exam-ques1 .head-step{position:relative;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 26px 0 41px;background:#5e73f4;font-size:20px;color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,55,112,.1);box-shadow:0 0 5px 0 rgba(0,55,112,.1)}.p-exam-ques1 .head-step .step-text{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:15px}.p-exam-ques1 .head-step .sp-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.p-exam-ques1 .head-step .sp-a{color:#5e73f4;font-size:24px}.p-exam-ques1 .head-step .sp-b{font-size:24px}.p-exam-ques1 .head-step .step-btn .sp-tip{margin-right:20px;color:#dfb832;font-size:18px;cursor:pointer}.p-exam-ques1 .head-step .step-btn .sp-tip i{font-size:18px}.p-exam-ques1 .exam-center{height:calc(100% - 50px);overflow:auto}.p-exam-ques1 .exam-center .exam-step-item{position:relative;width:100%}.p-exam-ques1 .exam-center .exam-step-item img{width:100%}.p-exam-ques1 .exam-center .login-center{position:absolute;width:400px;height:320px;background:#fff;border-radius:10px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.p-exam-ques1 .exam-center .login-center .login-title{font-size:18px;color:#333;margin-bottom:20px}.p-exam-ques1 .step-1{height:100%;background:url(../../assets/img/bg1.ad40b7c9.png) no-repeat 50%/cover}.p-exam-ques1 .step-1 .sp-text{font-size:16px;color:#000;padding:0 10px}.p-exam-ques1 .step-1 .submit-btn{width:100%;background:#f04142!important;border-color:#f04142!important}.p-exam-ques1 .step-1 .is-disabled{background:#f7a0a0!important;border-color:#f7a0a0!important}.p-exam-ques1 .step-2 .mark-item{position:absolute;top:66.8%;left:4%;width:8%;height:4%;border:1px solid #000;cursor:pointer}.p-exam-ques1 .step-3 .form-center{position:absolute;top:9%;bottom:0;left:18.5%;right:0;width:60%}.p-exam-ques1 .step-3 .el-form-item{margin-bottom:50px}.p-exam-ques1 .step-3 .p-tip{color:#999;font-size:12px;line-height:20px}.p-exam-ques1 .step-3 .upload-box{display:-webkit-box;display:-ms-flexbox;display:flex}.p-exam-ques1 .step-3 .upload-box .box-con{width:120px;height:120px;border-radius:10px;border:1px dashed #e8e8e8;background:#fafafa;color:#999;text-align:center;line-height:120px;font-size:20px;cursor:pointer}.p-exam-ques1 .step-3 .upload-box .box-con img{width:100%;height:100%}.p-exam-ques1 .step-3 .upload-box .box-img{width:120px;height:120px;border-radius:50%}.p-exam-ques1 .step-3 .upload-box .box-img .avatar-img{cursor:pointer}.p-exam-ques1 .step-3 .upload-box .box-img .avatar-cover{width:100%;height:100%;border-radius:50%}.p-exam-ques1 .step-3 .upload-box .p-tip{margin-left:20px;-ms-flex-item-align:end;align-self:flex-end}.image-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-list .li-item{width:120px;height:120px;border:2px solid #e8e8e8;background:#fafafa;color:#999;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.image-list .li-item img{width:100%;height:100%}.image-list .active{border:2px solid #5e73f4}