/*reset*/
html{background:none;color:#333; height:100%;}
body{font-size:13px;font-family:verdana;line-height:1.8em; font-family:Microsoft YaHei,Tahoma,Arial; background-color:#f7f7f7; height:100%; overflow:hidden; width:100%;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
a,img{ margin:0; border:0; padding:0}
address, caption, cite, code, dfn, em, th, var, b, i{font-style:normal;font-weight:normal;}
li{list-style-image:none;list-style-position: outside;list-style-type:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;vertical-align:baseline;zoom:1;}
input, textarea, select, button{font-size: 12px;font-weight:inherit; vertical-align:middle}
input[type=radio], input[type=checkbox]{vertical-align: middle; margin-right:5px;}
textarea{resize:none;}
input[type=text],input[type=password],textarea, input[type=text]:focus, input[type=password]:focus, textarea:focus, button, button:focus{-webkit-appearance:textfield;outline:0}
/*base*/
a{text-decoration:none; color:#ddd;}
a:focus{outline-style:none;outline-width:0;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:none;}
label.checkbox, label.radio, label.text{padding-left:4px;vertical-align:top;}
/*margin*/
/*clear*/
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden}
.clearfix {zoom:1}
.am_css{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
body{}

/*.cover .b{width:48px; height:164px; display:block; position:absolute; left:40px; top:40px; background:url(http://mat1.gtimg.com/sports/runlx/start_h.png) no-repeat; background-size:100%; animation:start 2s infinite; -webkit-animation:start 2s infinite;}
@keyframes start{
	0%  {transform:rotate(0deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes start{
	0%  {-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg);}
}
*/

.layout{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.list{position:absolute; left:0; top:0; height:100%; width:100%;}
.list li{height:100%; width:100%; position:absolute; left:0; top:0; background-size:100% auto; background-position:left center; background-repeat:no-repeat; transform:translate(0,0); -webkit-transform:translate(0,0); overflow:hidden; display:none;}

.loading{background-color:#e8d8c1; position:absolute; left:0; top:0; right:0; bottom:0; color:#8b6e55; text-align:center;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; z-index:99;}
.loading_in{position:absolute; left:0; right:0; top:40%; padding-top:80px; background:url(../images/jz.png) no-repeat center top; background-size:100px; margin-top:-70px;}
.loading .num{line-height:50px; font-size:21px; font-family:Georgia,Arial;padding-top:20px;}
.loading .txt{font-size:16px; margin-top:15px;}

.home_bg{position:relative; left:0; right:0; top:0; height:100%; background:url(../images/hero-fm-2.png) no-repeat center top; background-size:100% auto;}

.turn{width:30px; height:30px; display:block; background:url(../images/left.png) no-repeat; background-size:100%; bottom:20px; left:55%; margin-left:-23px; animation:turn 1.8s infinite; -webkit-animation:turn 1.8s infinite; position:absolute;}
@keyframes turn{
	0%  {transform:translate(0,0);}
	50%	{transform:translate(-10px,0);}
	100%{transform:translate(0,0);}
}
@-webkit-keyframes turn{
	0%  {-webkit-transform:translate(0,0);}
	50%	{-webkit-transform:translate(-10px,0);}
	100%{-webkit-transform:translate(0,0);}
}

.footer{width:100%; position:absolute; bottom:10px; left:0; text-align:center; color:#5e3a31; line-height:30px;}

.xu{position:absolute; left:20px; right:20px; top:20px; bottom:20px; border:2px solid #9d865f; background:url(xu.png) no-repeat center 30%; background-size:90% auto;}
.xu:before{content:'.'; display:block; font-size:0; position:absolute; top:5px; bottom:5px; left:5px; right:5px; border:1px solid #9d865f;}

.hero_next{display:block; width:30%; margin:0 auto; height:36px; line-height:36px; text-align:center; color:#fff; background-color:#e20002;white-space:nowrap; font-size:15px; border-radius:1px; box-shadow:1px 3px 0 #9d5032;}

.hero_tp_box{ 
			width:88%;
			height:15%;
			margin:0 auto;
			position:relative;			
			background:url(../images/hero_tp_bg.png) no-repeat center center; 
			background-size:100% 100%;
			text-indent:10px;
			text-align:left;
display:-webkit-box; 
-webkit-box-orient:horizontal; 
-webkit-box-pack:center; 
-webkit-box-align:center; 
display:-moz-box; 
-moz-box-orient:horizontal; 
-moz-box-pack:center; 
-moz-box-align:center; 
display:-o-box; 
-o-box-orient:horizontal; 
-o-box-pack:center; 
-o-box-align:center; 
display:-ms-box; 
-ms-box-orient:horizontal; 
-ms-box-pack:center; 
-ms-box-align:center; 
display:box; 
box-orient:horizontal; 
box-pack:center; 
box-align:center; 


}
.hero_tp_box from{
  display: block;
margin-top: 0em;
}
.hero_hit{ display:block; position:absolute; height:100%; width:30%; right:0; top:0;}
.hero_tp_box span{ 
				color:#e40013; 
				font-weight:bold; 
				font-size:20px; 


}
.hero_tp_box em{ 

				color:#000;
				font-size:16px;
				font-weight:bold;
}
.gongju02{ width:100%;  overflow:hidden; padding:0; margin:0; z-index:999}
.gongju02 img{width:100%; margin:0 auto; display:block; opacity:1;}
.gongju02 img.toin{opacity:0;}

.gongju01{ width:100%;  overflow:hidden; padding:0; margin:0; z-index:999}
.gongju01 img{width:100%; margin:0 auto; display:block; opacity:0;}
.gongju01 img.toin{opacity:1;}

.gongju{position:absolute; top:0; bottom:0; left:0; right:0; text-align:center;}
.gongju img{width:100%; margin:0 auto; display:block; opacity:0; transition:all 1.4s ease-in-out; -webkit-transition:all 1.4s ease-in-out; position:relative; left:-20px;}
.gongju img.toin{left:0; opacity:1;}



.w_r{height:11.44%; width:100%; position:absolute; top:30.423%; left:0; z-index:999;background:url(../images/hero-yes.png) no-repeat center center; background-size:auto 100%; transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; opacity:0; }
.w_r.d_wrong{background-image:url(../images/hero-no.png);}
.w_r.anm{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
@keyframes start{
	0%  {transform:rotate(0deg);}
	2%{transform:rotate(15deg);}
	4%{transform:rotate(-15deg);}
	6%{transform:rotate(0deg);}
	8%{transform:rotate(15deg);}
	10%{transform:rotate(-15deg);}
	12%{transform:rotate(0deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes start{
	0%  {-webkit-transform:rotate(0deg);}
	2%{-webkit-transform:rotate(15deg);}
	4%{-webkit-transform:rotate(-15deg);}
	6%{-webkit-transform:rotate(0deg);}
	8%{-webkit-transform:rotate(15deg);}
	10%{-webkit-transform:rotate(-15deg);}
	12%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(0deg);}
}

.g_img{ top:0; left:0; position:absolute; width:100%; z-index:0}
.g_img img{display:block; margin:0 auto; width:100%;}

.name{text-align:center;}
.name img{display:block; margin:0 auto; height:32px;}
.g_txt{margin:20px; color:#5c4840; font-size:12px; line-height:18px;}


/*result*/
.result{ width:30%; height:36px; position:absolute; bottom:30%; left:35%;}
.result .topImg{height:150px; width:100%; margin-top:18%; background:url(../images/jbdr-fd-ewm.png) no-repeat center top; background-size:auto 100%;}
.result .result_title{margin:30px  20px;  font-size:16px;font-weight:bold;}
.result .result_txt{margin:30px 30px; line-height:24px; font-size:13px; color:#77463a; font-weight:bold; text-align:center;}
.result .result_txt em{font-size:15px; font-weight:bold;}
.b_share{}
.last_footer{height:18px; background:url(last_footer.png) no-repeat center top; background-size:auto 100%; width:100%; position:absolute; left:0; bottom:20px;}

.pop_share{position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/pop_share.png) no-repeat center 15px; background-size:80%; background-color:rgba(0,0,0,0.78); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index:99; display:none; opacity:0;}

.pop_share01{position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/pop_share02.png) no-repeat center bottom; background-size:100%; background-color:rgba(0,0,0,0.78); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index:99; display:none; opacity:0;}

body .show{opacity:1;}

.xunzhang div{margin-top:90%;}

.xlarge{font-size:20px; font-weight:bold;}
.xlarge .g_txt{font-size:15px; line-height:24px;}
.xlarge .i_top{background-position:center 13%;}
@media screen and (max-width: 640px) {
}/*  |xGv00|aace4e5e87b53a1400df86c8941436b9 */

.music.play {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-play.png) no-repeat;
    background-size: 27px auto;


    z-index: 100;
}
.music.pause {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-pause.png) no-repeat;
    background-size: 27px auto;


    z-index: 100;
}
.b01{ background-size:cover; text-align:center;}
#index_img_p0_1{ width:100%; top:0; left:0; position:absolute}
#fx_an{ width:24.4%; height:14.87%; left:37.8%; top:50%; position:absolute;}
#fx_wyjl{ width:38.125%; height:5.28%; left:30.9375%; top:65%; position:absolute;}
#fx_zcyc{ width:49.09%; height:7.74%; left:25.455%; top:72%; position:absolute;}


.wyjl_box{ width:100%; height:100%; background:url(../images/tc_bg.png) no-repeat; background-size:100% 100%; display:none; position:absolute; top:0; left:0; z-index:999}
.close_bg{ width:8%; height:4.8%; position:absolute; top:34.5%; right:9.375%;}
.tp_box{ width:66.49625%; height:21.13%; position:absolute; left:16.796875%; top:46.5%; }
.tp_div{ background:url(../images/dt_bg.jpg) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0%; width:100%; height:60%;}
.tj_b{ background:url(../images/tj_b.jpg) no-repeat; background-size:100% 100%; position:absolute; left:22%; bottom:5%; width:56%; height:25%; font-size:0; border:0}

.tp_div input{ background:none; border:none; color:#000; width:98%; left:1%; height:43.75%; position:absolute; overflow:hidden; font-size:1.2rem}

#next{ height:5.28%; position:absolute; bottom:16%; background-color:#CCC; width:40%; left:30%; z-index:9999}


#fx_wyjl01{ width:38.125%; height:5.28%; left:30.9375%; top:79%; position:absolute;}
.tp_box{ width:66.49625%; height:21.13%; position:absolute; left:16.796875%; top:46.5%; }
.tp_div{ background:url(../images/dt_bg.jpg) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0%; width:100%; height:60%;}
.chmd_box{ width:100%; height:100%; background:url(../images/md01.jpg) no-repeat; background-size:100% 100%; display:none; position:absolute; top:0; left:0; z-index:998}

.layout ul li{ background:url(../images/ayr_7.png); background-size:100% 100%;}
.layout ul li.b02{ background:url(../images/ayr_8.png); background-size:100% 100%;}
.ggch5_tmbg{height:40%;overflow:hidden;position:relative;background: url(../images/ayr_6.png) 50% 80%  no-repeat;background-size: 90% auto;}
.btnimg .ggch5_tmbg{height:60%;overflow:hidden;position:relative;background: url(../images/ayr_14.png) 50% 80%  no-repeat;background-size: 90% auto;}
.ggch5_tm_1{font-size: 1.2rem;color: #2c2c2d;padding: 6.2rem 15% 0 20%;}
.ggch5_tm_2{}
.dbxr{height: 20%; background: url(../images/ayr_3.png) no-repeat; background-size: 100% 100%;}
.btns{ text-align:center; height:40%;}
.btns dl{ height:100%;}
.btns dl dd{background: url(../images/ayr_4.png)  no-repeat;width: 84%;margin: 1rem auto;background-size: 100% 100%;height: 3rem;line-height: 285%;}
.btns dl dd a{ display: inline-block;width: 100%; height: 100%; color: #4f93fe; font-weight: bold;}
.btns dl dd a:visited{ }
.cuo{ color: #9B040B;}
.btnimg .btns{ text-align:center; height:20%;}
.btnimg .btns dl{ text-align: center;}
.btnimg .btns dl dd{display: inline-block; background: none; width: auto; height: auto; line-height: auto;}
.btnimg .btns dl dd a{ width: auto;}
.btnimg .btns dl dd img{ height: 4rem;}
/* .btns dl dd.dui{background: url(../images/ayr_5.png)  no-repeat;background-size: 100% 100%;} */

.ggch_tdds {
    position: absolute;
    left: 68%;
    top: 38%;
    width: 10%;
	animation: myfirst 1s linear infinite alternate;
	-webkit-animation: myfirst 1s linear infinite alternate;
}

.ggch_tdds img {
    width: 100%;
}

@keyframes myfirst{
	from{transform: rotate(-10deg);}
	to{transform: rotate(25deg);}
}
@-webkit-keyframes myfirst{
	from{transform: rotate(-10deg);}
	to{transform: rotate(25deg);}
}
.zlyc{ padding:0 4%;}
.bg0{ background:url(../images/slwq_1.jpg) no-repeat; background-size:100% 100%; height:35%; width:100%;}
.bg0_1{ text-align:center; margin-top:5%;}
.bg0_1 img{ width:45%;}
.bg0_2{ padding-top:5%; margin-left:15%; width:70%;}
.bg0_2 a{ width:39%; height:auto; display:inline-block; margin-left:5%; margin-bottom:8%; margin-right:5%}
.bg0_2 a img{ width:100%; height:auto;}

.bg1{ background:url(../images/slwq_2.jpg) no-repeat; background-size:100% 100%; height:35%; width:100%;}
.bg1_1{ text-align:center; margin-top:10%;}
.bg1_1 img{ width:70%;}
.bg1_2{ padding-top:10%; margin-left:10%; width:90%; height:30%}
.bg1_2 a{ width:35%; height:15%; display:inline-block; margin-left:5%; margin-bottom:8%; margin-right:5%}
.bg1_2 a span{ display:block; width:100%; height:100%;background-size:100% 100%;}

.bg2{ background:url(../images/slwq_3.jpg) no-repeat; background-size:100% 100%; height:35%; width:100%;}
.bg2_1{ text-align:center; margin-top:15%;}
.bg2_1 img{ width:76%;}
.bg2_2{ padding-top:10%; margin-left:10%; width:90%; height:30%}
.bg2_2 a{ width:35%; height:15%; display:inline-block; margin-left:5%; margin-bottom:8%; margin-right:5%}
.bg2_2 a span{ display:block; width:100%; height:100%;background-size:100% 100%;}

.bg3{ background:url(../images/slwq_4.jpg) no-repeat; background-size:100% 100%; height:35%; width:100%;}
.bg3_1{ text-align:center; margin-top:15%;}
.bg3_1 img{ width:76%;}
.bg3_2{ padding-top:10%; margin-left:5%; width:90%; height:60%}
.bg3_2 a{ width:40%; height:45%; display:inline-block; margin-left:4%; margin-bottom:1%; margin-right:5%}
.bg3_2 a span{ display:block; width:100%; height:100%;background-size:100% 100%;}

.music.play {
    width: 27px;
    height: 27px;
    display: block;
    background:url(../images/music-play.png) no-repeat;;
    background-size: 27px auto;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 100;
}
.music.pause {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-pause.png) no-repeat;
    background-size: 27px auto;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
}