.wrapper{
  width: 1200px;
  margin: 0 auto;
}

.header-box{
  padding: 19px 0;
}
.header,.header-left,.header-right{
  display: flex;
  display: -webkit-flex;
}
.header{
  justify-content: space-between;
  align-items: center
}
.header .logo{margin-right: 40px;}
/* 累计统计 */
.ljtx{}
.ljtx p{font-size: 14px;color:#999999}
.ljtx .total{margin-bottom: 5px;}
.ljtx span{
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  color: #018FFF;
  font-weight: bold;
}
.ljtx .spe{
  display: inline-block;
  width: 24px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  position: relative;
}
.ljtx .spe:before{
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E2E2E2;
  z-index: 2;
}
.ljtx .spe i{
  position: relative;
  z-index: 3;
}
.pop-caption-close img {
  margin-top: 7px;
}
/* 导航 */
.nav-box{
  display: flex;
  margin-top: 15px;
}
.nav-box li{
  margin-right: 50px;
  font-size: 16px;
  position: relative;
  padding-bottom: 10px;
}
.nav-box li.cur:after,.nav-box li:hover:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #018FFF;
}
.nav-box li.cur a,.nav-box li:hover a{
  color: #333333;
  font-weight: bold;
}
.login-or-register{font-size: 14px;margin-top: 10px;}
.login-or-register span{
  padding: 0 5px;display: inline-block;
  cursor: pointer;
}
.login-or-register span:hover{
  color: #018FFF;
}
.login-or-register .account{
  height: 32px;
  line-height: 32px;
  /* background: url(../images/img-touxiang.png) no-repeat left center; */
  background-size: 32px 32px;
  /* padding-left: 42px; */
}
.login_touxiang{
  width: 32px;height: 32px;
  border-radius: 50%;
}

/* banner */
#banner .arrow-left,#banner .arrow-right{
  position: absolute;
  background-color: rgba(51, 51, 51, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  top: 55%;
  margin-top: -25px;
  z-index: 999;
  text-align: center;
}
#banner .arrow-left {
  left: 20px;
}
#banner .arrow-right {
  right: 20px;
  outline: none;
}
#banner .arrow-left i,#banner .arrow-right i{
  display: inline-block;
  width: 14px;
  height: 24px;
  margin-top: 13px;
}
#banner .arrow-left i{
  background: url(../images/banner-btn-left.png) no-repeat center;
}
#banner .arrow-right i{
  background: url(../images/banner-btn-right.png) no-repeat center;
}
#banner .pagination {
  display: inline-block;
  width: auto;
  position: absolute;
  left: 50%;
  text-align: center;
  bottom: 5px;
  z-index: 999;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  background: rgba(51, 51, 51, 0.3);
  border-radius: 12px;
  padding: 5px 10px;
}
#banner .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.7);
  margin: 0 5px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
#banner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}

/* 首页 content */
.content{
  background: #F6F7FB;
  padding-top: 20px;
  padding-bottom: 30px;
}
.tystep-box{
  background: url(../images/bg-tiyan.png) no-repeat center;
  height: 80px;
  width: 100%;
  display: flex;
}
.tystep-box .left{
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 80px;
  margin-left: 26px;
  margin-right: 78px;
}
.tystep-box .step li{
  margin-right: 96px;
}
.tystep-box .step li h1{
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
  color: #FF9700;
  margin-right: 10px;
}
.tystep-box .step li p{
  font-size: 20px;
  font-weight: bold;
}
.tystep-box .step li span{
  display: inline-block;
  color: #999;
  font-size: 14px;
}
.tystep-box .total{
  display: flex;
  font-size: 14px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 80px;
}
.tystep-box .total span{
  color: #FF9700;
  font-size: 24px;
  font-weight: bold;
}

