html{background:#fff}#app,body,html{height:100%}img,svg{vertical-align:middle}.login{height:100%;border-top:7px solid #0096ff;position:relative;overflow:hidden;min-height:700px}.login .logo-bg1{position:absolute;left:-1100px;top:114px}.login .logo-bg2{position:absolute;right:-1100px;top:-700px}.el-message.el-message--error{position:absolute;top:30%!important;left:50%;width:320px;height:100px;line-height:100px;background:url(/images/pc/opacity50.png);font-size:18px;color:#fff;border-radius:10px;text-align:center}.el-message.el-message--error .el-message__content{margin:0}.login-form{width:500px;margin:auto;left:50%;top:40%;padding:40px}.login-form .logo-pan{text-align:center;margin-bottom:40px}.login-form .title{font-size:36px;color:#14265d;text-align:center}.login-form .title1{font-size:16px;color:#14265d;font-weight:700;margin:0 auto 55px;text-align:center}.login-form h2{color:#2e62bc;margin:0;font-size:30px;text-align:left}.login-form .h2-txt{color:#14265d;font-size:18px;margin-bottom:40px;display:inline-block;margin-top:10px}.login-form .login-btn{border-radius:24px;height:44px;line-height:44px;font-size:16px}.login-form .username-input{color:#73748a;margin-bottom:30px;border-bottom:1px solid #73748a;background-image:url(/images/pc/icon-user.png);padding:9px 0 9px 42px;font-size:18px;background-position:6px;background-repeat:no-repeat}.login-form .username-input.login-form .username-input.van-cell:after{left:0!important;right:0!important}.login-form .pwd-input{color:#73748a;margin-bottom:30px;border-bottom:1px solid #73748a;background-image:url(/images/pc/icon-password.png);background-repeat:no-repeat;padding:9px 0 9px 42px;font-size:18px;background-position:6px}.login-form .pwd-input.login-form .pwd-input.van-cell:after{left:0!important;right:0!important}.login-form .van-hairline--top-bottom:after{border:none}.footer{position:absolute;bottom:50px;width:100%}.footer span{display:inline-block;width:100%;font-size:14px;color:#ccc;line-height:30px;text-align:center}.userinfo-right{float:right;cursor:pointer}.userinfo-right img{height:24px;width:24px;border-radius:24px}.userinfo-right span{vertical-align:middle;margin:0 10px 0 6px}.nav-box{height:60px;line-height:60px;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);position:fixed;width:100%;top:0;z-index:9;text-align:left}.nav-box .logo-box{margin-left:30px;position:relative;z-index:2}.home{min-height:100%;background:#edf2f9;margin-top:42px;padding-top:20px}.cnt,.home{min-width:980px}.cnt{max-width:1200px;margin:auto;width:80%}.tablist{border-radius:10px;background-color:#fff;-webkit-box-shadow:0 6px 16px 0 rgba(93,102,111,.1);box-shadow:0 6px 16px 0 rgba(93,102,111,.1);height:48px;line-height:48px}.tablist a{margin:0 20px;font-size:14px;cursor:pointer}.tablist a.active{color:#0096ff}.h-title{height:42px;line-height:42px;font-size:16px;color:#37404f;font-weight:700;margin-top:10px;margin-bottom:10px}.test-table{margin-top:25px;border-radius:10px;overflow:hidden}.test-table .th{height:60px;background-color:#f9fafd;line-height:60px;color:#37404f;font-weight:700}.test-table .td{text-align:left;font-size:14px;color:#666}.test-table .td a{color:#0096ff;cursor:pointer}.test-table .td .statue1{background-color:#fef0e8;color:#f57730}.test-table .td .statue2{background-color:#e5f9f0;color:#44da6d}.test-table .td .statue3{background-color:#e8effb;color:#666}.test-table .td .statue{display:inline-block;line-height:30px;width:72px;text-align:center;height:30px;border-radius:16px}.test-table .td1{text-align:center}.test-table .tr{height:90px;line-height:90px;border-top:1px solid #eef2f8;background:#fff}.test-table .svg-span{height:32px;width:32px;border-radius:50%;background-color:#e8effb;display:inline-block;line-height:32px;text-align:center;text-indent:0;margin-right:10px}.test-table .title{color:#505968;display:inline-block;text-indent:0;font-weight:700;line-height:22px;width:calc(100% - 45px);vertical-align:middle;max-height:44px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.test-table .van-empty{height:400px}.test-table .pagination{margin-top:30px;text-align:center}.test-table .list{min-height:500px}.logo-grey{margin:auto;margin-top:150px}.start{min-height:100%;background:#edf2f9;margin-top:42px;padding-top:20px;text-align:center}.start .H-title{height:48px;line-height:48px;text-align:center;margin-top:20px;font-size:18px;color:#37404f}.start .examtishi{text-align:left;background:#fff;border-radius:12px;padding:45px;min-height:337px;-webkit-box-shadow:0 6px 16px 0 rgba(93,102,111,.1);box-shadow:0 6px 16px 0 rgba(93,102,111,.1)}.start .content{line-height:36px;font-size:16px;color:#505968}.start .content span{color:#0096ff}.start .start-opr-div{display:inline-block;width:100%;margin:30px 0;font-size:16px;text-align:left;padding-left:50px}.start .start-button-div{width:300px;margin:auto}.start .lefttime{min-height:180px;width:180px;right:0;top:125px;text-align:center;display:inline-block;vertical-align:top;margin-top:70px;margin-left:15px}.start .lefttime .txt{color:red;font-size:24px;margin-top:20px}.start .lefttime .f-box{border-radius:12px;-webkit-box-shadow:0 6px 16px 0 rgba(93,102,111,.1);box-shadow:0 6px 16px 0 rgba(93,102,111,.1);padding:40px 0 70px 0}.start .lefttime span{display:block;background:#fff}.start .isaccept{display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:10px}.exam{min-height:100%;background:#edf2f9;margin-top:42px;padding-top:20px}.exam .cnt{margin-left:280px;width:calc(100% - 560px);display:inline-block;margin-left:288px;border-radius:10px;background:#fff;height:80%;margin-top:15px;-webkit-box-shadow:0 6px 16px 0 rgba(93,102,111,.1);box-shadow:0 6px 16px 0 rgba(93,102,111,.1);overflow:hidden;min-width:auto}.exam .cnt .title{height:54px;line-height:54px;background:#f9fafd;text-indent:30px;color:#37404f;font-size:16px;font-weight:700}.exam .test-item-div{line-height:45px;color:#37404f;font-size:14px;border-bottom:1px solid #edf2f9;padding:20px 0;margin:0 30px}.exam .xuanxiang-imgs{margin-top:10px}.exam .tigan{font-size:16px;font-weight:700;color:#606266}.exam .tihao-list{overflow:hidden;position:fixed;background-color:#fff;-webkit-box-shadow:0 6px 16px 0 rgba(93,102,111,.1);box-shadow:0 6px 16px 0 rgba(93,102,111,.1);border-radius:10px;width:257px;top:75px;margin-left:15px;height:calc(100% - 90px);overflow:auto}.exam .tihao-list span{border-radius:10px;background-color:#e8effb;display:inline-block;text-align:center;line-height:30px;font-size:12px;color:#37404f;border:1px solid #e8effb;width:28px;height:28px;margin:12px 3px;cursor:pointer}.exam .tihao-list span.blue{background:#0096ff;color:#fff;border:1px solid #0096ff}.exam .tihao-list span.active{border:1px solid #ccc}.exam .tihao-list span.green{border:1px solid #02d27a;background:#dff9ef}.exam .tihao-list span.red{border:1px solid #fd705b;background:#fceae7}.exam .tihao-list span.grey{border:1px solid #dcdcdc}.exam .tihao-list .tk-item{margin:0 10px;border-bottom:1px solid #edf2f9;padding:30px 0}.exam .tihao-list .tk-item:last-child{border:none}.exam .tihao-list .tk-title{position:relative;margin:0;height:50px;line-height:50px;text-align:center;font-size:16px;background-color:#f9fafd}.exam .tihao-list .tk-title svg{position:absolute;left:50%;margin-left:-35px;top:50%;margin-top:-2px}.exam .tihao-list .title{margin:10px 0}.exam .lefttime{width:180px;position:fixed;border-radius:10px;background-color:#e8effb;top:75px;margin-left:20px;background:#fff;padding-top:20px}.exam .lefttime span{display:inline-block;text-align:center;font-size:16px}.exam .lefttime .span1{border-bottom:1px solid #edf2f9;width:80%;margin-left:10%}.exam .lefttime .span1 .txt{color:red;font-size:24px;margin:20px;display:block}.exam .lefttime .span2{display:block;width:100%;margin-top:20px}.exam .lefttime .span2 .timelong{font-size:24px;display:block;padding:20px 0;border-bottom:1px solid #edf2f9;width:80%;margin-left:10%}.exam .lefttime .span2 .txt{display:inline-block;width:100%;font-size:16px;color:#37404f;margin-top:20px}.exam .lefttime .span2 .process-box{width:140px;height:6px;display:inline-block;margin:20px auto;background:#edf2f9;border-radius:3px;overflow:hidden;position:relative}.exam .lefttime .span2 .process-box span{background-color:#0096ff;display:inline-block;border-radius:3px;height:6px;position:absolute;left:0}.exam .lefttime .span3{text-align:center;display:inline-block;width:100%;padding:0 0 50px 0}.exam .lefttime .span3 .title{height:60px;line-height:60px}.exam .lefttime .span3 .itemscore{font-size:16px;color:#37404f;height:40px;line-height:40px}.exam .lefttime .span3 .itemscore span{display:inline-block;width:45%}.exam .submitPage-btn-box{position:absolute;margin-left:20px;z-index:8;bottom:20px;width:180px}.exam .submitPage-btn-box .submitPage-btn{width:100%;border-radius:40px}.exam .right-box{background-color:#fff;width:288px;top:75px;display:inline-block;vertical-align:top;background:none;position:fixed;height:calc(100% - 80px);min-height:300px}.exam .van-image{max-width:80%;margin-right:40px;margin-bottom:20px;vertical-align:middle}.exam .van-checkbox,.exam .van-radio{width:100%;line-height:45px;margin:20px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.exam .van-overlay{overflow:scroll}.exam .van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon,.exam .van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.exam .svg-span{display:inline-block;width:26px;height:26px;line-height:24px;text-align:center;border-radius:5px;margin-right:10px}.exam .svg-span,.exam .svg-txt{vertical-align:middle}.exam .wrong{background:#fd705b}.exam .right{background:#34d570}.exam .van-checkbox-group,.exam .van-radio-group{padding:10px 15px}.exam .test-analysis-box{background:#edf2f9;padding:10px 15px;border-radius:4px}.exambody{max-width:1700px;margin:auto;width:100%}.submitpage{width:600px;height:360px;border-radius:10px;overflow:hidden}.submitpage .title{height:66px;line-height:66px;text-indent:25px}.submitpage .p{line-height:32px}.submitpage .code-box,.submitpage .p{margin:0 25px;margin-bottom:20px}.submitpage .codetxt{width:100%;border:none;text-align:center;border-bottom:1px solid #333}.submitpage .code-opr{text-align:center;margin-top:50px}.submitpage canvas{background:#eef3f9;margin-left:20px}.submitpage .submit_btn{background:#0096ff}.submitpage .continue_btn,.submitpage .submit_btn{width:130px;height:42px;line-height:42px;text-align:center;vertical-align:middle;display:inline-block;border-radius:20px;border:none;margin:0 10px;color:#fff}.submitpage .continue_btn{background:#9fa9b9}.right-user-box{float:right;margin-right:30px;position:relative;z-index:2}.show-info{display:inline-block;position:relative;text-align:left;min-height:330px;width:370px;-webkit-box-shadow:0 0 9px 0 rgba(93,102,111,.3);box-shadow:0 0 9px 0 rgba(93,102,111,.3);position:absolute;right:-55px;top:0;background:#fff}.show-info h2.username{height:60px;line-height:60px;background:#f4faff;margin:0;font-size:16px;font-weight:700;text-indent:135px;margin-bottom:48px}.show-info h2.title{margin:0;font-size:16px;font-weight:700;margin-top:24px;margin-bottom:15px}.show-info .user-img{width:80px;border:4px solid #dbdcdf;border-radius:42px;height:80px;position:absolute;top:11px;left:30px}.show-info .squre{display:inline-block;width:24px;height:24px;position:absolute;right:70px;top:-11px;background:#f4faff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:-1px -1px 1px #cfdae8;box-shadow:-1px -1px 1px #cfdae8}.show-info .p{line-height:52px}.show-info .p .span1{margin-right:10px;vertical-align:middle;width:30px;display:inline-block}.show-info .p .span1 .svg-span1{height:26px;width:26px;text-align:center;line-height:26px;background:#bcc3d1;display:inline-block;border-radius:5px 4px 1px 5px}.show-info .p .span2{color:#8b94a6;text-align:left;vertical-align:middle}.show-info .p .span3{float:right;vertical-align:middle}.show-info .item{border-bottom:1px solid #edf2f9;margin:0 25px}.show-info .item a{color:#0096ff;cursor:pointer}.show-info button{color:#0096ff;font-size:16px;background:#fff;border:none}.pwd-box{width:550px;padding:25px;line-height:0;border-radius:10px}.pwd-box .ts{font-size:14px;color:#8b94a6;line-height:24px;display:inline-block}.pwd-box h2{font-size:18px;color:#37404f;line-height:24px;height:24px;margin:0;margin-bottom:20px}.pwd-box .inputlist{width:420px;margin:auto;padding-left:150px}.pwd-box .inputlist .item{display:inline-block;width:100%;line-height:48px}.pwd-box .inputlist .item span{display:inline-block;width:80px;vertical-align:middle;text-align:right;margin-right:10px;height:24px;line-height:36px}.pwd-box .inputlist .item input{height:20px;line-height:24px;margin:0;width:141px;border:none;border-bottom:2px solid #9fa9b9;margin-top:0}.pwd-box .inputlist .item input.red{border-color:red}.pwd-box .inputlist .item .error{display:inline-block;font-size:12px;color:red;width:150px;text-align:left;margin-left:10px}.pwd-box .opr-box{text-align:center;height:75px;line-height:90px}.pwd-box .opr-box .confirm-btn{margin-right:30px}.pwd-box .opr-box .cancel-btn,.pwd-box .opr-box .confirm-btn{display:inline-block;width:130px;height:42px;border-radius:24px;border:none}.pwd-box .opr-box .cancel-btn{background-color:#9fa9b9}.exam-title{display:inline-block;margin-left:80px;width:calc(100% - 500px);text-align:left;max-width:1200px}.exam-title .svg-span{width:30px;height:30px;border-radius:15px;background:#e8effb;vertical-align:middle;line-height:30px;text-align:center}.exam-title .examname{font-size:18px;vertical-align:middle}body.van-overflow-hidden{overflow:auto!important}::-webkit-scrollbar{width:16px;height:16px;background-color:#f5f5f5}::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ccc}