@charset "gbk";
html,body,ul,li,p,span,div{ list-style: none;margin: 0;padding:0;font-size: 0.3rem; box-sizing: border-box;}
a{ text-decoration: none;}
body{position:relative;background: #f2f2f2;}
header{position: fixed;z-index: 999;top: 0;left: 0;margin:0; padding:0;right:0;height: 1.3rem; background: #1b1c32;}

.flex-center{display: flex; justify-content: center; align-items: center;}

.top{position: relative; height: 1.3rem;margin: 0;padding: 0;overflow: hidden;}
.top_mid{width: 2.15rem; height: 1.08rem; margin:0.1rem auto;background:url(../images/325logo.png) no-repeat left top; background-size:100% 100%;display: block;}

.top_left{position: absolute; left: 0; top: 0;display: inline-block; width: 1.3rem; line-height: 1rem; padding-top: 0.3rem; text-align: center;}

.hidden .menu_icon{background-position: left -0.84rem;}

.menu_icon,.tel_icon{width: 0.64rem; height: 0.64rem; display: inline-block; }
.menu_icon{background: url(../images/menu_tb.png) no-repeat;background-size:100% auto; transition: all 0.3s linear;}
.tel_icon{background: url(../images/tel.png) no-repeat;background-size:100% auto;}
.top_right{border-left: 1px solid #363646;line-height:1.3rem;background:#222335;font-size: 0.38rem;position: absolute;right: 0; top: 0; color:#fff;display: inline-block; width:1.85rem;  text-align: center;}
.top_right img{ width: 0.5rem; height: 0.5rem;vertical-align:middle;}

.menu{z-index:99; position: fixed; top: 1.3rem;width: 100%;transition: transform 0.35s linear;transform:translate3d(0,-100%,-10rem);}

.menu_list{background: #1b1c32;padding-top:0.3rem;overflow: hidden;}
.show{transform:translate3d(0,0,0);}
.nav_list a{padding-left:0.3rem;display: block;border-bottom:1px solid #303044;color: #fff; line-height: 1.2rem;font-size: 0.38rem; }

.kfqq{padding-left: 0.3rem; line-height: 1.6rem; color: #fff;font-size: 0.44rem;}

.main{padding-top: 1.3rem; width:100%; overflow: hidden;}
.index_banner{border-radius:0.2rem;margin:0.3rem auto;width:7rem; height: 8.1rem; background: url(../images/b1.png) no-repeat left top; background-size: 100% 100%;}

.index_banner a{display: block;margin-top:6.5rem; margin-left: 0.3rem; float: left;width:3.1rem; height: 0.85rem; }
.btn_new{background: url(../images/btn1.png) no-repeat left top; background-size: 100% 100%;}
.btn_old{background: url(../images/btn2.png) no-repeat left top; background-size: 100% 100%;}

.games{box-shadow:0px 0px 10px #dfe0e3;width: 7rem;height: 4.6rem; margin: 0 auto; background: #fff;border-radius: 0.2rem;}
.games_list{padding:0 0.3rem;}
.games_list li{ overflow: hidden;border-bottom: 1px solid #eee;padding: 0.3rem 0;}
.games_list li span{ display: block;float: left;}

.gl_icon{position:relative;width: 1.2rem;height: 1.2rem;border-radius: 0.1rem;overflow: hidden;}
.gl_icon img{ width: 100%;}
.gl_icon label.play{position:absolute;top:0;left:0;width: 100%;height:100%;}
.gl_icon label.play em{position:absolute;top:0;left:0;width: 100%;height:100%;background:#000;opacity:0.4;}
.gl_icon label.play i{position:relative;width:100%;height:100%;display:inline-block;background:url(../images/icon_video_play.png) no-repeat center;background-size:50%;}
.gl_info{width: 3.8rem; padding-left: 0.2rem;}
.gl_info i{display: block; font-style: inherit;}
.gli_tit{color: #3d3e4d; font-size: 0.32rem;padding-bottom: 0.1rem;}
.gli_wz{font-size: 0.24rem; color: #63647e;line-height: 0.34rem;}

.gl_down{display:block;margin-top:0.3rem;text-align: center;float: right;background: #feb108;border-radius:0.27rem;font-size:0.24rem;line-height:0.54rem; width:1.2rem;color: #fff;}

.game_more{ text-align: center;padding-top: 0.2rem;}
.game_more a{ color: #63647e; font-size: 0.34rem; }

.news{width: 7rem;margin: 0.5rem auto;}
.news_tit{line-height: 0.6rem;font-size: 0.44rem; color: #63647e;text-align: center;}
.news_tit span{display: block;font-size: 0.28rem; color: #9d9eae;font-weight: lighter;}

.news_list{padding:0 0.3rem;}
.news_list li{border-bottom: 1px dashed #cccddd;padding: 0.3rem 0;}
.nl_tit{display: inline-block;width: 100%;font-size:0.28rem; color: #3d3e4d; line-height:0.4rem; }
.nl_num{ color: #9d9eae;}
.nl_num span{padding-right: 0.2rem;font-size: 0.24rem;}

.news_more{padding: 0.3rem; text-align: right;}
.news_more a{ color: #63647e; font-size: 0.34rem;}


.help{background: #1b1c32;padding: 0.25rem;}
.help_tit{text-align: center;padding-top:0.5rem;color: #fff;font-size: 0.44rem;}
.help_tit span{ display: block;font-weight: lighter;line-height: 0.6rem;}

.compro{border-radius: 0.2rem;width:7rem;margin:0.3rem auto; background:linear-gradient(#7b90fb,#775eff);height: 4.2rem;}
.cp_tit{text-align: center;line-height: 1.2rem;}
.cp_tit i{font-style: normal;text-shadow: 0px 0px 5px #4c50b3;color: #fff;font-weight: 600;font-size: 0.44rem;}

.hlist{padding-left: 0.5rem;}
.hlist li{font-size: 0.28rem;line-height: 0.6rem;}
.hlist li a{color: #fff;}

.hmore{text-align: right;padding-right: 0.5rem;padding-top: 0.3rem;}
.hmore a{ color: #fff;}

.newhelp{border-radius: 0.2rem;width:7rem;margin:0.3rem auto; background:linear-gradient(#84b0f7,#7c74e4);height: 4.2rem;}

.bottom{width: 7rem;margin: 0rem auto;padding-bottom: 0.3rem;}
.b_menu{padding: 0.2rem 0.8rem;overflow: hidden;}
.b_menu li{ float: left; padding: 0.3rem;font-size: 0.28rem;}
.b_menu li a{color: #63647e;}

.b_list{}
.b_list span{display: block;text-align: center; line-height: 0.4rem;font-size:0.24rem;color: #9d9eae;}

/*内页样式*/
.clear{clear: both;font-size: 1px;height: 0.4rem;}
 /*游戏中心样式*/
 .banner{width:7.5rem;margin: 0 auto;}
 .game_banner{background: url(../images/nb1.jpg) no-repeat left top;background-size: 100% 100%;padding-top: 3.1rem;}
 
 .news_banner{background: url(../images/nb2.jpg) no-repeat left top; background-size:100% 100%;height: 2.5rem;}

 .nbtn{margin:0 auto;width: 4.4rem;box-shadow:0px 5px 10px #ddd;border-radius: 0.44rem;font-size:0.38rem;color: #fff; text-align:center;display: block;line-height: 0.9rem;background: #feb108;}
 .nbtn img{width: 0.42rem;height: 0.42rem;vertical-align:-0.07rem; margin-right: 0.1rem;}
 
 .gameinfo{width: 7rem;height:2.7rem;background: #fff;box-shadow: 0px 5px 10px #e0e1e4;margin: 0rem auto;border-radius:0.2rem;}
 .gameinfo p{display: inline-block;}
 .gi_left{width:4.3rem;float: left;}
 .gi_left span{display: block; padding: 0.2rem 0 0 0.36rem;}
 .gil_tit{font-size: 0.38rem; line-height: 0.6rem;color: #3d3e4d;}
 .gil_del{font-size:0.24rem;color: #63647e;line-height: 0.4rem;}
 .gi_right{width: 2.6rem; height: 2.6rem; float: right;}
 .gi_right img{vertical-align: middle;width: 100%;}
 /*新闻中心样式*/
 .nb_tit{text-align: center;color: #fff;line-height: 0.66rem; padding-top:0.6rem;font-size: 0.54rem;}
 .nb_tit span{display: block;font-weight: lighter;}

.newcenter{overflow: hidden;}
.newmenu{list-style:none;padding:0 0.3rem;display: flex;background: #fff;height:0.9rem;border-bottom: 2px solid #e6e6f1;position: relative;}
.newmenu li{flex: 1;text-align: center;line-height: 0.9rem;height:0.9rem;font-size: 0.34rem;color: #bfc0cf;}
.newmenu li.active{border-bottom:2px solid #feb108;color:#feb108;}
.newcenter .content{padding:0 0.3rem;margin: 15px 0;}
.newcenter .content>div{display:none;}
.newcenter .content>div.active{display:block;}

.newslist{overflow: hidden; margin-top: -0.3rem;}
.newslist ul{}
.newslist ul li{line-height: 0.9rem;font-size: 0.28rem;border-bottom: 1px dashed #cccddd;}
.newslist ul li > *{line-height: 0.9rem;}
.newslist ul li a.title{width: calc(100% - 1rem);display: inline-block;line-height: 1;color: #3d3e4d;}
.newslist ul li span{float: right;color: #9d9eae;}

/*新闻详情*/
.nt{padding:0.2rem 0.3rem;}
.nt .nt_top{line-height: 0.6rem;color: #3d3e4d;font-size: 0.38rem;font-weight: 600;}
.nt .nt_num{line-height: 0.3rem;color: #9d9eae;font-size: 0.24rem;}
.ni{padding:0.2rem 0.3rem;}
.ni img{max-width:100%;}
.ni p{padding-bottom: 0.2rem;line-height:0.4rem;font-size: 0.28rem;color: #3d3e4d;}
.ni_cont{padding:0rem 0.3rem;}
.ni_cont p{line-height:0.4rem;font-size: 0.28rem;color: #3d3e4d;}

/*安装教程*/
.azjc{padding:0.5rem 0.3rem;background: #212126;}
.az_tit{text-align: center;}
.az_tit img{ width: 60%;}

.az_info span{color: #fff;line-height: 0.8rem;font-size: 0.28rem;margin: 0.3rem 0;display: block;}
.az_info img{width: 100%;}


.ljxz{position: fixed;bottom: 0;width: 100%;}
.ljxz a{display: block;width:100%;line-height:1rem;background: #feb108;color: #000;font-size: 0.36rem;text-align: center;}

.ellipsis{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.vdo-player{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 9999;}
.vdo-player em{position:absolute;width:100%;height:100%;background:#000;opacity:0.7;}
.vdo-player video{position:relative;background: #000;}

/**
 * �����ʱ��ʽ
 */
.btn_new.review{height: 1rem;width: 5rem;margin-left: 1rem; background:url(../images/big_btn.png) no-repeat center; background-size: contain;}
.btn_old.review{display:none;}