.game-eatures .bd { height: 461px; overflow: visible !important ;}
.game-eatures .bd li { height: 461px; position: relative; display: none ;}

.game-eatures .bd li .s-tit {  position: absolute; left:20px; width:235px; height:93px; top:160px; background:url(https://web.cdn.16801.com/img.sl.chujian.com/pc/title_1ine.png) no-repeat left bottom; padding-left:10px;}
/* .game-eatures .bd .li1 .s-tit{ background-repeat:no-repeat;}
.game-eatures .bd .li2 .s-tit{ background-repeat:no-repeat;}
.game-eatures .bd .li3 .s-tit{ background-repeat:no-repeat;}
.game-eatures .bd .li4 .s-tit{ background-repeat:no-repeat;} */
.game-eatures .bd li .s-tit span{display:block;}
.game-eatures .bd li .s-tit .tit_big{font-size:58px; color:#3c2116; margin-top:-15px;}
.game-eatures .bd li .s-tit .tit_little{font-size:28px; color:#2b1a0f;}


.game-eatures .bd li .btn { width: 151px; height: 35px; position: absolute; left: 50%; top: 240px; margin-left: -610px; background: #71635b; border: 3px solid #a6a09c; text-align: center; color: #b8b1ad; line-height: 35px; display: block; -o-transition: background ease-in-out .2s; -webkit-transition: background ease-in-out .2s; -moz-transition: background ease-in-out .2s; -ms-transition: background ease-in-out .2s; transition: background ease-in-out .2s ;}
.game-eatures .bd li .btn:hover { text-decoration: none; background: #7d7169 ;}
.game-eatures .bd li .s-bgA { position: absolute; z-index: 5; width: 493px; height: 363px; left: 300px; top: 76px; background-repeat: no-repeat; -webkit-animation: fadeInLeft ease-in-out .4s .4s both; -moz-animation: fadeInLeft ease-in-out .4s .4s both; -ms-animation: fadeInLeft ease-in-out .4s .4s both; animation: fadeInLeft ease-in-out .4s .4s both ; z-index:999;}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(-100%, 0, 0) ;}
    100% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -webkit-transform: none ;}
}
@-moz-keyframes fadeInLeft {
    0% { opacity: 0; filter: alpha(opacity=0); -moz-transform: translate3d(-100%, 0, 0) ;}
    100% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -moz-transform: none ;}
}
@-o-keyframes fadeInLeft {
    0% { opacity: 0; filter: alpha(opacity=0); -o-transform: translate3d(-100%, 0, 0) ;}
    100% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -o-transform: none ;}
}
@-ms-keyframes fadeInLeft {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: translate3d(-100%, 0, 0) ;}
    100% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -ms-transform: none ;}
}
@keyframes fadeInLeft {
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate3d(-100%, 0, 0) ;}
    100% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); transform: none ;}
}

.game-eatures .bd li .s-bgB { position: absolute; z-index: 10; left: 50%; background-repeat: no-repeat ;}
.game-eatures .bd li.li1 .s-tit { background-repeat: no-repeat; ;}
/* .game-eatures .bd li.li1 .s-bgA { } */
.game-eatures .bd li.li1 .s-bgB { left: 357px; top: -131px; width: 1036px; height: 592px;  -webkit-animation: bounceInDownRight ease-in-out .3s .75s both; -moz-animation: bounceInDownRight ease-in-out .3s .75s both; -ms-animation: bounceInDownRight ease-in-out .3s .75s both; animation: bounceInDownRight ease-in-out .3s .75s both ; -z-index:999;}

