#content{width:100%;height:100%;background:#eee}header{width:100%;height:60px;background:#fff}header .h_main{width:1200px;height:100%;margin:0 auto;display:flex;align-items:center}header .h_main h5{font-size:22px;font-weight:550;color:#bd0000;margin-left:10px}.main_con{width:100%;height:calc(100% - 120px);background:url(../../staticResource/img/window_pattern.69b7e943.png) no-repeat 50%;background-size:cover;overflow:auto}.main_con .tip_box{width:616px;height:444px;border-radius:10px;background:url(../../staticResource/img/ready_bg.276f455e.png) no-repeat 50%;margin:50px auto 0;text-align:center;padding:20px;box-sizing:border-box}.main_con .tip_box h5{font-size:20px;line-height:36px;color:#333;font-family:Arial,Helvetica,san-serif;margin-top:170px}.main_con .tip_box p{font-size:16px;line-height:30px;margin-top:15px;font-family:Arial,Helvetica,san-serif}.main_con .tip_box button{border:0;outline:none;width:240px;height:46px;background-color:#47c88a;border-radius:5px;text-align:center;line-height:46px;color:#fff;font-family:Arial,Helvetica,san-serif;margin-top:30px;cursor:pointer}footer{width:100%;height:60px;background:#fff;overflow:hidden}footer p{font-size:16px;color:#333;margin:20px 0 0 50px}.test{width:1200px;height:100%;background:#fff;border:1px solid #eee;margin:0 auto;box-sizing:border-box}.test .header{width:100%;height:60px;background:#4d4c4d;display:flex;justify-content:space-between;align-items:center}.test .header .left{margin-left:10px}.test .header .left p{color:#fff}.test .header .left p,.test .header .left p span{font-size:16px;font-weight:700}.test .header .center{position:relative}.test .header .center span{display:inline-block;max-width:200px;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test .header .center .clock{width:30px;height:30px;position:absolute;top:50%;left:-35px;transform:translateY(-50%)}.test .header .right{width:120px;height:40px;background:#8cc63f;border-radius:5px;font-size:16px;font-weight:700;text-align:center;line-height:40px;margin-right:10px;border:0;outline:none;color:#fff;cursor:pointer}.test .header .right.act{background-color:#fff8dc}.test .centertitle{width:100%;height:26px;background:#8cc63f;display:flex;justify-content:space-between;align-items:center}.test .centertitle p{font-size:16px;font-weight:700;color:#fff}.test .centertitle p span{font-weight:400}.test .centertitle p:first-child{margin-left:10px}.test .centertitle p:last-child{margin-right:10px}.test .main{height:calc(100% - 150px);display:flex;justify-content:space-between}.test .main .main_left{width:120px;height:90%;overflow-y:auto}.test .main .main_left .btns{display:flex;flex-wrap:wrap;margin:10px}.test .main .main_left .btns button{position:relative;width:68px;height:26px;background:#8cc63f;font-size:16px;color:#fff;text-align:center;line-height:26px;border:0;outline:none;border-radius:4px;cursor:pointer;margin-bottom:5px}.test .main .main_left .btns button img{width:13px;height:13px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.test .main .main_left .btns button.answered{background:#4d4c4d}.test .main .main_left .btns button:after{content:"";width:0;height:0;position:absolute;top:0;right:-10px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:12px solid transparent}.test .main .main_left .btns button.active:after{border-left-color:#8cc63f}.test .main .main_left .btns button.active.answered:after{border-left-color:#4d4c4d}.test .main .main_left .btns button.answered:before{content:"";position:absolute;top:0;left:0;border-top:12px solid #fff;border-right:12px solid transparent;background:#bac4cb;display:block;width:0;height:0}.test .main .rightbor{width:calc(100% - 100px);padding:6px}.test .main .rightbor .main_right{width:100%;height:100%;padding:10px 20px;border:1px solid #9ea7ac;border-radius:6px;margin-right:10px;box-sizing:border-box;overflow-y:auto}.test .main .rightbor .main_right table{width:558px}.test .main .rightbor .main_right .top_tip{font-size:24px;font-weight:700;margin:30px 0 40px}.test .main .rightbor .main_right p{font-size:16px;margin-bottom:10px;line-height:1.4}.test .main .testlist{width:calc(100% - 100px);padding:6px}.test .main .testlist .main_test{width:100%;height:100%;padding:10px;border:1px solid #9ea7ac;border-radius:6px;margin-right:10px;box-sizing:border-box}.test .main.main_test .rightbor .ques_list{padding:10px}.test .main.main_test .rightbor .ques_list .ques_title{display:flex;align-items:center;width:100%;height:auto;background:#f5f7f8;padding:10px;box-sizing:border-box}.test .main.main_test .rightbor .ques_list .options{margin-top:20px}.test .main.main_test .rightbor .ques_list .options .option_item{width:100%;min-height:50px;display:flex;margin-bottom:20px;align-items:center}.test .main.main_test .rightbor .ques_list .options .option_item span{display:inline-block;width:30px;height:30px;font-size:18px;text-align:left;line-height:30px}.test .main.main_test .rightbor .ques_list .options .option_item .option_contain{width:calc(100% - 50px);min-height:50px;border:3px solid #3d505a;padding:3px;box-sizing:border-box}.test .main.main_test .rightbor .ques_list .options .option_item .option_contain .option_contain_main{width:calc(100% - 4px);min-height:46px;font-size:14px;line-height:22px;padding:3px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.test .main.main_test .rightbor .ques_list .options .option_item .option_contain.choosed,.test .main.main_test .rightbor .ques_list .options .option_item .option_contain:hover{border-color:#f1d176}.test .main.main_test .rightbor .ques_list .options .option_item .option_contain.choosed .option_contain_main{background:#f1d176}.test .main.main_test .rightbor .ques_list .options .option_item.line .option_contain_main,.test .main.main_test .rightbor .ques_list .options .option_item.line span{text-decoration:line-through}.test .footer{width:100%;height:60px;background:#3d505a;border-top:4px solid #8cc63f}.test .footer .footer_main{width:calc(100% - 10px);height:calc(100% - 10px);margin:5px 0 0 5px}.test .footer .footer_main,.test .footer .footer_main .left{display:flex;justify-content:space-between;align-items:center}.test .footer .footer_main .left .common{width:43px;height:43px;border:0;outline:none;background:transparent;cursor:pointer}.test .footer .footer_main .left .common img{width:100%;height:100%}.test .footer .footer_main .left .common.option{width:46px;height:46px;opacity:.6;margin:0 5px}.test .footer .footer_main .left .common.ques{width:36px;height:36px}.test .footer .footer_main .left .common.option.show{opacity:1}.test .footer .footer_main .left .common.option.show:hover,.test .footer .footer_main .left .common:hover{opacity:.6}.test .footer .footer_main .right{display:flex;justify-content:space-between}.test .footer .footer_main .right .common{width:80px;height:40px;font-size:16px;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center;background:#8cc63f;border:0;outline:none;border-radius:5px;margin-right:10px;cursor:pointer}.test .footer .footer_main .right .common img{width:25px;height:25px}.test .footer .footer_main .right .common.active,.test .footer .footer_main .right .common:hover{opacity:.6}.test .footer .footer_main .right .common.next span{margin-left:10px}.test .footer .footer_main .right .common.flag{width:50px;height:40px;background:#8cc63f;border:0;outline:none;border-radius:5px;margin-right:10px}.test .footer .footer_main .right .common.flag img{width:25px;height:25px}.test .footer .footer_main .right .starttest{width:150px;height:40px;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;background:#8cc63f;border:0;outline:none;border-radius:5px;margin-right:10px;cursor:pointer}.test .footer .footer_main .right .starttest span{margin-left:10px}.test .footer .footer_main .right .starttest img{width:25px;height:25px}#ques_text span.yel{background:#ff0!important;cursor:pointer}.add_bg,.bbtn{display:none;position:fixed;top:0;left:0}.add_bg,.bbtn{background:#8cc63f;border:1px solid #8cc63f;border-radius:4px;color:#fff;font-weight:600;height:44px;line-height:44px;padding:0;width:44px;border:0;cursor:pointer}.add_bg img,.bbtn img{width:30px;height:30px;padding:5px;background:#8cc63f}.add_bg:after,.bbtn:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #8cc63f;position:absolute;top:-6px;left:15px}.common_dialog.exit_dialog .inner{height:350px}.common_dialog.exit_dialog .inner .main_text{font-weight:400}.common_dialog.exit_dialog .inner .main_text img{width:56px;height:56px;margin-bottom:10px}.common_dialog.exit_dialog .inner .btns{display:flex;justify-content:center}.common_dialog.exit_dialog .inner .btns button{width:80px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;border:0;outline:none;background:#8cc63f;border-radius:4px;margin:40px 20px 0 0}.common_dialog.exit_dialog .inner .btns button img{width:25px;height:25px;margin-right:5px}.common_dialog.exit_dialog .inner .btns button:first-child{width:176px}.common_dialog.notAgree .inner{height:280px}.common_dialog.notAgree .inner .main_text{font-size:16px;font-weight:400}.common_dialog.notAgree .inner .main_text img{width:56px;height:56px;margin-bottom:20px}.common_dialog.notAgree .inner .btn{width:80px}.common_dialog.finishTest .inner{height:290px}.common_dialog.finishTest .inner .main_text{width:90%}.common_dialog.finishTest .inner .main_text img{width:50px;height:50px;margin-bottom:20px}.common_dialog.finishTest .inner .main_text p{font-weight:bo50}.common_dialog.finishTest .inner .btns{display:flex;justify-content:space-between;align-items:center;width:220px;margin:40px auto 0}.common_dialog.finishTest .inner .btns button{width:100px;height:40px;background:#8cc63f;outline:none;border:0;border-radius:4px;display:flex;justify-content:center;align-items:center}.common_dialog.finishTest .inner .btns button img{width:25px;height:25px;margin-right:5px}.common_dialog.finishTest .inner .btns button p{font-size:16px;color:#fff}.common_dialog{position:relative;width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0}.common_dialog .inner{width:500px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px}.common_dialog .inner .header{width:100%;height:50px;border-top-left-radius:4px;border-top-right-radius:4px;background:#4d4c4d}.common_dialog .inner .header p{font-size:16px;font-weight:700;color:#fff;margin-left:10px;line-height:50px}.common_dialog .inner .main_text{width:80%;margin:20px auto;text-align:center;line-height:30px;font-size:18px;font-weight:700;color:#333}.common_dialog .inner .btn{margin:0 auto;width:120px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;outline:none;border:0;background:#8cc63f;cursor:pointer}.common_dialog .inner .btn img{width:20px;height:20px;margin-right:10px}.common_dialog .inner{height:210px}