/* CSS Document */
* {
	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:#FFF;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.foot {position: absolute;bottom:1%;text-align: center;z-index: 9;width: 100%;font-size:10px;color: #FFF;}
.show{ display:block;}
.dispalyno{ display:none;}
.imgwidth{ width:100%;}
.loadyc{position:fixed; top:0; right:0; z-index:999; background:#FFF; width:100%; height:100%;}

.inputhide{position:absolute; top:0; left:0; width:100%;}
/*----------------------首页样式 start------------------------------*/
.btn_answer{ position:absolute; bottom:15%; left:0;}
/*----------------------首页样式 end------------------------------*/

/*-----选择性别页面样式 start------------*/
.page2_tit{ position:absolute; top:10%; left:0;}
.img_man{ position:absolute; top:32%; left:7.5%; width:40%; }
.img_girl{ position:absolute;top: 32%;right: 7.5%;width: 40%; }

.price_txt{opacity: 0;position: absolute;left: 0;top: 5%;}
.score_txt{opacity: 0;position: absolute;left: 0;top: 5%;}
/*-----选择性别页面样式end------------*/


/*-----------选择派别 样式排版 start---------------------------------*/
.group1{position: absolute;top: 30%;}
.group2{position: absolute;top: 43%;}
.group3{position: absolute;top: 56%;}
.group4{position: absolute;top: 69%;}
.group5{position: absolute;bottom:7%;}
/*-----------选择派别 样式排版 end---------------------------------*/

/*第一题 start*/
.topic01_tit{position: absolute;top: 29%;left: 0;}
.topic01_txt1{position: absolute;top: 35%;width: 11%;left: 22%;}
.topic01_txt2{position: absolute;top: 41%;width: 11%;left: 24%;}
.topic01_txt3{position: absolute;top: 47%;width: 11%;left: 26%;}
/*第一题 end*/

/*第二题 start*/
.topic02_txt1 {position: absolute;top: 37.5%;width: 11%;left: 1%;}
.topic02_txt2 {position: absolute;top: 43.5%;width: 11%;left: 3%;}
.topic02_txt3 {position: absolute;top: 49%;width: 11%;left: 5%;}
/*第二题 end*/

/*第三题 start*/
.topic03_txt1 {position: absolute;top: 26%;width: 11%;left: 7%;-webkit-transform: rotate(21deg);}
.topic03_txt2 {position: absolute;top: 32%;width: 11%;left: 5%;-webkit-transform: rotate(21deg);}
.topic03_txt3 {position: absolute;top: 38%;width: 11%;left: 3%;-webkit-transform: rotate(21deg);}
/*第三题 end*/

/*第四题 start*/
.topic04_tit {position: absolute;top: 37%;left: 0;}
.topic04_txt1 {position: absolute;top: 39%;width: 11%;left: 27%;-webkit-transform: rotate(-3deg);}
.topic04_txt2 {position: absolute;top: 45%;width: 11%;left: 29.5%;-webkit-transform: rotate(-3deg);}
.topic04_txt3 {position: absolute;top: 50.5%;width: 11%;left: 32%;-webkit-transform: rotate(-3deg);}
/*第四题 end*/


/*第5题 start*/
.topic05_tit {position: absolute;top: 34%;left: 0;}
.topic05_txt1 {position: absolute;top: 42%;width: 10%;left: 5%;-webkit-transform: rotate(-3deg);}
.topic05_txt2 {position: absolute;top: 47.5%;width: 10%;left: 7.2%;-webkit-transform: rotate(-3deg);}
.topic05_txt3 {position: absolute;top: 53.4%;width: 10%;left: 9.4%;-webkit-transform: rotate(-3deg);}
/*第5题 end*/

/*第6题 start*/
.topic06_txt1 {position: absolute;top: 42%;width: 10%;left: 9%;-webkit-transform: rotate(-3deg);}
.topic06_txt2 {position: absolute;top: 47.5%;width: 10%;left: 11.2%;-webkit-transform: rotate(-3deg);}
.topic06_txt3 {position: absolute;top: 53.4%;width: 10%;left: 14%;-webkit-transform: rotate(-3deg);}
/*第6题 end*/

/*第7题 start*/
.topic07_txt1 {position: absolute;top: 32%;width: 10%;left: 13%;-webkit-transform: rotate(24deg);}
.topic07_txt2 {position: absolute;top: 37.5%;width: 10%;left: 11.2%;-webkit-transform: rotate(24deg);}
.topic07_txt3 {position: absolute;top: 43.4%;width: 10%;left: 9%;-webkit-transform: rotate(24deg);}
/*第7题 end*/


/*第8题 start*/
.topic08_txt1 {position: absolute;top: 38%;width: 10%;left: 37%;-webkit-transform: rotate(-3deg);}
.topic08_txt2 {position: absolute;top: 43.5%;width: 10%;left: 39.2%;-webkit-transform: rotate(-3deg);}
.topic08_txt3 {position: absolute;top: 49%;width: 10%;left: 41.6%;-webkit-transform: rotate(-3deg);}
/*第8题 end*/


/*第9题 start*/
.topic09_txt1 {position: absolute;top: 33%;width: 10%;left: 10%;-webkit-transform: rotate(25deg);}
.topic09_txt2 {position: absolute;top: 38%;width: 10%;left: 8.2%;-webkit-transform: rotate(25deg);}
.topic09_txt3 {position: absolute;top: 43%;width: 10%;left: 6.2%;-webkit-transform: rotate(25deg);}
/*第9题 end*/

/*第10题 start*/
.topic10_txt1 {position: absolute;top: 33%;width: 10%;left: 10%;-webkit-transform: rotate(25deg);}
.topic10_txt2 {position: absolute;top: 38%;width: 10%;left: 8.2%;-webkit-transform: rotate(25deg);}
.topic10_txt3 {position: absolute;top: 43%;width: 10%;left: 6.2%;-webkit-transform: rotate(25deg);}
/*第10题 end*/

/*---结束页面样式排版 start---*/
.overcenter{ width:100%; height:100%; position:absolute; left:0; top:0;}
.total_pointsimg{position: absolute;top: 2%;}
.total_pointstxt{position: absolute;top: 2%;font-family: '微软雅黑';font-size:34px;right: 16.5%;font-weight: bold;width: 20%;text-align: center;}
.exploits_img{position: absolute;top: 6%;}
.defeatimg{position: absolute;top:35%;}
.defeattxt{position: absolute;top:35%;font-family: '微软雅黑';font-size:28px;font-weight: bold;left: 43%;width: 20%;text-align: center;}
.participation_img{position: absolute;top:41%;}
.participation_txt{position: absolute;top:41.2%;font-family: '微软雅黑';font-size:20px;font-weight: bold;left: 37.5%;width: 20%;text-align: center;}
.bask_img{width: 34%;position: absolute;top:47%;left: 10%;}
.pk_img{width: 44%;position: absolute;top:47%;right: 10%;}
.drawimg{position: absolute;bottom:2%;}
.btndraw{position: absolute;bottom:6%;width: 30%;left: 35%;}
.imgwidth1{ width:100%;}

.hidt_alert{position: fixed;background: rgba(0,0,0,0.8);top: 0;left: 0;height: 100%;width: 100%;}
.hidt_img{ margin-top:18%;}
/*---结束页面样式排版 end---*/

/*************苹果六 plus样式********************/
@media screen and (min-height:620px) and (max-height:675px) {
	.participation_txt{position: absolute;top:40.8%;font-family: '微软雅黑';font-size:28px;font-weight: bold;left: 37.5%;width: 20%;text-align: center;}
	.defeattxt{position: absolute;top:35%;font-family: '微软雅黑';font-size:35px;font-weight: bold;left: 43%;width: 20%;text-align: center;}
	.total_pointstxt{position: absolute;top: 2%;font-family: '微软雅黑';font-size:37px;right: 16.5%;font-weight: bold;width: 20%;text-align: center;}
	
	}



/*************苹果四样式********************/
@media screen and (min-height:400px) and (max-height:420px){
	.btn_answer {position: absolute;bottom: 12%;left: 0;}
	
	.page2_tit {position: absolute;top: 7%;left: 0;}
	.img_man {position: absolute;top: 28%;left: 7.5%;width: 40%;}
	.img_girl {position: absolute;top: 28%;right: 7.5%;width: 40%;}
	
	.group2 {position: absolute;top: 45%;}
	.group3 {position: absolute;top: 58%;}
	.group4 {position: absolute;top: 72%;}
	.group5 {position: absolute;bottom: 0%;}
	
/*第一题 start*/
.topic01_tit{position: absolute;top: 29%;left: 0;}
.topic01_txt1{position: absolute;top: 36%;width: 10%;left: 24%;}
.topic01_txt2{position: absolute;top: 43.5%;width: 10%;left: 26%;}
.topic01_txt3{position: absolute;top: 51%;width: 10%;left: 27.5%;}
/*第一题 end*/

/*第二题 start*/
.topic02_txt1 {position: absolute;top: 40%;width: 10%;left: 2%;}
.topic02_txt2 {position: absolute;top: 47%;width: 10%;left: 4%;}
.topic02_txt3 {position: absolute;top: 54%;width: 10%;left: 6%;}
/*第二题 end*/

/*第三题 start*/
.topic03_txt1 {position: absolute;top: 27.5%;width: 10%;left: 8%;-webkit-transform: rotate(21deg);}
.topic03_txt2 {position: absolute;top: 34%;width: 10%;left: 6.5%;-webkit-transform: rotate(21deg);}
.topic03_txt3 {position: absolute;top: 40.5%;width: 10%;left: 5%;-webkit-transform: rotate(21deg);}
/*第三题 end*/

/*第四题 start*/
.topic04_tit {position: absolute;top: 37%;left: 0;}
.topic04_txt1 {position: absolute;top: 40.5%;width: 10%;left: 31%;-webkit-transform: rotate(-3deg);}
.topic04_txt2 {position: absolute;top: 47%;width: 10%;left: 33%;-webkit-transform: rotate(-3deg);}
.topic04_txt3 {position: absolute;top: 53.5%;width: 10%;left: 35%;-webkit-transform: rotate(-3deg);}
/*第四题 end*/


/*第5题 start*/
.topic05_tit {position: absolute;top: 34%;left: 0;}
.topic05_txt1 {position: absolute;top: 44%;width: 10%;left: 5%;-webkit-transform: rotate(-3deg);}
.topic05_txt2 {position: absolute;top: 50.5%;width: 10%;left: 7.2%;-webkit-transform: rotate(-3deg);}
.topic05_txt3 {position: absolute;top: 57.4%;width: 10%;left: 9.4%;-webkit-transform: rotate(-3deg);}
/*第5题 end*/

/*第6题 start*/
.topic06_txt1 {position: absolute;top: 43%;width: 10%;left: 9%;-webkit-transform: rotate(-3deg);}
.topic06_txt2 {position: absolute;top: 50.5%;width: 10%;left: 11.2%;-webkit-transform: rotate(-3deg);}
.topic06_txt3 {position: absolute;top: 57.4%;width: 10%;left: 13%;-webkit-transform: rotate(-3deg);}
/*第6题 end*/

/*第7题 start*/
.topic07_txt1 {position: absolute;top: 31%;width: 10%;left: 13%;-webkit-transform: rotate(24deg);}
.topic07_txt2 {position: absolute;top: 38.5%;width: 10%;left: 10.8%;-webkit-transform: rotate(24deg);}
.topic07_txt3 {position: absolute;top: 45.4%;width: 10%;left: 8.6%;-webkit-transform: rotate(24deg);}
/*第7题 end*/


/*第8题 start*/
.topic08_txt1 {position: absolute;top: 39%;width: 10%;left: 38%;-webkit-transform: rotate(-3deg);}
.topic08_txt2 {position: absolute;top: 45.5%;width: 10%;left: 40.2%;-webkit-transform: rotate(-3deg);}
.topic08_txt3 {position: absolute;top: 52%;width: 10%;left: 42.6%;-webkit-transform: rotate(-3deg);}
/*第8题 end*/


/*第9题 start*/
.topic09_txt1 {position: absolute;top: 33%;width: 10%;left: 10%;-webkit-transform: rotate(25deg);}
.topic09_txt2 {position: absolute;top: 39%;width: 10%;left: 8.2%;-webkit-transform: rotate(25deg);}
.topic09_txt3 {position: absolute;top: 45%;width: 10%;left: 6.2%;-webkit-transform: rotate(25deg);}
/*第9题 end*/

/*第10题 start*/
.topic10_txt1 {position: absolute;top: 33%;width: 10%;left: 10%;-webkit-transform: rotate(25deg);}
.topic10_txt2 {position: absolute;top: 38%;width: 10%;left: 8.2%;-webkit-transform: rotate(25deg);}
.topic10_txt3 {position: absolute;top: 43%;width: 10%;left: 6.2%;-webkit-transform: rotate(25deg);}
/*第10题 end*/

.imgwidth1{ width:84%; margin-left:8%;}
.total_pointstxt {position: absolute;top: 2%;font-family: '微软雅黑';font-size: 26px;right: 20.5%;font-weight: bold;width: 20%;text-align: center;}
.defeattxt {position: absolute;top: 34.7%;font-family: '微软雅黑';font-size: 23px;font-weight: bold;left: 42%;width: 20%;text-align: center;}
.participation_txt {position: absolute;top: 41%;font-family: '微软雅黑';font-size: 17px;font-weight: bold;left: 37.5%;width: 20%;text-align: center;
}
}