@-webkit-keyframes bounceInDownRight {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0) ;}
    60% { opacity: 1; -webkit-transform: translate3d(-8%, 8%, 0) ;}
    75% { -webkit-transform: translate3d(5%, -5%, 0) ;}
    90% { -webkit-transform: translate3d(-2.5%, 2.5%, 0) ;}
    100% { -webkit-transform: translate3d(0, 0, 0) ;}
}
@-moz-keyframes bounceInDownRight {
    0%,60%,75%,90%,100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -moz-transform: translate3d(100%, -100%, 0) ;}
    60% { opacity: 1; -moz-transform: translate3d(-8%, 8%, 0) ;}
    75% { -moz-transform: translate3d(5%, -5%, 0) ;}
    90% { -moz-transform: translate3d(-2.5%, 2.5%, 0) ;}
    100% { -moz-transform: translate3d(0, 0, 0) ;}
}
@-o-keyframes bounceInDownRight {
    0%,60%,75%,90%,100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -o-transform: translate3d(100%, -100%, 0) ;}
    60% { opacity: 1; -o-transform: translate3d(-8%, 8%, 0) ;}
    75% { -o-transform: translate3d(5%, -5%, 0) ;}
    90% { -o-transform: translate3d(-2.5%, 2.5%, 0) ;}
    100% { -o-transform: translate3d(0, 0, 0) ;}
}
@-ms-keyframes bounceInDownRight {
    0%,60%,75%,90%,100% { -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -ms-transform: translate3d(100%, -100%, 0) ;}
    60% { opacity: 1; -ms-transform: translate3d(-8%, 8%, 0) ;}
    75% { -ms-transform: translate3d(5%, -5%, 0) ;}
    90% { -ms-transform: translate3d(-2.5%, 2.5%, 0) ;}
    100% { -ms-transform: translate3d(0, 0, 0) ;}
}
@keyframes bounceInDownRight {
    0%,60%,75%,90%,100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; transform: translate3d(100%, -100%, 0) ;}
    60% { opacity: 1; transform: translate3d(-8%, 8%, 0) ;}
    75% { transform: translate3d(5%, -5%, 0) ;}
    90% { transform: translate3d(-2.5%, 2.5%, 0) ;}
    100% { transform: translate3d(0, 0, 0) ;}
}

.game-eatures .bd li.li2 .s-tit { background-repeat: no-repeat; ;}
/* .game-eatures .bd li.li2 .s-bgA {} */
.game-eatures .bd li.li2 .s-bgB {left: 414px; top: -235px; width: 956px; height: 696px;  -webkit-animation: bounceInRight ease-in-out .3s .75s both; -moz-animation: bounceInRight ease-in-out .3s .75s both; -ms-animation: bounceInRight ease-in-out .3s .75s both; animation: bounceInRight ease-in-out .3s .75s both; z-index:1000;}
@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) ;}
    60% { opacity: 100; -webkit-transform: translate3d(-8%, 0, 0) ;}
    75% { -webkit-transform: translate3d(5%, 0, 0) ;}
    90% { -webkit-transform: translate3d(-2.5%, 0, 0) ;}
    100% { -webkit-transform: translate3d(0, 0, 0) ;}
}
@-moz-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -moz-transform: translate3d(100%, 0, 0) ;}
    60% { opacity: 100; -moz-transform: translate3d(-8%, 0, 0) ;}
    75% { -moz-transform: translate3d(5%, 0, 0) ;}
    90% { -moz-transform: translate3d(-2.5%, 0, 0) ;}
    100% { -moz-transform: translate3d(0, 0, 0) ;}
}
@-o-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -o-transform: translate3d(100%, 0, 0) ;}
    60% { opacity: 100; -o-transform: translate3d(-8%, 0, 0) ;}
    75% { -o-transform: translate3d(5%, 0, 0) ;}
    90% { -o-transform: translate3d(-2.5%, 0, 0) ;}
    100% { -o-transform: translate3d(0, 0, 0) ;}
}
@-ms-keyframes bounceInRight {
    0%,60%,75%,90%,100% { -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -ms-transform: translate3d(100%, 0, 0) ;}
    60% { opacity: 100; -ms-transform: translate3d(-8%, 0, 0) ;}
    75% { -ms-transform: translate3d(5%, 0, 0) ;}
    90% { -ms-transform: translate3d(-2.5%, 0, 0) ;}
    100% { -ms-transform: translate3d(0, 0, 0) ;}
}
@keyframes bounceInRight {
    0%,60%,75%,90%,100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; transform: translate3d(100%, 0, 0) ;}
    60% { opacity: 100; transform: translate3d(-8%, 0, 0) ;}
    75% { transform: translate3d(5%, 0, 0) ;}
    90% { transform: translate3d(-2.5%, 0, 0) ;}
    100% { transform: translate3d(0, 0, 0) ;}
}

