html{height:100%;}
body{width:100%;height:100%;min-height:810px;background:url("../img/web_bg.jpg") center 0px no-repeat;position:absolute;}
.top{padding-top:20px;}
.top .top_box{width:720px;height:86px;line-height:86px;margin:0px auto;}
.top img{vertical-align:middle;}
.top span{font-style:italic;font-size:24px;padding-left:20px;}
.top .phone_sy{font-style:italic;font-size:24px;padding-left:20px;text-align:center;width:720px;margin:20px auto;}

/* 主页 */
.index_main{padding-top:120px;}
.index_main .main_box{width:860px;margin:0px auto;}
.index_main .fl{width:260px;height:284px;}
.index_main .zyfz{margin:0px 40px;}
.index_main .fl a{display:block;width:100%;height:240px;padding-top:44px;border-radius:6px;background:#fff;box-shadow:1px 1px 10px #bbbdca;}
.index_main .tzzy a{background:#4574df;}
.index_main .zyfz a{background:#3598de;}
.index_main .qtpx a{background:#42bee2;}
.index_main .fl a .img{width:124px;border:2px solid #fff;height:120px;line-height:120px;text-align:center;margin:0px auto;border-radius:4px;}
.index_main .tzzy a .img img{width:50px;vertical-align:middle;height:124px;}
.index_main .zyfz a .img img{width:64px;vertical-align:middle;height:124px;}
.index_main .qtpx a .img img{width:52px;vertical-align:middle;height:124px;}
.index_main .fl a p{padding:20px 30px;font-size:20px;color:#fff;text-align:center;height:60px;line-height:60px;}
.index_main .zyfz a p{line-height:30px;}

/* 选择类型 */
.chose_main{padding-top:120px;}
.chose_main .main_box{width:600px;height:320px;padding:40px 100px;margin:0px auto;background:rgba(255,255,255,0.5);box-shadow:1px 1px 10px #bbbdca;}
.chose_main .sele{width:100%;height:52px;padding-bottom:40px;}
.chose_main .sele label{width:160px;padding-right:30px;height:52px;line-height:52px;text-align:right;font-size:20px;}
.chose_main .sele select{width:340px;height:50px;font-size:16px;}
.chose_main .sele .yzm{width:200px;height:40px;}
.chose_main .sele input.doexam{width:160px;border:none;border-radius:4px;background:#f35611;height:50px;color:#fff;font-size:16px;}

/* 导航栏定位 */
.locate_time{background:rgba(255,255,255,0.5);height:40px;width:100%;margin-top:15px;}
.locate_time .lt_box{max-width:1600px;width:100%;margin:0px auto;height:40px;}
.locate_time .locate{padding-left:40px;background:url("../img/locate_icon.svg") left center no-repeat;background-size:24px;height:40px;line-height:40px;font-size:16px;}
.locate_time .time{line-height:40px;font-size:16px;}
/* 导航栏定位 */

/* 考试结果 */
.result_main{width:600px;margin:20px auto;}
.result_main .test_result{background:#fff;position:relative;padding:20px;height:40px;text-align:center;margin-bottom:20px;box-shadow:1px 1px 10px #bbbdca;}
.result_main .test_result .tit{width:200px;text-align:right;height:40px;line-height:40px;position:absolute;left:0px;font-size:16px;}
.result_main .test_result span{font-size:30px;font-weight:bold;color:red;}
.result_main .test_score{background:#fff;padding:40px 60px;margin-bottom:20px;box-shadow:1px 1px 10px #bbbdca;}
.result_main .test_score .spart{border:1px solid #d2d2d2;background:#f7fdff;padding:14px;}
.result_main .test_score li{width:165px;height:40px;line-height:40px;float:left;padding:4px 30px;font-size:16px;}
.result_main .test_score .l_score{text-align:center;font-size:16px;}
.result_main .test_score .l_score span{font-size:24px;color:red;padding:0px 10px;}
.result_main .test_score .operate{margin-top:30px;padding:0px 100px;}
.result_main .test_score .operate input{background:#fff;border:none;border-radius:4px;height:48px;width:120px;font-size:16px;}
.result_main .test_score .operate .over{background:#f35611;color:#fff;}
.result_main .test_score .operate .check{background:#cad1d8;}
.result_main .test_state{background:#fff;padding:20px 60px;margin-bottom:20px;box-shadow:1px 1px 10px #bbbdca;}
.result_main .test_state>div{height:auto;line-height:40px;font-size:16px;color:#c91212;font-weight:bold;}
.result_main .test_state>div span{color:#444;font-weight:normal;font-size:14px;padding-left:20px;}

/* 错题页 */
.error_main{width:1060px;padding:20px;margin:30px auto;height:580px;background:#fff;}
.error_main .test_type{height:48px;background:#eee;font-size:22px;padding:0px 20px;line-height:48px;}
.error_main .errq{border:1px solid #ccc;margin-top:20px;height:500px;overflow-y:scroll;}
.error_main .qtype{height:48px;line-height:48px;font-size:20px;background:#eee;padding:0px 20px;}

/* 考试页 */
.test_main{width:100%;margin:15px auto;max-width:1600px;position:relative;}
.test_main .dotest{position:absolute;left:0px;right:300px;top:0px;height:528px;padding:20px;background:#2d78e8;box-shadow:1px 1px 10px #bbbdca;}
.test_main .dotest .test_type{height:36px;line-height:36px;padding-left:36px;font-size:24px;color:#fff;background:url("../img/pen_icon.svg") left center no-repeat;background-size:24px;}
.test_main .dotest .testb{background:#fff;height:380px;margin-top:20px;overflow-y:auto;}
.test_main .qtype{background:#eee;height:48px;line-height:48px;font-size:18px;padding:0px 20px;}
.test_main .test_infor{padding-top:10px;color:#fff;font-size:16px;}
.test_main .test_infor>div{height:40px;line-height:40px;}
.test_main .test_infor>.test_qes{margin-left:30px;}
.test_main .test_infor>div span{padding-left:20px;}
.test_main .otherq{width:240px;height:528px;padding:20px;background:#fff;box-shadow:1px 1px 10px #bbbdca;}
.test_main .otherq .bstate{height:36px;}
.test_main .otherq .bstate ul li{height:24px;line-height:24px;padding:6px 0px;float:left;width:78px;}
.test_main .otherq .bstate ul li span{vertical-align:middle;display:inline-block;border:1px solid #ccc;width:18px;height:18px;margin:2px 0px;margin-right:10px;}
.test_main .otherq .bstate ul li div{vertical-align:middle;display:inline-block;height:18px;margin:2px 0px;line-height:18px;}
.test_main .otherq .bstate ul li.wd span{background:#eee;}
.test_main .otherq .bstate ul li.yd span{background:#f35611;border-color:#f35611;}
.test_main .otherq .bstate ul li.zd span{background:#2d78e8;border-color:#2d78e8;}
.test_main .otherq .choseq{border:1px solid #2d78e8;height:300px;}
.test_main .otherq .choseq .tit{height:30px;line-height:30px;background:#2d78e8;padding:0px 15px;color:#fff;font-size:14px;}
.test_main .otherq .choseq .cont{padding:8px 11px;max-height:254px;overflow-x:hidden;}
.test_main .otherq .choseq .cont .cont_box{width:108%;max-height:254px;}
.test_main .otherq .choseq .cont li{width:18px;height:18px;background:#eee;text-align:center;line-height:18px;border:1px solid #ccc;font-size:12px;margin:0px 3px;margin-bottom:8px;float:left;}
.test_main .otherq .choseq .cont li.yd{background:#f35611;border-color:#f35611;}
.test_main .otherq .choseq .cont li.yd a{color:#fff;}
.test_main .otherq .choseq .cont li.zd{background:#2d78e8;border-color:#2d78e8;}
.test_main .otherq .choseq .cont li.zd a{color:#fff;}
.test_main .otherq .judgeq{border:1px solid #2d78e8;height:140px;margin-top:20px;}
.test_main .otherq .judgeq .tit{height:30px;line-height:30px;background:#2d78e8;padding:0px 15px;color:#fff;font-size:14px;}
.test_main .otherq .judgeq .cont{padding:8px 11px;max-height:94px;overflow-x:hidden;}
.test_main .otherq .judgeq .cont .cont_box{width:108%;max-height:94px;}
.test_main .otherq .judgeq .cont li{width:18px;height:18px;background:#eee;text-align:center;line-height:18px;border:1px solid #ccc;font-size:12px;margin:0px 3px;margin-bottom:8px;float:left;}
.test_main .otherq .judgeq .cont li.yd{background:#f35611;border-color:#f35611;}
.test_main .otherq .judgeq .cont li.yd a{color:#fff;}
.test_main .otherq .judgeq .cont li.zd{background:#2d78e8;border-color:#2d78e8;}
.test_main .otherq .judgeq .cont li.zd a{color:#fff;}

.footer{position:absolute;bottom:0px;width:100%;height:40px;text-align:center;text-shadow:0px 0px 5px #fff;font-size:15px;}

.operate{font-size:16px;}
.operate .QName{padding-bottom:10px;line-height:24px;}
.operate .qContent{padding:6px 0px;}
.operate .qContent>div{padding-top:6px;line-height:24px;}
.operate .Answer{padding-bottom:6px;}
.operate .Answer input{width:24px;}

@media screen and (min-width: 1100px) {

	.top .phone_sy{display:none;}
}
@media screen and (max-width: 1100px) {
	.phone_body{height:auto;min-height:100%;background:url("../img/phone_bg_top.png") center top no-repeat/* ,url("../img/phone_bg_bottom.png") center bottom no-repeat */;}
	.top .top_box{text-align:center;width:100%;min-width:480px;}
	.top img{width:300px;}
	.top span{display:none;}

	.top .phone_sy{display:block;width:100%;min-width:480px;padding-left:0px;}

	.index_main{padding-top:80px;}
	.index_main .main_box{width:auto;padding:0px 40px;min-width:400px;margin:0px auto;}
	.index_main .fl{width:100%;float:none;margin-bottom:20px;}
	.index_main .zyfz{margin:0px;margin-bottom:20px;}

	.locate_time{display:none;}

	.error_phone .top .top_box{min-width:680px;}
	.error_phone .top .phone_sy{min-width:680px;}
	.error_main{width:640px;padding:20px;height:860px;}
	.error_main .errq{height:796px;}
	.error_main .qtype{font-size:20px;height:54px;line-height:54px;}
	.error_main .operate{font-size:20px;line-height:30px;}
	.error_main .operate .QName{line-height:34px;}
	.error_main .operate>div>div{padding:10px 0px;}
	.error_phone .footer{min-width:680px;}

	.result_main{width:480px;margin:20px auto;}
	.result_main .test_result .tit{width:140px;}
	.result_main .test_score .operate{padding:0px 20px;}
	
	.chose_main{padding-top:60px;}
	.chose_main .main_box{box-shadow:none;background:none;}
	.chose_main .main_box{width:420px;padding:40px 30px;}
	.chose_main .sele label{width:120px;}
	.chose_main .sele select{width:250px;}
	.chose_main .sele .yzm{width:200px;}
	.chose_main .sele input.doexam{width:132px;}

	.test_phone .top .top_box{min-width:640px;}
	.test_phone .top .phone_sy{min-width:640px;}
	.test_main{width:640px;}
	.test_main .dotest{width:600px;float:none;margin-bottom:40px;height:600px;position:static;}
	.test_main .otherq{width:600px;float:none;height:auto;}
	.test_main .otherq .choseq{height:auto;min-height:240px;}
	.test_main .otherq .choseq .tit{height:50px;font-size:20px;line-height:50px;}
	.test_main .otherq .choseq .cont{padding:20px 11px;overflow-x:hidden;max-height:300px;}
	.test_main .otherq .choseq .cont .cont_box{width:100%;}
	.test_main .otherq .choseq .cont li{width:48px;height:48px;background:#eee;text-align:center;line-height:48px;border:1px solid #ccc;font-size:18px;margin:0px 7px;margin-bottom:12px;float:left;}
	.test_main .otherq .judgeq{height:auto;}
	.test_main .otherq .judgeq .tit{height:50px;line-height:50px;font-size:20px;}
	.test_main .otherq .judgeq .cont{padding:20px 11px;overflow-x:hidden;max-height:250px;}
	.test_main .otherq .judgeq .cont .cont_box{width:100%;}
	.test_main .otherq .judgeq .cont li{width:48px;height:48px;background:#eee;line-height:48px;margin:0px 7px;margin-bottom:12px;font-size:18px;}
	.test_phone .footer{min-width:640px;}

	.test_main .dotest .testb{height:440px;}
	.test_main .qtype{font-size:24px;height:60px;line-height:60px;}
	.test_main .operate{font-size:20px;}
	.test_main .operate .QName{padding-bottom:10px;line-height:30px;}
	.test_main .operate .qContent{padding:8px 0px;}
	.test_main .operate .qContent>div{padding-top:8px;line-height:30px;}
	.test_main .operate .Answer input{width:32px;}
	.test_main .test_infor>div{height:48px;line-height:48px;font-size:20px;}
	.test_main .test_infor>.test_qes{margin-left:0px;}
	.test_main .operate input{width:120px;height:48px;font-size:20px;}

	.test_main .otherq .bstate{height:56px;}
	.test_main .otherq .bstate ul li{height:44px;line-height:44px;padding:6px 0px;float:left;width:108px;font-size:20px;}
	.test_main .otherq .bstate ul li span{vertical-align:middle;display:inline-block;border:1px solid #ccc;width:38px;height:38px;margin:2px 0px;margin-right:10px;}
	.test_main .otherq .bstate ul li div{vertical-align:middle;display:inline-block;height:18px;margin:2px 0px;line-height:18px;}
	.test_phone .layui-layer-dialog{width:400px!important;left:120px!important;}
	.test_phone .layui-layer-dialog .layui-layer-title{font-size:25px;height:50px;line-height:50px;}
	.test_phone .layui-layer-btn a{height:44px;line-height:44px;font-size:20px;padding:0px 25px;}
	.footer{position:static;min-width:480px;margin:0px auto;height:40px;text-align:center;margin-top:30px;}
}