/******= Reset =******/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  font-family: "Microsoft Yahei";

  margin: 0;
  padding: 0;
}
table {
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
}
table td {
  word-break: break-all;
}
ol,
ul {
  list-style: none;
}
img {
  vertical-align: middle;

  border: 0;
}
*:focus {
  outline: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/******= Typography =******/
html,
body {
  font: arial, "\5FAE\8F6F\96C5\9ED1", sans-serif;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  height: 100%;
  background-color: #0c1728;
}
html {
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
p {
  font-size: 0.16rem;
  color: #fff;
}
a {
  text-decoration: none;
  color: #fff;
}
button {
  border: none;
}
/******= Common style =******/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  height: 0;
  content: ".";
}
.section{
  position: relative;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
img{
  width: 100%;
  overflow: hidden;
}

.state{
	visibility: hidden;
}

@media all and (orientation : landscape) { 

 .state{
     position: fixed;
     top: 0;
     visibility: visible;
     left: 0;
     width: 100%;
     height: 100%;
     background: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/cross.jpg) no-repeat left top / 100% 100%;
     z-index: 9999;
 }

} 
.hide{
	display: none;
}
.white{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}
.white.hide{
	animation:fadeOut 1s;
	-webkit-animation:fadeOut 1s;
}
.part1{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/part1.png);
	height: 100%;
}
.part2{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/part2.jpg);
	height: 100%;
	display: none;
	overflow: hidden;
}
.title{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/title.png);
	width: 6.83rem;
	height: 2.98rem;
	position: absolute;
	top: 3.5rem;
	left: 50%;
	margin-left: -3.415rem;
	animation:mytitle 1s;
	-webkit-animation:mytitle 1s;
	animation-fill-mode: forwards;
}
.start{
	background-image:url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/start.png);
	width: 3.66rem;
	height: 0.82rem;
	position: absolute;
	left: 50%;
	margin-left: -1.83rem;
	top: 6.5rem;
	animation:myfirst 1s;
	-webkit-animation:myfirst 1s;
	animation-fill-mode: forwards;
}
.start.over{
	animation:fadeOutstart 1s;
	-webkit-animation:fadeOutstart 1s;
}
.title.over{
	animation:fadeOuttitle 1s;
	-webkit-animation:fadeOuttitle 1s;
}
.part1.over{
	animation:fadeOut 1s;
	-webkit-animation:fadeOut 1s;
	animation-fill-mode: forwards;
}
.part2.show{
	display: block;
	animation:fadeint 1s;
	-webkit-animation:fadeint 1s;
	animation-fill-mode: forwards;
}
.shaft{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft.png);
	position: absolute;
	width: 6.58rem;
	height: 0.75rem;
	left: 50%;
	margin-left: -3.29rem;
	top: 0.7rem;
	overflow: hidden;
}
.shaft.active{
	animation:shaft 2s;
	-webkit-animation:shaft 2s;
	animation-fill-mode: forwards;
}
.shaft.show{
	animation:shaft 0.5s;
	-webkit-animation:shaft 0.5s;
	animation-fill-mode: forwards;
}
.shaft.out{
	animation:shaft_out 0.5s;
	-webkit-animation:shaft_out 0.5s;
	animation-fill-mode: forwards;
}
.shaft img{
	width: 4.69rem;
	margin-left: 1rem;
	margin-top: 1rem;
}
.shaft_bottom{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_bottom.jpg);
	position: absolute;
	bottom: 0;
	left: 0.33rem;
	width: 5.92rem;
	height: 0.3rem;
}
.shaft_1{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_1.png);
	width: 2.19rem;
	height: 1.32rem;
	position: absolute;
	top: 9rem;
	left: 0.1rem;
	display: none;
}
.shaft_2{
	position: absolute;
	display: none;
	background-size: 80%;
	right: 0rem;
}
.shaft_2_1{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_1.png);
	width: 3.15rem;
	height: 3.93rem;
	top: 8.2rem;
}
.shaft_2_2{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_2.png);
	width: 3.15rem;
	height: 2.92rem;
	top: 9.2rem;
}
.shaft_2_3{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_3.png);
	width: 3.15rem;
	height: 3.78rem;
	top: 9rem;
}
.shaft_2_4{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_4.png);
	width: 3.33rem;
	height: 2.93rem;
	top: 9rem;
}
.shaft_2_5{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_5.png);
	width: 3.6rem;
	height: 2.29rem;
	top: 9rem;
}
.shaft_2_6{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_6.png);
	width: 3.15rem;
	height: 2.82rem;
	top: 8.5rem;
	background-size: 100%;
}
.shaft_2_7{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_7.png);
	width: 3.51rem;
	height: 2.46rem;
	top: 9rem;
	right: -0.35rem;
}
.shaft_2_8{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_8.png);
	width: 3.15rem;
	height: 3.95rem;
	top: 8rem;
	background-size: 90%;
	right: -0.15rem;
}
.shaft_2_9{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shaft_2_9.png);
	width: 3.13rem;
	height: 3.41rem;
	top: 9rem;
}
.shaft_1.active{
	display: block;
	animation:shaft_1 1s;
	-webkit-animation:shaft_1 1s;
	animation-fill-mode: forwards;
}
.shaft_1.out{
	display: block;
	animation:shaft_1_out 1s;
	-webkit-animation:shaft_1_out 1s;
	animation-fill-mode: forwards;
}
.shaft_2.active{
	display: block;
	animation:shaft_2 1s;
	-webkit-animation:shaft_2 1s;
	animation-fill-mode: forwards;
}
.shaft_2.out{
	display: block;
	animation:shaft_2_out 1s;
	-webkit-animation:shaft_2_out 1s;
	animation-fill-mode: forwards;
}
.problem_list{
	position: absolute;
	width: 4.55rem;
	height: 0.5rem;
}
.problem_list.active:after{
	content: "";
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/problem_active.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -0.05rem;
	left: 0.14rem;
	width: 0.26rem;
	height: 0.45rem;
	background-size: 100%;
}
.problem_list1{
	top: 4.18rem;
	left: 1.07rem;
}
.problem_list2{
	top: 4.98rem;
	left: 1.07rem;
}
.problem_list3{
	top: 5.74rem;
	left: 1.07rem;
}
.problem_list4{
	top: 6.54rem;
	left: 1.07rem;
}
.btn{
	position: absolute;
	width: 1.75rem;
	height: 0.61rem;
	top: 7.8rem;
}
.next.first{
	left: 2.3rem;
}
.last{
	left: 1.1rem;
}
.next{
	right: 1.4rem;
}
.zindex{
	width: 1.75rem;
	height: 0.61rem;
	position: absolute;
	bottom: 1.45rem;
	top: 7.8rem;
	z-index: 1;
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/next_btn.png);
	right: 1.38rem;
}
.zindex.first{
	left: 2.32rem;
}
.zindex.big{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/over_btn.png);
	width: 1.96rem;
	height: 0.62rem;
	right: 1.39rem;
}
.testover{
	width: 1.94rem;
	height: 0.62rem;
	right: 1.4rem;
}
.part2_btn{
	position: absolute;
	width: 1.75rem;
	height: 0.61rem;
	top: 7.8rem;
	left: 2.3rem;
	z-index: 10;
}
.reset{
	top: 8.8rem;
	left: 2.35rem;
	z-index: 10;
}
.share{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/shrae_icon.png);
	width: 0.43rem;
	height: 0.43rem;
	top: 0.2rem;
	right: 0.2rem;
	z-index: 10;
}
.share_win{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.share_win img{
	width: 6.07rem;
	margin-left: 1.5rem;
}
.click{
	background-image: url(//game.gtimg.cn/images/yxzj/ingame/matchCenter/a20180724testh/click.png);
	width: 2.24rem;
	height: 0.22rem;
	position: absolute;
	left: 1rem;
	top: 7.05rem;
	animation:click linear 0.7s infinite alternate;
	-webkit-animation:click linear 0.7s infinite alternate;
}
#result{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
	z-index: 1;
}