.game-eatures .bd li.li3 .s-tit { background-repeat: no-repeat; ;}
/* .game-eatures .bd li.li3 .s-bgA { } */
.game-eatures .bd li.li3 .s-bgB {left: 330px; top: -189px; width: 1242px; height: 711px;  -webkit-animation: bounceInUpRight ease-in-out .3s .75s both; -moz-animation: bounceInUpRight ease-in-out .3s .75s both; -ms-animation: bounceInUpRight ease-in-out .3s .75s both; animation: bounceInUpRight ease-in-out .3s .75s both; z-index:1000;}
@-webkit-keyframes bounceInUpRight {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0) ;}
    60% { opacity: 1; -webkit-transform: translate3d(-8%, -8%, 0) ;}
    75% { -webkit-transform: translate3d(5%, 5%, 0) ;}
    90% { -webkit-transform: translate3d(-2.5%, -2.5%, 0) ;}
    100% { -webkit-transform: translate3d(0, 0, 0) ;}
}
@-moz-keyframes bounceInUpRight {
    0%,60%,75%,90%,100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -moz-transform: translate3d(100%, 100%, 0) ;}
    60% { opacity: 1; -moz-transform: translate3d(-8%, -8%, 0) ;}
    75% { -moz-transform: translate3d(5%, 5%, 0) ;}
    90% { -moz-transform: translate3d(-2.5%, -2.5%, 0) ;}
    100% { -moz-transform: translate3d(0, 0, 0) ;}
}
@-o-keyframes bounceInUpRight {
    0%,60%,75%,90%,100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -o-transform: translate3d(100%, 100%, 0) ;}
    60% { opacity: 1; -o-transform: translate3d(-8%, -8%, 0) ;}
    75% { -o-transform: translate3d(5%, 5%, 0) ;}
    90% { -o-transform: translate3d(-2.5%, -2.5%, 0) ;}
    100% { -o-transform: translate3d(0, 0, 0) ;}
}
@-ms-keyframes bounceInUpRight {
    0%,60%,75%,90%,100% { -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; -ms-transform: translate3d(100%, 100%, 0) ;}
    60% { opacity: 1; -ms-transform: translate3d(-8%, -8%, 0) ;}
    75% { -ms-transform: translate3d(5%, 5%, 0) ;}
    90% { -ms-transform: translate3d(-2.5%, -2.5%, 0) ;}
    100% { -ms-transform: translate3d(0, 0, 0) ;}
}
@keyframes bounceInUpRight {
    0%,60%,75%,90%,100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; transform: translate3d(100%, 100%, 0) ;}
    60% { opacity: 1; transform: translate3d(-8%, -8%, 0) ;}
    75% { transform: translate3d(5%, 5%, 0) ;}
    90% { transform: translate3d(-2.5%, -2.5%, 0) ;}
    100% { transform: translate3d(0, 0, 0) ;}
}

