@charset "gb2312";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}
em,i{font-style:normal}
li{list-style:none}
a{text-decoration:none}
img{border:0; vertical-align:middle; padding: 0;}
table{border-collapse:collapse;border-spacing:0}
label{cursor:default}
body,button,input,select,textarea{font:14px/1.5 'microsoft yahei',arial,\5b8b\4f53}
textarea{resize:none}
a,a:focus{outline:none}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}
.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.
.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}
.hide{display:none}.show{display:block}.mt10{margin-top:10px}
.noMr{margin-right: 0 !important;}
.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{position: relative; background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/body-bg.jpg) no-repeat center top;color:#787668; width: 100%; height: 100%; overflow:hidden;}
a{color:#787668;text-decoration:none; transition:color 0.2s linear 0s; -moz-transition:color 0.2s linear 0s; -webkit-transition:color 0.2s linear 0s;}
a:hover{color:#787668;}


/*loading*/
.loading{position: fixed; top:0; left:0; width:100%; height:100%; background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/loading-bg.jpg) no-repeat center top; z-index:9;}
.main{position:relative; width: 780px; height: 780px; left:50%; margin-left: -390px; top:50%; margin-top: -390px;} 
.loading img{position: absolute;}
.loading img.i1{width:215px; height:51px; left: 50%; margin-left: -108px; cursor: pointer; z-index: 2; bottom: 0; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; filter:alpha(opacity=0);   transition:all 0.5s linear 0s; -moz-transition:all 0.5s linear 0s; -webkit-transition:all 0.5s linear 0s;}
.loading img.i2{width:620px; height: 623px; left: 50%; margin-left: -310px; top:50%; margin-top: -310px; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; filter:alpha(opacity=0);}
.loading img.i3{width:743px; height: 744px; left: 50%; margin-left: -371px; top:50%; margin-top: -372px; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; filter:alpha(opacity=0);}
.loading img.i4{width:780px; height: 763px; left: 50%; margin-left: -390px; top:50%; margin-top: -380px; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; filter:alpha(opacity=0);}
.loading img.i5{-moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear; width:507px; height: 344px; left: 50%; margin-left: -253px; bottom: 0; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; filter:alpha(opacity=0); }
.scale1{animation: imgScale .6s ease-in-out ; -moz-animation: imgScale .6s ease-in-out ; -webkit-animation: imgScale .6s ease-in-out ;}
.scale2{animation: imgScale .6s ease-in-out .2s ; -moz-animation: imgScale .6s ease-in-out .2s ; -webkit-animation: imgScale .6s ease-in-out .2s ;}
.scale3{animation: imgScale .8s ease-in-out .2s ; -moz-animation: imgScale .8s ease-in-out .2s ; -webkit-animation: imgScale .8s ease-in-out .2s ;}
.rotate1{animation: shunRotate  20s linear  infinite; -moz-animation: shunRotate  20s linear  infinite; -webkit-animation: shunRotate  20s linear  infinite;}
.rotate2{animation: niRotate  16s linear  infinite; -moz-animation: niRotate  16s linear  infinite; -webkit-animation: niRotate  16s linear  infinite;}
.loading img.i1:hover{-moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05); }


.gotop1{bottom: 200px !important; opacity: 1!important; filter:alpha(opacity=100)!important;}
.gotop2{bottom: 280px !important; opacity: 1!important; filter:alpha(opacity=100)!important;}

@-webkit-keyframes shunRotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes shunRotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@keyframes shunRotate{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}

@-webkit-keyframes niRotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes niRotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(-360deg)}
}
@keyframes niRotate{
	from{transform:rotate(0deg)}
	to{transform:rotate(-360deg)}
}

@-webkit-keyframes imgScale{
	0%{-webkit-transform: scale(1) ; opacity: 0; }
	60%{-webkit-transform: scale(1.1); opacity: 0.6;}
	100%{-webkit-transform: scale(1);opacity: 1;}
}
@-moz-keyframes imgScale{
	0%{-moz-transform: scale(1) ; opacity: 0; }
	60%{-moz-transform: scale(1.1); opacity: 0.6;}
	100%{-moz-transform: scale(1);opacity: 1;}
}
@keyframes imgScale{
	0%{transform: scale(1) ; opacity: 0; }
	60%{transform: scale(1.1); opacity: 0.6;}
	100%{transform: scale(1);opacity: 1;}
}

@-webkit-keyframes goTop{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 280px; opacity: 1; filter:alpha(opacity=100);}
}
@-moz-keyframes goTop{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 280px; opacity: 1; filter:alpha(opacity=100);}
}
@keyframes goTop{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 280px; opacity: 1; filter:alpha(opacity=100);}
}

@-webkit-keyframes goTop2{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 200px; opacity: 1; filter:alpha(opacity=100);}
}
@-moz-keyframes goTop2{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 200px; opacity: 1; filter:alpha(opacity=100);}
}
@keyframes goTop2{
	form{bottom: 0; opacity: 0; filter:alpha(opacity=0);}
	to{bottom: 200px; opacity: 1; filter:alpha(opacity=100);}
}


