/* CSS Document */
body{-webkit-text-size-adjust:none; background:#fff; width: 100%; height: 100%;}
*{-webkit-text-size-adjust:none; font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; outline:none;}
*, *::before, *::after { box-sizing: border-box;}
input,textarea,select{ font-size:100%;}ul{ list-style:none;}
a{ display:inline-block; border: medium none;display: inline-block;outline: medium none;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.box img{ vertical-align:top; border:none;pointer-events: none; width:100%;}
.box{width:100%; height:100%; overflow: hidden;/* max-width:750px; */margin:0 auto; position:relative;}
.box .rel{ position:relative;}
.box .abs{position:absolute; }
.main{ position:absolute; width:100%; height:100%;top: 0; left: 0;}


.active .page1_txt{animation: bounceIn 0.8s 0.3s ease both; -webkit-animation: bounceIn 0.8s 0.3s ease both;}

.active .ico_circle{animation:2s ease 3.8s normal none infinite circleIn; -webkit-animation:2s ease 3.8s normal none infinite circleIn;}

.btn_box{ top: 41.9%; width: 100%; left: 0;}
.btn_box a{ position: absolute; width: 23.7%; top: 0; left: 12.3%;}
.btn_box a:nth-child(2){ left: 38.9%;}
.btn_box a:nth-child(3){ left: 64.8%;}
.time_pic{ left: 0; top: 19.1%; width: 100%;}
.peo_box a{ position: absolute; width: 22%; top: 11.8%; left: 12.4%;}
.peo_box a:nth-child(2){ top: 28.6%; left: 67.8%;}
.peo_box a:nth-child(3){ top: 43.8%; left: 12.4%;}
.peo_box a:nth-child(4){ top: 61.4%; left: 67.8%;}
.peo_box a:nth-child(5){ top: 76.4%; left: 12.4%;}
.peo_box a i{ position: absolute; width: 22.7%; top: 81.2%; left: 80.6%;}
.btn_com{ position: absolute; top: 72.4%; left: 13.2%; width: 22.5%;}
.btn_com.btn_next,.btn_com.btn_sub{ left: 64.1%;}
.btn_sub{ display: none;}
.ques_con{ top: 19%; left: 28.5%; width: 42%; font-size: 26px; line-height: 40px;}
.ans_con{ top: 50%;left: 19%; width: 62%; }
.ans_con a{ display: block; font-size: 26px; color: #000; line-height: 40px; margin: 8px 0;}
.ans_con a.selected{color: #f9521e;}
.small{ top: 51%; left: 22%;}
.big a{font-size: 22px; line-height: 36px; margin: 5px 0;}
.message_layer{ z-index: 99; display: none; width: 100%; height: 100%; position: fixed; background: rgba(255,255,255,0.7); top: 0; left: 0;}
.message_layer .layer_con{ position: absolute; width: 80%; top: 300px; left: 10%; height: 400px; background: #1d8ccd;border-radius:5px ;}
.message_layer .layer_con p{ font-size: 32px; color: #fff; text-align: center; padding: 25px 0 15px 0;}
.message_layer .layer_con textarea{ font-size: 28px; display: block;  border: none; border-radius: 10px; color: #1d8ccd; height:200px;width: 85%; padding: 5px; margin: 0 auto;}
.message_layer .layer_con .btn_save{ display: block; width: 169px; margin: 25px auto 0 auto;}
.btn_close{ position: absolute; top: 9px; right: 9px; width: 43px;}
.time_box .btn_back{ position:absolute;width:22.5%; bottom: 8.5%; left: 38.7%;}
.question_box .btn_back{position:absolute;width:22.5%; top: 93%; left: 12.3%;}
.code{ position: absolute; right: 20px; bottom: 20px; color: #666; font-size: 20px;}
.btn_layer{ display: none; width: 169px; height: 51px; position: absolute; top: 315px; left: 160px;}
.peo_box .btn_question{left:auto;position:absolute;width:22.5%; top: 93%; right: 12.3%;}