* {
  margin: 0;
  padding: 0;
  outline: none;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
textarea {
  resize: none;
}
input,
textarea {
  border: none;
  -webkit-appearance: none;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "iconfont";
}
i,
em {
  font-style: normal;
}
a {
  color: #2d2d2d;
  text-decoration: none;
}
b {
  font-weight: normal;
}
html{
  font-size: 625%;
}
body {
  height: 100%;
  background-color: #f1f1f1;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "iconfont" !important;
  overflow-x: hidden !important;
  color: #2d2d2d;
  font-size: 14px;
  min-width: 320px;
  overflow-x: hidden;
}
.whiter_bg {
  background: #fff;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearit {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

canvas {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.color_r {
  color: #f00;
}
.color_b {
  color: #4c8cd9 !important;
}
.color_y {
  color: #f6a200 !important;
}
.color_g {
  color: #2cc327 !important;
}
.color_h {
  color: #919191 !important;
}
.color_darkYellow {
  color: #ff5f18 !important;
}
.m_flex_box {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.m_flex {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex_hc {
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 其它取值如下：
      align-items     主轴原点方向对齐
      flex-end        主轴延伸方向对齐
      space-between   等间距排列，首尾不留白
      space-around    等间距排列，首尾留白
   */
}
.flex_jz {
  /*-webkit-box-pack: space-between;*/
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
/* 父元素-纵向排列（主轴） */
.flex_v {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/* 父元素-纵向换行 */
.flex_vw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex_vc {
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
/* 子元素-显示在从左向右（从上向下）第1个位置，用于改变源文档顺序显示 */
.flex_1 {
  -webkit-box-ordinal-group: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;
  /* OLD - Firefox 19- */
  -ms-flex-order: 1;
  /* TWEENER - IE 10 */
  -webkit-order: 1;
  /* NEW - Chrome */
  order: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-显示在从左向右（从上向下）第2个位置，用于改变源文档顺序显示 */
.flex_2 {
  -webkit-box-ordinal-group: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;
  /* OLD - Firefox 19- */
  -ms-flex-order: 2;
  /* TWEENER - IE 10 */
  -webkit-order: 2;
  /* NEW - Chrome */
  order: 2;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向换行 */
.flex_hw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.line_comp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.line_comp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.line_comp1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



/* 头部 */
.m_header{
  height: 1rem;
  position: relative;
  z-index: 10001;
  background: url(../images/menu_icon.png) repeat-x;
}
.m_header .m_logo{
  width: 1.8rem;  
}
.m_header .m_logo img{
    display: block;
    margin-top:1px;
}
.m_header .m_download img{
  float: right;
  width: 1.48rem;
}
.m_header .m_menu{
  margin: 0 0.26rem;
  width: 0.4rem;
}
.m_menu_list{
  position: fixed;
  width: 100%;
  top: 0.8rem;
  background: #fff;
  transform: translate3d(0,-150%,0);
  -moz-transform: translate3d(0,-150%,0);
  transition: all 0.5s;
  z-index: -1;
}
.m_menu_list.active{
  z-index: 888;
  transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
}
.m_menu_list a{
  display: block;
  text-align: center;
  font-size: 0.18rem;
  padding: 0.2rem 0;
  border-bottom: 1px dashed #dcdcdc;
}
/* banner */
.m_banner{
  width: 100%;
}
.m_banner .swiper-slide{
  width: 100%;
}
.m_banner .swiper-slide img{
  width: 100%;
}
#m_banner .swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}
#m_banner .swiper-pagination-bullet-active{
  background: #014b90;
}
#m_banner .swiper-pagination-bullets{
  bottom: 0;
}

/* 福利活动 */
.m_welfare_box{
  background: #039df7;
  padding: 0.1rem;
}
.pub_title{
  margin-bottom: 12px;
  text-align: center;
  color: #fff;
  font-size:16px;
  background: url(../images/titile_bg.png) center bottom no-repeat;
}
.pub_title h2{
  color: #f5fcfe;
  font-size: 0.36rem;
  line-height: 1.2;
  margin-bottom: 14px;
  text-shadow:0 8px 8px rgba(0,0,0,.5);
}

.video_show{
  position: relative;
  width: 100%;

  border: 2px solid #fff;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
}

.video_show img{
  transition: all 0.2s;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video_show:hover img{
  opacity: 0.8;
}
.video_show .video_icon{
  width: 61px;
  height: 61px;
  position: absolute;
  background: url(../images/video_icon.png) no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}
.video_modal_box{
  position: fixed;
  width: 100%;
  height:100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.5);
  z-index: 999999;
  display: none;
}
.video_modal_box .video_modal{
  position: absolute;
  width: 90%;
  z-index: 8888;
  left: 50%;
  top: 25%;
  margin-left: -45%;
}
.video_modal_box .video_modal .close_video{
  width: 22px;
  height: 22px;
  position: absolute;
  right:0px;
  top: 0;
  background: url(../images/dl-close.png) no-repeat;
  z-index: 99999; 
  cursor: pointer;
  transition: all 0.5s;
}
.video_modal_box .video_modal .close_video:hover{
  transform: rotate(360deg);
}
.video-js{
  width: 100%;
}
.welfare_banner{
  padding: 12px;
  background: #194974;
  margin-top: 0.24rem;
  
}
#welfare_banner{
 width: 100%;
 height: 1.8rem;
}
#welfare_banner img{
  width: 100%;
}

#welfare_banner .swiper-pagination{
  background: rgba(0,0,0,.5);
  border-radius:30px;
  padding: 0 5px;
}
#welfare_banner .swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}
#welfare_banner  .swiper-pagination-bullet-active{
  background: #ffde00;
}
/* 游戏特色 */
.m_game_feature{
  background: url(../images/game_feature_bg.png) center top no-repeat;
  padding: 0.2rem 0.1rem 0.2rem;
}
#m_game_feature{
  padding: 0.1rem 0 0.2rem;
  text-align: center;
}

#m_game_feature .swiper-pagination{
  bottom: 0px;
}
#m_game_feature .swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}
#m_game_feature  .swiper-pagination-bullet-active{
  background: #ffde00;
}

/* 底部 */
.m_footer_bg{
  width: 100%;

  background: url(../images/footer_bg.png) center top no-repeat;
  background-size:cover; 

}
.m_footer_down dl{
  text-align: center;
  padding: 0.4rem 0;
}
.m_footer_down dl dt{
  width: 35%;
  height: 0.42rem;
  margin-right:5px;
  background: url(../images/download_icon.png) center right no-repeat;
}
.m_footer_wx dl dt{
  background: url(../images/wx_icon2.png) center right no-repeat;
}
.m_footer_down dl dd{
  font-size: 12px;
  color: #c1c1c1;
  text-align: left;

}
.m_footer_down dl dd h3{
  font-size: 20px;
  color: #fff;
}
.m_down_line a{
  display: block;
  margin-bottom: 0.18rem;
  text-align: center;
  height: 0.64rem;
  line-height: 0.64rem;
}
.m_down_line a img{
  display: inline-block;
}
.m_footer_code{
  font-size: 0.16rem;
  color: #fff;
  padding: 0 0.4rem;
  line-height: 0.3rem;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.m_footer_code .m_footer_code_pic{
  text-align: right;
  width: 1.2rem;
  margin: 0 0.1rem;
}
.m_footer_code .m_footer_code_pic img{
  display: inline-block;
  width: 100%;
}

.m_footer_code .m_footer_code_pic canvas{
  display: inline-block;
  width: 100%;
}

.back_top{
  text-align: center; 
  padding: 0.3rem 0;
}
.back_top img{
  display: inline-block;
  width: 2rem;
}

/* 视频列表 */
.welfare_video_list_box{
  padding: 0 0.1rem;
  background: #fff;
}
.welfare_video_list{
  padding: 0 0.56rem 0.5rem 0.56rem;
}
.welfare_video_list .welfare_video{
  padding-top: 0.28rem;
}
.tab_tips{
  font-size: 0.16rem;
  padding: 0.26rem 0;
}
.tab_tips .tab_tips_item{
  display: inline-block;
  padding: 0 0.16rem;
  line-height: 0.38rem;
  border-radius: 5px;
}
.tab_tips .tab_tips_item.active{
  background: #1386df;
  color: #fff;
}
.vedio_page{
  padding: 0.36rem 0;
}
.vedio_page a{
  font-size: 16px;
  padding: 0 0.16rem;
  line-height: 0.32rem;
  background: #ced7dd;
  color: #666;
}

/* 单页header */
.m_bread{
  height: 0.62rem;
  line-height: 0.62rem;
  background: #0a92de;
  color: #fff;
  font-size: 0.2rem;
  position: relative;
  padding: 0 0.12rem;
}
.m_bread h2{
  font-size: 0.24rem;
  text-align: center;
}
.m_bread .m_back{
  position: absolute;
  left: 0.12rem;
  top: 0;
  height: 100%;
  width: 0.6rem;
  text-align: center;
  font-size: 0.18rem;
  color: #fff;
}
.m_bread .m_back span{

  font-size: 0.2rem;
}

/* 文章列表 */
.article_list_box .article_list{
  display: none;
}
.article_list_box .article_list.active{
  display: block;
}
.article_list .article_list_item{
  border-bottom: 1px dashed #d1d1d1;
  line-height: 0.24rem;
}
.article_list .article_list_item a{
  color: #616161;
  font-size: 0.18rem;
  padding: 0.1rem 0;
  display: block;
}

.article_list .article_list_item .article_time{
  color: #999999;
  font-size: 0.14rem;
}


/* 文章详情 */

.article_detail{
  padding-bottom: 0.3rem;
  font-size: 0.16rem;
  color: #616161;
}
.article_detail p{
  margin-top: 0.15rem;
}
.article_detail .article_detail_title{
    border-bottom: 1px dashed #d1d1d1;
    padding: 0.1rem 0;
    color: #999;
}
.article_detail .article_detail_title h2{
  margin-bottom: 0.1rem;
  color: #616161;
}
.game_data .game_data_item{
  display: none;
}
.game_data .game_data_item.active{
  display: block;
}
.game_data .game_pic_list li{
  margin-bottom: 0.15rem;
}
.game_data .game_pic_list img{
  width: 100%;
}

@media screen and (min-width: 320px) {
  .m_footer_code{
    width: 3.2rem;
    padding: 0;
  }
}
@media screen and (min-width: 360px) {
  
}
@media screen and (min-width: 375px) {
 
}
@media screen and (min-width: 384px) {
 
}
@media screen and (min-width: 400px) {
  
}
@media screen and (min-width: 414px) {
  
}
@media screen and (min-width: 424px) {
  
}
@media screen and (min-width: 480px) {
  
}
@media screen and (min-width: 540px) {
  
}
@media screen and (min-width: 720px) {
  
}
@media screen and (min-width: 750px) {
  
}