@charset "utf-8";
*{margin:0px;padding:0px;font-family:Arial;}
a{text-decoration:none;}
@font-face{font-family:RomicStd-Light;src:url(../images/RomicStd-Light.otf);}

ul{list-style:none;}
img{border:0px;}
body{background:#0d0e13;}
.clear{clear:both;}
.center{width:1000px;margin:0px auto;position:relative;overflow:hidden;}
.box{width:910px;margin:0px auto;overflow:hidden;position:relative;}
.tc_video{position:fixed;z-index:100;width:669px;height:453px;top:50%;left:50%;margin:-227px 0 0 -335px;background:#000;display:none;}
.tc_video_x{position:absolute;width:50px;height:50px;background:url(../images/a_x.jpg) no-repeat;margin-left:669px;}
.tp_404{width:100%;height:835px;background:url(../images/tp_404.jpg) no-repeat center top;}
.gg_1{width:900px;height:470px;position:fixed;z-index:9999;top:50%;left:50%;margin:-235px 0 0 -450px;background:url(../images/gg_1.jpg) no-repeat;}
.gg_1 a{float:right;display:inline-block;width:38px;height:38px;}
.hei{width:100%;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;background:#000;position:fixed;top:0;z-index:9998;display:block;height:1000px;}

.head{width:100%;height:93px;background:url(../images/head.jpg) no-repeat center top;}
.head a.index{position:absolute;margin-top:7px;left: 0px;}
.menu{float:left;margin-left:180px;height:93px;}
.menu a{display:inline-block;float:left;width:115px;height:85px;text-align:center;line-height:85px;color:#fff;font-size:16px;font-family:RomicStd-Light}
.menu a.a_1{margin-left:-0px;}
.menu a:hover{color:#ff6800;background:url(../images/nav_on2.png) no-repeat;}
.menu a.on{color:#ff6800;background:url(../images/nav_on2.png) no-repeat;}
.banner{width:100%;height:386px;background:url(../images/banner.jpg) no-repeat center top;overflow:hidden;}
.main{width:100%;background:url(../images/index_bj.jpg) no-repeat center top;}
.head_t{width:1000px;height:845px;margin:0px auto;background:url(../images/head_bj.jpg) no-repeat;overflow:hidden;}
.video{width:512px;height:283px;margin:284px 0 0 45px;}
.video_an{position:absolute;width:512px;height:283px;z-index:99;background:url(../images/tm.png) repeat;}
.video_text{width:512px;height:46px;text-align:center;line-height:46px;position:absolute;margin-top:237px;z-index:1;background:#181920;color:#fff;font-size:24px;font-family:RomicStd-Light}
.video_text a{color:#d80600;font-family:RomicStd-Light}
.video_1{display:block;width:512px;height:283px;}
.video_1:hover{background:url(../images/video_2.jpg) no-repeat 0 -283px;}
.head_down{width:512px;height:80px;background:url(../images/down.png) no-repeat;margin:20px 0 0 45px;}
.head_down a.ios{display:inline-block;float:left;width:235px;height:80px;}
.head_down a.ios:hover{background:url(../images/down.png) no-repeat 0 -80px;}
.head_down a.and{display:inline-block;float:left;width:205px;height:80px;}
.head_down a.and:hover{background:url(../images/down.png) no-repeat -235px -80px;}
.head_down a.gift{display:inline-block;float:left;width:70px;height:80px;}
.head_down a.gift:hover{background:url(../images/down.png) no-repeat -440px -80px;}
.head_forum{display:block;width:512px;height:80px;background:url(../images/forum.jpg) no-repeat;margin:20px 0 0 45px;}
.head_forum:hover{background:url(../images/forum.jpg) no-repeat 0 -80px;}
.fx{width:512px;margin:20px 0 0 45px;}
.list_fx{margin:330px 45px 0 0;float:right;display:inline;}
.fx a{display:inline-block;float:right;margin-left:16px;width:36px;height:36px;}
.fx a.a_f{background:url(../images/fx.png) no-repeat 0 0;}
.fx a.a_t{background:url(../images/fx.png) no-repeat 0 -36px;}
.fx a.a_y{background:url(../images/fx.png) no-repeat 0 -72px;}
.fx a.a_i{background:url(../images/fx.png) no-repeat 0 -108px;}
.fx a.a_f:hover{background:url(../images/fx.png) no-repeat -36px 0;}
.fx a.a_t:hover{background:url(../images/fx.png) no-repeat -36px -36px;}
.fx a.a_y:hover{background:url(../images/fx.png) no-repeat -36px -72px;}
.fx a.a_i:hover{background:url(../images/fx.png) no-repeat -36px -108px;}

.cont{width:1000px;margin:0px auto;background:url(../images/content_bj.jpg) no-repeat #0d0e13;overflow:hidden;}
.media{width:1000px;height:525px;margin:47px auto 0;overflow:hidden;}
.more{position:absolute;width:37px;height:37px;background:url(../images/more.jpg) no-repeat;margin-left:918px;}
.more:hover{background:url(../images/more.jpg) no-repeat 0 -37px;}
.media_l{position:absolute;width:22px;height:110px;background:url(../images/media_jt.jpg) no-repeat;margin:203px 0 0 13px;}
.media_l:hover{background:url(../images/media_jt.jpg) no-repeat -22px 0;}
.media_r{position:absolute;width:22px;height:110px;background:url(../images/media_jt.jpg) no-repeat 0 -110px;margin:203px 0 0 965px;}
.media_r:hover{background:url(../images/media_jt.jpg) no-repeat -22px -110px;}
.media_1{position:relative;width:910px;height:380px;overflow:hidden;margin:68px auto 0;}
.media_2{position:absolute;width:100000px;height:380px;}
.media_3{float:left;width:910px;height:380px;}
.media_3 p a{display:none;}
.media_3 p.div1{float:left;width:280px;height:380px;margin-right:10px;display:inline;overflow:hidden;}
.media_3 p.div1 a{position:absolute;z-index:1;width:280px;height:380px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_3 p.div1 a img{margin-top:164px;}
.media_3 p.div2{float:left;width:305px;height:185px;margin-right:10px;display:inline;overflow:hidden;}
.media_3 p.div2 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_3 p.div2 a img{margin-top:72px;}
.media_3 p.div3{float:left;width:305px;height:185px;overflow:hidden;}
.media_3 p.div3 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_3 p.div3 a img{margin-top:72px;}
.media_3 p.div4{float:left;width:305px;height:185px;margin:10px 10px 0 0;display:inline;overflow:hidden;}
.media_3 p.div4 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_3 p.div4 a img{margin-top:72px;}
.media_3 p.div5{float:left;width:305px;height:185px;margin-top:10px;overflow:hidden;}
.media_3 p.div5 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_3 p.div5 a img{margin-top:72px;}
.media_4{float:left;width:910px;height:380px;}
.media_4 p a{display:none;}
.media_4 p.div1{float:left;width:280px;height:380px;margin-right:10px;display:inline;overflow:hidden;}
.media_4 p.div1 a{position:absolute;z-index:1;width:280px;height:380px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_4 p.div1 a img{margin-top:164px;}
.media_4 p.div2{float:left;width:305px;height:185px;margin-right:10px;display:inline;overflow:hidden;}
.media_4 p.div2 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_4 p.div2 a img{margin-top:72px;}
.media_4 p.div3{float:left;width:305px;height:185px;overflow:hidden;}
.media_4 p.div3 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_4 p.div3 a img{margin-top:72px;}
.media_4 p.div4{float:left;width:305px;height:185px;margin:10px 10px 0 0;display:inline;overflow:hidden;}
.media_4 p.div4 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_4 p.div4 a img{margin-top:72px;}
.media_4 p.div5{float:left;width:305px;height:185px;margin-top:10px;overflow:hidden;}
.media_4 p.div5 a{position:absolute;z-index:1;width:305px;height:185px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;text-align:center;}
.media_4 p.div5 a img{margin-top:72px;}
.news{width:1000px;margin:0px auto;overflow:hidden;}
.news ul{width:910px;margin:50px auto 0;overflow:hidden;}
.news ul li{width:910px;border-bottom:1px solid #282839;margin-top:20px;padding-bottom:20px;}
.news ul li a{display:inline-block;float:left;font-size:30px;color:#e4e8f9;}
.news ul li span{display:inline-block;float:right;font-size:14px;color:#636382;margin-top:12px;font-weight:bold;}
.news ul li p{margin-top:10px;line-height:25px;font-size:18px;color:#9c9cc9;}
.news ul li p a{float:none;font-size:18px;}
.news ul li p a u{font-size:18px;}

.nav{width:100%;height:76px;margin-top:308px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;position:absolute;left:0;}
.nav_1{position:absolute;margin:325px 0 0 45px;background:url(../images/tb_1.png) no-repeat left;padding-left:50px;line-height:50px;color:#e4e8f9;font-size:18px;z-index:1;}
.nav_1 a{color:#9c9cc9;}
.nav_2{position:absolute;right:0;margin-top:330px;}
.nav_2 a{display:inline-block;float:right;margin-left:15px;width:36px;height:36px;}
.content{width:100%;background:url(../images/cont_bj.jpg) no-repeat center top;}
.content_menu{width:908px;height:60px;border:1px solid #282839;background:#221f3a;margin:153px auto 0;}
.content_menu a{display:inline-block;width:454px;height:60px;float:left;line-height:60px;text-align:center;color:#fff;font-size:24px;}
.content_menu a.on{background:#5a0c0a;}
.content_body{width:910px;margin:25px auto 0;border-bottom:1px solid #282839;padding-bottom:20px;line-height:25px;color:#9c9cc9;font-size:18px;}
.content_body p{margin-top:10px;line-height:25px;color:#9c9cc9;font-size:18px;}
.content_body div{margin-top:10px;line-height:25px;color:#9c9cc9;font-size:18px;}
.content1{width:100%;background:url(../images/cont_bj_1.jpg) no-repeat center top;}
.welcome{width:870px;height:320px;margin:170px 0 0 64px;}
.welcome h2{font-size:34px;color:#e4e8f9;}
.welcome p{margin-top:10px;line-height:28px;color:#9c9cc9;font-size:20px;}
.welcome p span{color:#e4e8f9;}
.faq{width:910px;margin:45px auto 0;overflow:hidden;}
.faq h2{font-size:34px;color:#e4e8f9;margin-left:18px;}
.faq_menu{width:908px;height:60px;border:1px solid #282839;background:#221f3a;margin:30px auto 0;}
.faq_menu a{display:inline-block;width:227px;height:60px;float:left;line-height:60px;text-align:center;color:#fff;font-size:24px;}
.faq_menu a.on{background:#5a0c0a;}
.faq ul{width:910px;margin:20px auto 0;display:none;}
.faq ul li{height:50px;overflow:hidden;width:910px;border-bottom:1px solid #282839;margin-top:15px;cursor:pointer;}
.faq ul li.btn{height:50px;}
.faq ul li.on{height:auto;padding-bottom:12px;}
.faq ul li h6{padding-left:50px;height:37px;line-height:37px;color:#e4e8f9;font-size:30px;background:url(../images/sx.jpg) no-repeat left top;}
.faq ul li.on h6{background:url(../images/sx.jpg) no-repeat 0px -37px;}
.faq ul li h6 span{color:#636382;font-size:14px;float:right;}
.faq ul li p{line-height:30px;margin-top:10px;font-size:18px;color:#9c9cc9;margin-left:50px;}
.faq ul li p a{color:#e4e8f9}

.gift_tc{position:fixed;width:658px;height:560px;top:50%;left:50%;margin:-280px 0 0 -329px;background:url("../images/gift_tc.jpg") no-repeat;z-index:9999;display: none;}
.gift_tc_x{display:block;margin-left:580px;width:78px;height:78px;}
.gift_tc h6{font-size:26px;color:#9c9cc9;margin:20px 0 0 38px;font-weight:100;}
.gift_text{display:inline;float:left;margin:33px 0 0 5px;width:300px;height:35px;line-height:35px;text-align:center;font-size:26px;color:#bbbfd1;}
#copyButton{display:inline;float:left;margin:33px 0 0 10px;width:80px;height:35px;}
.gift_tc p{width:600px;margin:15px 0 0 38px;color:#e4e8f9;font-size:18px;line-height:25px;}

.media_cont{width:100%;background:url(../images/media_bj.jpg) no-repeat center top;}
.news_cont{width:100%;background:url(../images/news_bj.jpg) no-repeat center top;}
.press_cont{width:100%;background:url(../images/press_bj.jpg) no-repeat center top;}
.detail_cont{width:100%;background:url(../images/detail_bj.jpg) no-repeat center top;}
.newplayers_cont{width:100%;background:url(../images/newplayers_bj.jpg) no-repeat center top;}
.game_cont{width:100%;background:url(../images/game_bj.jpg) no-repeat center top;}
.story_cont{width:100%;background:url(../images/story_bj.jpg) no-repeat center top;}
.content_body ul{width:950px;}
.content_body ul li{float:left;width:440px;margin:30px 30px 0 0;display:inline;}

.press_1{width:910px;margin:120px auto 0;overflow:hidden;}
.press_1 h2{font-size:34px;color:#e4e8f9;font-weight:100;margin-top:30px;}
.press_1 h3{font-size:24px;color:#e4e8f9;font-weight:100;margin-top:30px;}
.press_1 dl{width:910px;margin:0px auto;}
.press_1 dl dt{width:150px;float:left;margin-top:15px;font-size:18px;color:#9c9cc9;text-align:right;height:20px;}
.press_1 dl dd{width:750px;float:left;margin-top:15px;font-size:18px;color:#b7b7df;display:inline;height:20px;}
.press_1 dl dd a{color:#b7b7df;}
.press_xian{width:910px;margin:30px auto 0;height:1px;overflow:hidden;background:#282839;}
.press_text{font-size:18px;color:#9c9cc9;line-height:22px;margin-top:15px;}
.press_text p a{color:#9c9cc9;}
.team_logo{float:left;margin-top:30px;}
.team_p{float:left;margin:30px 0 0 10px;display:inline;}
.team_p p{width:575px;height:38px;line-height:38px;background:#12101e;color:#9c9cc9;font-size:18px;margin-bottom:11px;padding-left:10px;}
.team_p p a{color:#9c9cc9;}
.press_logo{float:left;margin-top:15px;margin-right:115px;display:inline;}
.press_img{width:910px;margin-top:0px;}
.press_img ul{width:950px;}
.press_img ul li{float:left;width:440px;margin:30px 30px 0 0;display:inline;}
.press_video_a{width:281px;float:left;margin-top:30px;height:311px;}
.press_video_a_1{position:absolute;}
.press_video_a a{display:block;width:301px;height:103px;background:url(../images/press_v_on.png) no-repeat 0 -103px;margin-bottom:1px;font-size:30px;color:#e4e8f9;text-align:center;line-height:103px;}
.press_video_a a.on{display:block;width:301px;height:103px;background:url(../images/press_v_on.png) no-repeat 0 0;}
.press_video_div{float:left;width:629px;height:311px;margin-top:30px;}
.press_video_div div{display:none;color:#fff;}

.box-nav{
    height: 37px;
    text-align: right;
    padding-top: 50px;
}
.box-nav a{
    width: 194px;
    height: 37px;
    background: url(../images/subnav.png) 0 0 no-repeat;
    display: inline-block;
}
.box-nav a.box-nav-game{
    background-position: 0 -37px;
}
.detail{
    width:910px;
    margin:135px auto 0;
    overflow:hidden;
}
.detail h1{
    font-size:30px;
    color:#e4e8f9;
    line-height: 34px;
    margin-bottom: 30px;
}
.detail h1 span{
    font-size: 14px;
    color: #636382;
    float:right;
}
.detail p{
    color: #9c9cc9;
    margin-bottom: 30px;
    font-size: 18px;
}
.detail table{
    width: 100%;
    border: 1px solid #575d8d;
    border-collapse: collapse;
}
.detail a{
    color: #9c9cc9;
}
.detail p a,.detail span a,.detail div a{
    color: #e4e8f9;
}
.detail table th,.detail table td{
    border: 1px solid #575d8d;
    padding: 10px 8px;
    color: #9c9cc9;
}
.newplayers{
    overflow: hidden;
}
.newplayers-nav{
    padding-top: 60px;
    margin-bottom: 40px;
}
.newplayers-nav a{
    display: inline-block;
    line-height: 60px;
    height: 60px;
    background-color: #221f3a;
    position: relative;
    border-radius: 0;
    margin: 0 30px;
    font-size: 24px;
    color: #e4e8f9;
    text-align: center;
}
.newplayers-nav a.newp-nav1{
    width: 290px;
}
.newplayers-nav a.newp-nav2{
    width: 290px;
}
.newplayers-nav a.newp-nav3{
    width: 140px;
}
.newplayers-nav a:before,.newplayers-nav a:after{
    position: absolute;
    content: "";
}
.newplayers-nav a:before{
    border: transparent 30px solid;
    border-right-color: #221f3a;
    top: 0;
    left: -60px;
    height: 0;
    width: 0;
}
.newplayers-nav a:after{
    border: transparent 30px solid;
    border-left-color: #221f3a;
    top: 0;
    right: -60px;
    height: 0;
    width: 0;
}
.newplayers-nav a:hover{
    background-color: #5a0c0a;
}
.newplayers-nav a:hover:before{
    border-right-color: #5a0c0a;
}
.newplayers-nav a:hover:after{
    border-left-color: #5a0c0a;
}
.newplayers-gStarted{
    padding-bottom: 40px;
    border-bottom: 1px solid #282839;
}
.gStarted-t{
    font-size: 28px;
    margin-bottom: 30px;
    color: #e4e8f9;
}
.gStarted-c{
    color: #9c9cc9;
    font-size: 20px;
}
.gStarted-c p{
    margin-bottom: 20px;
}
.newplayers-btLegendary{
    margin-top: 40px;
}
.btLegendary-t{
    font-size: 28px;
    margin-bottom: 30px;
    color: #e4e8f9;
}
.mInfo-t{
    font-size: 28px;
    margin-bottom: 30px;
    color: #e4e8f9;
}
.mInfo-c a{
    width: 443px;
    height: 98px;
    line-height: 98px;
    font-size: 34px;
    text-align: center;
    color: #e4e8f9;
    border: 1px solid #221f3a;
    background-color: #101116;
}
.mInfo-c a:hover{
    background-color: #5a0c0a;
}
.mInfo-c a.link-faq{
    float: left;
}
.mInfo-c a.link-faq span{
    padding-left: 50px;
    background: url(../images/faq.png) 0 0 no-repeat;
}
.mInfo-c a.link-forum{
    float: right;
}
.mInfo-c a.link-forum span{
    padding-left: 50px;
    background: url(../images/forum.png) 0 0 no-repeat;
}


.game-nav{
    padding-top: 60px;
    margin-bottom: 40px;
}
.game-nav a{
    display: inline-block;
    line-height: 60px;
    height: 60px;
    background-color: #221f3a;
    position: relative;
    border-radius: 0;
    margin: 0 30px;
    font-size: 24px;
    color: #e4e8f9;
    text-align: center;
}
.game-nav a{
    width: 240px;
}
.game-nav a:before,.game-nav a:after{
    position: absolute;
    content: "";
}
.game-nav a:before{
    border: transparent 30px solid;
    border-right-color: #221f3a;
    top: 0;
    left: -60px;
    height: 0;
    width: 0;
}
.game-nav a:after{
    border: transparent 30px solid;
    border-left-color: #221f3a;
    top: 0;
    right: -60px;
    height: 0;
    width: 0;
}
.game-nav a:hover{
    background-color: #5a0c0a;
}
.game-nav a:hover:before{
    border-right-color: #5a0c0a;
}
.game-nav a:hover:after{
    border-left-color: #5a0c0a;
}
.carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.carousel {
    -webkit-tap-highlight-color: transparent;
}
.carousel .item {
    display: none;
    position: relative;
}
.carousel .item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
#carousel1{
    padding-bottom: 83px;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
#carousel1 .carousel{
    width: 910px;
    height: 292px;
    overflow: hidden;
}
#carousel1 .carousel-control{
    width: 910px;
    height: 92px;
    position: absolute;
    left: 0;
    bottom: 0;
}
#carousel1 .carousel-control a{
    width: 226px;
    height: 92px;
    line-height: 92px;
    font-size: 24px;
    color: #e4e8f9;
    text-align: center;
    float: left;
    display: block;
    background: url(../images/carouselnav1.png) 0 0 no-repeat;
}
#carousel1 .carousel-control a.item-link1{
    width: 232px;
    background: url(../images/carouselnav1f.png) 0 0 no-repeat;
}
#carousel1 .carousel-control a.item-link1:hover{
    background-position: 0 -92px;
}
#carousel1 .carousel-control a.item-link1 span{
    height: 92px;
    line-height: 92px;
    display: inline-block;
    padding-left: 80px;
    background: url(../images/carousel1_nav.png) 0 0 no-repeat;
}
#carousel1 .carousel-control a.item-link2 span{
    height: 92px;
    line-height: 92px;
    display: inline-block;
    padding-left: 80px;
    background: url(../images/carousel1_nav.png) 0 -92px no-repeat;
}
#carousel1 .carousel-control a.item-link3 span{
    height: 92px;
    line-height: 92px;
    display: inline-block;
    padding-left: 80px;
    background: url(../images/carousel1_nav.png) 0 -184px no-repeat;
}
#carousel1 .carousel-control a.item-link4 span{
    height: 92px;
    line-height: 92px;
    display: inline-block;
    padding-left: 80px;
    background: url(../images/carousel1_nav.png) 0 -276px no-repeat;
}
#carousel1 .carousel-control a.cur{
    background-position: 0 -92px;
}

#carousel2{
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
#carousel2 .carousel{
    width: 649px;
    height: 395px;
    float: left;
}
#carousel2 .carousel-control-new{
    width: 262px;
    height: 395px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}
#carousel2 .carousel-control-new a{
    height: 78px;
    line-height: 78px;
    font-size: 18px;
    text-align: center;
    color: #decece;
    background-color: #221f3a;
    display: block;
    border: 1px solid #0d0e13;
    border-bottom: 0;
}
#carousel2 .carousel-control-new a:hover{
    background-color: #5a0c0a;
}
#carousel2 .carousel-control-new a span{
    padding-right: 20px;
    background: url(../images/more.png) right center no-repeat;
}
#carousel3{
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
#carousel3 .carousel{
    width: 649px;
    height: 395px;
    float: right;
}
#carousel3 .carousel .item span{
    width: 83px;
    height: 83px;
    position: absolute;
    top: 156px;
    left: 282px;
    background: url(../images/play.png) 0 0 no-repeat;
}
#carousel3 .carousel-control{
    width: 270px;
    height: 395px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
#carousel3 .carousel-control a{
    width: 270px;
    height: 50px;
    padding-top: 81px;
    font-size: 18px;
    text-align: center;
    color: #decece;
    background: url(../images/carouselnav3.png) 0 0 no-repeat;
    display: block;
}
#carousel3 .carousel-control a.cur{
    background-position: 0 -131px;
}
.game-toplink{
    padding-left: 70px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    background: url(../images/book.png) 0 0 no-repeat;
    margin-bottom: 40px;
}
.game-toplink a{
    color: #e4e8f9;
    text-decoration: underline;
}
.game-info{
    border-top: 1px solid #282839;
    border-bottom: 1px solid #282839;
    padding: 40px 0;
}
.game-info h1{
    font-size: 24px;
    color: #e4e8f9;
    margin-bottom: 10px;
}
.game-info p{
    font-size: 20px;
    color: #9c9cc9;
}
.game-feature{
    padding: 40px 0;
    border-bottom: 1px solid #282839;
}
.game-feature .feature-t{
    font-size: 34px;
    margin-bottom: 40px;
    color: #e4e8f9;
}
.game-guide{
    padding: 40px 0 0 0;
    overflow: hidden;
}
.game-guide .guide-t{
    font-size: 34px;
    margin-bottom: 40px;
    color: #e4e8f9;
}
.game-guide .guide-c a{
    width: 190px;
    height: 69px;
    padding-left: 83px;
    line-height: 60px;
    font-size: 30px;
    color: #decece;
    margin-bottom: 20px;
    display: block;
    float: left;
    background: url(../images/guide.png) 0 0 no-repeat;
    margin-right: 25px;
}
.game-guide .guide-c a:hover{
    background-position: 0 -69px;
}
.fcarousel-nav{
    width: 100%;
    height: 60px;
}
.fcarousel-nav a{
    width: 211px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-size: 24px;
    float: left;
    display: inline-block;
    background-color: #221f3a;
    border-right: 1px solid #101221;
}
.fcarousel-nav a.fc-nav2{
    font-size: 20px;
}
.fcarousel-nav a.fc-more{
    width: 60px;
    border-right: 0;
    background: #332f51 url(../images/icon_more.png) center center no-repeat;
}
.fcarousel-nav a.cur{
    background-color: #5a0c0a;
}

.popbox{
    width: 640px;
    height: 380px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -320px;
    background-color: #181920;
    border: 8px solid #221f3a;
    z-index: 999;
}
.popbox-t{
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #e4e8f9;
    background: url(../images/book.png) 0 center no-repeat;
    margin: 0px 20px;
    padding: 10px 0;
    padding-left: 70px;
    border-bottom: 1px solid #3b3e4b;
    position: relative;
}
.popbox-t a.popbox-close{
    width: 59px;
    height: 59px;
    position: absolute;
    display: block;
    right: -10px;
    top: 5px;
    background: url(../images/popclose.png) 0 0 no-repeat;
}
.popbox-c{
    padding: 20px;
    font-size: 20px;
    color: #9c9cc9;
    line-height: 30px;
}
.popbox-c img{
    float: left;
    margin-right: 20px;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
    display: none;
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next{
    width: 22px;
    height: 110px;
    background: url(../images/cnav.png) 0 0 no-repeat;
    position: absolute;
    top: 132px;
    text-indent: -9999em;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,.owl-carousel .owl-controls .owl-nav .owl-next:hover{
    background-position: 0 -110px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev{
    left: -30px;
}
.owl-carousel .owl-controls .owl-nav .owl-next{
    right: -30px;
    transform:scaleX(-1);
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.footer{width:1000px;margin:100px auto 50px;height:62px;overflow:hidden;}
.footer_logo{float:left;}
.footer_bq{float:left;height:57px;width:560px;margin-left:15px;border-left:1px solid #222331;color:#fff;font-size:16px;padding-left:15px;line-height:25px;padding-top:5px;}
.footer_bq span{color:#404057;font-size:16px;}