*{margin:0;padding:0;}
div,img{border:0;width:100%;vertical-align:top;}
ul,li{list-style:none;}
h1,div,ul,li,em,form,h1{margin:0;padding:0;font-size:100%;font-weight:normal;-webkit-tap-highlight-color:transparent;font-style:normal;}
html{-webkit-tap-highlight-color:transparent;overflow-x:hidden;height:100%;min-width:6.4rem;font-size:312.5%;}
body{font-size:.24em;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;line-height:1.5;color:#FFF;background:#141414;}
a{text-decoration:none;color:#4698c8;outline:none;}
a:hover{text-decoration:none;color:#4698c8;}

.center{max-width:750px; margin:0 auto; position:relative; overflow:hidden; }
.top_login,.down,.down2,.video-fm,.new_tit,.banner,.new_cont,.part,.footer,.kf,.dl_cont,.v_cont,.cartoon,.tc_cont,.kf{ width:100%; background-size:100% auto; position:relative; }
.vedio_btn{ width:21%; height:23%; position:absolute; bottom:0; left:39%; cursor:pointer;}
/*视频*/
.mask{position:fixed; width:100%;height:100%; top:0;left:0;z-index:100;background-color:rgba(0,0,0,0.7); z-index:10000;}
.vedio{ width:6rem; height: 3.25rem; position:absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  margin:0 auto; background:#000; border:4px solid #574027; }
.vedio .close{ width:0.75rem; height:0.7rem; position: absolute; display:block; top:-0.25rem; right:-0.2rem; background:url(//content.game-bean.com/image/heros/mobile/m_v_close.png) no-repeat; background-size:100% auto; }
/*btn下载按钮*/
.down{ width:100%; text-align:center; background:#030000; padding-bottom:0.2rem;}
.x_cont{ width:100%; position:absolute; top:0; display:block;}
.x_wx{ width:28%; height:2.5rem; float:left; margin-left:19%; margin-right:0.5rem;}
/*.x_wx img{ width:70%; margin:0.9rem 15% 0;}*/
.x_wx img{ width:1.4rem; height:1.4rem; margin:40% 12% 0;}

.x_google,.x_google a,.x_app,.x_app a,.x_apk,.x_apk a,.x_shop,.x_shop a{ width:2rem; height:0.6rem; float: left; display:block;}
.x_google{ background:url(//content.game-bean.com/image/heros/mobile/m_y_google.png) no-repeat; background-size:100% auto; margin-top:0.1rem; }
.x_app{ background:url(//content.game-bean.com/image/heros/mobile/m_y_app.png) no-repeat;  background-size:100% auto; }
.x_apk{ background:url(//content.game-bean.com/image/heros/mobile/m_y_apk.png) no-repeat;  background-size:100% auto; }
.x_shop{ background:url(//content.game-bean.com/image/heros/mobile/m_y_shop.png) no-repeat;  background-size:100% auto; }

/*导航*/
.nav_tit{ max-width:750px; position:fixed; bottom:0;  z-index: 1;}
.nav_tit a{ width:20%; float:left; background:url(//content.game-bean.com/image/heros/mobile/m_nav.jpg) no-repeat; background-size:100% auto;}
.nav_tit a.on,.nav_tit a:hover{ width:20%; float:left; background:url(//content.game-bean.com/image/heros/mobile/m_nav_s.jpg) no-repeat; background-size:100% auto;}


/*底部*/
.footer{ float:left; height:1.24rem; padding-bottom:0.8rem;}
.footer img{ width:100%;}
.service{ width:0.85rem; height:0.28rem; position:absolute; bottom:1rem; right:0.37rem;}


@media screen and (min-width:350px){html{font-size:342%;}}
@media screen and (min-width:410px){html{font-size:400%;}}
@media screen and (min-width:480px){html{font-size:469%;}}
@media screen and (min-width:640px){html{font-size: 625%;}}