@charset "utf-8";*
span{margin:0;padding:0;}
img{width:100%;border:0;vertical-align:top;}
li,ul{list-style:none;}
div,em,form,h1,li,ul{margin:0;padding:0;font-weight:400;font-style:normal;font-size:100%;-webkit-tap-highlight-color:transparent;}
html{overflow-x:hidden;height:100%;min-width:6.4rem;font-size:312.5%;-webkit-tap-highlight-color:transparent;}
input::-webkit-input-placeholder{color:#CCC;font-size:.2rem;line-height:.21rem;}
body,html{position:relative;}
html{-webkit-tap-highlight-color:transparent;overflow-x:hidden;height:100%; font-size:312.5%;}
body{ font-size:.28em;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;line-height:1.5;margin:0 auto;height:100%;position:relative; display:block;  background:url(//content.game-bean.com/image/heros/mobile/m_bg.jpg) top center no-repeat #242424; }


.wrap{ overflow:hidden; margin:0 auto; max-width:750px; }
.header,.cent,.lunbo_cont{ position:relative;}
.google{  width:0.95rem; height:0.9rem; display:inline-block; position:absolute; right:0; top:0; background:url(//content.game-bean.com/image/heros/mobile/google.png) no-repeat;  background-size:100% auto; display:none; }
.vedio_btn{ width:1.46rem; height:1.46rem; display:inline-block; position:absolute; left:40%; bottom:0.29rem;}
/*视频*/
.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; }
/*锚点*/
.go_btn{ width:60%; height:1.55rem; position:absolute; top:0; left:20%; }
.zw_btn{ width:60%; height:1.55rem; position:absolute; top:1.65rem; left:20%;}

/*btn下载按钮*/
.x_cont{ width:80%; position:absolute; top:0; left:10%; display:block;}
.x_wx{ width:2.07rem; padding:0.1rem; float:left; background:#000; border-radius:10px;}
/*.x_wx img{ width:70%; margin:0.9rem 15% 0;}*/
.x_wx img{ width:2.07rem; height:2.07rem;}

.x_google,.x_google a,.x_app,.x_app a{ width:2.77rem; height:0.79rem; float: right; display:block;}
.x_google{ background:url(//content.game-bean.com/image/heros/mobile/m_g_n.png) no-repeat; background-size:100% auto; margin-top:0.1rem; margin-bottom:0.2rem; }
.x_app{ background:url(//content.game-bean.com/image/heros/mobile/m_a_n.png) no-repeat;  background-size:100% auto;  }



/*轮播*/
.lunbo_cont{}
.swiper-content{width:100%; position:absolute; top:0; left:0;}
.swiper-content .movie-pic{ width:100%; float:left;}
.swiper-slide{ position:relative;}
.movie-text,.movie-text a{width:40%; height:1.07rem; position:absolute; left:30%;  top:3.9rem; display:inline-block; background:url(//content.game-bean.com/image/heros/mobile/m_fb_btn.png) no-repeat; background-size:100% auto; cursor:pointer; z-index:10000; }

.swiper-wrapper div{ display:inline-block;}
.wrap_k{ position:absolute; left:0; top:0; z-index:-1;}

.swiper-nav{width:100%; height:1.49rem;position:absolute;left:0;top:0;z-index:1000;  }
.swiper-nav .swiper-slide{width:0.89rem;height:0.89rem;}
.swiper-tit{width:100%; position:absolute;left:0;bottom:0; z-index:100;}
.swiper-tit img{ width:100%;}

#tu1{ margin-top:0.6rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_dy.png) no-repeat; background-size:100% auto;}
#tu1.active-nav{ margin-top:0.6rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_dy_s.png) no-repeat; background-size:100% auto;}
#tu2{ margin-top:0.3rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_tl.png) no-repeat; background-size:100% auto;}
#tu2.active-nav{ margin-top:0.3rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_tl_s.png) no-repeat; background-size:100% auto;}

#tu3{ margin-top:0.1rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_cb.png) no-repeat; background-size:100% auto;}
#tu3.active-nav{ margin-top:0.1rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_cb_s.png) no-repeat; background-size:100% auto;}
#tu4{ margin-top:0.1rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_bl.png) no-repeat; background-size:100% auto;}
#tu4.active-nav{ margin-top:0.1rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_bl_s.png) no-repeat; background-size:100% auto;}

#tu5{ margin-top:0.3rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_my.png) no-repeat; background-size:100% auto;}
#tu5.active-nav{ margin-top:0.3rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_my_s.png) no-repeat; background-size:100% auto;}
#tu6{ margin-top:0.6rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_jd.png) no-repeat; background-size:100% auto;}
#tu6.active-nav{ margin-top:0.6rem; width:0.89rem;height:0.89rem; background:url(//content.game-bean.com/image/heros/mobile/m_s_jd_s.png) no-repeat; background-size:100% auto;}

.swiper-content{width:100%;}
.swiper-content h1{margin:0 0 15px;font-size:25px;}
.swiper-content .movie-pic{float:left; width:100%; }

.swiper-nav .swiper-slide{width:0.89rem;height:0.89rem;text-align:center;position:relative;}
.swiper-nav .swiper-slide{-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;}
.swiper-nav .swiper-wrapper{margin:0 auto; text-align:center;}
.swiper-nav img{margin-top:0.1rem;width:0.89rem;height:0.89rem;}

.swiper-slide{float: left;}
/* IE10 Windows Phone 8 Fixes*/
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}


/*达成人数*/
.part2_cont{ width:100%; z-index:100;}
.tit1{ width:40%; height:0.48rem; line-height:0.48rem; position:absolute; top:0; margin-left:54%; color:#F00; font-size:0.2rem; color:#ff7e00; }
.T_Menu_02{ width:100%; margin:0 auto;}
.T_Menu_02 div{ cursor:pointer; float:left;}
#S_Menu_20{ width:1.32rem; height:2.06rem; position:absolute; top:3.8rem; right:3rem;}
.p1{ position:absolute; top:0; left:0; }
.p1 .num1{ width:1.28rem; height:1.2rem; background:url(//content.game-bean.com/image/heros/mobile/p_t1.png) no-repeat; background-size:100% auto; position:absolute; top:0; left:0; z-index:1;}
.p1 .num1_s{ width:1.32rem; height:2.06rem; background:url(//content.game-bean.com/image/heros/mobile/p_t1_s.png) no-repeat; background-size:100% auto; }

#S_Menu_21{width:2.15rem;height:2.39rem; position:absolute; top:3.6rem; right:0;}
.p2{ position:absolute; top:0; right:0;}
.num2{ width:1.28rem; height:1.2rem; background:url(//content.game-bean.com/image/heros/mobile/p_t2.png) no-repeat; background-size:100% auto; position:absolute; top:0; right:0.5rem; z-index:1;}
.num2_s{ width:2.15rem; height:2.39rem; background:url(//content.game-bean.com/image/heros/mobile/p_t2_s.png) no-repeat; background-size:100% auto;}

#S_Menu_22{ width:2.12rem; height:2.09rem;  position:absolute; top:1.8rem; right:1rem;}
.p3{ position:absolute; top:0; right:0;}
.num3{ width:1.28rem; height:1.2rem; background:url(//content.game-bean.com/image/heros/mobile/p_t3.png) no-repeat; background-size:100% auto; position:absolute; top:0; right:-0.2rem;  z-index:1;}
.num3_s{ width:2.12rem; height:2.09rem; background:url(//content.game-bean.com/image/heros/mobile/p_t3_s.png) no-repeat; background-size:100% auto; }


#S_Menu_23{ width:2.67rem; height:2.76rem;  position:absolute; top:0.75rem; left:0.1rem}
.p4{ position:absolute; top:0; left:0;}
.num4{ width:1.28rem; height:1.2rem; background:url(//content.game-bean.com/image/heros/mobile/p_t4.png) no-repeat; background-size:100% auto; position:absolute; top:0; left:0.6rem;  z-index:1;}
.num4_s{ width:2.67rem; height:2.76rem; background:url(//content.game-bean.com/image/heros/mobile/p_t4_s.png) no-repeat; background-size:100% auto; }
.new_list_cont2{ width:5.24rem; height:3.2rem; font-size:0.2rem; position:absolute; bottom:0; right:0.3rem; }



.p_cont{ width:70%; height:3.24rem; position:absolute; bottom:0.2rem; left:15%;} 
.p_cont img{ width:100%;}


/*集结盟友*/
 .tit2{ width:40%; height:0.48rem; color:#F00; font-size:0.2rem; color:#ffec4a; font-weight:bold; position:absolute; bottom:0.03rem; left:57%;  text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; *filter: Glow(color=#000, strength=1);}
.guess_cont{ width:100%; height: 100%; position:absolute; top:0.11rem; left:0;}
.T_Menu_01{ width:100%; margin:0 auto; position:relative; }
.T_Menu_01 div{ cursor:pointer; float:left;}
#S_Menu_10{width:1.29rem;height:1.22rem; background:url(//content.game-bean.com/image/heros/mobile/c_y1.png) no-repeat; background-size:100% auto; position:absolute; top:1.3rem; left:0.51rem;}
#S_Menu_11{width:1.42rem;height:1.26rem; background:url(//content.game-bean.com/image/heros/mobile/c_y2.png) no-repeat;background-size:100% auto; position:absolute; top:0.6rem; left:1.9rem;}
#S_Menu_12{width:1.45rem;height:1.55rem; background:url(//content.game-bean.com/image/heros/mobile/c_y3.png) no-repeat;background-size:100% auto;  position:absolute; top:2.17rem; left:2rem; z-index:1001;}
#S_Menu_13{width:1.24rem;height:1.49rem; background:url(//content.game-bean.com/image/heros/mobile/c_y4.png) no-repeat;background-size:100% auto;  position:absolute; top:1.12rem; right:2rem}
#S_Menu_14{width:1.84rem;height:1.99rem;background:url(//content.game-bean.com/image/heros/mobile/c_y5.png) no-repeat;background-size:100% auto; position:absolute; top:0.65rem; right:0.21rem;}

#S_Menu_10s{width:1.29rem;height:1.22rem; background:url(//content.game-bean.com/image/heros/mobile/c_y1_s.png) no-repeat; background-size:100% auto; position:absolute; top:1.3rem; left:0.51rem;}
#S_Menu_11s{width:1.42rem;height:1.26rem; background:url(//content.game-bean.com/image/heros/mobile/c_y2_s.png) no-repeat;background-size:100% auto; position:absolute; top:0.6rem; left:1.9rem;}
#S_Menu_12s{width:1.45rem;height:1.55rem; background:url(//content.game-bean.com/image/heros/mobile/c_y3_s.png) no-repeat;background-size:100% auto;  position:absolute; top:2.17rem; left:2rem; z-index:1001;}
#S_Menu_13s{width:1.24rem;height:1.49rem; background:url(//content.game-bean.com/image/heros/mobile/c_y4_s.png) no-repeat;background-size:100% auto;  position:absolute; top:1.12rem; right:2rem;}
#S_Menu_14s{width:1.84rem;height:1.99rem; background:url(//content.game-bean.com/image/heros/mobile/c_y5_s.png) no-repeat;background-size:100% auto; position:absolute; top:0.65rem; right:0.21rem;}

.new_list_cont{ width:4.04rem; height:2.88rem; overflow:hidden; font-size:0.2rem; position:absolute; bottom:0.45rem; right:0.3rem; z-index:1;  }
.lqjl{width:1.96rem; height:0.69rem; background:url(//content.game-bean.com/image/heros/mobile/c_lq_btn.png) no-repeat;background-size:100% auto; position:absolute; bottom:0.39rem; right:0.28rem;}
.dhm{ width:1.96rem; height:0.69rem; line-height:0.24rem; position:absolute; bottom:0.3rem; right:0.28rem; color:#390202; text-align:center;}

.yqhy_btn{ width:2.37rem; height:1.01rem; overflow:hidden; font-size:0.18rem; position:absolute; bottom:0.62rem; left:0.65rem;}
.yqhy_btn a{ width:100%; height:1.01rem; background:url(//content.game-bean.com/image/heros/mobile/m_y_btn.png) no-repeat; background-size:100% auto; float:left;}

/*占领城池*/
.city_cont{ width:100%; position:absolute; top:0.8rem; left:0; font-size:0.18rem;}
.city1,.city1_on{ width:3.75rem; height:2.83rem; position:absolute; top:0; right:0;}
.city1 img,.city1_on img{ width:3.75rem; height:2.83rem; }
.all_cont{ width:2.82rem; height:4.4rem; background:url(//content.game-bean.com/image/heros/mobile/m_city_tc.png) no-repeat; background-size:100% auto; text-align:center;}
.all_cont .close,.all_share .close{ width:0.5rem; height:0.5rem; float:right; cursor:pointer;}
.all_gont{ padding:0.3rem 0.4rem 0.3rem 0.27rem;}
.all_gont .tit{ color:#fff; line-height:0.4rem; text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; *filter: Glow(color=#000, strength=1); margin-bottom:0.1rem;}
.all_gont .rank{ color:#ff4800; line-height:0.6rem;}
.all_gont .fix_tit{ color:#000; line-height:0.4rem;}
.all_gont .rank_cont{ color:#000; line-height:0rem; font-size:0.16rem; text-align:left; display:inline-block;}
.all_gont .rank_cont p{ margin-bottom:0.05rem;}
.all_gont .rank_cont p span{ color:#ff0000;}
.fix_btn{ width:1.35rem; height:0.55rem; display:inline-block; background:url(//content.game-bean.com/image/heros/mobile/m_city_zl.png) no-repeat; background-size:100% auto; cursor:pointer;}


.all_share{ width:2.82rem; height:4.4rem; text-align:center;  background:url(//content.game-bean.com/image/heros/mobile/m_city_s.png) no-repeat; background-size:100% auto; }
.all_share .share_cont{ position:absolute; top:1.3rem; left:0; width:90%;background:#ffffff; }
.all_share .share_cont .s_tit{ text-align:center; color:#1f120c; font-size:0.24rem; font-weight:bold; margin-bottom:0.3rem;}
.all_share .share_cont .s_tit span{ color:#ff4800;}
.all_share .share_cont .s_share{ text-align:center; color:#1f120c; font-size:0.18rem; font-weight:bold; margin-bottom:0.1rem;}

.all_share .share_btn{ width:50%; height:0.6rem; position:absolute; left:22%; bottom:17%; display:inline-block; cursor:pointer; background:url(//content.game-bean.com/image/heros/mobile/m_tc_s.png) no-repeat; background-size:100% auto;}
.s1{ position:absolute; top:-4.2rem; right:0.52rem;}
.share1{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s1.png) no-repeat; background-size:100% auto;}

.city2,.city2_on{ width:2.69rem; height:2.74rem; position:absolute; top:2.4rem; left:0.4rem;}
.city2 img,.city2_on img{ width:2.69rem; height:2.74rem; }
.s2{ position:absolute; top:-4.2rem; left:0.52rem;}
.share2{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s2.png) no-repeat; background-size:100% auto;}

.city3,.city3_on{ width:2.12rem; height:2.63rem; position:absolute; top:3rem; right:0.2rem;}
.city3 img,.city3_on img{ width:2.12rem; height:2.63rem; }
.s3{ position:absolute; top:-4.2rem; right:0;}
.share3{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s3.png) no-repeat; background-size:100% auto;}

.city4,.city4_on{ width:2.68rem; height:2.15rem; position:absolute; top:5.8rem; left:1.24rem;}
.city4 img,.city4_on img{ width:2.68rem; height:2.15rem; }
.s4{ position:absolute; top:-4.2rem; left:0;}
.share4{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s4.png) no-repeat; background-size:100% auto;}

.city5,.city5_on{ width:2.54rem; height:2.91rem; position:absolute; top:7rem; right:0.24rem;}
.city5 img,.city5_on img{  width:2.54rem; height:2.91rem; }
.s5{ position:absolute; top:-4.2rem; right:0;}
.share5{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s5.png) no-repeat; background-size:100% auto;}

.city6,.city6_on{ width:2.82rem; height:2.33rem; position:absolute; top:8.2rem; left:0.1rem;}
.city6 img,.city6_on img{ width:2.82rem; height:2.33rem; }
.s6{ position:absolute; top:-3.6rem; left:0;}
.share6{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s6.png) no-repeat; background-size:100% auto;}

.city7,.city7_on{ width:2.93rem; height:2.53rem; position:absolute; left:2.2rem; top:10.4rem;}
.city7 img,.city7_on img{ width:2.93rem; height:2.53rem; }
.s7{ position:absolute; top:-3.6rem; left:0;}
.share7{ background:url(//content.game-bean.com/image/heros/mobile/m_city_s7.png) no-repeat; background-size:100% auto;}


/*登入*/
.pop-fm,.ty-fm{position:fixed; width:100%;height:100%; top:0;left:0;z-index:10001;background-color:rgba(0,0,0,0.6);}
.pop-box{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}

.login{width:5.2rem;height:6.8rem; background:url(//content.game-bean.com/image/heros/mobile/m_dl_tc.png) no-repeat;background-size:100% auto;color:#FFF;}
.ty{width:5.03rem;height:5.18rem; background:url(//content.game-bean.com/image/heros/mobile/m_ty_tc.png) no-repeat;background-size:100% auto;color:#FFF;}
.pop-fm .close,.ty-fm .close{ position:absolute;top:-0.1rem;right:0.2rem;display:block;margin-left:-50%;width:.77rem;height:.69rem;background:url(//content.game-bean.com/image/heros/mobile/m_dl_close.png) no-repeat;background-size:100% auto;}
.login-box{padding:1.6rem .6rem .8rem;}
.tc_tit{ color:#3f250c; font-weight:bold; text-align:center;}
.tc_tit span{ color:#ff0000;}
.login ul{margin:.5rem auto 0;width:100%;}
.login li{overflow:hidden;padding:.1rem 0;}
.login label{float:left;width:1.6rem;text-align:right;line-height:.42rem; color:#9d5817;}
.login li span{display:block;overflow:hidden;margin-left:1.7rem;}
.pop-fm .input{width:98%;height:.42rem;border:none;background:0 0;color:#000;vertical-align:top;font-size:.2rem;}
.login .num{display:inline-block;margin-top:.05rem;padding:0 .1rem;border:1px solid #3757a8;background:-webkit-gradient(linear,left top,left bottom,from(#3554a4),to(#4668c2));background:-moz-linear-gradient(top,#3554a4,#4668c2);line-height:.32rem;}
.login .num b{display:inline-block;margin-right:.1rem;width:.18rem;height:.18rem; vertical-align:middle;}
.login .num i{padding:0 .1rem;}
.login .bg,.pop-fm .code-box span{padding-left:1%;border-top:2px solid #151821;background:#f0e0bd; /*box-shadow:inset 0 -3px 2px #3757a8;*/ border:2px solid #3757a8;}
.login .tips{height:.3rem;color:red;font-size:.16rem;}
.login .s_wz{height:1rem; line-height:1rem;color:#ff6927;font-size:.24rem; background:#fff; font-weight:bold; margin-top:0.3rem; text-align:center;}
.login-btn{background:url(//content.game-bean.com/image/heros/mobile/login_btn.png) no-repeat;}

.close-btn{background:url(//content.game-bean.com/image/heros/mobile/m_tc_close.png) no-repeat;}
.login-btn{display:block;margin:0 auto;width:1.78rem;height:1rem;border:none;background-size:100% auto;font-size:0;}
.login .note,.login .note01,.note02{position:absolute;bottom:.5rem;color:#ffe84e;font-size:.16rem;}
.login .note{width:100%;text-align:center;}
.login .note01{left:13%;width:74%;text-align:left;}
.note02{bottom:.3rem;left:28%;width:60%;text-align:left;}
.login select{float:left;margin-left:-2%;width:1rem;height:.42rem;border:none;border-radius:none;background:#f0e0bd;color:#000;text-align:center;font-size:.2rem;}
.login .input.phone-input{float:left;padding-left:2%;width:1rem; background:#f0e0bd;}
.package-code{text-align:center;}
.package-code .code-box{padding-top:.1rem;}
.pop-fm .code-box em,.pop-fm .code-box span{display:inline-block;vertical-align:middle;}
.pop-fm .code-box span{width:50%;height:.42rem;}
.login-now{ width:30%; height:0.66rem; position:absolute; bottom:0; left:35%; cursor:pointer;}

.t_tips {padding:1.6rem .6rem .8rem;}
.t_tips p{ color:#3f250c; font-size:0.3rem; font-weight:bold; text-align:center;}

.service{ width:0.85rem; height:0.28rem; position:absolute; bottom:0.31rem; right:0.48rem;}
.service_n{ width:0.85rem; height:0.28rem; position:absolute; bottom:0.54rem; right:0.3rem;}

/*右侧悬浮框*/
.side-fm{position:fixed;top:8%;right:0.1rem;padding:0.1rem 0.1rem 0 0.1rem; width:0.83rem;height:2.43rem; background:url(//content.game-bean.com/image/heros/mobile/m_xfk.png) no-repeat;background-size:100% auto; z-index:104;}
.side-fm li{padding-left:.12rem;}
.side-fm .share{background:url(//content.game-bean.com/image/heros/mobile/m_fx.png) no-repeat; margin-top:1rem; margin-bottom:0.1rem;}
.side-fm .fst{background:url(//content.game-bean.com/image/heros/mobile/m_fst.png) no-repeat;}
.side-fm .share,.side-fm .fst{float:left;width:.6rem;height:.6rem;background-size:.6rem auto;}


@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%;}}