@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust:100%; font-size:22px; 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%; max-width: 640px; overflow: hidden; max-width:640px; margin:0 auto; position:relative; background: #EFEFEF;}
.wrapBox img{ width:100%;}
.section{ position:relative; width:100%; height: 100%; max-width:640px; overflow:hidden;}
.box_size{ width:100%; height: 100%; position:relative; margin:0 auto;}
.box_size img{ width:100%;}

/*第一屏*/
.slide1{ background: #EFEFEF;}
.slide1 .index_main{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.slide1 .index_top{ width: 100%;}
.slide1 .index_title{ width: 80%; max-width: 640px; text-align: left; margin: 70px 0 0 10%; font-size: 34px; color: #333; font-weight: bold; line-height: 46px;}
.slide1 .index_word{ width: 80%; text-align: left; margin: 50px 0 32px 10%; font-size: 25px; line-height: 45px; color: #000;}
.slide1 input{ min-height: 20px; height: 60px; border: none; background: #fff; width: 80%; margin: 0 10% 20px 10%; padding: 0 10px; box-sizing:border-box;}
.slide1 .begin_btn{ width: 200px; height: 60px; line-height: 60px; letter-spacing: 1px; margin-left: 220px; margin-top: 90px; background: #2eb6ed; border-radius: 10px; color: #fff; font-size: 28px; text-align: center;}
.slide1 .index_bottom{ width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}

/*第二屏*/
.slide_main{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.page_top{ width: 100%; max-width: 640px;}
.page_bottom{ width: 100%; max-width: 640px; position: absolute; bottom: 0; left: 0;}
.question_box{ width: 88%; height: auto; margin: 100px 0 35px 6%; font-size: 30px; color: #000; line-height: 48px;}
.choose_size{ width: 70%; height: 56px; line-height: 56px; padding-left: 15px; background: #2eb6ed; border-radius: 5px; text-align: left; box-sizing:border-box; font-size: 28px; color: #ffffff; margin: 35px 15% 0 15%; position: relative; float: left;}
.choose_size b{ display: inline-block; width: 21px;height:8px; background: #ffffff;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg); position: absolute; top: 32px; right: 50px; display: none;}
.choose_size b:after{content:'/';display:block;width: 42px;height:8px; background: #ffffff;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}
.choose_size.choose b{ display: block;}
.prve_btn{ width: 208px; height: 56px; line-height: 56px; float: left; margin-top: 100px; margin-left: 100px; background: #2eb6ed; border-radius: 10px; color: #fff; font-size: 28px; text-align: center; letter-spacing: 1px;}
.next_btn{ width: 208px; height: 56px; line-height: 56px; float: left; margin-top: 100px; margin-left: 24px; background: #2eb6ed; border-radius: 10px; color: #fff; font-size: 28px; text-align: center; letter-spacing: 1px;}
.up_btn{ width: 208px; height: 56px; line-height: 56px; float: left; margin-top: 100px; margin-left: 24px; background: #2eb6ed; border-radius: 10px; color: #fff; font-size: 28px; text-align: center; letter-spacing: 1px;}
.answer_box_area{ width: 88%; height: 320px; padding: 15px; box-sizing:border-box; margin: 0px 6% 0 6%; float: left; line-height: 42px; font-size: 26px;}

.fell_down{ width:13.75%; height:auto; position:fixed; left:43.125%; bottom:42px; z-index:1; display: none;}
.fadeInDown{
	-webkit-animation:fadeInDown 1s .2s ease infinite both; 
	-moz-animation:fadeInDown 1s .2s ease infinite both;
}
.play_btn{ width:6.5625%; height:auto; position:absolute; right:4.2%; top:2.5%;}

/*音乐播放*/
.play{ -webkit-transform-origin:center center; transform-origin:center center; animation:2s linear 0s normal none infinite runAround; -webkit-animation:2s linear 0s normal none infinite runAround;}
.play_btn img{ width:100%; height:auto;}
@-webkit-keyframes runAround {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@keyframes runAround { 
    from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}


/*结果弹窗*/
.end_zshow{ width: 100%; height: 100%; max-width: 640px; position: absolute; top: 0; left: 0; display: none; background: #EFEFEF;}
.end_zshow img{ width: 100%;}
.end_zshow .success_top{ width: 100%; position: absolute; top: 0; left: 0;}
.end_zshow .success_sign{ width: 140px; height: auto; position: absolute; top: 360px; left: 250px;}
.end_zshow .success_word{ width: 100%; position: absolute; top: 600px; left: 0; color: #000; font-size: 36px; line-height: 60px; text-align: center;}

/*后台统计列表*/
.message_wrapBox{ width: 96%; height: auto; position: relative; padding: 0 2%;}
.message_wrapBox .message_title{ width: 100%; text-align: center; font-size: 36px; color: #000000; margin: 60px 0 0 0;}
.message_question_list{ width: 100%; position: relative; margin: 40px 0 30px 0;}
.message_question_list li{ width: 100%; float: left; margin: 10px 0 0 0; font-size: 16px;}
.message_wrapBox .message_btn{ width: 126px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; float: left; background: #2eb6ed; border-radius: 5px; cursor: pointer;}

.message_box{ width: 100%; border: 1px solid #d7d7d7; margin: 12px 0 60px 0; float: left;}
.message_box th{ background: #dedede; height: 50px; border: 1px solid #aeaeae;}
.message_box td{ text-align: center; height: 50px; background: #fff; border: 1px solid #d7d7d7;}
.message_box td:first-child{ width: 40px;}
.message_box .com_size{ width: 180px; max-width: 180px;}
.message_box .de_size{ width: 180px; max-width: 180px;}
.message_box .sp_size_con{ width: 580px; max-width: 580px; padding: 5px 10px; text-align: left;}

.wap_main{ display: none;}
.pc_main{ display: none;}

.main_size{ width: 1200px; position: relative; left: 50%; margin-left: -600px; float: left;}
.main_size .pc_index_top{ width: 100%; height: auto;}
.main_size .pc_width{ width: 800px; margin-left: 200px; display: inline-block;}
.main_size .pc_title_word{ width: 100%; font-family: "宋体"; float: left; margin: 56px 0 0 0;}
.main_size .pc_title_word h1{ margin: 0 0 15px 0;}
.main_size .pc_title_word p{ text-indent: 2em; font-size: 18px; font-weight: normal; line-height: 28px; letter-spacing: 1px;}
.main_size .pc_line{ width: 100%; height: 6px; background: #000; float: left; margin: 35px 0 35px 0;}
.main_size .pc_question_box{ width: 100%; float: left; margin: 40px 0 0 0;}
.main_size .pc_company{ font-size: 18px; float: left;}
.main_size .pc_department{ font-size: 18px; float: right;}
.main_size .pc_company input{ width: 360px; border: none; border-bottom: 1px solid #333; padding-bottom: 5px;}
.main_size .pc_department input{ width: 280px; border: none; border-bottom: 1px solid #333; padding-bottom: 5px;}
.main_size .pc_question_box_title{ width: 100%; font-size: 18px; float: left; margin: 0 0 15px 0;}
.main_size .pc_question_answer{ display: inline-block; margin-right: 25px;}
.main_size .pc_question_answer label{ font-size: 18px; padding-left: 10px;}
.main_size .pc_question_answer textarea{ width: 100%; height: 120px; padding: 10px 15px; font-size: 18px; line-height: 24px;}
.main_size .pc_submit{ width: 100%; text-align: center; margin: 30px 0 0 0;}
.main_size .pc_submit a{ margin: 0 auto; width: 128px; height: 42px; line-height: 42px; letter-spacing: 1px; background: #2eb6ed; border-radius: 5px; font-size: 18px; color: #fff; text-align: center;}
.main_size .pc_index_bottom{ width: 100%; height: auto; margin: 30px 0 0 0;}

.layui-m-layerbtn span{ font-size: 18px;}