/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
ul,
ol,
li {
	list-style: none;
}
em,
i {
	font-style: normal;
}
img {
	border: none;
}
input,
img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: '微软雅黑';
	font-size: 16px;
	height: 100%;
	overflow: hidden;
}
.hide {
	display: none;
}

/*页面内容样式 start*/
.swiper-container{ width:100%; height:100%;}
.imgwidth{ width:100%;}
.opacity_nono{ opacity:0;}

/*---------答题开始页面样式 start-----------------*/
.amazed_img{position: absolute;left: 48%;bottom: 39%;width: 6%;}
.shake_img{position: absolute;left: 7%;top: 5%;width: 30%;}
.shake_txt{ position:absolute; left:0; top:8%; }
.home_figure{ position:absolute; left:0; bottom:0;width: 85%;}
.steamed_roll{ position:absolute; right:0; bottom:0;width: 85%;}
.round_alter1{ position:absolute; left:0; top:0;}
.round_alter2{position: absolute;left: 21%;top: 32%;width: 50%;}
.round_alter3{ position:absolute; left:0; bottom:0;}
.btn_start{position: absolute;width: 40%;left: 30%;bottom: 7%;}
/*--------答题 start---------------------------------*/
.answer_details{ width:100%;}
.topic_one{ width:100%; height:100%;}
.topic_bottom1{position: absolute;bottom: 0;left: 0;width: 48%;}
.topic_bottom2{position: absolute;bottom: 5%;right: 0;width: 63%;}
/*--------第一题 start---------------------------------*/
.subject_img1{ position:absolute; top:2%; left:0;}
.topic_figuretop{position: absolute;top: 15%;left: 22%;width: 40%;}
.topic01_img2{position: absolute;top: 15%;right: 18%;width: 30%;}
.topic01_txt{ position:absolute; top:46%; left:0%;}
.topic01_txt2{ position:absolute; top:52%; left:0%;}
.choicebox{width: 8%;position: absolute;top: 52%;right: 12%;}
.choicebox_li{ margin-top:4px;}

.topic_real{position: absolute;top: 15%;left: 15%;width: 30%;}
.topic_real_txt{position: absolute;top: 18%;right: 18%;width: 38%;}
.topic_error_txt{position: absolute;top: 16%;right: 10%;width: 45%;}

/*--------------------第二题 start--------------------------*/
.topic02_toptxt{top:42%;}

.topic02_real {position: absolute;top: 15%;right: 15%;width: 30%;}
.topic02_real_txt {position: absolute;top: 17%;left: 17%;width: 38%;}

.topic02_error {position: absolute;top: 15%;left: 8%;width: 42%;}
.topic02_error_txt {position: absolute;top: 16%;right: 10%;width: 38%;}

/*--------------------第三题 start--------------------------*/
.topic03_real {position: absolute;top: 20%;right: 15%;width: 50%;}
.topic03_real_txt {position: absolute;top: 14%;left: 17%;width: 38%;}

.topic03_error{position: absolute;top: 12%;left: 19%;width: 23%;}
.topic03_error_txt{position: absolute;top: 14%;right: 10%;width: 47%;}

/*--------------------第四题 start--------------------------*/
.topic04_toptxt{top:43%;}

.topic04_real {position: absolute;top: 13%;left: 7%;width: 50%;}
.topic04_real_txt {position: absolute;top: 13%;right: 7%;width: 44%;}

.topic04_error {position: absolute;top: 15%;left: 9%;width: 34%;}
.topic04_error_txt {position: absolute;top: 14%;right: 9%;width: 47%;}

/*--------------------第五题 start--------------------------*/
.topic05_txttop {top: 49%;}
.choicebox_top{top: 49%;}

.topic05_real {position: absolute;top: 15%;left: 9%;width: 38%;}
.topic05_real_txt {position: absolute;top: 13%;right: 7%;width: 46%;}

.topic05_error {position: absolute;top: 13%;left: 9%;width: 34%;}

/*------------------第六题 start-----------------------------------------*/
.choicebox06_top {top: 50%;}
.choicebox06_li {margin-top: 11px;}

.topic06_real {position: absolute;top: 15%;right: 12%;width: 38%;}
.topic06_real_txt {position: absolute;top: 13%;left: 9%;width: 46%;}

.topic06_error {position: absolute;top: 14%;left: 10%;width: 30%;}
.topic06_error_txt {position: absolute;top: 14%;right: 10%;width: 47%;}

/*------------------第七题 start-----------------------------------------*/
.topic07_real {position: absolute;top: 15%;left: 15%;width: 38%;}
.topic07_real_txt {position: absolute;top: 13%;right: 11%;width: 40%;}

.topic07_error {position: absolute;top: 13%;left: 11%;width: 32%;}

/*------------------结束层 start-----------------------------------------*/
.score_tit{ position:absolute; top:10%; left:0}
.score01_zero{ position:absolute; top:18%; left:0}
.score_txt{ position:absolute; top:40%; left:5%; width:90%;}

.btn_again{position: absolute;bottom: 22%;width: 30%;left: 10%;}
.btn_share{position: absolute;bottom: 22%;width: 41%;right: 10%;}
.btn_more{position: absolute;bottom: 14%;width: 100%;}
/*------------------分享层 start-------------------------------------------------*/
.share_alert{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);height: 100%;}

@media screen and (min-height:410px) and (max-height:420px) {
	/*欢迎页*/
	.shake_img {position: absolute;left: 7%;top: 5%;width: 22%;}
	.shake_txt {position: absolute;left: 0;top: 8%;width: 80%;}
	.amazed_img {position: absolute;left: 34%;bottom: 35%;width: 4%;}
	.home_figure {position: absolute;left: 0;bottom: 0;width: 58%;}
	.steamed_roll {position: absolute;right: 0;bottom: 0;width: 74%;}
	/*答题*/
	.topic_bottom1 {position: absolute;bottom: 0;left: 0;width: 37%;}
	.topic_bottom2 {position: absolute;bottom: 5%;right: 0;width: 43%;}
	
	/*动态人物*/
	.topic_figuretop {position: absolute;top: 15%;left: 22%;width: 36%;}
	.topic01_img2 {position: absolute;top: 15%;right: 21%;width: 30%;}
	
	.topic_real {position: absolute;top: 15%;left: 18%;width: 27%;}
	
	.topic03_error {position: absolute;top: 12%;left: 21%;width: 19%;}
	.topic03_error_txt {position: absolute;top: 16%;right: 16%;width: 43%;}	
	
	.topic04_real {position: absolute;top: 11%;left: 8%;width: 45%;}
	
	/*多加的按钮*/
	.btn_again {position: absolute;bottom: 12%;width: 30%;left: 10%;}
	.btn_share {position: absolute;bottom: 12.5%;width: 41%;right: 10%;}
	.btn_more{position: absolute;bottom: 3%;width: 100%;}
	}