.iconfont {
  font-family:"iconfont" !important;
  /*font-size:0.8rem;*/
  font-style:normal;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.flex_between{display: flex;justify-content: space-between;}
.flex_arround{display: flex;justify-content: space-around;}
.flex_start{display: flex;justify-content: flex-start;align-content: flex-start;}

.pad_10{padding:0 0.5rem}

.font_7{font-size: 0.35rem;}
.font_8{font-size: 0.4rem;}
.font_9{font-size: 0.45rem;}
.font_10{font-size: 0.5rem;}
.font_10_4{font-size: 0.52rem;}
.font_11{font-size: 0.55rem;}
.font_12{font-size: 0.6rem;}
.font_14{font-size: 0.7rem;}
.font_15{font-size: 0.75rem;}
.font_16{font-size: 0.8rem;}
.font10{font-size: 0.5rem;}
.font11{font-size: 0.55rem;}
.font12{font-size: 0.6rem;}
.font13{font-size: 0.65rem;}
.font14{font-size: 0.7rem;}
.font16{font-size: 0.8rem;}

.hide{display: none;}
.visibil{visibility: hidden;}
.align_c{text-align: center;}

body{max-width: 740px;overflow-y: auto;margin: 0 auto;}
img{width: 100%;vertical-align: middle;}
ul{list-style: none;margin: 0;padding: 0;}
i{font-style: normal;}
p,dl,dt,dd{margin: 0;}
input{-webkit-user-select: text}

.clearfix {
  *zoom:1;
  *clear:both;
}
.clearfix:after {
  display:block;
  clear:both;
  content:".";
  visibility:hidden;
  overflow: hidden;
  height:0;
}
.fl{float: left;}
.fr{float: right;}

header{width: 100%;height: 2.5rem;background-color: #F2F2F2;position: absolute;z-index: 10;backface-visibility:hidden;}
header .logo{position: absolute;left: 0.5rem;top:0.37rem;height: 1.75rem;}
header .logo img{width:auto;height: 100%;vertical-align: middle;}
header .regist_btn{background:#FF6600;height:1rem;line-height: 1rem;padding:0 0.5rem;position: absolute;right: 0.5rem;top:0.75rem;border-radius: 0.5rem;color:#fff;font-size:0.6rem;}
header .regist_btn a{color:#fff;font-size:0.6rem;}

.content{top:2.5rem;background: #fff;}

.swiper-pagination-bullet-active{background:#FF6600}

/*.ajaxLoading{position: fixed;z-index: 3000;width: 7rem; height: 3.22rem;top:50%;left:50%;margin-top: -1.61rem;margin-left: -3.5rem; display: none;}*/
.ajaxLoading{position: fixed;z-index: 3000;width: 37%;height: auto;top: calc(50% - 1.61rem);left: calc(50% - 18%);display: none;}
.ajaxLoading img{vertical-align: middle;width: 100%;}

.pull-to-refresh-layer{height: 44px;overflow: hidden;}
.pull-to-refresh-layer .preload_txt,.pull-to-refresh-layer .preload_date{text-align: center;font-size: 14px;color: #999;}
.pull-to-refresh-layer .preloader,.pull-to-refresh-layer .pull-to-refresh-arrow{left: 10%;}

#swiperImg{padding:0.75rem;border-bottom: 5px solid #F2F2F2;}
#swiperImg .swiper-container{padding-bottom: 0;}

.title_middle{position: relative;margin: 0.75rem;margin-bottom: 0.25rem;height: 1.25rem;line-height: 1.25rem;text-align: center;}
.title_middle em{display: inline-block;width:100%;height:1px;background:#E7E7E7;position: absolute;top:50%;left:0}
.title_middle span{color:#666;font-weight: bold;display: inline-block;padding:0 0.75rem;background:#fff;position: relative;}
.title_middle span .arraw_l:before{content: '';width:0;height:0;position: absolute;left:0;top:50%;border-right:4px solid #E7E7E7;border-top:2.5px solid transparent;border-bottom: 2.5px solid transparent;margin-top:-2.5px}
.title_middle span .arraw_l:after{content: '';width:0;height:0;position: absolute;left:2px;top:50%;border-right:3px solid #fff;border-top:2.5px solid transparent;border-bottom: 2.5px solid transparent;margin-top:-2.5px}
.title_middle span .arraw_r:before{content: '';width:0;height:0;position: absolute;right:0;top:50%;border-left:4px solid #E7E7E7;border-top:2.5px solid transparent;border-bottom: 2.5px solid transparent;margin-top:-2.5px}
.title_middle span .arraw_r:after{content: '';width:0;height:0;position: absolute;right:2px;top:50%;border-left:3px solid #fff;border-top:2.5px solid transparent;border-bottom: 2.5px solid transparent;margin-top:-2.5px}

ul.tuijiangame{border-bottom: 5px solid #F2F2F2;}
ul.gameInfo li{padding:0.5rem 0.75rem;border-bottom: 1px solid #F2F2F2;}
ul.gameInfo li .img{width:3.25rem;height: 3.25rem;}
ul.gameInfo li .game_down{width:3.25rem;height: 1.25rem;line-height:1.25rem;color:#fff;text-align: center;margin-top: 0.8rem;border-radius: 0.15rem;background:#FF6600;font-size:0.6rem;border:1px solid #FF6600}
ul.gameInfo li .game_deatil{width:calc(100% - 7.5rem)}
ul.gameInfo li .game_deatil div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}
ul.gameInfo li .game_deatil .game_name{color:#333;font-size:0.75rem;font-weight: bold;}
ul.gameInfo li .game_deatil .gametip{line-height: normal;}
ul.gameInfo li .game_deatil .gametip span{color:#ff3333;padding:0 0.25rem;border-radius:3px;display: inline-block;font-size:0.5rem;border:1px solid #ff3333;font-weight: bold;line-height: 0.75rem;height:0.75rem;}
ul.gameInfo li .game_deatil .giftdetail{color:#666;font-size: 0.6rem;margin-top:5px;}
ul.gameInfo li .playgamebtn a{display: block;margin:0.75rem auto 0.25rem;width:6.5rem;height:1.75rem;text-align: center;line-height: 1.75rem;color:#fff;font-size:0.8rem;font-weight: bold;background:#FF6600;border-radius: 3px;}

.content ul.gameInfo li .swiper-gamecontainer {width: 100%;height: 100%;overflow: hidden;margin-top:0.75rem;position: relative;}
.pull-to-refresh-content{margin-top:-44px;}

/*登录*/
.loginExtra{background:#F7F7F7;width:15.5rem;margin-left:-7.75rem;border-radius: 0;position: position;}
.loginExtra .modal-title .text{height:22px;line-height: 22px;color:#333;font-weight: bold;font-size:1rem;vertical-align: middle;}
.loginExtra .modal-title .close_model{position: absolute;right:0.25rem;top:0.25rem;font-size:1rem;height:1.25rem;line-height: 1.25rem;color:#9A9A9A;transition: all .2s;}

.loginExtra .modal-text{margin-top:0.75rem;}
.loginExtra .form_item{position:relative;font-size: 0.6rem;}
.loginExtra .label_item label{position:absolute;left: 0.25rem;height: 2.15rem;line-height: 2.15rem;font-size:0.7rem;color:#666;width:3.25rem;text-align: center;}
.loginExtra .label_item input{width:100%;height:2.15rem;line-height:2.15rem;border:1px solid #D9D9D9;border-radius: 3px;text-indent: 3.25rem;margin-bottom:-1px;font-size:0.7rem;}
.loginExtra .remember_item{margin-top:0.5rem}
.loginExtra .remember_pwd, .loginExtra .agree_protocal{color:#999;line-height: 16px;font-size:0.55rem;}
.loginExtra .mima_btn{color:#666;line-height: 16px;font-size:0.55rem;}
.loginExtra .remember_pwd input, .loginExtra .agree_protocal input{width:14px;height:14px;border:1px solid #DADADA;vertical-align: middle;}
.loginExtra .login_btn,.loginExtra .regist_btn, .loginExtra .forget_btn{color:#fff;font-size: 0.85rem;height: 2.25rem;line-height: 2.25rem;width:100%;border:0;border-radius: 5px;margin-top:0.75rem;}
.loginExtra .login_btn, .loginExtra .forget_btn{background:#FF712B;}
.loginExtra .regist_btn{background:#a5a5a5;}
.loginExtra .regist_btn.on{background:#19AE32;}
.loginExtra .other_item{margin-top:0.75rem;}
.loginExtra .other_item .regist_link{background:url(/Public/H/image/regist_ico.png) no-repeat;padding-left:15px;color:#1689ff;fotn-size:0.6rem;line-height: 14px;}
.loginExtra .other_item .qq_link{background:url(/Public/H/image/qq_ico.png) no-repeat;padding-left:18px;color:#666;fotn-size:0.6rem;line-height: 14px;}
.loginExtra .other_item .mobile_link{background:url(/Public/H/image/mobile_ico.png) no-repeat;padding-left:18px;color:#1689ff;fotn-size:0.6rem;line-height: 14px;}
.loginExtra .other_item .login_link{color:#666;line-height: 14px;font-size:0.6rem;}

.loginExtra .vild_item .getVild_btn, .loginExtra .vild_item .getVild_getpwd_btn{position:absolute;right: 0.42rem;top:0.42rem;border:1px solid #F6DC9C;background:#FFFEEF;color:#FF712B;padding:0 0.25rem;height: 1.3rem;line-height: 1.3rem;border-radius: 2px;}
.loginExtra .vild_item .getVild_btn.disabled, .loginExtra .vild_item .getVild_getpwd_btn.disabled{background:#ccc;color:#fff;border-color:#ccc}
.loginExtra .label_item input::-webkit-input-placeholder {color: #dad9d9;} 

.box-title{height:2rem;line-height: 2rem;padding:0 0.5rem;background:#FF712B;margin: 0;position: absolute;top:2.5rem;left:0;width:100%;}
.box-title .back_link{font-size:0.7rem;color:#fff;font-weight: normal;}
.box-title .titlename{font-size:0.9rem;color:#fff;font-weight: bold;}
.box-title .close{color:#fff;font-size:1.2rem}

/* 用户协议 */
.popup-protocal{z-index: 11000;}
.protocal_container{width:100%;background: #fff;padding:0.75rem;top:4.5rem;}
.protocal_container .txt1{font-weight: 500;color: #000;font-size: 0.8rem;line-height: 1.5rem;margin: 0;}
.protocal_container .txt2 {font-size: 0.6rem;color: #707070;line-height: 1.4rem;padding-left:0.75rem;text-indent:-0.75rem;}
.protocal_container .detail.txt2{text-indent: 1.2rem;padding-left: 0;padding-bottom: 0.75rem;}
.protocal_container .text-level1 {padding-bottom: 0.75rem;}

/* H5专区页 */
ul.topDetail{background:#fff;width:100%;height:4.8rem;z-index: 5;margin-bottom: 5px;}
ul.topDetail li{padding:0.75rem;border-bottom: 5px solid #F2F2F2;}
.buttons-tab{padding:0 0.75rem;max-width: 740px;}
.buttons-tab .button{font-size: 0.75rem;font-weight: bold;}
.buttons-tab .button.active{color:#FA6600;border-color:#FA6600}
.buttons-tab.buttons-fixed{top:2.5rem !important;}

.content_detail .swiper_box{padding:0.75rem 0.75rem 0 0.75rem;}
.content_detail .swiper_box .swiper-container{padding-bottom: 0;}

.content_detail .select_tab {padding-top: 0.2rem;background:#fff;width:100%;height: 2rem;}
.content_detail .introduction{padding:0.75rem}
.content_detail .introduction .fuli_title{font-weight: bold;color:#666;margin-top: 1rem;margin-bottom: 0.25rem;font-size: 0.75rem !important;}
.content_detail .introduction .fuli_title:first-child{margin-top:0}
/* .content_detail .introduction .fuli_title span{width:1rem;height: 1rem;margin-right: 0.4rem;display: inline-block;vertical-align: sub;} */
.content_detail .introduction *{font-size:0.7rem !important;}
.content_detail .introduction .fuli_009_content{color:#666;}
.content_detail .introduction .game_jianjie{height:5px;margin:0 -0.75rem;background:#F2F2F2;}

/* .content_detail .introduction .fuli_001{background:url(/Public/H/image/gamedetail/fuli_001.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_002{background:url(/Public/H/image/gamedetail/fuli_002.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_003{background:url(/Public/H/image/gamedetail/fuli_003.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_004{background:url(/Public/H/image/gamedetail/fuli_004.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_005{background:url(/Public/H/image/gamedetail/fuli_005.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_006{background:url(/Public/H/image/gamedetail/fuli_006.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_007{background:url(/Public/H/image/gamedetail/fuli_007.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_008{background:url(/Public/H/image/gamedetail/fuli_008.png) center center no-repeat;background-size: 100%;}
.content_detail .introduction .fuli_009{background:url(/Public/H/image/gamedetail/fuli_009.png) center center no-repeat;background-size: 100%;}
 */

.detailbar{background:#fff;width:100%;height:3.5rem;}
.detailbar:before{background:#fff;}
.detailbar .downbtn{width: 90%;display: inline-block;background: #FF6600;color: #fff;height: 2rem;line-height: 2rem;margin: 0.75rem 5%;text-align: center;border-radius: 3px;}
.bar-tab ~ .content_detail{bottom:3.5rem}

.content_detail .introduction p{font-size: 0.5rem;}
.content_detail .introduction .tables{width:100%;font-size: 0.7rem;}
.content_detail .introduction .tables th,.content_detail .introduction .tables td{width:auto;border:1px solid #ccc;padding:0.4rem}
.content_detail .introduction .tables th{background:#F3F3F3;text-align: center;color:#333}
.content_detail .gamenews{padding:0.5rem 0}
.content_detail .nodata{text-align: center;color:#999999;padding:0.5rem}

.content_detail .gamegift ul.gameInfo{background:#fff;padding:0 0.75rem;}
.content_detail .gamegift ul.gameInfo li{padding: 0.5rem 0;border-bottom: 1px solid #F3F3F3;}
.content_detail .gamegift ul.gameInfo li .game_deatil {width: calc(100% - 4.25rem);}
.content_detail .gamegift ul.gameInfo li .game_deatil div{margin: 0;}
.content_detail .gamegift ul.gameInfo li .game_deatil .game_name{color:#5f646e;font-size:0.7rem}
.content_detail .gamegift ul.gameInfo li .game_down{border:1px solid #F78C4F;color:#F78C4F;border-radius: 4px;background:#fff;width:2.25rem;height:1.1rem;line-height: 1.1rem;}

.content_detail .gamenews .newsName{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_detail .gamenews ul li{border-bottom: 1px solid #E3E3E3;margin:0.5rem;padding:0.25rem}
.content_detail .gamenews ul li a{color:#444;font-size: 0.7rem;}

.content_news{top:4.5rem;background:#FAFAFA;}
.content_news .content_box{padding:0 0.5rem 1rem 0.5rem}
.content_news .content_box h4{font-size: 0.8rem;}
.content_news .content_box .newsSubtitle{color:#666;font-size: 0.55rem;margin-bottom:0.5rem;}
.content_news .content_box .newsSubtitle .newslabel{border:1px solid #ccc;padding:0 2px;margin-right:0.5rem;}
.content_news .content_box h1{margin: 0;line-height: normal;}
.content_news .content_box p{line-height: 1.2rem;}

.toTheEnd{font-size: 0.4rem;color:#777777;text-align: center;padding:1.25rem 0 2rem 0}

/* .back_top,.returnTop {position: fixed;z-index: 99999;bottom:100px;right:0.5rem;width: 2rem;height: 2rem;}
.returnTop {background: url(/Public/H/image/back_top.png) no-repeat;display: inline-block;*display: inline;*zoom: 1;background-size: 100%;}
 */
.loadingImg{position:fixed;width:40%;z-index: 99999;top:40%;left:30%;}


/* 领取礼包 */
body .ex-modal{border-radius: 0;min-height: 80px;min-width: 200px;text-align: left;}
body .ex-modal .modal-inner{padding:0}
body .ex-modal .modal-title{background:#FF6666;color:#fff;font-size: 0.8rem;height: 1.5rem;line-height: 1.5rem;}
body .ex-modal .modal-buttons{background:#EDEDED}
body .ex-modal .modal-button:first-child:last-child{border-radius: 0.35rem;font-size: 0.6rem;color:#666;width: 50%;height: 1.2rem;line-height: 1.2rem;margin: 0.5rem 0;border: 1px solid #ccc;background:#fff}
body .ex-modal .modal-title + .modal-text{background:#fff;margin: 0;min-height: 2rem;}
body .ex-modal .modal-title + .modal-text div.modalbox{font-size: 0.6rem;line-height: 2rem;padding:0.5rem;}
body .ex-modal .modal-title + .modal-text div.modalbox .copy_code_btn{border:1px solid #FF0000;color:#FF0000;height: 1rem;line-height: 1rem;margin-top: 0.5rem;min-width:3rem;text-align: center;border-radius: 3px;}
body .ex-modal .modal-title + .modal-text div.modalbox .codetitle{border-left:2px solid #FF6666;padding: 0 0.25rem;color: #000;font-size: 0.7rem;}
body .ex-modal .modal-title + .modal-text div.giftdetail{line-height: 1.5rem;}
body .ex-modal .modal-title + .modal-text div.giftdetail p{font-size: 0.6rem;line-height: normal;margin-bottom: 0.5rem;padding-left: 0.3rem;}
body .ex-modal .icon_span{background:#fff;width:1rem;height: 1rem;display: inline-block;border-radius: 50%;vertical-align: middle;line-height: 1rem;margin-right: 0.25rem;}

table.tables{width:100%}
table.table30,table.table50,table.table70,table.table100{margin:0.5rem 0;}
table.tables th,table.tables td{border: 1px solid #31849b;line-height: 1rem;font-size: 0.7rem;padding:8px 6px;}
table.tables th{background: #31849b;color: #fff;}
table.tables.tables_b tr{background: #dbeff3;}
table.tables.tables_b tr:nth-child(2n){background: #fde9d9;}
table.tables td.f13,table.tables td.\31 3{font-size: 12px;}
table.tables td.f14,table.tables td.\31 4{font-size: 13px;}
table.tables td.f15,table.tables td.\31 5{font-size: 14px;}

/* 支付结果页 */
.pay-title{
  line-height: 2.5rem;
  text-align: center;
}
.pay-result-box{
  padding-top: 2.5rem;
  background: #fff;
  height: 100%;
}
.pay-result-box .pay-top-info{
  text-align: center;
  font-size: .5rem;
  padding: 2.5rem .2rem 0 .2rem; 
}
.pay-result-box .pay-top-info img{
  width: 64px;
}
.pay-result-box .pay-top-info .tips1{
  font-size: 1rem;
  font-weight: bold;
  margin: .6rem 0 .1rem 0;
}
.pay-result-box .pay-top-info .tips2 a{
  text-decoration: underline;
}
.pay-result-box .pay_info{
  text-align: center;
  margin-top: 1.2rem;
}
.pay-result-box .pay_info li{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3rem;
  font-size: .6rem;
}
.pay-result-box .pay_info li label{
  text-align: right;
  width: 45%;
  color: #888;
}
.pay-result-box .pay_info li span{
  width: 50%;
  text-align: left;
  margin-left: 1%;
}