@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust:100%; font-size:26px; outline:none; font-family:"Microsoft YaHei"; margin:0; padding:0;}
*:focus{outline:none;}
body, button, input, select, textarea { font-size: 100%; margin:0 auto; font-family:"微软雅黑";}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
fieldset, img { border: 0; vertical-align: top;}
q:before, q:after { content: ''; }
input, textarea { outline-style: none; font-size:100%;}
input[type="text"], input[type="password"] {vertical-align:middle; }
input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; }
textarea { resize: none;  font-size:100%;}
address, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: normal; }
strong,b{font-weight: normal;}
abbr, acronym { border: 0; font-variant: normal;}
ul{ list-style:none; overflow:hidden;}
a{ outline:none; text-decoration:none; display:inline-block; border:none; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);}

/*公用样式*/
body{ width:100%; height: 100%; overflow-y:hidden; position: fixed; top:0; left: 0; margin: 0 auto;}
.wrapBox{width:100%; height:100%; overflow: hidden; margin:0 auto; position:relative; background: #000;}
.wrapBox img{ width:100%;}
.section{ position:relative; width:100%; height: 100%; overflow:hidden;}
.slide{ position:relative; width:100%; height: 100%; overflow:hidden;}
.box_size{ width:100%; height: 100%; position:relative; margin:0 auto;}
.box_size img{ width:100%;}
.slide .common_bg{ width: 100%; height: 100%;}

/*第一屏*/
.slide1{ background: #004a29;}
.slide1 .index_word{ width: 75.625%; position: absolute; top: 40%; left: 12.1875%;}
.slide1 .begin_btn{ width: 31.25%; height: auto; position: absolute; top: 87%; left: 34.375%;}

/*第二屏*/
.ques_box{ width: 100%; height: auto; position: absolute; top: 34%; left: 6%;}
.question_box{ width: 88%; height: auto; font-size: 34px; color: #FFF; margin: 0 0 28px 0;}
.cho_box{ width: 625px; height: 80px; position: relative; font-weight: "宋体"; font-weight: bold; background: url(../images/answer_bg1.png) no-repeat; background-size: 100% 100%; text-align: left; line-height: 52px; color: #006934; font-size: 24px; margin: 0 0 8px 0; box-sizing:border-box; padding: 3px 0 0 21px;}
.cho_box b{ display: inline-block; width: 21px; height:6px; background: #006934;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg); position: absolute; top: 38px; left: 14px; display: none;}
.cho_box b:after{ content:'/'; display:block; width: 42px; height:6px; background: #006934;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}
.cho_box.choose b{ display: block;}
.sp_cho_box{ height: 116px; line-height: 40px; padding-right: 20px;}
.next_btn{ width: 31.25%; height: auto; position: absolute; top: 87%; left: 34.375%;}
.submit_btn{ width: 31.25%; height: auto; position: absolute; top: 87%; left: 34.375%;}

.success_word{ width: 607px; height: auto; position: absolute; top: 40%; left: 71.5px;}
.back_btn{ width: 31.25%; height: auto; position: absolute; top: 87%; left: 34.375%;}

.tips_zhow{ display: none; width: 470px; height: 80px; line-height: 80px; border-radius: 10px; text-align: center; font-size: 30px; color: #fff; background: #000; opacity: 0.9; position: absolute; top: 45%; left: 140px;}
.tips_zhow span{ font-size: 30px;}

@-webkit-keyframes showJump{
    0{ -webkit-transform:scale(0);}
    100%{ -webkit-transform:scale(1);}
}
@-moz-keyframes showJump{
    0{ transform:scale(0);}
    100{ -webkit-transform:scale(1);}
}
.showJump{ animation: showJump 1s ease 2s both; -webkit-animation: showJump 1s ease 2s both;}