@charset "utf-8";
/* CSS Document */

.nav{ width:100%; padding-bottom:18.75%; position:relative;}
.logo{ position:absolute; width:23.75%; left:50%; margin-left:-12.87%; padding-top:1%;}
.logo a{ width:100%!important; padding-top:0!important;}
.logo img{ width:100%; display:block;}
.game_name{ display:none;}
.nav a{ width:18%; display:block; color:#fff; float:left; text-align:center; padding-top:5%;}
.nav a.nav_1{ display:none;}
.nav a.nav_3{ margin-right:25%;}
.nav a span{ display:block;}
.nav .nav_cn{ font-size:140%; line-height:200%;}
.nav .nav_en{ font-size:80%; padding-top:2%;}

.banner{ width:100%; /*background-image:url(img/m_bg.jpg); background-size:100% auto;*/ padding-bottom:66.5625%; position:relative; overflow: hidden;}
.video{ display:none;}
.down_box{ width:100%; position:absolute; bottom:0; background:rgba(255,255,255,.5); background:#fff\9; filter:alpha(opacity=50)\9; overflow:hidden; z-index: 3;}
.down{ padding:2% 0; overflow:hidden;}
.down a{ width:30%; float:left; margin:0 1.5%;}
.down a img{ width:100%; display:block;}
.down .qrcode{ display:none;}

.banner_focus{ width: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.banner_focus ul li{ width: 100%; padding-bottom:66.5625%; background-position: top center; background-repeat: no-repeat; background-size:100% 100%}
.banner_focus ul li.banner_1{ background-image: url(img/mbanner_1.jpg); }
.banner_focus ul li.banner_2{ background-image: url(img/mbanner_2.jpg); }
.banner_focus ul li.banner_3{ background-image: url(img/mbanner_3.jpg); }
.banner_focus ul li.banner_4{ background-image: url(img/mbanner_4.jpg); }


.part_1{ width:100%; padding-top:1.5%;}
.focus{ width:100%; padding-top:2%;}
.focus img{ width:100%;}
.f426x240{100%;overflow:hidden}
.f426x240 img{width:100%;height:auto}
.placement_m{100%;overflow:hidden}
.placement_m img{width:100%;height:auto}

.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ display:none;}
.rslides_tabs{margin:0 auto; padding-top:2%;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:1.5%}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:1.9%; font-size:0; padding-bottom:1.9%;}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390}




.news{ width:100%; background:#f3648f; margin-top:1%;}
.news_tab{ padding:1% 2%; overflow:hidden }
.news_tab ul{border-bottom:1px #9c003e solid; overflow:hidden;}
.news_tab ul li{ float:left;  width:20%; padding:2% 0;}
.news_tab ul li a{ width:100%; height:100%; text-align:center; font-size:130%; color:#fff; display:block; white-space: nowrap;}
.news_tab ul li.current{ border-bottom:1px #fff solid;}
.news_tab ul li:hover{ border-bottom:1px #fff solid;}
.news_tab .news_more{ float:right; margin-top:3%; width:3%; padding-bottom:3%; display:block; background-image:url(img/more.png); background-size:100% auto; background-position:top}
.news_tab .news_more:hover{ background-image:url(img/more.png); background-position:bottom;}


.news_con{ padding:2.7% 2%; overflow:hidden;}
.news_con ul li{ width:100%;  font-size:130%; line-height:200%; float:left;}
.news_con ul li .news_name{ width:11%; display:block; float:left; padding:0 0.5%; color:#fff;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_con ul li a{ width:65%; display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff}
.news_con ul li a:hover{ color:#ff0}
.news_con ul li .news_time{ width:22%; display:block; float:right; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:right;}


.btn{ width:100%; overflow:hidden;}
.btn a{ width:49%; margin:0.5%; padding-bottom:12.7024%; display:block; float:left; }
.btn a.btn_1{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 0 0;}
.btn a.btn_2{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 0 33.33%;}
.btn a.btn_3{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 0 66.66%;}
.btn a.btn_4{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 0 100%;}
.btn a.btn_1.current{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 100% 0;}
.btn a.btn_1:hover{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 100% 0;}
.btn a.btn_2:hover{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 100% 33.33%;}
.btn a.btn_3:hover{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 100% 66.66%;}
.btn a.btn_4:hover{ background-image:url(img/btn.jpg); background-size:200% auto; background-position: 100% 100%;}

.part_2{ width:100%; padding-top:2%; overflow:hidden}
.m_video{ width:100%; background:url(img/video.jpg);}
.m_video img { width:100%}
.placement{ display:none;}
.facebook_fans{ display:none;}
.m_placement{ width:100%; clear:both; padding-top:1%;}
.m_placement img{ width:100%;}
.link_box{ display:none;}


footer{ width:100%; background:#ae3769; margin-top:50px;}
.footer{ padding:5% 0; overflow:hidden; text-align:center;}
.footer a img{ width:100%;}
.placegames{ display:inline-block; width:25%;}
.bojoy{ display:inline-block; padding-left:20px; width:25%;}
.footer_info{ width:100%; clear:both; color:#fff; font-size:120%; line-height:150%; text-align:center;}
.footer_info a{ color:#fff; padding: 0 1%;}
.ratings{ width:10%; padding-top: 3%; display: block; margin: 0 auto;}
.ratings img{  display: block; width: 10%; margin: 0 auto;}
.ratings p{ text-align: center; color: #fff; padding: 1% 3%}



.ny_banner{ width:100%; padding-bottom:43.75%; background-image:url(img/ny_banner_m.jpg); background-position:top center; background-size:100% auto; background-repeat:no-repeat; margin:0 auto;}

.ny_down{ display:none;}

.title{ width:95%; margin:0 auto; padding-top:3%; overflow:hidden; border-bottom:1px #cdcdcd solid; position:relative;}
.news_title{ font-size:240%; color:#ff4f85; float:left; line-height:200%;}
.location{ font-size:120%; color:#999; float:right; margin-top:5%;}
.location a{ color:#999;}
.location a:hover{ color:#ff4f85;}

.ny_news_tab{ width:95%; margin:0 auto; padding:3% 0;}
.ny_news_tab ul li{ width:30%; float:left; margin-right:3%;}
.ny_news_tab ul li a{ width:100%; line-height:220%; display:block; text-align:center; color:#000; font-size:160%;}
.ny_news_tab ul li a:hover{ background:#ff4f85; color:#fff;}
.ny_news_tab ul li.current a{ background:#ff4f85; color:#fff;}

.news_list{ width:95%; margin:0 auto; padding:3% 0; overflow:hidden;}
.news_list ul li{ width:100%;  font-size:130%; line-height:300%; overflow:hidden; border-bottom:1px #cdcdcd dashed;}
.news_list ul li .news_name{ width:11%; display:block; float:left; padding:0 0.5%; color:#666;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li a{ width:65%; display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#666}
.news_list ul li a:hover{ color:#ff4f85}
.news_list ul li .news_time{ width:22%; display:block; float:right; color:#666; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:right;}

.news_h1{ width:95%; margin:0 auto; text-align:center;  border-bottom:1px #cdcdcd  dashed; padding-top:3%; padding-bottom:2%;}
.news_h1 .h1{ font-size:230%; color:#000; line-height:200%;}
.news_h1 .news_time{ font-size:120%; color:#999}
.news_content{ width:95%; margin:0 auto; font-size:130%; color:#666; line-height:200%; padding:2% 0;}
.news_content img{ max-width:800px; display:block;}