/*container*/
.container{width:100%; height: 100%; position: relative; display: none;}
.container .gamelist{height:100%;}
.gamelist li{position:relative; overflow: hidden; float: left; height:100%; cursor: pointer;  transition:width,transform .4s linear,.4s linear ; -moz-transition:width,transform .4s linear,.4s linear; -webkit-transition:width,transform .4s linear,.4s linear ; overflow: hidden; left: 0; z-index: 8; }
.game1{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic1.jpg) no-repeat right 0;}
.game1:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic1-on.jpg) no-repeat right 0;}
.game2{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic2.jpg) no-repeat right 0;}
.game2:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic2-on.jpg) no-repeat right 0;}
.game3{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic3.jpg) no-repeat right 0;}
.game3:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic3-on.jpg) no-repeat right 0;}
.game4{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic4.jpg) no-repeat right 0;}
.game4:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic4-on.jpg) no-repeat right 0;}
.game5{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic5.jpg) no-repeat right 0;}
.game5:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic5-on.jpg) no-repeat right 0;}
.game6{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic6.jpg) no-repeat right 0;}
.game6:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic6-on.jpg) no-repeat right 0;}
.game7{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic7.jpg) no-repeat right 0;}
.game7:hover{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/pic7-on.jpg) no-repeat right 0;}

/*box*/
.box{display: none;position: absolute;width:1207px; height: 775px; left: 50%;top:50%; margin-left: -603px; margin-top: -387px; }
.bd{display: none; width: 1077px; height: 775px; padding: 0 65px; overflow: hidden;}
.bd-box{width:1207px; height: 775px;  overflow: hidden;}
.bd1{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game1.png) no-repeat center top;}
.bd2{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game2.png) no-repeat center top;}
.bd3{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game3.png) no-repeat center top;}
.bd4{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game4.png) no-repeat center top;}
.bd5{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game5.png) no-repeat center top;}
.bd6{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game6.png) no-repeat center top;}
.bd7{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/game7.png) no-repeat center top;}

.t-bd{display: none; width:1095px; padding-top: 175px;}
.t-bd li{position: relative; padding: 10px 25px 0; width: 290px; height: 345px; background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/ico-6.png) no-repeat center top; float: left; margin-right: 23px; transition:all .4s linear; -moz-transition:all .4s linear; -webkit-transition:all .4s linear; }
.t-bd li dl{width:235px; margin: 0 auto;}
.title{color:#dbc489; font-size: 20px; font-weight: bold; line-height: 48px; border-bottom: 2px dashed #dbc489; text-align: center;margin-bottom: 10px;}
.t-bd li dl dd{text-align: center; line-height: 24px;}
.t-bd li:hover{margin-top: -10px;}
.moregame{display: none; width: 960px; margin-left: 10px; padding-left: 40px; background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/ico-7.png) no-repeat left 0; height: 150px; margin-top: 50px;}
.moregame li{position: relative;width: 198px; height: 150px; margin-left: 38px; float: left;}
.moregame li span{display: block; width: 198px; height: 110px;  border: 1px solid #746a4f;  overflow: hidden;}
.moregame li span img{transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear;}
.moregame li span:hover img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.moregame li:hover{mrgin-top:-10px;}
.moregame li p{text-align:center; font-size: 16px; line-height: 40px; font-weight: bold;}
.btn{position: absolute;width: 100%; top:50%; margin-top: -25px;  height:50px; z-index: 8; }
.btn span{display: block;  width: 50px; height: 50px; cursor: pointer;}
.right{margin-right: -25px; display: block; float: right; background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/btn.png) no-repeat right top; }
.left{margin-left: -25px;  background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/btn.png) no-repeat left top; }
.close{cursor: pointer; position: absolute; right: 0; top:-50px;}
.t-bd li span{display:inline-block; height: 20px; border: 1px solid #e5cd8c; width: 38px;text-align: center; line-height: 20px; font-size: 14px; font-weight: normal; vertical-align: middle; margin-left: 5px;}


/*jiazai*/
.jiazai{position:fixed; width: 100%; height: 100%; background: #000; top:0; left:0; z-index: 99;}
.load1{background: url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/loading.png) no-repeat center center; width: 180px; height: 180px; position: absolute; top:50%; margin-top:-90px; left:50%; margin-left: -90px; animation: shunRotate  10s linear  infinite; -moz-animation: shunRotate  10s linear  infinite; -webkit-animation: shunRotate  10s linear  infinite;}
.load2{background:url(http://news.ahlqjzzs.com/zt/2017pd/1801files/images/loading2.png) no-repeat center center; width: 180px; height: 180px; animation: niRotate  8s linear  infinite; -moz-animation: niRotate  8s linear  infinite; -webkit-animation: niRotate  8s linear  infinite;}
.num{position:absolute; width:180px; height:180px;top:50%; margin-top:-90px; left:50%; margin-left: -90px; line-height: 180px; text-align: center; color: #755c3f; font-size: 24px; font-weight: bold;}