/*public*/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,th,thead,tr,button,object,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,button,img,fieldset{border:0;outline:none}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%;overflow:hidden;}
body{width:100%;height:100%;font:12px/1.5 "Microsoft YaHei", "΢ÈíÑźÚ", "SimHei", "ºÚÌå";color:#2d2d2d;word-wrap:break-word;word-break:break-all;overflow:hidden}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#000;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*Border*/

/*float*/
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.oFlow{overflow:hidden;zoom:1}

.animate{}
.top{top:-200%}
.left{left:-300%}

.page_01{position:relative;width:100%;height:100%;background:#1A232C url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/bg.jpg) bottom center no-repeat;background-size:100% 100%}
.lian{position:absolute;top:0;left:0;right:0;height:10%;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/lian.png) bottom left repeat-x;display:none;z-index:999}
.share{position:absolute;top:0;right:30px;width:40%;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/share.png) top right no-repeat;background-size:100%;height:150px;display:none;z-index:999}
#chuan{position:absolute;bottom:6%;left:15%;width:180px;z-index:998;display:none;}
.page_01 .wrap{display:none;width:100%;padding-top:20px}
.page_01 .wrap #p_top{z-index:998;text-align:center;}
.page_01 .wrap #p_top p{margin-top:30px;font-size:16px;color:#8b8178;text-align:left;padding-bottom:20px;text-indent:1em;width:494px}
.page_01 .wrap #p_top #logo{padding-top:25px}
.page_01 .wrap #p_top #logo p{text-align:center;font-size:18px;color:#000}
.page_01 .wrap #p_top #logo img{margin:0 auto;width:35%}
.page_01 .wrap #p_top p.tips{margin-top:10px;text-indent:0;text-align:center}
.page_01 .wrap #start{z-index:999;cursor:pointer;width:30%;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
.page_01 .wrap #start p{text-align:center;color:#000;font-size:20px;padding-bottom:5px}
.page_01 .wrap #start .inner{width:85%;text-align:center}
.page_01 .wrap #start .inner #wd{width:36%}
.page_01 .wrap #start{position: absolute;width:28%;bottom: 25%;left: 50%;margin-left: -14%}
.page_01 .wrap.active #start{-webkit-animation: bounceInUp 1s;animation: bounceInUp 1s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.page_01 .link{text-align:center;width: 60%;position: absolute;bottom: 0;left: 50%;margin-left: -30%;}
.page_01 .link ul{overflow:hidden;zoom:1;width:300px;margin:0 auto}
.page_01 .link ul li{float:left;margin:0 auto}
.page_01 .link ul li p{color:#000;}
.page_01 .link ul .link_l{padding-right:120px;padding-top:10px}
.page_01 .link ul .link_r{padding-top:27px}

.xz{position:absolute;top:100%;z-index:998;}
.xz h1{width:40%;margin:0 auto;text-align: center;margin-bottom:8%;}
.xz ul{position:relative;width:1200px;height:380px;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/xz_bg.png) center no-repeat;background-size:100%;overflow:hidden;margin:0 auto;}
.xz li{position:absolute;width:92px;cursor:pointer}
#item01{top:62px;}


