/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
body{font-size: 100%;font-size: 16px;font-family: Helvetica;font-family: "微软雅黑", "宋体-18030";}
ul{list-style-type:none}
img{width:100%;max-width:100%}
.hide{display:none;}
.clear{clear:both}
.wapper{max-width:640px;margin:0px auto;position:relative}
.top,.top_02{background:#d3422c;overflow:hidden;width:100%;max-width:640px;position:fixed;top:0;z-index:50}
.top span{float:left;display:block;width:12.1875%;margin:1.5% 0 1.5% 3%}
.top hgroup{float:left;color:#FFF;margin:2% 0 0 3%}
.top hgroup h2{font-size:1.666em;}
.top hgroup p{font-size:1.555em;margin-top:4%}
.top a{display:block;text-decoration:none;float:right;width:32.656%;margin:3.11% 3.437% 0 0;padding:2% 0;text-align:center;font-size:1.444em;background:#ffffff;color:#685f5a;border-radius:10px;box-shadow:0 5px 1px rgba(227,203,203,1),0 8px 5px rgba(163,55,37,1);font-weight:bold}
.top_02{display:none}
.top_02 a{display:block;float:left;width:43.218%;margin:1.8% 0 1.7% 2.5%}
.top_02 a img{width:100%;max-width:286px}
.top_02 a:nth-of-type(1){margin-left:5.5%}
.play{position:relative;width:100%;}
.play span{position:absolute;width:14.062%;left:44.55%;top:1.88%}
.muen{position:relative}
.muen a{display:block;float:left;width:15.312%;text-decoration:none;color:#fff;font-size:1.222em;font-weight:bold;text-align:center;margin:2.63% 4.687% 0 4.987%}
.muen a img{display:inline-block;margin-bottom:2.587%;}
.muen .h_btn{position:absolute;top:0;left:0;}
.graybg{background:#512d00;padding-top:5%;overflow:hidden}
.banner{width:87.5%;margin:0 auto;text-align:center}
.banner .tit{width:30.357%;margin:0 auto 4.5% auto}

	.hiSlider{overflow: hidden;width:100%;}
	.hiSlider-item{float: left;}
	
	.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{display:none}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{width:100%;margin:0 auto}
.hiSlider-pages{padding-top:3%;text-align:center}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#119a83}
.hiSlider-pages a.active{background:#ffdd94}

.new ul{padding:0 3.75%;}
.new ul li{border-bottom:1px #866c4d dashed;clear:both;overflow:hidden;margin:4% 0;}
.new ul li span,.new ul li a{display:block;float:left}
.new ul li span{width:10.9375%;max-width:70px;background:#cf3d29;border-radius:15px;text-align:center;color:#FFF;font-size:1em;padding:0.5% 0;margin:0.5% 3% 0 3%}
.new ul li a{display:block;float:left;width:75%;text-decoration:none;margin-bottom:3%}
.new ul li a p{overflow:hidden;}
.new ul li a p:nth-of-type(1){font-size:1.444em;}
.new ul li a p:nth-of-type(2){font-size:1.2em;color:#9c6722;margin-top:1.22%;width:100%}

.blank a{display:block;width:38.473%;margin:8% auto}
.white_rp{background:url(p/images/white_rp.jpg) repeat;}
.white_rp .tit{width:26.562%;margin:6% auto 3% auto}
.swipe {overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap {overflow:hidden;position:relative;}
.swipe-wrap > figure {float:left;width:100%;position:relative;}
.swipe-wrap > figure{display:block;border:0;margin:0;padding:0}
.redbg{position:absolute;width:100%;overflow:hidden;top:0;left:0;padding:8%;box-sizing:border-box}
.redbg{color:#4b4b4b;}
.redbg h3{margin-top:7%;font-weight:600;color:#dc3f00;font-size:1.8em}
.redbg h4{margin-top:3%;font-weight:600;color:#009465;font-size:1.6em}
.redbg p{font-size:1.4em;margin-top:1%}
.redbg .small_img img{width:12.5%;display:block;float:left;margin:2% 2% 0 0}
.redbg b{display:block;float:left;width:3.75%;margin:2% 1% 0 0}
.redbg b img{width:100%}
.pave{position:relative;width:100%;max-width:640px;margin-bottom:2%}
.pave a{font-style:normal;color:#555!important}
.pave #position{text-align:center;list-style:none;margin:0;padding:0}
.pave #position li{display:inline-block;box-sizing:border-box;border-radius:50%;background:#00ae7b;border:5px #009465 solid;cursor:pointer;color:#fff;padding:3.1% 5%;margin:0 3.5%}
.pave #position li i{display:block;font-style:normal;font-size:1.6em;font-weight:bold}
.pave #position li i:nth-child(2){margin-top:-5%}
.pave #position li.on{background:#dc3f00;border:5px #bb3500 solid}

.white_rp .more{width:38.437%;margin:5% auto 7.589% auto}
.fot{background:url(p/images/white_rp.jpg) repeat;padding:0 0 15% 0}
.fot .tit{width:26.562%;margin:10% auto 0 auto}
.fot .erweima{width:54.062%;margin:5% auto}
.fot a{display:block;width:52.5%;margin:0 auto 3% auto}

/*list*/
.list_top{position:relative;width:100%;max-width:640px;}
.list_top div{position:absolute;width:30.468%;left:5.3125%;top:33.111%;}
.list_top a{position:absolute;display:block;width:21.562%;right:5.3125%;top:33.999%}
.list_bg{background:url(p/images/white_rp.jpg) repeat}
.list_new ul li a p:nth-of-type(1){color:#323232;}
.list_new ul li a p:nth-of-type(2){color:#777777;}
.list_new ul li span{background:#00907b;margin:0.5% 3% 0 0}

.new_tit{text-align:center;margin:6% 0;overflow:hidden;padding-left:4.31%}
.new_tit a{display:block;float:left;width:31.887%;background:#c0843b;padding:1.5% 0;text-decoration:none;font-size:1.444em;margin-right:1px;color:#fff}
.new_tit a:hover{background:#00907b}
.new_tit .nav{background:#00907b}
.game_new ul li span{width:14.843%;border-radius:0;}
.game_new .new_tit a{width:23.843%}
.about div{position:relative;}
.about div span{display:block;position:absolute;width:100%;top:0;left:0}
.about div span i{display:block;}
.about div:nth-of-type(1) span i{width:26.5625%;margin:15% auto 0 auto}
.about div:nth-of-type(2) span i{width:48.281%;margin:0 auto}
.about div span a{display:block;width:52.6%;margin:3% auto 0 auto}
.new_text h2{text-align:center;color:#00907b;font-size:1.666em}
.new_text time{display:block;text-align:center;color:#777777;font-size:1em;margin-top:2%}
.new_text img{display:block;width:92.5%;margin:3% auto}
.new_text .line{border-bottom:1px #7c7b7a dashed;margin:2% 4% 4% 4%}
.new_text p{font-size:1.2em;color:#323232;padding:0 4%;line-height:1.8em;text-indent:2em}
.hreo ul{padding:0 0 0 5.381%;overflow:hidden}
.hreo ul li{float:left;width:20.887%;text-align:center;margin:0 3.581% 3.581% 0;font-size:1.4em;color:#323232}
.hreo ul li img{display:block;margin-bottom:7%}
.game_intr{position:relative}
.game_intr div{position:absolute;width:100%;top:0;left:0}
.game_intr div span{display:block;width:26.562%;margin:0 auto;padding-top:10%}
.area{position:relative;}
.area a{display:block;width:40.625%;position:absolute}
.area a:nth-of-type(1){left:29.375%;top:0}
.area a:nth-of-type(2){left:7.925%;top:25.406%}
.area a:nth-of-type(3){right:8.225%;top:25.406%}
.area a:nth-of-type(4){left:29.375%;top:50.656%}


.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;
filter: alpha(opacity=80);}
.white_content{display:none;position:fixed;top:25%;z-index:1002;}
.hreolayer{width:100%;max-width:640px;}
.hreolayer .whitebg{background:#fff url(/p/images/layerbg.jpg) no-repeat;background-size:cover}
.hreolayer header{background:#dc3f00;color:#fff;text-align:center;overflow:hidden;margin:-10% -10% 0 -10%;}
.hreolayer header i{font-size:1.4em;font-style:normal;display:inline-block;padding-top:1.8%}
.hreolayer header img{display:block;float:right;width:10.156%;margin:-1% -1% 0 0}
.hreolayer .big_img{position:absolute;right:0;top:12%;max-width:640px;}
.hreolayer .big_img span{width:57.031%;display:block;float:right}



@media screen and (max-width:760px){
.top hgroup h2{font-size:1em;}
.top hgroup p{font-size:0.8em;}
.top a{font-size:1em;}
.muen a{font-size:1em}
.new ul li a p:nth-of-type(1){font-size:1.222em;color:#fff;}
.new ul li a p:nth-of-type(2){font-size:1em;color:#9c6722;margin-top:1.22%;}
.redbg{font-size:0.8em}
.redbg h3{font-size:1.6em}
.redbg h4{font-size:1.4em}
.redbg p{font-size:1.2em;}
.pave #position li i{font-size:1.4em;}
.new_tit a{font-size:1.2em}
.new_text h2{font-size:1.4em}
.new_text p{font-size:1em}
.game_new ul li span{width:16.843%;}
.hreo ul li{font-size:1.2em}
.hreolayer header i{padding-top:1.5%}
}


@media screen and (max-width:480px){
.top hgroup h2{font-size:0.8em;}
.top hgroup p{font-size:0.6em;}
.top a{font-size:0.8em;}
.muen a{font-size:0.8em;width:16.312%;margin:2.33% 4.187% 0 4.287%}
.new ul li span{font-size:0.6em;}
.new ul li a p:nth-of-type(1){font-size:1em;}
.new ul li a p:nth-of-type(2){font-size:0.8em;color:#b4b4b4;margin-top:1.22%}
.redbg h3{font-size:1.2em}
.redbg h4{font-size:1em}
.redbg p{font-size:0.8em;}
.pave #position li i{font-size:1.2em;}
.new_tit a{font-size:1em}
.new_text h2{font-size:1.2em}
.new_text time{font-size:0.8em}
.new_text p{font-size:0.8em}
.game_new .new_tit a{font-size:0.8em}
.hreo ul li{font-size:1em}
.hreolayer header i{font-size:1.2em;padding-top:1.5%}
}