@charset "utf-8";
* {
	margin: 0;
	padding: 0
}
body {
	font-size: 13px;
	font-family: arial;
	-webkit-text-size-adjust: none;
	line-height: 1.62;
	background:#000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
ul, ol, li {
	list-style: none;
}
ul, li {
	padding: 0;
	margin: 0;
	width: 100%;
}
em {
	font-style: normal
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
input, select, textarea {
	outline: 0;
	-webkit-appearance: none
}
q:before, q:after {
	content: ''
}
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fn-clear {
*zoom:1;
	clear: both;
}
a {
	color: #666;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:active {
	color: #333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
section, aside, header, footer, hgroup, article {
	display: block
}
.show {
	display: block
}
.hide {
	display: none
}
/*index*/
.p-index {
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
}
/*模块 m-*/
.m-page {
	position: absolute;
	left: 0;
	top: 0;
	max-height: 100%;
	width: 100%;
	overflow: hidden;
	background: url(../images/loading_bg.jpg) no-repeat;
}
.m-page.show {
	z-index: 10;
	display: block;
}
.m-page.hide {
	z-index: 5;
	display: none;
}
.m-page.active {
	z-index: 15;
	display: block;
}
/*音乐*/
.topCon {
	display: block;
	position: absolute;
	z-index: 999;
	top: 21px;
	width: 100%;
	height: 40px;
	background: rgba(204,204,204,0);
}
.sound {
	width: 15px;
	height: 15px;
	padding: 5px;
	right: 15px;
	position: absolute;
	border: 2px solid #CCC;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background: url(../images/soundoff.png) center center no-repeat;
	background-size: 50% 50%;
}
.rotateAm {
	-webkit-animation-name: rotateAm;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes rotateAm {
 0% {
opacity:1;
}
 25% {
-webkit-transform: rotate(0deg)
}
 25% {
-webkit-transform: rotate(90deg)
}
 50% {
-webkit-transform: rotate(180deg)
}
 75% {
-webkit-transform: rotate(270deg)
}
 100% {
-webkit-transform: rotate(360deg)
}
}
.musicOn {
	position: absolute;
	right: 13%;
	top: 9%;
	display: none;
	font-size: 10px;
	color: #fff;
	z-index: 55;
}
/*音乐end*/
.opacity {
	opacity: 0;
}
.relative {
	position: relative;
}
.page_bg {
}
.page_con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.margin_top {
	margin-top: 5%;
}
.margin_top01 {
	margin-top: 3%;
}
/*滑动 m-page start*/
.page_background{ width:100%; height:100%; overflow:hidden;}
.width_img{ width:100%;}
.display_no{ display:none;}

.page_logo{position: absolute;top:3%;left: 0;}
.page01_texts{position: absolute;top: 23%;left: 0;}

.page02_texts{position: absolute;top:14%;right: 2%;width: 55%;}
.page2_img1{width: 14%;}
.page2_img2{width: 14.2%;}

.page03_texts{position: absolute;top: 11%;right: 0%;width: 45%;}
.page03_img{width: 20%;}

.page04_texts{position: absolute; bottom:9%;left: 0;}

.page05_texts{ position:absolute; top:17%; left:0;}

.page06_texts{position: absolute; bottom:10%;left: 0;}

.page07_texts{position: absolute; bottom:9.5%;left: 0;}

.page08_texts{position: absolute; top:14%;left: 0;}

.page09_texts{position: absolute; bottom:10.5%;left: 0;}

.page10_texts{position: absolute;bottom: 11%;left: 3%;background: rgba(0,0,0,0.6);width: 94%;padding: 3% 0;}
.page10_img_txt1{margin-top: 3%;}
.page10_img_txt2{margin: 12% 0 3%;}


.page11_texts{position: absolute;bottom: 12.5%;left: 0;}

.page13_texts {position: absolute;top: 15.5%;left: 0;}

.page12_txt_01{position: absolute;top: 10%;left: 0;}
.page12_txt_02{position: absolute;top: 15%;left: 0;}
.page12_txt_03{position: absolute;top: 24%;left: 0;}
.page12_txt_04{position: absolute;top: 36%;left: 0;}
.page12_txt_05{position: absolute;bottom: 29%;left: 0;}
.page12_txt_06{position: absolute;bottom: 14%;left: 0;}
.page12_txt_07{position: absolute;bottom: 5%;left: 0;}

/*答题的信息和题目 start*/
.page14_texts{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.page14_info{width: 80%;margin: 22% 0 0 10%;}
.page14_info_dt{float: left;width: 25%;}
.page14_info_dd{width: 65%;float: left;margin-left: 5%;}
.page14_info_input{width: 100%;height: 25px;border-radius: 10px;font-size: 17px;padding: 0 0% 0 4%;line-height: 30px;}
.info_clear{ clear:both;}
.info_margin{margin: 6% 0 0 10%;}
/*题目选项 start*/
.float_left{ float:left;}
.float_right{ float:right;}
.answer{width: 80%;margin: 5% 0 0 10%;}
.answer_topic{width: 23%;margin: 3% 0 0 0%;}
.answer_topic_dt{width: 40%;float: left;}
.answer_topic_dd{width: 30%;margin: 3% 0 0 5px;float: left;}
.answer_toipc_optfor{margin: -45px 0 0 0;}
.answer_toipc_margin_left{ margin-left:10%;}
.answer_margin_top {margin: 0% 0 0 10%;}

/*第三题 start*/
.answer_three{ width:80%; margin:0% 0 0 10%; }
.answer_three_topic{ margin: 0 0 0 10%; width:90%;}
.answer_three_topicdiv{ width:37%;margin: 3% 0% 0 0;}
.answer_three_topicdiv_dt{ width:80%;}
.answer_three_topicdiv_dd{ width:15%;margin: 0 0 0 5px;}
.answer_threewidht{width: 58%;}
.answer_threewidht_dd{width: 10%;}
.answer_btnsubmit{width: 28%;margin: 4% 0 0 36%;}
.answer_imgtxt{width: 70%;margin-top: 2%;}
.hien_img{ display:none}

.page14_widthimg{width:100%;margin-top: -10px;}
/*答题的信息和题目 end*/
.page15_texts{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.page15_margin_top1{margin: 15% 0 0 0;}
.page15_margin_top2{margin: 5% 0 0 0;}
.page15_margin_top3{margin: 2% 0 0 0;}
.page15_margin_top4{margin: 12% 0 0 0;}
/*滑动 m-page end*/
.width_img1{ width:100%;}
.opacityNO{ opacity:0;}
.copyright{ position:absolute; bottom:1%; width:100%; text-align:center; font-size:8px; color:#000;}
  /*苹果4手机 start*/
@media screen and (min-height:410px) and (max-height:420px) {
/*滑动 m-page start*/
.width_img{ width:90%; margin:0 0 0 5%;}
.page03_texts {position: absolute;top: 11%;right: 0%;width: 40%;}

.page10_img_txt1{margin-top: 3%;}
.page10_img_txt2 {margin: 6% 0 3%;}
.page12_txt_05 {position: absolute;bottom: 26%;left: 0;}

/*第14页填写信息页 start*/
.page14_info {width: 70%;margin: 18% 0 0 15%;}
.page14_info_dt {float: left;width: 20%;}
.page14_info_dd {width: 73%;float: left;margin-left: 5%;}
.answer_toipc_optfor {margin: -45px 0 0 0;}
.info_margin {margin: 5% 0 0 15%;}
.page14_info_input {width: 100%;height: 20px;border-radius: 10px;font-size: 12px;padding: 0 0% 0 4%;line-height: 20px;}
.answer_topic {width: 21%;margin: 3% 0 -5% 4%;}

.page14_widthimg{width: 80%;margin: -3% 0 0 10%;}
.answer_btnsubmit {width: 20%;margin: 2% 0 0 40%;}
/*第15页 start*/
.page15_margin_top1{margin: 7% 0 0 0;}
.page15_margin_top2{margin: 5% 0 0 0;}
.page15_margin_top3{margin: 2% 0 0 0;}
.page15_margin_top4{margin: 7% 0 0 0;}
/*滑动 m-page end*/

}
  /*苹果6 plus样式*/  
@media screen and (min-height: 603px) and (max-height: 672px) {
.page14_info{width: 80%;margin: 22% 0 0 10%;}
.page14_info_dt {float: left;width: 30%;}
.page14_info_dd {width: 62%;float: left;margin-left: 5%;}
.page14_info_input {width: 100%;height: 32px;border-radius: 10px;font-size: 22px;padding: 0 0% 0 4%;}
.answer_btnsubmit{width: 28%;margin: 5% 0 0 36%;}
.answer_toipc_optfor{margin: -45px 0 0 0;}
.info_margin {margin: 6% 0 0 10%;}
}
/* global */
.p-index {
	display: none
}
.m-tips {
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 0;
	background: url(../images/arrow.png) no-repeat;
	background-size: 100% 100%;
	left: 46%;
	width: 8%;
	height: 16px;
	-webkit-animation: tips ease-out 1s infinite;
	-webkit-animation-delay: 2s
}
@-webkit-keyframes tips {
 0% {
 opacity:0;
 -webkit-transform:translate(0, 0px);
}
 100% {
 opacity:1;
 -webkit-transform:translate(0, -30px);
}
}
.dropUp {
	-webkit-animation-name: dropUp;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes dropUp {
0% {
-webkit-transform:translateX(-70%);
opacity:0;
}
60% {
-webkit-transform:translateX(10%);
opacity:1;
}
80% {
-webkit-transform:translateX(-3%);
opacity:1;
}
100% {
-webkit-transform:translateX(0%);
opacity:1;
}
}
.copyright {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	font-size: 10px;
	color: #fff;
	text-align: center;
}