@charset "utf-8";
/* css 初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal; font-weight: normal;}
ul,ol,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
q:before,q:after{content: '';}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
.fixed{clear: both; height: 0; overflow: hidden;}
.clearfix:after{display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.clearfix{*zoom: 1;}
.m30{ margin-top:30px; }
.m40{ margin-top:20px; }
.fl{ float:left; }
.fr{ float:right; }


/* body */
body { font-family:Arial;  background: #eee;overflow-x:hidden}
.w1302{ width:1302px; margin: 0 auto;}

/* header */
.header{ width: 100%;height:78px; background: #000; position: fixed; z-index: 99;}
.header .logo{ display:block; width: 172px; height: 50px; padding: 13px 0; float: left;}
.header ul{float: left; padding: 0 0 0 35px;}
.header ul li{ float: left; color: #2d2d2d; margin: 0 5px; line-height: 76px;position:relative;}
.header ul li a{ display: block; color: #bbbaba; font-size: 20px;height:76px;line-height: 76px; position: relative;}
.header ul li a em{position: absolute; top:58px; left: 50%; margin-left: -5px;  width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent;  border-top: 6px solid #000;}
.header ul li a.cur{ color: #fff;}
.header ul li a.cur em{border-top: 6px solid #fff;}
.header .login_before{float: right;padding: 24px 0;}
.header .login_before a{ display: block; float: left; font-size:14px;padding: 7px 11px; color: #fff; background: #f9343b; margin-left:8px; font-weight: 600; text-transform: uppercase;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.header .login_before a:hover{background: #333; }

.header .login_before .sign_pc{overflow: hidden; float: left; }
.header .login_before .sign_pc a{float:left; display: block; width: 39px; height: 30px; background: url("../images/sign_pc.png") no-repeat; padding: 0; margin: 0 1px; opacity: 0.8; }
.header .login_before .sign_pc a.sign2{ background-position: -39px 0;}
.header .login_before .sign_pc a.sign3{ background-position: -79px 0;}
.header .login_before .sign_pc a.sign4{ background-position: -118px 0;}
.header .login_before .sign_pc a:hover{opacity: 1;}

/*login_after*/
.header .login_after{float: right; }
.header .login_after .login_after_extbtn{float:left; border-left:1px solid #4d4d4d; position:relative;}
.header .login_after .login_after_extbtn a{padding:0 30px 0 15px; color: #eee; line-height:44px;}
.header .login_after .login_after_extbtn em{color: #eee; font-size:12px; padding:2px; background:#ff0000; position:absolute; top:16px; right:5px; border-radius:2px;}
.header .login_after .login_after_extbtn:hover{background: #222;}
.header .right .login_after p{line-height: 18px; font-size: 12px; color: #454545;}
.header .right .login_after .last_lg{line-height: 20px; font-size: 14px; padding-top: 10px;}
.header .right .login_after .last_lg a{text-decoration: underline; color: #2482da;}
.header .right .head_portrait{display: block; margin: 10px 0;}
.header .right .head_portrait img{width: 204px; height: 150px;}
.header .login_after_btn{margin-bottom: 10px;}
.header .login_after_btn a{display: block; width: 80px; height: 30px; float: left; line-height: 30px; text-align: center; color: #fff; background-color: #454545; margin-right: 10px;}
.header .login_after_btn a:hover{background-color: #006fcb;}
.header .top_logined{color: #fff;}



.header .top_logined_box ul{float: none; padding:0px;}
.header .top_logined_box li.gamesamba_line{margin-top: 10px;  border-top: 1px solid rgb(85, 85, 85); margin-bottom: 10px;}

.header .top_logined_box em{width: 14px; height: 7px; position: absolute; top: -7px; background: url("../images/icon_arrows.html") no-repeat left bottom;}
.header .top_logined_box em{right: 15px;}


.header .top_logined{width: auto; padding: 32px 20px 32px 50px; position: relative; cursor: pointer; color: #bbbaba;}
.header .top_logined img{width: 20px; height: 20px; position: absolute; top: 30px; left: 20px;}
.header .top_logined_box{position: absolute; top: 77px; left: 0; width: 100%; display: none; border:1px solid #2c2d2e;  background:#030407; z-index:2; padding:10px 0;}
.header .top_logined_box li{float: none; margin: 0;}
.header .top_logined_box li a{display:block;text-align:left;  float: none; height:32px;line-height:32px; color:#999; font-size:16px; margin: 0; text-transform: capitalize; padding: 0 10px;}
.header .top_logined_box li a:hover{background: #2d2d2d; color:#fff;}



.header ul li ul.nav_show{display:none; width:125px; position:absolute; border:1px solid #2c2d2e;  background:#030407; z-index:2; padding:10px 0;}
.header ul li ul.nav_show.show1{left: -36px;width:140px;text-indent: 12px;}
.header ul li ul.nav_show.show2{left: -10px;width:140px;text-indent: 12px;}

.header ul li ul.nav_show li{ float: none; margin: 0;}
.header ul li ul.nav_show a{display:block;text-align:left;  float: none; height:32px;line-height:32px; color:#999; font-size:16px; margin: 0; text-transform: capitalize;}
.header ul li ul.nav_show a:hover{background: #2d2d2d; color:#fff;}

.header ul li .nav_show2{display:none;position:absolute;left: -22px;border:1px solid #2c2d2e;background:#030407;overflow: hidden; width:545px; width: 345px\0;  z-index:2;}
.header ul li .nav_show2 .mobile_game{padding: 20px 0;float: left;border-right: 1px solid #2d2d2d;}
.header ul li .nav_show2 .browser_game{padding: 20px 0;float: left;}
.header ul li .nav_show2 a , .header ul li .nav_show2 span{ text-align: left;height:32px;line-height:32px;   }
.header ul li .nav_show2 a{padding: 0 44px;color:#999;font-size:14px;}
.header ul li .nav_show2 span{ padding: 0 20px;color:#fff;font-size:16px;}
.header ul li .nav_show2 a i , .header ul li .nav_show2 span i{ display: inline-block; width: 18px; height: 20px;margin-right: 3px;   }
.header ul li .nav_show2 a i img, .header ul li .nav_show2 span i img{ display: inline-block; vertical-align: -4px; }
.header ul li .nav_show2 a:hover{background: #2d2d2d; color:#fff;}

/* main */
.main{width: 100%;position:relative; top: 78px;}
.banner{ width:100%; height:871px; overflow:hidden; position:relative;font-size:0}
.b-img{ width: 100%;   height:100%; position:absolute; left:0; top:0;overflow: hidden;  }
.b-img a{ display:block; height: 100%;   width: 100%; float:left; position:absolute;  overflow: hidden;}
.b-list{     height: 22px;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    bottom: 420px;
    text-align: center;
    width: 100%;}
.b-list span{ display:inline-block;cursor:pointer; width:11px; height:11px; border-radius:50%; border:3px solid #fff; margin:0 6px; _margin:0 3px;}
.b-list .spcss{border:3px solid #f9343b; background: #f9343b;}

.bar-left{ position:absolute; z-index:1; display:block;width:21px; height:35px;padding-left:15px; left:50px; top:25%; background:url(../images/ban_pre.png)  no-repeat; outline: 0 none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-position: 20% 50% !important;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;}
.bar-right{ position:absolute;z-index:1; display:block;width:21px; height:35px;padding-right:15px; right:50px; top:25%;  background:url(../images/ban_next.png) no-repeat; outline: 0 none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-position: 20% 50% !important;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;}
.bar-left:hover{
    left: 39px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.bar-right:hover{
    right: 39px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}



.pic{  width: 100%;  height: 100%;  background-repeat: no-repeat;  background-position: center -90px;  background-size: cover;  transform: scale(1) !important;}
.banner_start .big{

    transform: scale(1.3) !important;
    transition: transform 14000ms ease-in !important;
}
.move{ position:absolute; left: 50%;  top: 150px;  width: 1300px;  margin-left: -650px; z-index: 1; opacity: 1; }
.move span{ display: block; font-size: 48px; color: #fff; text-transform: uppercase; text-shadow: 3px 3px 3px #000;}
.move p{ display: block; font-size: 24px; color: #fff; text-transform: uppercase; text-shadow: 3px 3px 3px #000;}
.move i{ display: inline-block;margin-top:20px;font-style: normal;background: #f9343b;border-radius:5px;text-align: center; padding: 16px 90px; font-size: 24px; color: #fff;  font-weight: 600; text-transform: uppercase;}
.jbbg{ position: absolute; bottom: 0; width: 100%; height: 533px; background: url("../images/jbbg.png") center bottom repeat-x;  background-size: 100% 100%;}


/* main_center */
.main_center{width: 1300px;  background: #e0e0e0;  margin: -410px auto 0;  position: relative; z-index:3;}
.games{padding: 20px;}
.games_title{height: 40px; background: url("../images/games.png") left center no-repeat; padding-left: 50px; }
.games_title h3{float:left;display:block; font-size: 32px; color: #333;line-height: 40px;text-transform: uppercase;}
.games_title a{float: right; color: #333; font-size: 20px;line-height: 40px; margin-top: 2px;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}
.games_title a:hover{color: #f9343b;}

.games ul{width: 100%; margin-top: 20px;overflow: hidden; }
.games ul li{width: 23%;overflow: hidden; margin:0 1% 20px; float: left;}
.games ul li a{display: block;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}

.games ul li a img{width: 100%;display: block;}
.games ul li a div{ padding:19px;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;
    background: #090003 url("../images/g_bg.jpg") center top repeat-x;
    /*background: -webkit-linear-gradient(#3f3b3b, #0a0305); /!* Safari 5.1 - 6.0 *!/*/
    /*background: -o-linear-gradient(#3f3b3b, #0a0305); /!* Opera 11.1 - 12.0 *!/*/
    /*background: -moz-linear-gradient(#3f3b3b, #0a0305); /!* Firefox 3.6 - 15 *!/*/
    /*background: linear-gradient(#3f3b3b, #0a0305); /!* 标准的语法（必须放在最后） *!/*/

}
.games ul li a h4 {display: block; font-size: 14px; color: #fff;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.games ul li a p{ display: block; font-size: 12px; color: #e1e1e1; line-height: 22px;}
.games ul li a span{ display: block; font-size: 12px; color: #c6c6c6; line-height: 22px; margin-top: 15px; background: url("../images/phone_icon.png") left center no-repeat;padding-left: 20px;  }
.games ul li a span.pc_icon{ background: url("../images/pc_icon.png") left center no-repeat;}
.games ul li a span.fb_icon{ background: url("../images/face_icon.png") left center no-repeat;}
.games ul li a:hover div{color: #fff;  background: #f9343b!important;  }
.games ul li a:hover p , .games ul li a span{color: #fff;}
.games ul li a:hover span{background: url("../images/phone_icon_hover.png") left center no-repeat;}
.games ul li a:hover span.pc_icon{background: url("../images/pc_icon_hover3f56.png?v=11") left center no-repeat;}
.games ul li a:hover span.fb_icon{background: url("../images/face_icon_hover.png") left center no-repeat;}

/* main_bottom */
.main_bottom{width: 100%; background: #fff;min-height: 560px; overflow: hidden;}
.news{float: left; width: 65%;padding:1.5%;}
.news_title{height: 40px; background: url("../images/news.png") left center no-repeat; padding-left: 50px;}
.news_title h3{float:left;display:block; font-size: 32px; color: #333;line-height: 40px;text-transform: uppercase;}
.news_title a{float: right; color: #333; font-size: 20px;line-height: 40px; margin-top: 2px;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}
.news ul{width: 100%; margin-top: 20px;}
.news ul li{width:100%;margin-bottom: 40px;overflow: hidden; height: 120px; }
.news ul li a img{float: left;margin-right: 20px;max-width: 284px;}
.news ul li div a{color: #f9343b; font-weight: 600;font-size: 18px;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}
.news ul li div{  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding: 0 90px 0 0;  position: relative; }
.news ul li div span{position: absolute; right: 0; font-size: 14px; color: #9f9f9f; }
.news ul li p{ font-size: 14px; color: #333;line-height: 23px;margin-top: 10px;}
.news ul li div a:hover{ color: #0d0d0d;text-decoration: underline;}


.facebook{float: left; width: 28.2%; padding:1.5%;}
.facebook_title{height: 40px; background: url("../images/facebook.png") left center no-repeat; padding-left: 50px;}
.facebook_title h3{float:left;display:block; font-size: 32px; color: #333;line-height: 40px;text-transform: uppercase;}
.fackbook_wrap{width: 100%;margin-top: 20px;height: 440px; }

/* footer */
.footer{ padding: 88px 200px; background:#030303 url("../images/footer_bg.jpg") center top repeat-x; width: 902px;  margin: 0 auto;}
.footer img{ display: block; width: 324px; height: 42px; float: left;margin-right: 28px;}
.footer .footer_p{float: left;width: 540px;margin-top: 7px;}
.footer .footer_p span a{display: inline-block; color: #ccc;line-height: 20px; font-size: 14px;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}
.footer .footer_p span a:hover{text-decoration: underline; color: #f9343b;}
.footer .footer_p span i{display: inline-block;color: #ccc; margin: 0 4px; }
.footer p{display:block;font-size: 12px; color: #929292;line-height: 19px;}
.header_phone{display: none;}


/* list */
.banner_list{ width: 100%;height: 780px; background: url("../images/list_bg.jpg") center top no-repeat;}
.main_center2{margin-top: 30px;}
.news_list{padding:20px;}
.list_title{width: 100%; height: 38px; background: #e1e1e1; margin: 20px 0 0;}
.list_title li{float:left; width: 220px; height: 38px; line-height: 38px; background: #979797; border-right: 1px solid #fff;}
.list_title li a{display:block; color: #fff; font-size: 18px; text-align: center;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.list_title li a:hover , .list_title li.curr a{background: #333;}

.list_box{width: 100%; margin-top: 21px;}
.list_box li{  padding:0;overflow: hidden;}
.list_box li .list_box_game{float: left; overflow: hidden;width:74%;border-bottom: 1px solid #ddd; padding: 19px 0;}
.list_box li .list_box_game a{display: block;}
.list_box li .list_box_game a img{float: left;margin-right: 20px; max-width: 284px;}
.list_box li .list_box_game .list_game_left{float: left; width: 67%;}
.list_box li .list_box_game .list_game_left a{ display:inline-block; font-size: 18px;float: left;max-width: 85%; font-weight: 600; height: 28px; line-height: 28px;color: #f9343b;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
    -webkit-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    transition: all 200ms ease-in !important;}
.list_box li .list_box_game .list_game_left  a.gas{max-width: 70%;}
.list_box li .list_box_game .list_game_left span{display:inline-block;color: #9f9f9f;font-size: 14px;margin-left: 20px; height: 28px; line-height: 28px;}
.list_box li .list_box_game .list_game_left span i{ display: inline-block; width: 18px; height: 18px; background: url("../images/pc.png") no-repeat; vertical-align: middle; margin-right: 10px; }
.list_box li .list_box_game .list_game_left span i.phones{  background: url("../images/phone.png") no-repeat; }
.list_box li .list_box_game .list_game_left p{color: #333; font-size: 14px;line-height: 28px;margin-top: 10px;height:83px; overflow: hidden;}
.list_box li em{float: right; border-radius: 5px;color: #fff; background: #f9343b; margin:58px 40px; font-weight: 600;  padding: 1% 5%; text-transform: uppercase; cursor: pointer;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.list_box li em a{display: block; color: #fff;}
.list_box li em:hover{background: #333;}
.list_box li .list_box_game div a:hover{color: #0d0d0d;text-decoration: underline;}

.page{margin:50px auto 30px; text-align: center; overflow: hidden;}
.page a{ display: inline-block; margin: 0 3px; width: 35px; height: 37px; line-height: 37px; border: 1px solid #e8e8e8; background: #eee; color: #666; text-align: center;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.page a:hover , .page a.num{ background: #f9343b; border: 1px solid #f9343b; color:#fff;}

/* news_contant */
.news_contant {background: #fff;padding: 20px;font-size: 14px;}
.news_contant h4{ color: #000; font-size: 38px; text-transform: uppercase;font-weight: 500;margin-bottom: 20px; }
.news_contant span{color: #a6a6a6; border-bottom: 1px solid #d5d5d5;  margin-bottom: 15px; display: inline-block; padding-bottom:6px;padding-left: 15px; padding-right: 15px;}
.news_contant i{display: inline-block; font-style: normal;border-bottom: 1px solid #a6a6a6; padding-bottom:6px; }
.news_contant img{ display: block; margin: 25px 0; max-width: 851px;  height: auto;}
.news_contant p{display: block; color: #333;line-height: 22px; margin-bottom: 5px; }
.news_contant p a{display:inline-block; color:#f74e4e; }
.news_contant p a:hover{ text-decoration: underline;  }

.news_bottom{height: 40px; padding: 20px; background: #e0e0e0;}
.news_bottom a{display: inline-block; float: left; color: #fff; background: #f74e4e; padding:11px 50px; font-size:24px;line-height:18px; border-radius: 5px; }
.news_bottom a.back{-webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.news_bottom a.back:hover{background: #333;}
.news_bottom ul{ float: right;}
.news_bottom ul li{ float: left; margin-left: 4px;}
.news_bottom ul li a{ display:block; width: 35px; height: 35px; padding: 0; background: url("../images/share.png") no-repeat; }
.news_bottom ul li a.share2{ background-position: -39px 0;}
.news_bottom ul li a.share3{ background-position: -78px 0;}
.news_bottom ul li a.share4{ background-position: -117px 0;}

/* game */
.banner_game{ width: 100%;height: 780px; background: url("../images/game_bg.jpg") center top no-repeat; background-size: cover;}
#login_global_show{ z-index:22; height: 100%;left: 0;position: fixed;top: 0;width:100%;background-color:#000; filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.playnow{ position: absolute;  top: -92px; left: 80px; display: inline-block; border-radius: 5px; color: #fff; background: #f9343b;  padding: 9px 92px; font-weight: 600;  font-size: 32px;
    -webkit-transition: background 200ms ease-in !important;
    -moz-transition: background 200ms ease-in !important;
    -o-transition: background 200ms ease-in !important;
    transition: background 200ms ease-in !important;}
.playnow:hover{ background: #333;}

.pop_close1{ position: absolute; top: 0; right: 5px; width: 12px; height: 12px; background:#eee url("../images/pop_close1.png") center no-repeat; padding: 8px 17px;}
.pop_close1:hover{ background: #f9343b url("../images/pop_close2.png") center no-repeat;}
.pop_close2{background:#353535 url("../images/pop_close1.png") center no-repeat;}
.popbox{ width: 600px;  background: #fff;}
.popbox_tit{width: 100%;height: 63px; line-height: 63px; background: #1d1d1d;  color: #fff; font-size: 18px; text-align: center;}
.popbox_main{border-radius: 2px;  max-height: 240px;  overflow: auto;  padding: 0 20px;  margin: 20px 0; font-size: 14px; color: #333; line-height: 22px;}

.banner_game i{position: absolute; bottom:0; background: url("../images/jbbg.png") top center repeat-x;  display: block; height: 533px; width: 100%;}

.play_img{margin: 0 auto;display: block;  cursor: pointer;}

.top_tips_wrap{position: fixed; display: none; width: 100%;  opacity: 0.9; filter: alpha(opacity=90); z-index: 1010; top: 0;  box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1); left:0}
.top_tips_txt{position: relative; font-size: 24px; line-height: 30px; padding: 35px 90px 35px 40px;color: #fff;}
.ok_tips_wrap{background: #3ba109;}
.error_tips_wrap{background: #f9343b;}
.load_tips_wrap .top_tips_txt{color: #454545;}
.warn_tips_wrap .top_tips_txt{color: #186ad0;}
.tips_loading_icon{position: relative;}
.top_tips_close{position: absolute; background: url("../images/cha.png") no-repeat; width: 20px; height: 20px; top: 50%; right: 30px; margin-top: -10px;}
@media screen and (min-width: 1900px){
    .banner {  height: 1300px;}
    .b-list {  bottom: 610px;}
    .main_center {  margin: -405px auto 0!important; }
    .main_center2{margin-top: 60px!important;}
    .bar-left , .bar-right{ top: 35%;}
    .move {  top: 250px;}
    .games ul li{width: 300px; margin: 0 7px 20px;}
    .games ul li a img{width: 300px;}
}

@media screen and (max-width:1339px){
    .w1302{ width:99%; margin: 0 auto;}
    .main_center {  width: auto;  margin: -410px 20px 0; }
    .main_center2 {  margin: 60px 20px 0; }
    .news ul li div h4{max-width: 68%;}
    .list_box li .list_box_game{width:76%;}
    .list_box li .list_box_game .list_game_left{width: 66%;}
    .list_box li .list_box_game .list_game_left a {  max-width: 70%;}
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 69%;}
    .list_box li em{ margin:58px 40px; padding:11px 40px; }
    .move{  left: 20px;   width: auto;  margin-left:0px;  }
    .bar-left , .bar-right{display: none;}
    .footer{ padding: 88px 0px; width:auto; margin:0 20px;}
    .footer img{ float: none; margin: 0 auto 15px;}
    .footer .footer_p{float: none;  margin: 0 auto; overflow: hidden; width: 90%; text-align: center;}
    .footer p{text-align: center;}

}

@media screen and (max-width:1280px){
    .news ul li div a , .list_box li .list_box_game .list_game_left a{  font-size: 14px;}
    .news ul li p , .list_box li .list_box_game .list_game_left p{ font-size: 12px;}
    .news ul li div span , .list_box li .list_box_game .list_game_left span {  font-size: 12px;font-weight: normal;}

}
@media screen and (max-width:1258px){
    .list_box li .list_box_game .list_game_left {  width: 63%;  }
    .play_img{width:90%;padding-top: 0;}
    .main_center2{margin-top: 5%;}
}

@media screen and (max-width:1218px){
    .list_box li .list_box_game{width:73%;}
    .list_box li .list_box_game .list_game_left{width: 60%;}
    .list_box li .list_box_game .list_game_left a {  max-width: 76%;}
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 63%;}
}

@media screen and (max-width:1122px){
    .list_box li .list_box_game{width:72%;}
    .list_box li .list_box_game .list_game_left{width: 56%;}
    .list_box li .list_box_game .list_game_left a {  max-width: 74%;}
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 60%;}
    .header .login_before .sign_pc{ display: none; }
}
@media screen and (max-width:1050px){
    .list_box li .list_box_game .list_game_left {  width: 55%;  }
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 53%;}
    .list_box li em {  margin: 58px 30px;}

}

@media screen and (max-width:1024px){
    .list_box li{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
    .list_box li .list_box_game {  width: 100%;  float: none; border-bottom:0 none;}
    .list_box li .list_box_game .list_game_left {  width: 56%;  }
    .list_box li em {  margin: 0;   }
    .facebook{display: none;}
    .news{width: 95%; float: none; padding:2.5% 2.5% 0 2.5%;}
}

@media screen and (min-width: 900px) and (max-width: 1100px){
    .games ul li a h4 {  height: 60px;  }

}


@media screen and (max-width:990px){
    .news_contant img {  max-width: 765px; }
    .list_title li{ width: 24.8%;}
    .news ul li div h4{max-width: 61%;}
}

@media screen and (max-width:960px){
    .header{display: none;}
    .header_phone{display: block; }
    header{background:#000;color:#fff;text-align:center;line-height:50px;height:50px;position:relative;z-index:10;}
    header a{position:absolute;left:10px;top:15px;width:27px;height:20px;overflow:hidden;color:#fff;text-decoration:none; background: url("../images/phone_hang.png") left center no-repeat;}
    .main{top: 0;}
}


@media screen and (max-width:900px){
    .games ul li{ width: 48%;}
    .games ul li a h4 {  height:auto;  }
    .move{ position:absolute; left:50%;width: 80%; margin-left: -40%;  text-align: center;}
    .move span{ font-size: 32px; }
    .move p{ font-size: 14px; }
    .move i{ font-size: 14px; }
    .news ul li div h4 {max-width: 64%;  }

}

@media screen and (max-width:899px){
    .news_contant h4{font-size: 32px;}
    .news_contant img {  max-width: 521px;  }
}

@media screen and (max-width:815px){
    .news ul li div a {  max-width: 70%;}
}

@media screen and (max-width:779px){
    .list_box li .list_box_game .list_game_left {  width: 52%;  }
    .list_box li .list_box_game .list_game_left a{  width: 85%;  }
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 58%;}
}

@media screen and (max-width:740px){

    .news ul li a img {   display: block;  float: none;  margin-bottom: 20px; }
    .news ul li a div { width:95%;  height: 120px; margin: 0 auto;  }
    .news ul li div h4 {  max-width: 75%;  }
    .news ul li{height: auto;}
    .list_title {  height: 77px; background: #fff;    overflow: hidden; }
    .list_title li {  width: 49.6%; margin-bottom: 1px; }
    .news_contant h4 {  font-size: 26px;  }
    .news_contant img {  margin: 20px 0; display: block; width: 98%; }
    .list_box li .list_box_game a img{    display: block;  float: none;  margin-bottom: 20px;}
    .list_box li .list_box_game .list_game_left { float: none;  width: 100%;  }
    .list_box li .list_box_game .list_game_left a {  width: 75%;  }
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 61%;  }
    .playnow{  top: -86px; left: 68px; padding: 9px 70px; font-size: 20px;}
    .move { top: 250px;  }
    .move span {  font-size: 26px;  }

    .banner {  height: 700px; margin-top: 0px; }
    .pic {  height: 400px;  background-size: 120%;background-position: center -26px;}
    .move {  top: 100px;}
    .b-list { height: 18px;  bottom: 420px;}
    .b-list span { width: 10px; height: 10px;}
}

@media screen and (max-width:530px){
    .banner {  height: 660px; }
    .pic {  height: 800px;  background-size: 150%;background-position: center -26px;}
    .move {  top: 60px;}

    .games_title , .news_title{  height: 30px;  padding-left: 30px;  background-size: 25px;  }
    .games_title h3 , .news_title h3{  font-size: 18px;  line-height: 30px; }
    .games_title a , .news_title a{  font-size: 14px;  line-height: 30px;}


}

@media screen and (min-width: 481px) and (max-width: 540px){
    .games ul li a h4 {  height: 60px;  }
}

@media screen and (max-width:480px){
    .games ul li a div { padding: 30px 20px;}
    .games ul li {  width: 99%; }
    .games ul li a h4 {  font-size: 25px; line-height: 30px; height: auto; }
    .games ul li a p { font-size: 14px;  line-height: 26px;  }


    .bar-left{ left:10px; }
    .bar-right{ right:10px;}
    .page a{ margin: 0 1px;  width: 25px; height: 27px; line-height: 27px; }
    .news ul li div a {  max-width: 75%;}

}

@media screen and (max-width:428px){
    .popbox{ width: 320px;  }
    .list_title li a {  font-size: 16px;  }
    .news_contant {  padding: 20px 0;  }
    .news_contant h4 {  font-size: 22px;  }
    .list_box li .list_box_game .list_game_left a{ width: 66%;  }
    .list_box li .list_box_game .list_game_left a.gas {  max-width: 46%;  }
    .news ul li div a {  max-width: 69%;}
    .news ul li div h4 {  max-width: 69%;  }
    .playnow{  top: -86px; left: 68px; padding: 9px 50px; font-size: 16px;}

    .banner {  height: 680px; margin-top: -1px; }
    .pic {  height: 300px;  background-size: 185%;background-position: center -21px;}
    .move {  top: 155px;}
    .move span {  font-size: 15px;}
    .move p { font-size: 12px;}
    .move i {  padding: 8px 40px;  margin-top: 5px;  }
    .b-list { height: 18px;  bottom: 415px;}
    .b-list span { width: 8px; height: 8px;}



}

@media screen and (max-width:375px){
    .main_center {  width: 100%;  margin: -410px auto 0;  }
    .main_center2 {  margin: 5% auto 0;  }
    .footer{ padding: 88px 0px; width: 100%;margin:0;}
}

@media screen and (max-width:359px){
    .footer img { display: block; width: 70%; height: 70%;}
    .news_bottom a { padding: 11px 28px;}

}