@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,blockquote,pre,form,input,textarea,fieldset,table,th,td{
	margin:0;
	padding:0;
	color: #333;
	font-size: 16px;
}body,button,input,
body{background-color:#f6f6f6;font-family: "Mircrosoft Yahei", arail, sans-serif; }
i{font-style:normal;}
ul,li{ list-style:none;}
li:focus{  
    -webkit-tap-highlight-color:rgba(231,105,105,0);
    -webkit-user-modify:rgba(231,105,105,0);}
img,input{ border:0;}
a{text-decoration:none;outline:one; }
.topbox{ width:100%; margin:0 auto;position:relative;}
.topbox .bg{ width:100%;}
.tb_txt{position:absolute;width:200px; height:25px; line-height:25px; text-align:center; top:18%; left: 0; bottom: 0; right: 0;margin:auto;background-color:#CF573F;  }
.tb_txt span{color:#FFFFFF; text-align:center; font-size:16px;}
.tb_txt1{position:absolute;width:100%; height:25px; line-height:25px; text-align:center; top:-52%; left:-40%; bottom: 0; right: 0;margin:auto;color:#302e2d;}
.tb_txt1 span{color:#302e2d; text-align:center; font-weight:bold;font-family: "Mircrosoft Yahei";}
.tb_txt1 span em{color:#d9381d; text-align:center; font-style:normal;font-family: "Mircrosoft Yahei";}
@media only screen and (max-width: 2000px) { #ft{ font-size: 48px; }} 
@media only screen and (max-width: 1900px) { #ft{ font-size: 46px; }} 
@media only screen and (max-width: 1800px) { #ft{ font-size: 44px; }} 
@media only screen and (max-width: 1700px) { #ft{ font-size: 42px; }} 
@media only screen and (max-width: 1600px) { #ft{ font-size: 40px; }} 
@media only screen and (max-width: 1500px) { #ft{ font-size: 38px; }} 
@media only screen and (max-width: 1400px) { #ft{ font-size: 36px; }} 
@media only screen and (max-width: 1300px) { #ft{ font-size: 34px; }} 
@media only screen and (max-width: 1200px) { #ft{ font-size: 32px; }}  
@media only screen and (max-width: 1100px) { #ft{ font-size: 30px; }}  
@media only screen and (max-width: 1000px) { #ft{ font-size: 28px; }}  
@media only screen and (max-width: 900px) { #ft{ font-size: 26px; }}  
@media only screen and (max-width: 800px) { #ft{ font-size: 24px; }}  
@media only screen and (max-width: 700px) { #ft{ font-size: 22px; }}  
@media only screen and (max-width: 600px) { #ft{ font-size: 20px; }}  
@media only screen and (max-width: 500px) { #ft{ font-size: 18px; }}  
@media only screen and (max-width: 400px) { #ft{ font-size: 16px; }}  
@media only screen and (max-width: 300px) { #ft{ font-size: 14px; }}  


@media only screen and (max-width: 2000px) { #test_p{ font-size: 48px; }} 
@media only screen and (max-width: 1900px) { #test_p{ font-size: 46px; }} 
@media only screen and (max-width: 1800px) { #test_p{ font-size: 44px; }} 
@media only screen and (max-width: 1700px) { #test_p{ font-size: 42px; }} 
@media only screen and (max-width: 1600px) { #test_p{ font-size: 40px; }} 
@media only screen and (max-width: 1500px) { #test_p{ font-size: 38px; }} 
@media only screen and (max-width: 1400px) { #test_p{ font-size: 36px; }} 
@media only screen and (max-width: 1300px) { #test_p{ font-size: 34px; }} 
@media only screen and (max-width: 1200px) { #test_p{ font-size: 32px; }}  
@media only screen and (max-width: 1100px) { #test_p{ font-size: 30px; }}  
@media only screen and (max-width: 1000px) {#test_p{ font-size: 28px; }}  
@media only screen and (max-width: 900px) {#test_p{ font-size: 26px; }}  
@media only screen and (max-width: 800px) {#test_p{ font-size: 24px; }}  
@media only screen and (max-width: 700px) {#test_p{ font-size: 22px; }}  
@media only screen and (max-width: 600px) {#test_p{ font-size: 20px; }}  
@media only screen and (max-width: 500px) {#test_p{ font-size: 18px; }}  
@media only screen and (max-width: 400px) {#test_p{ font-size: 16px; }}  
@media only screen and (max-width: 300px) {#test_p{ font-size: 14px; text-align:left;}}  
@media only screen and (max-width: 2000px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1900px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1800px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1700px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1600px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1500px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1400px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1300px) {#con{position:absolute;top:50%;font-size:26px;}} 
@media only screen and (max-width: 1200px) {#con{position:absolute;top:40%;font-size:26px;}}  
@media only screen and (max-width: 1100px) {#con{position:absolute;top:40%;font-size:26px;}}  
@media only screen and (max-width: 1000px) {#con{position:absolute;top:40%;font-size:26px;}}  
@media only screen and (max-width: 900px)  {#con{position:absolute;top:40%;font-size:26px;}}  
@media only screen and (max-width: 800px)  {#con{position:absolute;top:40%;font-size:26px;}}  
@media only screen and (max-width: 700px)  {#con{position:absolute;top:33%;font-size:26px;}} 
@media only screen and (max-width: 600px) {#con{position:absolute;top:33%;font-size:26px;}}  
@media only screen and (max-width: 500px) {#con{position:absolute;top:33%;font-size:26px;}}  
@media only screen and (max-width: 400px) {#con{position:absolute;top:33%;font-size:26px;}}  
@media only screen and (max-width: 300px) {#con{position:absolute;top:33%;font-size:26px;}}  
.con1{position:absolute;width:100%;min-height:314px;text-align:center; top:33%; left:0; bottom: 0; right: 0;margin:10px auto 0px auto;}
.test_p{margin-top:40px;font-size:14px;line-height:20px;color:#000000;padding:0px 5px;}
.test_a{display:block;margin-top:20px;}
.gztt{ width:auto; height:auto; }
.gzttimg img{ width:40%;}
.gzcon{ width:auto; font-size:14px; padding-top:20px; color:#333333; line-height:25px;}
.anniubox{ width:auto; height:30px; padding-top:30px; padding-bottom:100px; text-align:center;}
.anniubox a{ display:block;  width:140px; height:32px; line-height:32px; background:#CD333B; margin:0 auto; position:relative; border-radius:8px;  color:#FFFFFF; font-size:16px;}
.item{background-color:#fff;padding:10px 10px;}
.itemansw{background-color:#fff;padding:10px 10px 20px 10px;}
.item .tit{font-size:16px;color:#363636;margin:10px 0px;}
.item .tit span{font-size:18px;}
.item_con{background-color:#fff;padding:15px 0px;}
.item_con li{font-size:14px;padding:10px 10px 10px 10px;line-height:22px;cursor:pointer;background:none repeat scroll 0 0 #f3f9ff;border:1px solid #d7e5f6;margin-top:3px;}

.item_con li:touchstart{background-color:#5d99e5;border:1px solid #4d8bd9;}

.item_con li span{font-size:14px;margin:0px 15px 0px 10px;font-weight:700;}
.item_con .on{background-color:#5d99e5;color:#fff}
.item_con .bn{border-bottom:none;}
.item_con .rad{width:15px;height:20px;vertical-align:middle;}
.item_con label{font-size:14px;height:32px;line-height:32px;}
.score1,.submit{text-align:center;}
.btnA{ width:75px; padding:0; margin-left:10px; text-align:center;cursor:pointer;}
.btnA,.btnH{ border:1px solid #f60; line-height:28px; height:28px; padding:0 10px; display:inline-block; font-size:14px; color:#f60;background-color:#ffebc3;cursor:pointer;}
.btnB{ width:75px; padding:0; margin-left:10px; text-align:center;cursor:pointer;}
.btnB{ border:1px solid #f60; line-height:28px; height:28px; padding:0 10px; display:inline-block; font-size:14px; color:#fff;background-color:#ed1e14;cursor:pointer;}
a.btnA:hover,.btnH{background:#f60; border:1px solid #f60; color:#fff;text-decoration:none;}
.answer{width:auto;margin:0px auto 0px auto;min-height:290px;padding:20px 20px 11px 20px;background-color:#b3b3b3}
.answer_con h1{color:#de0b07;font-size:32px;font-weight:bold;text-align:center;padding-bottom:5px;}
.answer_con h2{color:#222;font-size:20px;font-weight:bold;text-align:center;}
.answer_con h3{color:#222;font-size:20px;font-weight:bold;}
.answer_con p{color:#222;font-size:16px;padding:5px 0px 5px 30px;line-height:24px;}
.answer_con p span{color:#222;font-size:18px;font-weight:bold;text-align:center;}
.select_num30,.select_num50,.select_num100{cursor:pointer;}
.score{text-align:center;position:absolute;width:120px;height:30px;margin:0px auto;left: 0;bottom: 0;right: 0;top:-41px;}
.error{text-align:center;position:absolute;width:120px;height:35px;margin: 0px auto;left: 0;right:0;}
.score img{}
.share{margin:30px auto 20px auto;text-align:center;}
.share img{width:85%}
.share_b{background-color:#000;opacity:0.7;text-align:center;width:100%;min-height: 697px;position:absolute;top:0px;left:0px; display: none}
.share_b img{width:100%;}
.item_con .on{background-color:#a94442;color:#fff;}
.guanzhu{ margin:0 auto;text-align:center;}
.guanzhu1{ margin:0 auto; text-align: center;padding-top:30px;width: 100%;height:170px; position:relative; display: none}
.guanzhu_but{margin:0px auto;text-align:center; background-color: #d9534f; width: 50%;max-width:400px;min-width:300px;border-radius:10px; font-size: 25px; line-height:54px;}
.guanzhu_but a{ font-size:20px;text-align:center;color:white;}
.guanzhu1 span {position:absolute;top:5px;right:5px;}
.guanzhu1 p{color:#fff;margin:10px auto;}.jt{margin:0px auto;}
.answli{width:100%;}
@media only screen and (max-width: 2000px) { #gz_p{ font-size: 48px; }} 
@media only screen and (max-width: 1900px) { #gz_p{ font-size: 46px; }} 
@media only screen and (max-width: 1800px) { #gz_p{ font-size: 44px; }} 
@media only screen and (max-width: 1700px) { #gz_p{ font-size: 42px; }} 
@media only screen and (max-width: 1600px) { #gz_p{ font-size: 40px; }} 
@media only screen and (max-width: 1500px) { #gz_p{ font-size: 38px; }} 
@media only screen and (max-width: 1400px) { #gz_p{ font-size: 36px; }} 
@media only screen and (max-width: 1300px) { #gz_p{ font-size: 34px; }} 
@media only screen and (max-width: 1200px) { #gz_p{ font-size: 32px; }}  
@media only screen and (max-width: 1100px) { #gz_p{ font-size: 30px; }}  
@media only screen and (max-width: 1000px) { #gz_p{ font-size: 28px; }}  
@media only screen and (max-width: 900px) { #gz_p{ font-size: 26px; }}  
@media only screen and (max-width: 800px) { #gz_p{ font-size: 24px; }}  
@media only screen and (max-width: 700px) { #gz_p{ font-size: 22px; }}  
@media only screen and (max-width: 600px) { #gz_p{ font-size: 20px; }}  
@media only screen and (max-width: 500px) { #gz_p{ font-size: 18px; }}  
@media only screen and (max-width: 400px) { #gz_p{ font-size: 16px; }}  
@media only screen and (max-width: 300px) { #gz_p{ font-size: 14px; }} 
@media only screen and (max-height: 600px) { #guanzhu{height:233px}}
@media only screen and (max-height: 568px) { #guanzhu{height:223px}}  
@media only screen and (max-height: 480px) { #guanzhu{height:80px}} 

/*选择工种对话框*/
.level-dialog{}
.SelectLevel{list-style:none;}
.select-level ul li {
    list-style:none;
    border-top: 1px solid #ededed;
    color: #232323;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align:center;
	width:190px;
	
}
.select-level
{
	height:44px;
	line-height:44px;
	font-size:18px;
	width:190px;
}

.select-levelli{
    list-style:none;
    border-top: 1px solid #ededed;
    color: #232323;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align:center;
	width:120px;
}
.layAB{width:100%;height:100%;background-color:#f6f6f6;position:fixed;top:0;left:0;z-index:10000;display:none;padding:20px 15px 0 15px;overflow:auto;}
.level-btn{ background-color: #f7f7f7;color: #232323;height: 44px;line-height: 44px; padding: 0;text-align: center;width:180px;font-size:18px;}
.serialNum .top .mark .noDo,.serialNum .top .mark .done,.serialNum .top .mark .doing{width:13px; height:13px; margin:4px 5px 0 0;}
.serialNum .top{ line-height:24px; height:24px; padding-bottom:10px; overflow:hidden;}
.serialNum .noDo{ border:1px solid #d7d7d7;background:#fff; color:#333;}
.serialNum .top .mark i{margin-right:10px;color:#000000;}
.serialNum .done{ background:#fdbb38; border:1px solid #bce; color:#05a;}
.serialNum .done:hover{ color:#05a;}
.serialNum .doing{ background:#5d99e5; border:1px solid #4d8bd9; font-weight:700; color:#fff;}
.serialNum .doing:hover{ color:#fff;}
.serialNum .con a{width:40px;height:39px;line-height:39px;margin:5px 12px 5px 0px;font-size:17px;text-align:center;}
.answ .click{background:#5d99e5; border:1px solid #4d8bd9; color:#fff;}

.head-box {
    background-color: #0498a1;
    padding-top: 44px;
}
* {
    margin: 0;
    padding: 0;
}
body {
    -moz-text-size-adjust: none;
}
body {
    font-family: Arial,"Microsoft Yahei";
    font-size: 15px;
}
element.style {
    font-size: 120px;
}
html {
    font-size: 25.6px !important;
}
html {
    font-size: 22.08px !important;
}
html {
    font-size: 21.3333px !important;
}
.back-index{
    background:url("../img/returnindex.png");
    bottom: 80px;
    height: 33px;
    position: fixed;
    right: 0.5rem;
    width: 110px;
}
.back{
    background:url("../img/return.png");
    bottom: 80px;
    height: 30px;
    position: fixed;
    right: 0rem;
    width: 83px;
}