/**
 * 首页样式
 * @author 鹿文学
 */
/* common */
/*.banner .swiper-slide {min-height:30vw;}*/
.banner .swiper-slide {min-height:40vw;border-radius: 0.4rem}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox {height:34.46vw;}
body{background:#FFF;}
/* header */
.header .caption{margin:0 22.5%;width:55%;}
.header .hbtn{width:22.5%;}
.header .logo span{text-align:left;}
.header .logo span img{margin-left:14.4%;}
.header .login{color:#fff;font-size:0.48rem;}
.header .login span{text-align:right;}
.header .login span i{margin-right:14.4%;padding:2% 12%;border:3px solid #fff;border-radius:8px;font-style:normal;}
.header .search{right:5%;width:0.66rem;}
.header .login~.search{right:22.5%;}
.header .search img{width:0.66rem;margin-top:-27%;}
.header .logo img{height:0.812rem;width:2.706rem;vertical-align:baseline;}

/* banner */
/*.banner {width:100%;overflow:hidden;}*/
.banner {width:94%;overflow:hidden;margin: 0 3%;padding-top: 1%;}
/*新增banner背景*/
.banner_bg{width: 100%;height: 35vw;z-index: -1;position: absolute;top:-1px;background: url("/static/wap/h5/home_bg.png")  no-repeat ;background-size: 100% 100%}

.banner .swiper-slide {width:100%;background:#E2E2E2;color:#BBBABA;max-height:480px;text-align:center;position:relative;overflow:hidden;display:block;} 
.banner .swiper-slide img{z-index:2;width:100%;border:none;position:relative;height: 40vw}
.banner .swiper-slide .font {font-size:1rem;top:30%;}

.new-function{
  width:100%;
  height: 3rem;
  background: #ffffff;
  position: relative;
}
.new-function .function-box{
  width:100%;
  height: 3rem;
  display: flex;
  align-items: center;
}
.new-function .function-box ul{
  width:100%;
  display: flex;
  align-items: center;
}
.new-function .function-box li{
  width:25%;
  text-align: center;
}
.new-function .function-box .charge-fun i{
   width:1.03rem;
   height: 1.03rem;
  margin: 0 auto;
   background: url(/static/wap/h5/home_ico_charge.png)no-repeat;
   background-size: 100% 100%;
  display: block;
 }
.new-function .function-box .sign-in i{
  width:1.03rem;
  height: 1.03rem;
  margin: 0 auto;
  background: url(/static/wap/h5/home_ico_signin.png)no-repeat;
  background-size: 100% 100%;
  display: block;
}
.new-function .function-box .ranking-list i{
  width:1.03rem;
  height: 1.03rem;
  margin: 0 auto;
  background: url(/static/wap/h5/home_ico_ran.png)no-repeat;
  background-size: 100% 100%;
  display: block;
}
.new-function .function-box .game-hall i{
  width:1.03rem;
  height: 1.03rem;
  margin: 0 auto;
  background: url(/static/wap/h5/home_ico_hall.png)no-repeat;
  background-size: 100% 100%;
  display: block;
}

.new-function .function-box li .text{
  margin-top: 0.1rem;
  color: #333333;
  font-size: 0.46rem;
  display: block;
}

/* recently play */
.recently-play{position:relative;padding:.36rem 0;width:100%;max-height:430px;background:#EDEDED;}
.recently-play .wrap{position:relative;height:100%;}
.recently-play-title{position:absolute;z-index:9;width:0.8rem;height:100%;color:#fff;font-size:0.42rem;}
.recently-play-title span{margin:74% 0;height:68.375%;}
.recently-play-title span i{border-top-right-radius:8px;border-bottom-right-radius:8px;background:#ffffff;color:#FF7417;text-align:center;font-style:normal;line-height:1.1;}

.play-scroll {position:relative;margin-left:6.76%;margin-left:0.83rem;height:100%;text-align:center;}
.play-scroll:after{position:absolute;top:0;left:-2px;z-index:20;display:block;width:3.9%;height:100%;background:#ededed;content:'';}
.play-scroll .item{margin-top:-1px;margin-left:.44rem;padding:1px 0;width:3.42rem;height:100%;background:#fff;border-radius: 0.3rem}
.play-scroll .item a{-webkit-tap-highlight-color:transparent;}
.play-scroll .item .icon{position:relative;display:block;overflow:hidden;margin:8.3% auto 8%;width:1.72rem;height:1.72rem;max-width:172px;max-height:172px;border-radius:0.4rem;background:#e2e2e2;color:#bbbaba;}
.play-scroll .item .icon img{position:relative;z-index:2;width:100%;border-radius:0.4rem;}
.play-scroll .item .icon .font{font-size:0.36rem;}
.play-scroll .item .name{display:block;overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:0.46rem;}
.play-scroll .item .butn{display:block;margin:5% auto 8%;width:1.64rem;height:0.66rem;line-height:0.68rem;text-align:center;border:3px solid #FF7417;border-radius:0.33rem;color:#FF7417;font-size:0.4rem;}


/* recommend list */
.recommend-list{width:100%;background:#fff;}

.tab-scroll>div{width:100%;}
.tab-scroll .tabmenu {box-sizing:border-box;height:100%;border-bottom:2px solid #e7e7e7;overflow:hidden;clear:both;}
.tab-scroll .tabmenu .s-slide {margin-bottom:-2px;width:25%;height:1.46rem;border-bottom:8px solid transparent;text-align:center;font-size:0.48rem;float:left;}
.tab-scroll .tabmenu .s-slide.active {color:#FF7417;border-bottom-color:#FF7417;} 
.tab-scroll .tabmenu .s-slide a {position:relative;top:32%;}
.tab-scroll .tabmenu .s-slide a .circle{top:0;right:0;}

.tab-scroll .tabpanel>.s-slide {display:none;}

.tab-scroll .tabpanel .text-pic-list{}
.tab-scroll .tabpanel .text-pic-list li{max-height:272px;}
.tab-scroll .tabpanel .text-pic-list .item{position:relative;margin:0 3.22%;height:100%;border-bottom:1px solid rgba(231,231,231,0.7);}
.tab-scroll .tabpanel .text-pic-list .iconbox{position:relative;float:left;display:block;overflow:hidden;margin:2.4% 3.4% 2.4% 0;width:1.82rem;height:1.82rem;max-width:182px;max-height:182px;border-radius:0.48rem;background:#e2e2e2;color:#bbbaba;font-size:0.36rem;}
.tab-scroll .tabpanel .text-pic-list .iconbox .icon{position:relative;z-index:2;width:100%;height: 100%}
.tab-scroll .tabpanel .text-pic-list .butnbox{float:right;width:22%;height:100%;max-width:180px;text-align:right;margin-top:3.4%;}
.tab-scroll .tabpanel .text-pic-list .butnbox .butn{border:3px solid #FF7417;border-radius:9.9rem;color:#FF7417;font-size:0.4rem;width:1.6rem;height:0.88rem;display:inline-block;line-height:0.88rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.tab-scroll .tabpanel .text-pic-list .text{margin-right:22.5%;margin-left:19%;padding-top:1%;}
.tab-scroll .tabpanel .text-pic-list .text .title {height:1;overflow:hidden;}
.tab-scroll .tabpanel .text-pic-list .text .title span{display:inline-block;margin-right:2%;}
.tab-scroll .tabpanel .text-pic-list .text .title span:last-child{margin-right:0;}
.tab-scroll .tabpanel .text-pic-list .text .title .name{color:#333;font-size:0.46rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab-scroll .tabpanel .text-pic-list .text .title .mark{margin-top:-1%;/*padding:0 2.8%;*/border:3px solid transparent;border-radius:9.9rem;vertical-align:middle;font-size:0.33rem;height: 0.53rem; line-height: 0.53rem;box-sizing: border-box; width:0.96rem;text-align: center}
.tab-scroll .tabpanel .text-pic-list .text .title .gift-mark{border-color:#2DCBFF;color:#2DCBFF;}
.tab-scroll .tabpanel .text-pic-list .text .title .send-mark{border-color:#28cb60;color:#28cb60;}
.tab-scroll .tabpanel .text-pic-list .text .info{overflow:hidden;margin:0;color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:0.36rem;}
.tab-scroll .tabpanel .text-pic-list .text .info .server-name{
  position: relative;
  margin-left: 6%;
  line-height: 1rem;
}
.tab-scroll .tabpanel .text-pic-list .text .info .server-name:before{
  position: absolute;
  top: 21%;
  left: -.23rem;
  display: block;
  width: .04rem;
  height: 65.38%;
  background: #e0e0e0;
  content: '';
}
.tab-scroll .tabpanel .text-pic-list .text .info .type{color:#FF7417;}
.tab-scroll .tabpanel .text-pic-list .text .info .description{position:relative;margin-left:6%;}
.tab-scroll .tabpanel .text-pic-list .text .info .description:before{position:absolute;top:21%;left:-.23rem;display:block;width:.04rem;height:65.38%;background:#e0e0e0;content:'';}


.tab-scroll .tabpanel .panel3  .text .title .name {width:100%;}

.tab-scroll .tabpanel .double-list .tab{margin:0.36rem 3.22% 0; padding:0 }
.tab-scroll .tabpanel .double-list .tab .jshdong{float:left;width:33.3333%;text-align:center;}
.tab-scroll .tabpanel .double-list .tab li{float:left;width:50%;text-align:center;}
.tab-scroll .tabpanel .double-list .tab .btn{display:block;height:1.02rem;max-height:102px;border:3px solid #FF7417;color:#FF7417;font-size:0.48rem;}
.tab-scroll .tabpanel .double-list .tab .btn .table{height:100%;}
.tab-scroll .tabpanel .double-list .tab li:first-child .btn{border-right:0;border-bottom-left-radius:8px;border-top-left-radius:8px;}
.tab-scroll .tabpanel .double-list .tab li:last-child .btn{border-left:0;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.tab-scroll .tabpanel .double-list .tab .btn.active{background:#FF7417;color:#fff;}
.tab-scroll .tabpanel .double-list .tab .btn .icon{display:inline-block;margin-top:-3%;margin-right:0.3rem;width:0.62rem;height:0.62rem;max-width:62px;background-size:100% 100%;background-repeat:no-repeat;vertical-align:middle;}
.tab-scroll .tabpanel .double-list .tab .btn .icon-active{background-image:url(/static/wap/h5/activity_activity_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-notice{background-image:url(/static/wap/h5/activity_notice_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-fuli{background-image:url(/static/wap/h5/activity_fuli_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-open-yes{background-image:url(/static/wap/h5/home_kf_on_nor.png);}
.tab-scroll .tabpanel .double-list .tab .btn .icon-open-no{background-image:url(/static/wap/h5/service_trailer_not.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-active{background-image:url(/static/wap/h5/activity_activity_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-notice{background-image:url(/static/wap/h5/activity_notice_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-fuli{background-image:url(/static/wap/h5/activity_fuli_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-open-yes{background-image:url(/static/wap/h5/service_opened_selected.png);}
.tab-scroll .tabpanel .double-list .tab .btn.active .icon-open-no{background-image:url(/static/wap/h5/service_trailer_selected.png);}

.tab-scroll .tabpanel .double-list .panel1{background:#ededed;}
.tab-scroll .tabpanel .double-list .panel1 li{width:100%;max-height:676px;background:#fff;}
.tab-scroll .tabpanel .double-list .panel1 li~li{margin-top:.3rem;}
.tab-scroll .tabpanel .double-list .panel1 .item{margin:0 3.2%;padding-top:1px;height:100%;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox{position:relative;display:block;overflow:hidden;margin-top:3.4%;max-height:428px;background:#e2e2e2;color:#bbbaba;text-align:center;}
.tab-scroll .tabpanel .double-list .panel1 .item .icon{position:relative;z-index:2;width:100%;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .font{font-size:0.72rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status{position:absolute;right:0;bottom:0;z-index:4;display:block;width:2.12rem;height:0.72rem;border-top-left-radius:0.08rem;background:#f70;color:#fff;text-align:center;font-size:0.36rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status img{margin-top:-3.5%;margin-right:5%;width:0.4rem;height:0.4rem;vertical-align:middle;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status.soon{background:#28CB60;}
.tab-scroll .tabpanel .double-list .panel1 .item .iconbox .status.disabled{background:#9e9e9e;}
.tab-scroll .tabpanel .double-list .panel1 .item .title{overflow:hidden;margin:1.7% 0 .88%;color:#333;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;font-size:0.46rem;}
.tab-scroll .tabpanel .double-list .panel1 .item .time{margin:0 0 1.95%;color:#999;font-size:0.4rem;}


.tab-scroll .tabpanel .double-list .panel2 {margin-top:.5rem;}
.tab-scroll .tabpanel .double-list .panel2 .item {margin:0 3.2%;border-bottom:1px solid #e7e7e7;position:relative;}
.tab-scroll .tabpanel .double-list .panel2 .title {font-size:0.42rem;margin:0.41rem 0 0.26rem;margin:0.2rem 0 0;height:.6rem;position:relative;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-scroll .tabpanel .double-list .panel2 .title:before {content:'';width:0.1rem;height:0.1rem;margin-right:0.2rem;background:#FF7417;border-radius:100%;}
.tab-scroll .tabpanel .double-list .panel2 .time {font-size:0.4rem;color:#999;margin:0 0 0.27rem 0;text-align:right;}
.tab-scroll .tabpanel .double-list .panel2 .time .icon {width:0.36rem;height:0.36rem;margin-right:0.2rem;}
.tab-scroll .tabpanel .double-list .panel2 .time .date {margin-right:0.36rem;}

.tab-scroll .tabpanel .double-list .panel3 {margin-top:.3rem;}
.tab-scroll .tabpanel .double-list .panel3 .item {margin:0 3.2%;border-bottom:1px solid #e7e7e7;position:relative;}
.tab-scroll .tabpanel .double-list .panel3 .title {font-size:0.42rem;margin:0.41rem 0 0.26rem;margin:0.2rem 0 0;height:.6rem;position:relative;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.tab-scroll .tabpanel .double-list .panel3 .title:before {content:'';width:0.1rem;height:0.1rem;margin-right:0.2rem;background:#FF7417;border-radius:100%;}*/
.tab-scroll .tabpanel .double-list .panel3 .time {font-size:0.4rem;color:#999;margin:0 0 0.27rem 0;text-align:right;}
.tab-scroll .tabpanel .double-list .panel3 .time .icon {width:0.36rem;height:0.36rem;margin-right:0.2rem;}
.tab-scroll .tabpanel .double-list .panel3 .time .date {margin-right:0.36rem;}

.tab-scroll .tabpanel .panel3 {padding-top:0px;}
.tab-scroll .tabpanel .panel3 .iconbox {width:1.72rem;height:1.72rem;max-height:172px;max-width:172px;border-radius:0.4rem;font-size:0.36rem;}
.tab-scroll .tabpanel .panel3 .text {padding-top:2%;}
.tab-scroll .tabpanel .panel3 .text .title .name{font-size:0.46rem;}
.tab-scroll .tabpanel .panel3 .text .info .server-icon {width:0.44rem;height:0.44rem;margin-right:0.12rem;vertical-align:middle;margin-top:-1%;}
.tab-scroll .tabpanel .panel3 .text .info .server-time {}

.tab-scroll .tabpanel .panel4 .butnbox{width:24%;max-width:200px;}
.tab-scroll .tabpanel .panel4 .butnbox .butn {width:auto;margin-right:0.2rem;border:none;text-align:center;line-height:1.45;margin-top:5%;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon~span,.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon~span{font-size:0.36rem;color:#C0C0C0;display:block;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon~span{color:#FF3228;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon-notice-yes~span {color:#FF7417;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon,.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon {width:0.66rem;height:0.66rem;background:url(/static/wap/h5/home_kf_not_nor.png) no-repeat;background-size:100% 100%;display:inline-block;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .opening-icon{background:url(/static/wap/h5/home_kf_soon.png) no-repeat; background-size: 100% 100%;}
.tab-scroll .tabpanel .panel4 .butnbox .butn .icon-notice-yes {background-image:url(/static/wap/h5/home_kf_not_pre.png);}

.header .caption_{
  margin-left:30%;
  width: 67%;
  padding: 0.25rem 0;
}
.header .wrap .caption_ .input-group{
  height: 1rem;
  max-height: 110px;
  padding: 0 1.2rem;
  background: #FF8E43;
  border-radius: 0.08rem;
}
.header .caption_ .input-group .txt {
  font-size: 0.46rem;
  width: 100%;
  height: 100%;
  background: transparent;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  color: #ffffff;
}
.header .caption_  .iconbox {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 1.2rem;
}
.header .caption_  .iconbox .icon-search {
  margin-left: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(/static/wap/h5/home_search.png);
  background-size: 100% 100%;
  display: block;
}


::-webkit-input-placeholder { /* WebKit browsers */
  color:#FFFFFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#FFFFFF;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#FFFFFF;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#FFFFFF;
}


@media screen and (max-width:1200px) {
  .tab-scroll .tabpanel .double-list .panel1 li~li {margin-top:2.4%;}
}
@media screen and (max-width:660px) {
  .header .login span i {border-width:2px;border-radius:6px;}
  
  .recently-play-title span i,.tab-scroll .tabpanel .double-list .tab li:last-child .btn {border-top-right-radius:6px;border-bottom-right-radius:6px;}
  .tab-scroll .tabmenu .s-slide {border-bottom-width:6px;margin-top:-4px;}
  .play-scroll .item .butn , 
  .tab-scroll .tabpanel .text-pic-list .butnbox .butn,
  .tab-scroll .tabpanel .text-pic-list .text .title .mark {border-width:2px;border-radius:9.9rem;}
  .tab-scroll .tabpanel .double-list .tab li:first-child .btn {border-top-left-radius:6px;border-bottom-left-radius:6px;}
  .tab-scroll .tabpanel .double-list .tab .btn{border-width:2px;}
}
@media screen and (max-width:540px) {
  .header .login span i {border-width:1px;border-radius:4px;}
  
  .recently-play-title span i,.tab-scroll .tabpanel .double-list .tab li:last-child .btn {border-top-right-radius:4px;border-bottom-right-radius:4px;}
  .tab-scroll .tabmenu {border-bottom-width:1px;}
  .tab-scroll .tabmenu .s-slide {border-bottom-width:4px;margin-top:-3px;}
  
  .play-scroll .item .butn,
  .tab-scroll .tabpanel .text-pic-list .butnbox .butn,.tab-scroll .tabpanel .text-pic-list .text .title .mark {border-width:1px;border-radius:9.9rem;}
  
  .tab-scroll .tabpanel .double-list .tab li:first-child .btn {border-top-left-radius:4px;border-bottom-left-radius:4px;}
  .tab-scroll .tabpanel .double-list .tab .btn{border-width:1px;}
}
@media screen and (max-width:400px) {
  .tab-scroll .tabmenu .s-slide {border-bottom-width:2px;margin-top:-1px;}

}

/*
新增活动样式*/
.pop-actMark{
  display: none;
  position: fixed;
  z-index: 1999;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.7);
}
.pop-actMark .pop-box {
  position: relative;
  display: inline-block;
  word-break: break-all;
/*   margin: 0 1rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2rem; */
}
.pop-close4 {
  position: fixed;
  width: 1rem;
  height: 1rem;
  display: block;
  top: 1rem;
  /* left: 50%; */
  right: 1rem;
  background: url(/static/wap/h5/tip_close.png) center center no-repeat;
  background-size: 100% 100%;
}
.pop-actMark .pop-content .actMark-icon {
  width: 100%;
}
/*
滚动轮播图*/
.activity-message{
  max-height: 120px;
  width:92%;
  margin: 0 auto;
  height: 1.03rem;
  position: relative;
  overflow: hidden;
  background: #F8F8F8;
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
}
.activity-message .iconbox {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0.2rem;
  width: 0.8rem;
}
.activity-message .iconbox .icon {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: url(/static/wap/h5/home_gg_cs.png)no-repeat;
  background-size: 100% 100%;
}
.activity-message .activity-scroll {
  margin-left: 1.34rem;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.activity-scroll .swiper-container {
  max-height: 120px;
  height: 1.03rem;
}
.activity-scroll .item {
  height: 1.03rem;
  line-height: 1.03rem;
  max-height: 120px;
}
.activity-scroll .item .title {
  display: block;
  color: #333;
  font-size: 0.36rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*
优惠券过期弹窗*/
.coupon-tips-box{
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  width: 6.6rem;
  height: 2.3rem;
  background: url(/static/wap/h5/bg_tishi.png)no-repeat;
  background-size: 100% 100%;

}
.coupon-tips-box .tips-content{
  font-size: 0.43rem;
  color: #ffffff;
  padding: 0.2rem 0.7rem 0.33rem 0.4rem;
  box-sizing: border-box;
}
.coupon-tips-box  .close-tips-btn{
  position: absolute;
  right: 0.7rem;
  bottom: 0.2rem;
  width: 1.656rem;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  background: #FF7417;
  font-size: 0.4rem;
  color: #ffffff;
  border-radius: 9.9rem;
}
.tips-content span{
  color: red;
  font-size: 0.46rem;
  margin: 0 5px;
}
.fixed-btn{
  position: fixed;
  bottom: 2.5rem;
  right: 0.35rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  z-index: 9;
  background: #e2e2e2;
  border-radius: 100%;
  box-shadow: 0px 0px 5px #ff7417;
}
.fixed-btn img{
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
}


.cjactive_bg{display:block;position:fixed;z-index:999999;top:0;left:0;right:0;text-align:center;width:100%;height:100%;background:rgba(0,0,0,.7)}
.cjactive_bg .table{display: block;width:100%;height:100%;border:0;border-spacing:0;border-collapse:collapse;}
.cjactive_bg .table_cell{display: block;position:relative;vertical-align:middle;}
.cjactive_bg .activity_box{position:relative;display:inline-block;word-break:break-all;width: 100%;margin-top: 25%;}
.pop-close5{position:fixed;width:55px;height:56px;display:block;top:55px;right:55px;margin-left:-27.5px;background:url(/static/wap/h5/guan.png) center center no-repeat;background-size:100% 100%}
.cjactive_bg .activity-content{padding: 1.4rem 2rem 0rem 2rem;}
.cjactive_bg .activity-content .cjtitle{height: 17px;font-size: .6rem;font-family: PangMenZhengDao !important;font-weight: 400;color: #FCD03C;line-height: 17px;}
.cjactive_bg .activity-content .next_cjtime{height: .4rem;font-size: .43rem;font-weight:400;color:#F9F3E7;opacity:0.9;line-height: 13px;}
.cjactive_bg .activity-content .level{height: 0.6rem;font-size: .47rem;font-family:Microsoft YaHei;font-weight:400;color:#FDDC65;float:left;}
.cjactive_bg .activity-content .level-box{height: .93rem;line-height: .93rem;/* padding: 0 3px; *//* margin-top: 11px; *//* font-size: 14px; */}
.cjactive_bg .activity-content .level-tips{height: .47rem;font-size: .3rem;font-family:Microsoft YaHei;font-weight:400;color:#FEE5E1;opacity:0.7;text-align:left;margin-left:10px;}
.cjactive_bg .activity-content .total_money{height: 0.6rem;font-size: .47rem;font-family:Microsoft YaHei;font-weight:400;color:#FDDC65;float:right;}
.cjactive_bg .activity-content .tixian{background:#DD3515;border:1px solid #FFD075;border-radius:12px;width: 1.3rem;height: .47rem;font-size: .47rem;font-family:Microsoft YaHei;font-weight:400;color:#FEE5E1;padding:4px 8px;float:right;line-height: .47rem;margin-left:5px;}
.cjactive_bg .award-list li{width: 100%;height: 2rem;background:url(/static/wap/h5/reward_bg.png)no-repeat;background-size:100% 100%;/* margin-bottom: 5px; */display: flow-root;}
.cjactive_bg .award-list{padding:0 5px;height: 6rem;overflow-y: auto;overflow-x: hidden;}
.cjactive_bg .award-list::-webkit-scrollbar{width:8px;height:8px;background-color: #fe935f;}
.cjactive_bg .award-list::-webkit-scrollbar-track{background: #213147;border-radius:2px;}
.cjactive_bg .award-list::-webkit-scrollbar-thumb{background: #fe935f;border-radius:2px;}
.cjactive_bg .award-list::-webkit-scrollbar-thumb:hover{background: #fe935f;}
.cjactive_bg .award-list::-webkit-scrollbar-corner{background: #fe935f;}
.cjactive_bg .award-list .money{line-height: 2rem;width: 3rem;font-size: 0.7rem;font-family:YouSheBiaoTiHei!important;font-weight:400;color:#FFFFFF;opacity:0.9;float:left;height: 2rem;/* display: list-item; */}
.cjactive_bg .award-list .need_level{float:left;width: 4.7rem;height: 0.47rem;font-size: 0.47rem;font-weight:400;color:#1E1E1E;text-align:left;text-indent: 0.47rem;margin-top: .4rem;}
.cjactive_bg .award-list .number{float:left;font-size: 0.43rem;font-weight:400;text-align:left;width: 4.7rem;text-indent: 0.47rem;margin-top: 7px;color: #595959;}
.cjactive_bg .award-list .number font{color: red;}
.cjactive_bg .award-list .money .coin{font-size: .7rem;padding-top: 3px;width: 1.3rem;float: left;text-align: center;}
.cjactive_bg .award-list .money .award_money {width: 1.7rem;float: left;text-align: center;}
.cjactive_bg .activity-content .cj-server {width: 5rem;height: .6rem;font-size: 0.3rem;font-weight: 400;color: #FEE5E1;text-align: left;padding: .1rem 10px 0.4rem 15px;}
.cjactive_bg .activity-content .star_game{width: 4rem;height: 1.7rem;background:url(/static/wap/h5/start_game.png)no-repeat;background-size:100% 100%;margin: 0 0 0 15px;z-index: 999999999999;position: relative;}
.cjactive_bg .activity-content .user_id{height: .4rem;font-size: .3rem;font-weight: 400;color: #FFFFFF;text-align: left;margin-top: .3rem;padding: 0 15px;}
.cjactive_bg .activity-content .kefu_qq{height: 11px;font-size: 12px;font-weight: 400;color: #FFFFFF;text-align: left;padding: 0 15px;margin-bottom: 20px;}
.cjactive_bg .activity-content .xuanfu_pic{position: absolute;bottom: 7px;right: -157px;}
.cjactive_bg .activity-content .xuanfu_pic img {width: 50%;}
.cjactive_bg .pop-close5 {  position: fixed;  width: 1rem;  height: 1rem;  display: block;  top: 1rem;   right: 1rem;  background: url(/static/wap/h5/tip_close.png) center center no-repeat;background-size: 100% 100%;}


@font-face{
　　font-family: PangMenZhengDao;
　　src: url('../../fonts/pangmenzhengdao.ttf');	
}