/* 中间内容 左边 */
.content-box{
  align-items: initial
}
.content-left,.gcb-left,.announce-content .announce-left{
  width: 848px;
  min-height: 520px;
}
.content-right,.game-yg,.announce-content .announce-right{
  width: 322px;
}
.title{
  margin: 30px 0 3px;
}
.title h3{
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  position: relative;
  padding-left: 16px;
}
.title h3:after{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 4px;
  height: 24px;
  background: #018FFF;
}
.title .more{
  font-size: 14px;
  color: #999;
}
.list{
  flex-wrap: wrap;
}
.list li{
  margin-top: 20px;
  margin-right: 15px;
}
.list li:nth-child(4n){
  margin-right: 0px;
}
.list li .img{
  width: 200px;
  height: 140px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.list li .img img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out 0s;
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -moz-transition: transform 0.3s ease-in-out 0s;
  -ms-transition: transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s;
}
.list li .tit{
  font-size: 14px;
  color: #333333;
  margin-top: 12px;
  margin-bottom: 3px;
}
.list li .money{
  background: url(../images/ico-xiaojinbi.png) no-repeat 50% center;
}
.list li .img .shadow{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.list li .img .shadow .link{
  display: block;
  width: 100px;
  height: 32px;
  background: #018FFF;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  margin-bottom: 6px;
}
.list li .img .shadow p{
  color: #fff;
  margin-top: 6px;
}
.list li:hover .img img{
  transform: scale(1.05, 1.05);
}
.list li:hover .img .shadow{
  opacity: 1;
}

#banner{
  background-color: #e2e2e2;
}
.index-banner{
  height: 400px;

}
#bannerSwiper{
  height: 100%;
}
/* 中间内容 右边 */
.news-list,.ranklist,.yglist{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  margin-top: 20px;
  padding-left: 12px;
  padding-top: 18px;
  padding-right: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  background: #fff;
  min-height: 50px;
}
.news-list li{
  position: relative;
  font-size: 13px;
  padding-left: 15px;
  margin-bottom: 20px;
}
.news-list li::before{
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background: #E2E2E2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.news-list li a{
  color: #333333;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.news-list li:hover::before{
  background: #018FFF;
}
.news-list li:hover a{
  color: #018FFF;
}
/* 排行榜 */
.title .tishi{
  background: url(../images/ico-tishi.png) no-repeat left center;
  padding-left: 26px;
  cursor: initial;
}
.ranklist,.yglist{
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.ranktit span{
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 14px;
  color: #333;
  height: 30px;
  line-height: 30px;
  border-right: 1px solid #E2E2E2;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ranktit span:last-child{
  border-right: none;
}
.ranktit span.cur::before{
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  top: 0;
  left: 0;
  background: #018FFF;
}
.ranktable table{
  width: 100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0px 3px;
}
.ranktable thead tr,.ranktable tbody tr{
  height: 30px;
  line-height: 30px;
}
.ranktable thead tr{
  background: #F6F7FB;
  color: #999;
}
.ranktable thead td:first-child,.ranktable tbody tr td:first-child{
  text-align: center;
}
.ranktable tbody tr{
  color: #333333;
  margin-bottom: 3px;
}
.ranktable tbody tr td{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.ranktable tbody tr:hover {
  background: #F6F7FB;
  color: #018FFF;
}
.table-pagination {
  margin: 10px 0 17px;
  justify-content: center;
}
.table-pagination span{
  display: inline-block;
  cursor: pointer;
  width: 31px;
  height: 18px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  margin-right: 10px;
  text-align: center;
  line-height: 21px;
}
.table-pagination span:hover{
  background: #F6F7FB;
}
.table-pagination span i{
  display: inline-block;
  width: 8px;
  height: 12px;
}
.table-pagination span .prev{
  background: url(../images/button_left.png);
}
.table-pagination span .next{
  background: url(../images/button_right.png);
}
/* 友情链接 */
.friend-links{
  height: 60px;
  /* line-height: 60px; */
  display: flex;
    align-items: center;
}
.friend-tit{color: #999999;font-size: 12px;margin-right: 20px;}
.friend-links a{
  display: inline-block;
  color: #333;
  margin-right: 30px;
}

/* 底部 */
.footer{
  background: #23262F;
  padding: 40px 0;
}
.footer .left .qcode{
  width: 105px;
  height: 105px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.footer .left .qcode img{
  width: 100%;
  height: 100%;
}
.footer .left .footer-info{
  margin-left: 12px;
  color: #999;
}
.footer-info .qq,.footer-info .tel{
  color: #fff;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 16px;
  font-size: 14px;
  cursor: pointer;
}
.footer-info .qq{
  background: url(../images/ico-QQ.png) no-repeat left center;
  margin-top: 5px;
}
.footer-info .tel{
  background: url(../images/ico-phone.png) no-repeat left center;
}
.footer-info .online{
  line-height: 24px;
}
.footer .right .footer-nav{
  margin-bottom: 25px;
}
.footer-nav li{
  display: inline-block;
  font-size: 14px;
}
.footer-nav li a, .footer-nav li span{
  display: inline-block;
}
.footer-nav li a{
  color: #fff;
}
.footer-nav li span{
  color: #45484C;
  margin: 0 18px;
}
.footer-nav li:hover a{
  color: #018FFF;
}
.footer-records p{
  color: #999999;
  line-height: 16px;
  margin-bottom: 14px;
}
.footer-records p span{
  display: inline-block;
  margin-right: 36px;
}
.footer-records p span:last-child{
  margin-right: 0;
}

/* 试玩平台列表页 */
.banner-box{
  background: url(../images/yxsw_banner_bg.png) no-repeat center;
  height: 486px;
  justify-content: center;
  display: flex;
}
.banner-box .wrapper{
  display: flex;
  justify-content: space-between;
}
.gamebanner{
  margin-top: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
.banner-box .banner-right{

}
.banner-box .banner-right p{
  margin-top: 15px;
}
.game-list li .img{
  width: 227px;
  height: 159px;
}
.banner_img{
  width: 281px;
  height: 141px;
}
/* 全部游戏 */
.game-content-bot{
  margin-top: 27px;
  padding-bottom: 27px;
  align-items: flex-start;
}
.game-all-tit{
  height: 44px;
  background: #F6F7FB;
  border-radius: 3px;
  line-height: 44px;
  overflow: hidden;
  font-size: 16px;
  color: #333;
}
.game-all-tit span{
  display: inline-block;
  margin-right: 28px;
}
.game-all-tit .all{
  width: 122px;
  height: 100%;
  background: #018FFF;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.game-type{
  margin: 17px 0 0;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 7px;
}
.game-type *{
  display: inline-block;
}
.game-type h3{
  background: url(../images/yxsw_icon_zmz.png) no-repeat left center;
  padding-left: 24px;
  font-size: 16px;
  color: #FF9700;
}
.game-type span{
  font-size: 13px;
  color: #666666;
  margin-left: 25px;
  width: 46px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.game-type span:hover,.game-type span.cur{
  background: #018FFF;
  color: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
}
.gtype-list{
  justify-content: initial;
}
.gtype-list li{
  margin-right: 16px;
  position: relative;
  width: 200px;

}
.gtype-list li:nth-child(4n){
  margin-right: 0;
}
.gtype-list li .img .show{
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}
.gtype-list li .full-icon{
  position: absolute;
  background: url(../images/yxsw_jpg_full.png) no-repeat center;
  right: -2px;
  top: -2px;
  width: 46px;
  height: 46px;
}
.game-full h3{
  background: none;
  padding-left: 0;
  font-size: 16px;
  color: #666666;
  font-weight: normal;
}
.game-full p{
  margin-left: 20px;
  font-size: 13px;
  color: #999999;
}
/* 游戏预告 */
.yglist-box{
  margin-top: 18px;
  border: 1px solid #EBEBEB;
  overflow: hidden;
  box-sizing: border-box;
}
.ygtit{
  height: 32px;
  line-height: 32px;
  background: #F6F7FB;
  border-bottom: 1px solid #EBEBEB;
}
.ygtit li{
  width: 33.33%;
  text-align: center;
  font-size: 13px;
  color: #333333;
  position: relative;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  cursor: pointer;
}
.ygtit li span{
  position: absolute;
  width: 1px;
  height: 22px;
  right: 0;
  top: 50%;
  margin-top: -11px;
  background: #E6E6E6;
}
.ygtit li:last-child span{
  display: none;
}
.ygtit li:after{
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: #018FFF;
  bottom: -1px;
  left: 50%;
  margin-left: -20px;
  opacity: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.ygtit li:hover,.ygtit li.cur{
  color: #018FFF;
  font-size: 14px;
  font-weight: bold;
}
.ygtit li:hover:after,.ygtit li.cur:after{
  opacity: 1;
}
.yglist{
  padding: 0 18px 0 13px;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  min-height:50px;
}
.yglist li{
  font-size: 13px;
  border-bottom: 1px dashed #EBEBEB;
  height: 36px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}
.yglist li:last-child{
  border-bottom: none;
}
.yglist li span{
  color: #018FFF;
}

/* 试玩任务详情 */
.game-detail{
  background-size: 100% auto;
  background-repeat:  no-repeat;
  position: relative;
  background-color: #E2E2E2;
  background-position: top center;
}
/* .detail-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #E2E2E2;
  bottom: 0;
} */
.detail-content{
  padding-top: 200px;
  position: relative;
  z-index: 100;
}
.trystepbg{
  background: #484755;height: 110px;
  justify-content: center
}
.trystep-box{
  background: url(../images/yxswxq_bg_tybz.png) no-repeat center;
  height: 80px;
  width: 1170px;
}
.trystep-box .left{
  width: 174px;
  margin-left: 0;
  text-align: center;
  margin-right: 35px;
}
.trystep-box .step li{
  margin-right: 50px;
}
.trystep-box .step li:nth-child(3){
  margin-right: 80px;
}
.trystep-box .step li h1,.trystep-box .step li p{
  color: #fff;
}
.trystep-box .step li span{
  color: #B3B3B3;
  margin-top: 5px;
}

/* 试玩内容 */
.try-content{
  background: #F7F7F7;
  padding: 20px 20px 30px;
}
.try-left{
  width: 360px;
}
.try-left .try-cdown,.try-left .mytry,.try-left .rules-box,.try-left .gintro-box,
.try-right .tinfo-box,.try-right .tjiangl-box,.try-right .cjbox,.try-right .rules-box,
.announce-list,.service,.announce-detail{
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.title2{
  margin: 0;
  border-bottom: 1px solid #EBEBEB;
  height: 50px;
}
.title2 h3{
  font-size: 20px;
  color: #018FFF;
}
.title2 h3:after{
  height: 27px;
  top: 0;
}
/* 试玩倒计时 */
.cdown-box {
  color: #666666;
  font-size: 14px;
  text-align: center;
  padding: 18px 0;
}
.cdown-box .cdown-time{
  margin-top: 18px;
}
.cdown-time span{
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #FDF3E3;
  line-height: 45px;
  color: #FEA10F;
  font-size: 26px;
  font-weight: bold;
  margin: 0 9px;
}
/* 我的试玩 */
.refresh{
  display: inline-block;
  width: 57px;
  height: 27px;
  line-height: 27px;
  background: #f4f5f9;
  border: 1px solid #E1E1E1;
  font-size: 13px;
  color: #666666;
  text-align: center;
  margin-right: 13px;
  cursor: pointer;
}
.mytry-box{
  padding: 19px 16px;
  font-size: 13px;
  color: #666666;
  line-height: 26px;
}
.mytry-box p span{
  color: #999;
}
.mytry-box .mytry-register{
  width: 240px;
  height: 50px;
  line-height: 50px;
  background: #018FFF;
  border-radius: 5px;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  margin: 20px auto 0;
  cursor: pointer;
}
.btn-box{
  margin-top: 12px;
}
.btn-box .btn{
  width: 155px;
  height: 44px;
  line-height: 44px;
  background: #018FFF;
  border-radius: 6px;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.btn-box .btn2{
  background: #FF9700;
}
.btn-box .btn2.disabled{
  background: #bbbbbb;
}
/* 体验规则 */
.rules-box .rules{
  padding: 20px 18px 10px 15px;
}
.rules p{
  font-size: 13px;
  color: #666666;
  position: relative;
  line-height: 32px;
  margin-bottom: 5px;
  padding-left: 15px;
}
.rules p::before{
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background: #018FFF;
  border-radius: 50%;
}
/* 游戏介绍 */
.gintro-box .intro{
  padding: 20px 19px 20px 16px;
  font-size: 13px;
  color: #666666;
  line-height: 34px;
  text-indent: 1em;
  text-align: justify;
  position: relative;
}
.intro .circle{
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0.5;
}
.intro .c1{
  width: 14px;
  height: 14px;
  background: #C9F0EA;
  bottom: 138px;
  right: 130px;
}
.intro .c2{
  width: 25px;
  height: 25px;
  background: #FFDDDC;
  right: 9px;
  bottom: 102px;
}
.intro .c3{
  width: 28px;
  height: 12px;
  background: #FFE5BF;
  bottom: 0;
  left: 32px;
}
/* 右边 */
.try-right{
  width: 780px;
}
/* 试玩信息 */
.tinfo-box .tinfo{
  padding: 30px 0 30px 34px;
}
.tinfo p{
  font-size: 14px;
  color: #666666;
  line-height: 40px;
}
/* 试玩奖励 */
.tjiangl-box .tjiangl,.cjbox .cjtable{
  padding: 20px 20px 28px;
}
.trytable,.tjiangl .notice,.cjbox .notice{
  font-size: 13px;
  color: #666666;
}
.trytable{
  border-collapse: collapse;
  width: 100%;
  line-height: 42px;
}
.trytable, .trytable th, .trytable td {
  border: 1px solid #dfe0e4;
}
.trytable th, .trytable td{
  text-align: center;
}
.trytable th{
  background: #ebedf0;
}
.trytable td:nth-child(5),.trytable td:nth-child(1){
  background: #ebedf0;
}
.trytable .money{
  width: 45px;
  display: inline-block;
  color: #FF9700;
  font-weight: bold;
  background: url(../images/ico-xiaojinbi.png) no-repeat right center;
  background-size: 14px 14px;
  padding-right: 22px;
  text-align: right;
}
/* 不可以领取 */
.trytable .status0{
  color: #DFE0E4;
}
/* 可以领取 高亮 */
.trytable .status1{
  color: #018FFF;
}
.tjiangl .notice,.cjbox .notice{
  margin-top: 20px;
}
/* 冲级奖励 */
.cjbox .title2{
  justify-content: left;
}
.cjbox .title2 p{
  font-size: 13px;
  color: #666;
  margin-left: 14px;
}
/* 试玩条例 */
.try-right .rules-box .rules{
  padding-left: 35px;
  padding-right: 50px;
}
.try-right .rules-box .rules h3{
  margin-bottom: 15px;
  font-size: 14px;
}
/* 弹窗 */
.popbox{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.popbox .pop-con{
  width: 522px;
  height: 368px;
  border: 1px solid #01233E;
}
.popbox .pop-con,.popbox .pop-jl{
  position: fixed;
  background: #FFFFFF;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  overflow: hidden;
}
.pop-con .pop-head,.pop-jl .pop-head{
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #01233E;
  font-size: 14px;
  color: #fff;
  text-indent: 1em;
  position: relative;
}
.pop-head .close,.modal-box .close{
  display: block;
  position: absolute;
  background: url(../images/btn_close_b.png) no-repeat center;
  width: 14px;
  height: 14px;
  right: 20px;
  bottom: 15px;
  cursor: pointer;
}
.pop-con .pop-body{
  padding: 33px 67px 0 48px;
}
.pop-con .pop-body,.pop-jl .popjl-body{
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.pop-body h5{
  font-size: 16px;
  color: #333;
  text-align: center;
  white-space: nowrap;
}
.pop-body p{
  line-height: 24px;
  margin: 30px 0;
}
.pop-body .notice{
  width: 395px;
  height: 45px;
  line-height: 45px;
  background: #F7F7F7;
  border: 1px solid #E6E6E6;
  text-align: center;
  margin-bottom: 30px;
}
.pop-body .btn{
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  font-size: 18px;
}
.pop-body .btn,.popjl-body .btn{
  display: block;
  background: #018FFF;
  border-radius: 5px;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
}
/* #js-weidabiao{
  font-size: 14px;
  text-align: center;
} */
/* 领取奖励弹窗 */
.popbox .pop-jl{
  width: 340px;
  height: 207px;
}
.pop-jl .pop-head{
  height: 40px;
  line-height: 40px;
  background: #F7F7F7;
  color: #333333;
}
.pop-head .close2{
  background: url(../images/btn_close_h.png) no-repeat center;
}
.pop-jl .popjl-body{
  padding: 30px 50px 0;
}
.popjl-body .btn{
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
  margin-top: 15px;
}

/* 公告 */
.announce-box{
  padding: 20px 0 30px;
}
.announce-content{
  align-items: initial;
}
.announce-list,.service{
  margin-top: 20px;
  margin-bottom: 10px;
}
.announce-list,.announce-detail{
  padding: 0 15px 30px 15px;
}
.announce-list li {
  height: 70px;
  line-height: 70px;
  border-bottom: 1px dashed #F0F0F0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.announce-list li:after{
  clear: both;
}
.announce-list li span,.announce-list li p{
  float: left;
}
.announce-list li .type{
  display: inline-block;
  width: 40px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  margin-right: 12px;
  margin-top: 24px;
}
.announce-list li .gg{
  background: #F4F2EF;
  color: #BB9A6C;
}
.announce-list li .hd{
  background: #FFF3E9;
  color: #E9852D;
}
.announce-list li .gx{
  background: #EDF5F6;
  color: #1DA6BA;
}
.announce-list li .zx{
  background: #ECF2FB;
  color: #6388C5;
}
.announce-list li p{
  font-size: 17px;
  color: #444444;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.announce-list li .date{
  font-size: 14px;
  color: #999999;
  float: right;
}
.announce-list li:hover{
  background: #FAFAFA;
}
.announce-list li:hover p{
  color: #018FFF;
  font-weight: bold;
  font-size: 18px;
}
/* 客服中心 */
.service{
  padding: 18px 12px 0;
}
.service li{
  position: relative;
  font-weight: 400;
  color: #333333;
  font-size: 13px;
  margin-bottom: 20px;
  padding-left: 15px;
}
.service li::before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #E2E2E2;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.announce-detail{
  padding-top: 22px;
  margin-top: 30px;
}
.announce-detail h1{
  color: #333333;
  font-size: 24px;
}
.announce-detail .date{
  background: url(../images/ico-time.png) no-repeat left center;
  font-size: 14px;
  color: #999;
  padding-left: 24px;
  margin-top: 10px;
}
.announce-detail .details{
  padding: 20px 0;
  border-bottom: 1px dashed #E2E2E2;

  margin-top: 20px;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 20px;
}
.notice{
  margin-top: 20px;
}
.det{
  margin-top: 20px;
   border-top: 1px dashed #E2E2E2;
}
.notice img{
  width: 100%;
  height: 200px;
  /* background-color: pink; */
  padding-top: 20px;
}
.details img{
  width: 100%;
}
.announce-detail .back-box{
  text-align: right;
}
.back-box .back{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #018FFF;
  border-radius: 5px;
  font-size: 14px;
  color: #018FFF;
  background: url(../images/ico-back.png) no-repeat 10% center;
  padding: 0 10px 0 30px;
  cursor: pointer;
}

/* 我的金币 */
.mybg{
  background: #F6F7FB url(../images/bg-wode.png) no-repeat top center ;
  padding: 30px 0;
}
.mybox{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.myleft,.myright{
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-sizing: border-box;
}
.myleft{
  width: 250px;
  padding: 15px 0 10px;
}
.myuser{
  text-align: center;
  margin-bottom: 30px;
}
.myuser .touxiang{
  width: 68px;
  height: 68px;
  margin-bottom: 15px;
  border-radius: 50%;
}
.myuser .phone{
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}
.myuser .mymoney{
  width: 220px;
  height: 30px;
  line-height: 30px;
  margin: 15px auto 30px;
  background: linear-gradient(90deg, #FFE9A8 0%, #FFF0D6 100%);
  border-radius: 15px;
  color: #75440E;
  font-size: 13px;
  position: relative;
  padding-left: 14px;
  box-sizing: border-box;
}
.myuser .mymoney:before,.current-gold .cgtit:before{
  content: '';
  position: absolute;
  background: url(../images/ico-xiaojinbi.png) no-repeat center;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  top: 50%;
  margin-top: -7px;
  left: 60px;
}
.mynav li{
  width: 220px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  color: #666666;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  margin-left: 15px;
}
.mynav li::before{
  left: -15px;
  top: 0;
  width: 4px;
  height: 50px;
  background: #018FFF;
  border-radius: 0px 4px 4px 0px;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.mynav li::after,.mynav li::before{
  content: '';
  position: absolute;
}
.mynav li::after{
  left: 40px;
  top: 50%;
  margin-top: -9px;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.mynav li.gold::after{
  background: url(../images/ico-jinbi-n.png) no-repeat center center;
}
.mynav li.withdraw::after{
  background: url(../images/ico-tixian-n.png) no-repeat center center;
}
.mynav li.tryon::after{
  background: url(../images/ico-shiwan-n.png) no-repeat center center;
}
.mynav li.bind::after{
  background: url(../images/ico-bangding-n.png) no-repeat center center;
}
.mynav li.change::after{
  background: url(../images/ico-mima-n.png) no-repeat center center;
}
.mynav li:hover::before,.mynav li.cur::before{
  opacity: 1;
}
.mynav li:hover,.mynav li.cur {
  background: #ECF6FF;
}
.mynav li:hover.gold::after,.mynav li.cur.gold::after{
  background: url(../images/ico-jinbi-s.png) no-repeat center center;
}
.mynav li:hover.withdraw::after,.mynav li.cur.withdraw::after{
  background: url(../images/ico-tixian-s.png) no-repeat center center;
}
.mynav li:hover.tryon::after,.mynav li.cur.tryon::after{
  background: url(../images/ico-shiwan-s.png) no-repeat center center;
}
.mynav li:hover.bind::after,.mynav li.cur.bind::after{
  background: url(../images/ico-bangding-s.png) no-repeat center center;
}
.mynav li:hover.change::after,.mynav li.cur.change::after{
  background: url(../images/ico-mima-s.png) no-repeat center center;
}
.myright{
  padding: 17px 20px 20px;
  width: 920px;
}
.goldtit{
  font-size: 15px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 17px;
  margin-bottom: 10px;
  display: flex;
}
.current-gold {
  height: 40px;
  line-height: 40px;
  background: #FFF9F0;
  border: 1px solid #FFD9A3;
  border-radius: 5px;
  color: #75440E;
  font-size: 13px;
  margin-bottom: 20px;
  display: flex;
}
.current-gold span{
  display: block;
}
.current-gold .cgtit{
  position: relative;
  background: url(../images/img-dqjb.png) no-repeat center;
  width: 110px;
  height: 40px;
  color: #fff;
  text-align: center;
}
.current-gold .cgtit:before{
  left: 10px;
}
.current-gold .cgmount{
  color: #FF9700;
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 33px;
}
.current-gold .cgbtn{
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: linear-gradient(90deg, #FF9700, #FF6C00);
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  margin: 0 5px 0 30px;
  cursor: pointer;
}
.goldtable table{
  text-align: center;
}
.goldtable table tr th{
  height: 30px;
  background: #E9EDF1;
  line-height: 30px;
  color: #666;
  font-weight: normal;
}
.goldtable table tr td{
  height: 36px;
  line-height: 36px;
}
.goldtable table tr:nth-child(odd){
  background: #FAFBFC;
}
.goldempty{
  margin: 115px auto;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.goldempty img{
  display: inline-block;
}
/* 金币提现 协议*/
.gold-protocol .must{
  font-size: 14px;
}
.gold-protocol .must2{
  color: #999;
}
.protocal{
  margin: 18px 0 37px;
  font-size: 13px;
  color: #333;
  line-height: 24px;
}
.protocal-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.protocal-btn a{
  display: block;
  width: 200px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}
.protocal-btn .agree{
  background: #018FFF;
  color: #fff;
  margin-left: 20px;
}
/* 提现 */
.go{
  margin: 14px 0 20px;
}
.withdraw-known{
  line-height: 22px;
  margin-top: 20px;
  background: #FFFFFF;
  border: 1px dashed #E2E2E2;
  border-radius: 5px;
  color: #999999;
  padding: 10px 20px;
  box-sizing: border-box;
}
.popbox .pop-tx{
  width: 450px;
  height: auto;
}
.pop-jl .poptx-body{
  padding: 20px;
}
.poptx-body .tx-input{
  margin-bottom: 20px;
}
.tx-input p{
  font-size: 13px;
  color: #333333;
  margin-bottom: 5px;
}
.tx-input input,.tx-input textarea{
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  text-indent: 1em;
  width: 100%;
}
.tx-input textarea{
  height: 100px;
  line-height: 36px;
  resize: none;
}
/* 我的试玩 */
.tryon-table{
  margin-top: 20px;
}
.tryon-table table tr td{
  line-height: 18px;
  min-height: 36px;
  padding: 5px 0;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tryon-table table tr th:first-child,.tryon-table table tr td:first-child{
  /* width: 100px; */
}
.tryon-table table tr th:last-child,.tryon-table table tr td:last-child{
  width: 120px;
  text-align: center;
  color: #999999;
}
.tryon-table table tr span.edit{
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../images/ico-beizhu.png) no-repeat  center;
  background-size: 14px 14px;
  cursor: pointer;
}
/* 手机绑定 */
.bind-reason{
  font-size: 13px;
  color: #666;
  margin: 10px 0 50px;
}
.bind-info{
  padding: 30px 0;
  background: #F7F7F8;
  text-align: center;
  font-size: 13px;
  color: #666;
}
.bind-info b{
  font-size: 14px;
  color: #333333;
}
.bind-info .unbind-btn{
  display: block;
  width: 100px;
  height: 30px;
  border: 1px solid #018FFF;
  border-radius: 5px;
  cursor: pointer;
  color: #018FFF;
  font-size: 13px;
  margin: 30px auto 0;
  line-height: 30px;
}
.mt115{
  margin-top: 115px;
}
.bindtit{
  font-weight: normal;
}
.verify-form{
  margin-left: 25px;
  margin-top: 40px;
}
.form-item{
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}
.form-item label{
  color: #666666;
  margin-right: 12px;
  width: 80px;
  text-align: right;
}
.form-input input{
  width: 300px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  text-indent: 1em;
  color: #333;
}
.form-code input{
  width: 200px;
}
.form-item .feachBtn{
  width: 90px;
  height: 36px;
  line-height: 36px;
  background: #018FFF;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
}
/* .form-item .code-btn{
  width: 90px;
  height: 36px;
  line-height: 36px;
  background: #E2E2E2;
  border-radius: 5px;
  font-size: 14px;
  color: #666666;
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
} */
.from-next input{
  width: 80px;
  height: 36px;
  background: #018FFF;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  line-height: 36px;
  text-indent: 0;
  cursor: pointer;
}
.message{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  color: #fff;
  font-size: 14px;
}
.form-item .code-btn2{
  background: #018FFF;
  color: #fff;
}
/* 客服中心 */
.service-box{
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 30px;
}
.service-box .service-left,.service-box .service-right{
  box-sizing: border-box;
}
.service-box .service-left{
  width: 220px;
}
.service-left li{
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #F6F7FB;
  border-radius: 5px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  box-sizing: border-box;
}
.service-left li a{
  color: #333333;
}
.service-left li:hover{
  background: #fff;
  border: 1px solid #E2E2E2;;
}
.service-left li.cur{
  background: #018FFF;
  font-weight: bold;
  border: none;
}
.service-left li.cur a{
  color: #fff;
}
.service-box .service-right{
  width: 950px;
  padding-top: 35px;
}
.service-right{
  border-bottom: 1px solid #E2E2E2;
  border-top: 1px solid #E2E2E2;
}
.sitem{
  margin-bottom: 30px;
  cursor: pointer;
}
.sitem .stit{
  color: #333333;
  font-size: 14px;
  position: relative;
  padding-left: 15px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.stit:before{
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #DDDDDD;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.sitem .scon{
  margin-top: 15px;
  background: #F6F7FB;
  padding: 15px 27px 15px 15px;
  border-radius: 5px;
  color: #999999;
  font-size: 13px;
  line-height: 24px;
  display: none;
}
.sitem:hover .stit,.sitem.cur .stit{
  color: #018FFF;
}
.sitem:hover .stit::before,.sitem.cur .stit:before{
  background: #018FFF;
}
/* 首页登录弹窗 */
.modal-box{
  position: absolute;
  width: 296px;
  height: 305px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 0px 20px 0px rgba(0, 90, 255, 0.2);
  border-radius: 5px;
  top: 130px;
  right: 360px;
  z-index: 9999;
  box-sizing: border-box;
  padding: 30px 23px 0;
}
.modal-box .close{
  background-image: url(../images/signin_ico_close.png);
  bottom: initial;
  top: 10px;
  width: 12px;
  height: 12px;
  right: 14px;
  background-size: 12px 12px;
}
.finput{
  position: relative;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 90, 255, 0.1);
  border-radius: 5px;
  height: 34px;
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}
.finput span{
  display: block;
  width: 40px;
  background-size: 16px 16px;
}
.finput .account{
  background: url(../images/signin-ico-user.png) no-repeat center;
}
.finput .pwd{
  background: url(../images/signin-ico-password.png) no-repeat center;
}
.finput .smscode{
  background: url(../images/signin-ico-yanzhengma.png) no-repeat center;
}
.finput input{
  background: #FFFFFF;
  color: #999999;
  width: calc(100% - 40px);
  font-size: 12px;
}
.finput input::placeholder{
  color: #999;
}
.lcode-btn{
  width: 80px;
  height: 34px;
  line-height: 34px;
  background: #018FFF;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.remember{
  position: relative;
  color: #333333;
  display: flex;
  align-items: flex-start;
}
.remember div{
  position: relative;
  margin-right: 7px;
}
#login-modal #color-input-red +label{
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/signin-ico-weixuan.png) no-repeat center center;
}
#login-modal #color-input-red:checked +label::before{
  display: block;
  content: "";
  background: url(../images/signin-ico-gouxuan.png) no-repeat center center;
  width: 16px;
  height: 16px;
}
#loginPop #color-input-organge +label{
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/signin-ico-weixuan.png) no-repeat center center;
}
#loginPop #color-input-organge:checked +label::before{
  display: block;
  content: "";
  background: url(../images/signin-ico-gouxuan.png) no-repeat center center;
  width: 16px;
  height: 16px;
}
#loginPop .remember input[type=checkbox]{
	visibility: hidden;
}
#login-modal .remember input[type=checkbox]{
	visibility: hidden;
}
.forget{
  color: #018FFF;
}
.login-btn{
  margin: 12px 0;
  height: 36px;
  background: linear-gradient(90deg, #005AFF 0%, #018FFF 100%);
  box-shadow: 0px 0px 20px 0px rgba(0, 90, 255, 0.3);
  border-radius: 5px;
  color: #FEFEFE;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.login-other {
  justify-content: center;
  margin-top: 7px;
}
.login-other a{
  display: block;
  width: 30px;
  height: 30px;
}
.login-other .lqq{
  background: url(../images/signin-ico-qq.png) no-repeat center center;
  margin-right: 22px;
}
.login-other .wechat{
  background: url(../images/signin-ico-wechat.png) no-repeat center center;
  margin-right: 22px;
}
.login-other .youke {
  background: url(../images/signin-ico-youke.png) no-repeat center center;
}

/* 已登录 */
.modal-box2{
  top: 155px;
  /* height: 275px; */
  height: 305px;
}
.photo{
  position: absolute;
  top: -26px;
  left: 50%;
  margin-left: -26px;
}
.login-mobile{
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.left-game{
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.friend a{
font-size: 14px;
}
.f-hover{
  color: #fff;
}
.f-hover:hover{
  color: #999;
}
.login-gold{
  margin: 22px 0 14px;
  height: 60px;
  /* line-height: 30px; */
  background: linear-gradient(-90deg, #FFE080 0%, #FFF0D6 100%);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #75440E;
}
.login-gold .gold-amount{
  background: url(../images/ico-xiaojinbi.png) no-repeat left center;
  background-size: 13px 13px;
  padding-left: 20px;
  margin-left: 5px;
  /* font-size: 10px; */
}
.login-gold a{
  display: block;
  background: url(../images/vip-right.png) no-repeat right center;
  padding-right: 12px;
  margin-right: 10px;
  color: #75440E;
}
.tr-tit{
  margin-top: 0;
}
.tr-tit h3{
  font-size: 13px;
  color: #333333;
  font-weight: normal;
}
.tr-tit h3:after{
  height: 14px;
  top: 2px;
}
.tr-list{
  padding: 0;
  background: 0;
}
.tr-list li{
  height: auto;
  margin-top: 8px;
  border-bottom: none;
}
.tr-list li i{
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #CCCCCC;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.tr-list li span{
  color: #333333;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.tr-list li:hover a,.tr-list li:hover span{
  color: #018FFF;
}
.tr-list li:hover i{
  background: #018FFF;
}
/* 注册弹窗 */
.popbox .pop-reg{
  width: 560px;
  height: 640px;
}
.reg-body{
  width: 370px;
  margin: 0 auto;
}
.reg-category,.steps-item{
  border-bottom: 1px solid #F7F7F7;
  margin-bottom: 25px;
}
.reg-category li{
  width: 124px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.reg-category li:hover,.reg-category li.cur{
  background: url(../images/img-choose.png) no-repeat bottom center;
  font-weight: bold;
  font-size: 16px;
  color: #018FFF;
}
.reg-input{
  height: 40px;
  background: #F7F7F7;
  box-shadow: none;
  margin-bottom: 20px;
}
.reg-input input{
  background: #F7F7F7;
  font-size: 14px;
}
.reg-input .mobile {
  background: url(../images/signup-ico-phone.png) no-repeat center;
}
.reg-input .mima {
  background: url(../images/signup-ico-mima.png) no-repeat center;
}
.reg-input .smscode {
  background: url(../images/signup-ico-yanzheng.png) no-repeat center;
}
.smart-btn{
  background: #EEEEEE;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
  color: #333333;
}
.lcode-btn2{
  width: 90px;
  height: 40px;
  line-height: 40px;
}
/* 注册结果 */
.reg-result{
  margin-top: 115px;
  font-size: 15px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
}
.reg-result p{
  margin-top:10px;
}
/* 找回密码 */
.steps-item{
  margin-top: 50px;
  padding-bottom: 15px;
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 40px;
}
.steps-item li{
  width: 100px;
  position: relative;
  font-size: 14px;
  color: #333333;
}
.steps-item li:after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  background: url(../images/ico-right-n.png) no-repeat center;
  width: 8px;
  height: 12px;
  margin-top: -6px;
}
.steps-item li:last-child{
  width: auto;
}
.steps-item li:last-child:after{
  display: none;
}
.steps-item li.cur{
  color: #018FFF;
  font-weight: bold;
}
.steps-item li.cur:after{
  background-image: url(../images/ico-right-s.png);
}
.reg-input .account{
  background: url(../images/signin-ico-user2.png) no-repeat center;
}

/* 关于我们 */
.about{
  font-size: 13px;
  color: #333;
  line-height: 24px;
}
.about img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.rprotocal{
  color: #666;
}
/* 图文验证码 */
/* 登录窗 图文验证 */
.zhuce_modal_item {
  height: 50px;
  width: 120%;
}
.geetest_box {
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  color: #666;
  border: 1px solid #ccc;
  position: relative;
}
.geetest_box .geetest-heart {
  position: absolute;
  height: 36px;
  line-height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.geetest_box .geetest-heart span {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.geetest_box .geetest-heart span {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-animation: geetest_wait_compute 0.8s linear infinite both;
  -webkit-animation: geetest_wait_compute 0.8s linear infinite both;
  animation: geetest_wait_compute 0.8s linear infinite both;
}

@keyframes geetest_wait_compute {
  60% {
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}

@-webkit-keyframes geetest_wait_compute {
  60% {
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}

.geetest_box .geetest-heart span {
  background: #3873ff;
}
.geetest_box a {
  color: inherit;
  display: block;
  text-align: center;
}
.geetest-refresh {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 36px;
}
.zhuce_modal_item input {
  margin-left: 17px;
  text-indent: 10px;
}
/* 游客 */
#youkePop .finput input {
  color: #018fff;
  font-weight: bold;
  font-size: 14px;
}
#youkePop .loginBox {
  /* height: 258px; */
}
#youkePop .login-btn {
  margin: 0px 0 18px;
}
.youke-title {
  text-align: center;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.gray-bg {
  background: #e2e2e2;
  border-radius: 5px;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #666666;
}
#zhanghao::-webkit-input-placeholder{
 font-weight: normal;
}

#zhanghao:-moz-placeholder {
  font-weight: normal;

}

#zhanghao::-moz-placeholder{
  font-weight: normal;
}

#zhanghao:-ms-input-placeholder{
  font-weight: normal;
}
#mimma::-webkit-input-placeholder{
 font-weight: normal;
}

#mimma:-moz-placeholder {
  font-weight: normal;

}

#mimma::-moz-placeholder{
  font-weight: normal;
}

#mimma:-ms-input-placeholder{
  font-weight: normal;
}
/* #mimma::-webkit-input-placeholder{
 font-weight: normal;
}

#mima:-moz-placeholder{
  font-weight: normal;
}

#mima::-moz-placeholder{
  font-weight: normal;
}

#mima:-ms-input-placeholder{
  font-weight: normal;
} */
/* 游客 */
/* 登录弹窗 */
.loginPop {
  width: 296px;
  height: 305px;
}
.loginPop .modal-box {
}
.loginBox {
  position: absolute;
  width: 296px;
  height: 305px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 90, 255, 0.2);
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 9999;
  box-sizing: border-box;
  padding: 30px 23px 0;
}
.loginBox .close {
  background-image: url(../images/signin_ico_close.png);
  bottom: initial;
  top: 10px;
  width: 12px;
  height: 12px;
  right: 14px;
  background-size: 12px 12px;
  display: block;
  position: absolute;
  cursor: pointer;
}
.fl{
  float: left;
}

.game_tab{
  width: 380px;
  height: 26px;
  line-height: 26px;
  text-align: left;
  background-image: url("../images/bg-remen.png");
  overflow: hidden;

}
.game_tab li{
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: #333333;
  padding-left: 21px;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 340px;
}
.game_tab li span:nth-child(1){
  color: #018FFF;
}
.game_tab li span:nth-child(2){
  color: #FF9C00;
}
/* 2 */
.game_tab-two{
  width: 380px;
  height: 26px;
  line-height: 26px;
  text-align: left;
  background-image: url("../images/bg-remen.png");
  overflow: hidden;

}
.game_tab-two li{
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: #333333;
  padding-left: 21px;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 340px;
}
.game_tab-two li span:nth-child(1){
  color: #018FFF;
}
.game_tab-two li span:nth-child(2){
  color: #FF9C00;
}
/* 2 */
.scroll_box{
  margin-left: 21px;
    margin-top: 2px;
}
/* 回到顶部 */
.goTop {
  width: 60px;
  height: 60px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(207, 209, 216, 0.5);
  border-radius: 5px;
  position: fixed;
  right: 230px;
  z-index: 99;
  bottom: 100px;
  display: none;
}
.icon-top {
  width: 30px;
  height: 30px;
  margin: 15px;
}
.icon-top2 {
  width: 30px;
  height: 30px;
  margin: 15px;
}
#banner .arrow-left:hover{
  background-color: #007aff;
}
 #banner .arrow-right:hover{
  background-color: #007aff;
}
.clear {
  clear: both;
}
.goldtit p:hover, .goldtit .cur {
  color: #018FFF;
  font-size: 15px;

}
.goldtit p{

 /* width: 100px; */
 width: 50px;
 position: relative;
 /* text-align: left; */
 text-align: center;
 cursor: pointer;
margin-right: 30px;

}
.goldtit p:hover:after, .goldtit .cur:after {
  opacity: 1;
}
.goldtit p:after {
  content: '';
  position: absolute;
  /* width: 40px; */
  width: 100%;
  height: 3px;
  background: #018FFF;
  bottom: -19px;
      left: 0%;
  /* margin-left: -20px; */
  opacity: 0;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.phoneStop{
  margin-left: 98px;
}
.phoneStop a{
  color:#018FFF
}
.stop{
  background: #ECF6FF !important;
}
.dFlex{
  display: flex;
}
.game-content .wrapper .showGame{
  justify-content: flex-start;
}
.game-content .wrapper .showGame li{
margin-right: 16px;
}
.game-content .wrapper .showGame li:nth-child(5n){
margin-right: 0px;
}
.Nflex{
  display: flex !important;
  display: -webkit-flex;
  justify-content: space-between;
}
.NflexCenter{
  align-items: center;
}
.list li .tit1{
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li .tit2{
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yg-list{
  width: 218px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666 !important;
}
.kk li{
  align-items: center;
}
.tagPage li{
    float: left;
    margin-left: 20px;
    height: 20px;
    line-height: 20px;
}