.game-eatures .bd li.li4 .s-tit { background-repeat: no-repeat; ;}
/* .game-eatures .bd li.li4 .s-bgA { } */
.game-eatures .bd li.li4 .s-bgB { left: 515px; top: -100px; width: 958px; height: 560px;  -webkit-animation: bounceInDown ease-in-out .3s .75s both; -moz-animation: bounceInDown ease-in-out .3s .75s both; -ms-animation: bounceInDown ease-in-out .3s .75s both; animation: bounceInDown ease-in-out .3s .75s both; z-index:1000;}
@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -100%, 0) ;}
    60% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 8%, 0) ;}
    75% { -webkit-transform: translate3d(0, -5%, 0) ;}
    90% { -webkit-transform: translate3d(0, 2.5%, 0) ;}
    100% { -webkit-transform: translate3d(0, 0, 0) ;}
}
@-moz-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -moz-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; filter: alpha(opacity=0); -moz-transform: translate3d(0, -100%, 0) ;}
    60% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -moz-transform: translate3d(0, 8%, 0) ;}
    75% { -moz-transform: translate3d(0, -5%, 0) ;}
    90% { -moz-transform: translate3d(0, 2.5%, 0) ;}
    100% { -moz-transform: translate3d(0, 0, 0) ;}
}
@-o-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -o-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; filter: alpha(opacity=0); -o-transform: translate3d(0, -100%, 0) ;}
    60% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -o-transform: translate3d(0, 8%, 0) ;}
    75% { -o-transform: translate3d(0, -5%, 0) ;}
    90% { -o-transform: translate3d(0, 2.5%, 0) ;}
    100% { -o-transform: translate3d(0, 0, 0) ;}
}
@-ms-keyframes bounceInDown {
    0%,60%,75%,90%,100% { -ms-transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: translate3d(0, -100%, 0) ;}
    60% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); -ms-transform: translate3d(0, 8%, 0) ;}
    75% { -ms-transform: translate3d(0, -5%, 0) ;}
    90% { -ms-transform: translate3d(0, 2.5%, 0) ;}
    100% { -ms-transform: translate3d(0, 0, 0) ;}
}
@keyframes bounceInDown {
    0%,60%,75%,90%,100% { transition-timing-function: cubic-bezier(0.215, .61, .355, 1) ;}
    0% { opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -100%, 0) ;}
    60% { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 8%, 0) ;}
    75% { transform: translate3d(0, -5%, 0) ;}
    90% { transform: translate3d(0, 2.5%, 0) ;}
    100% { transform: translate3d(0, 0, 0) ;}
}

.game-eatures .bd li.on { display: block ;}
.game-eatures .hd { position: absolute; left:20px; bottom:140px; z-index:1002;}
.game-eatures .hd li { float: left; width: 30px; height: 30px; margin-right: 5px; cursor: pointer; background:url(https://web.cdn.16801.com/img.sl.chujian.com/pc/round22.png) no-repeat;}
.game-eatures .hd li.on { background:url(https://web.cdn.16801.com/img.sl.chujian.com/pc/round22_hover.png) no-repeat;}

/* .rotate_play{animation:rotatePlay 2s linear infinite; -webkit-animation:rotatePlay 2s linear infinite; -moz-animation:rotatePlay 2s linear infinite; -o-animation:rotatePlay 2s linear infinite; -ms-animation:rotatePlay 2s linear infinite;}
@-webkit-keyframes rotatePlay{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-o-keyframes rotatePlay{
    from{-o-transform:rotate(0deg);}
    to{-o-transform:rotate(360deg);}
}
@-moz-keyframes rotatePlay{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotatePlay{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
@keyframes rotatePlay{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
} */
.rotate_play1{width:137px; height:137px; background:url(https://web.cdn.16801.com/img.sl.chujian.com/pc/guanxiao.png) no-repeat; position:absolute; left:5px; top:5px; z-index:99999; display:none;}
.big_small{animation:fromBigToSmall .7s linear alternate infinite; -webkit-animation:fromBigToSmall .7s linear alternate infinite; -moz-animation:fromBigToSmall .7s linear alternate infinite; -o-animation:fromBigToSmall .7s linear alternate infinite; -ms-animation:fromBigToSmall .7s linear alternate infinite; cursor:pointer;}
@-webkit-keyframes fromBigToSmall{
    from{-webkit-transform:scale(1);}
    to{-webkit-transform:scale(1.1);}
}
@-moz-keyframes fromBigToSmall{
    from{-moz-transform:scale(1);}
    to{-moz-transform:scale(1.1);}
}
@-o-keyframes fromBigToSmall{
    from{-o-transform:scale(1);}
    to{-o-transform:scale(1.1);}
}
@-ms-keyframes fromBigToSmall{
    from{-ms-transform:scale(1);}
    to{-ms-transform:scale(1.1);}
}
@keyframes fromBigToSmall{
    from{transform:scale(1);}
    to{transform:scale(1.1);}
}