.page_02{position:relative;width:100%;height:100%;background:#1A232C url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/bg0.jpg) bottom no-repeat;background-size:100% 100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.main{width:900px;height:100%;}
.main #con{position:relative;width:100%;height:100%}
.main #con li{position:absolute;padding:3% 0;width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;left:0;top:150%;color:#000;font-size:1.3em;letter-spacing:1px;}
.main .cup{width:60%;text-align:center;padding-top:5%}
.main #con li h1{padding-bottom:20px;color:#000;font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "SimHei", "ºÚÌå";font-weight:300;font-size: 20px}
.main #con li.pFouc{top:0;}
.main #con li h2{text-align: center;color: #000;}
.main #con li p{padding: 10px 20px;line-height: 30px;cursor: pointer;font-size: 18px;color: #515151;width: 40%;float: left;margin-right: 5%;position: relative;}
.main #con li .rig{margin-right:0px;}
.main #con li p.ask.seled{color:#000;border-radius:8px;}
.main #con li p.ask{color:#000;position: relative;}
.main #con li p.btn{text-align:center;background:none;width: 100%;padding:10px 5px;z-index:999}
.main #con li p.btn img{width:120px}
.main #con li .da{width: 100%;padding:0;color: #000;padding-top: 20px;font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "SimHei", "ºÚÌå";cursor: inherit;}
.main #con li .gg_img{margin:20px auto;width:35%}
.main #con li .gg_img img{width: 100%}
.main #con li p span{position: relative;}
.zhezhao{width:100%;height:78%;z-index: 999;position: absolute;top:0;left: 0;right: 0;bottom: 0;display: none}
#tap{position: absolute;top:50%;right:0;margin-top:-170px;width:300px;height:340px;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/tap.png) center no-repeat;background-size:100%}
#tap .inner{position:relative;width:100%;height:100%;cursor:pointer}
#tap .inner span{display:inline-block;position:absolute;bottom:18.5%;left:38.88888889%;width:11.111111111%}
#process{position:absolute;right:0;bottom:10px;width:50%}
#process #boy{width:10%;margin-right:5%}

#result{position:absolute;top:20%;width:100%;display:none;z-index:900}
#result h1{width:50%;margin:0 auto;text-align:center;font-size:60px;color:#AECFEC}
#result h1 p{font-size:18px;text-align:center;margin-top:20px;}
#result h1 var,#result h1 img{vertical-align:middle}
#result #img{width:24%}
#result #img img{transition: all 0.4s linear;transform: scale(3)}
#result #img img.nor{transform: scale(1)}
#result .btm ul{list-style:none;overflow:hidden;display:block;width:10%;margin:0 auto}
/*#result .btm ul li{float:left;width:50%}*/

#share{width: 40%;text-align:center;padding-top:20px}

#clouds{position:absolute;top:10%;left:0;right:0;bottom:0;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/clouds.png) repeat-x top left;z-index:100}


.next{display:none;width: 50px}
.btn{text-align:center}

.footer{position:absolute;left:0;right:0;bottom:0;padding:20px;text-align:center;color:#414243;z-index:999}
.footer p{line-height: 25px}
.footer p a{color:#414243}

.re_img{width:50%;margin-top:0;text-align:center}
#re_txt{font-size:30px;color:#000;margin:50px 0}
#re_txt span{font-size:40px;color:#b97272;font-weight:600;}
.daan{width:120px;height:45px;line-height:40px;background:url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/re_til_bg.png) top center no-repeat;text-align:center;font-size:20px;font-weight:bold;color:#6a3906;margin-top:0;cursor:pointer;background-size:100% 100%;margin-top:10px}
.daan a{display:block;color:#6a3906;}
#bom{
	position:absolute;
	bottom:0%;
	left:50%;
	width:60%;
	margin-left:-30%;
	text-align:center;
}
#ewm{width:15%;padding:2%;background:#000;display:none}

#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

.wrong{
  position: absolute;
  width: 60px;
  height: 35px;
  line-height: 35px;
  left: -5px;
  top: 5px;
  background: url('http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/wrong.png') no-repeat 0 0;
  background-size: auto 100%;
}
.right{
  position: absolute;
  width: 60px;
  height: 35px;
  line-height: 35px;
  top: 5px;
  left: -5px;
  background: url('http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/right.png') no-repeat 0 0;
  background-size: auto 100%;
}

.da{display: none;font-size: 16px;color: #000}
.bq{text-align:center;color:#000;font-size:14px;padding-top:20px}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}



@media screen and (max-width: 1920px) {
	.main #con li{font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "SimHei", "ºÚÌå";}
	.page_01 .wrap #start{margin-top:50px}
	}
	@media screen and (max-width: 1500px) {
    .main{width:60%}
	}

	@media screen and (max-width: 1920px) and (max-height: 780px) {
    .main{width:45%}
    .main #con li{padding:1% 0 0;}
    .main #con li .da{margin-top: 10px}
    .main #con li p{font-size: 16px;line-height: 25px}
    .main #con li h1{padding-bottom:0px}
		}
	@media screen and (max-width: 1920px) and (max-height: 700px) {
		.page_01 .wrap #start{bottom:30%}
	}
@media screen and (max-width: 1185px) {
  .main #con li p{width:37%}

}
@media screen and (max-width: 750px) {


}
@media screen and (max-width:600px) {
 .page_01{background: #1A232C url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/bg1.jpg) bottom center no-repeat;background-size: 100% 100%;}
 .page_02{background: #1A232C url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/bg1.jpg) bottom center no-repeat;background-size: 100% 100%;}
  .main #con li p.btn{position: fixed;bottom: 5%;padding: 0;left: 1%;}
 .bq{text-align:center;color:#000;font-size:12px;padding-top:20px}
 .bq
 .page_01 .wrap{padding-top:20%}
  .page_01 .wrap #p_top #logo img{width:86%}
  .page_01 .wrap #start{width:40%;margin-left:-20%}
  .page_01 .link{width:100%;left:0;margin-left:0}
  .page_01 .wrap #start .inner #wd{width:90%}
	.page_01 .wrap #p_top{width:94%;}
	.page_01 .wrap #p_top p{font-size:14px;margin:8px;width:95%}
  .page_01 .wrap #p_top #logo{width:100%;text-align:center}
  .main{padding-top:10px;width:90%}
	.main #con li{font-family:"Microsoft YaHei", "΢ÈíÑźÚ", "SimHei", "ºÚÌå";letter-spacing:1px;padding-bottom: 180px}
  .main .cup{width:60%;padding-top:1%}
  .main #con li h2{font-size:18px}
	.main #con li h1{font-size:16px;line-height: 20px}
	.main #con li p{font-size:16px;line-height:16px;padding:5px;width:45%;margin-right:2%;line-height:35px}
  .main #con li .da{line-height:25px;margin-top:0;padding-top:0;position: absolute;top: 45%;width:88%;left:-1%;background: url(http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/jump.png) top center no-repeat;background-size: 100% 100%;padding:6% 7%;box-shadow: 1px 2px 2px #3d2225}
  .main #con li .gg_img{width:80%}
	#result h1{width:30%;}
	#result h1 p{font-size:14px}
	.re_img{width:90%;display:block;overflow:hidden;zoom:1;}
	#bom{width:100%;margin-left:-50%;display:block}
  .footer{padding:0;}
  .footer p{line-height:20px}
  #re_txt{margin:15px 0;font-size:20px}
  #re_txt span{font-size:34px}
  #result{top:20%}
  #result .btm ul{width:30%}
  .next img{width:25%}
  .wrong{position: absolute;width: 30px;height: 35px;line-height: 35px;left: -5px;top: 2px;background: url('http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/wrong.png') no-repeat 0 0;background-size: 100% auto;}
  .right{position: absolute;width: 30px;height: 35px;line-height: 35px;top: 2px;left: -5px;background: url('http://www.he.xinhuanet.com/zhuanti/2017xaxq/images/right.png') no-repeat 0 0;background-size: 100% auto;}
}

@media screen and (max-width:414px) {
  .main #con li .da{top:250px;}
}
@media screen and (max-width:384px) {
  .main #con li{padding-bottom: 130px}
  .main #con li p.btn img{width:100px}
  .main #con li p{font-size:14px;line-height:20px}
  .main #con li .da{line-height: 20px;top:222px}    
}

@media screen and (max-width:375px) {
  .main #con li .da{line-height: 20px;top:230px}    
}
@media screen and (max-width:360px) {
  .main #con li .da{top:220px}    
}
@media screen and (max-width:347px) {
  .main #con li p{width:47%;padding:5px 2px;}
  .main #con li h1{font-size:14px}
  .zhezhao{height:78%;}
}

@media screen and (max-width:320px) {
  .main #con li p.btn{margin-top:5px}
  .main #con li .da{top:165px} 
  .main #con li p.btn{bottom:3%}
  .main #con li .gg_img{margin:10px auto;width: 75%}

}
@media screen and (max-height:480px) {
  .main{padding-top:10px;width:96%}
  .main #con li p.btn img{width:80px;z-index:999}
  .main #con li{padding:1%;}
  .main #con li h1{font-size:14px;padding-bottom:0px;line-height:16px}
  .page_01 .wrap #p_top p{font-size:12px;margin:10px;}
  #result{top:22%;}
  #re_txt{margin:10px 0;font-size:16px}
  #re_txt span{font-size:28px}
  .main #con .haveimg p.btn{padding-top:0px;}
  .page_01 .wrap #start{bottom:25%}
  .page_01 .wrap{padding-top:40px}
	}