.g-index-ppt{width:100%; height:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .swiper-wrapper{width:100%; height:100%; display:flex; box-sizing:content-box; position:relative; zoom:1; z-index:10; padding:0; box-sizing:border-box;}
.g-index-ppt .swiper-wrapper .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.g-index-ppt .swiper-wrapper .swiper-slide img{ width:100%; height:auto; display:block; overflow:hidden}
.g-index-ppt .swiper-wrapper .swiper-slide strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:rgba(0,0,0,.6); padding:0 3%; box-sizing:border-box; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}

.swiper-container .swiper-wrapper .swiper-slide a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.swiper-container .swiper-wrapper .swiper-slide a img{ width:100%; height:auto; display:block; overflow:hidden}
.swiper-container .swiper-wrapper .swiper-slide a strong{ width:100%; height:35px; line-height:35px;font-size:14px; font-weight:normal; color:#fff; text-indent:12px; text-shadow:1px 1px 2px #000; background:rgba(0,0,0,0.5); background-size:414px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.swiper-container .swiper-pagination{ width:auto; height:auto; display:block; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:100}
.swiper-container .swiper-pagination span{ width:8px; height:8px; background:#fff; border-radius:0; opacity:1; float:left; margin:0 0 0 7px; display:inline; overflow:hidden}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width:16px; background:#3399ff}


.g-index-ppt{
  padding: 30px 0 23px; background: none;
}
.g-index-ppt .swiper-wrapper .swiper-slide img{
  opacity: .6;
}
.g-index-ppt .swiper-wrapper .swiper-slide strong{
  display: none;
}
.g-index-ppt .swiper-wrapper .swiper-slide{
  transform: scale(1) !important; background-color: #000;  border-radius: 8px; overflow: hidden;
}
.g-index-ppt .swiper-wrapper .swiper-slide-active{
  transform: scale(1.26) !important;
}
.g-index-ppt .swiper-wrapper .swiper-slide-active img{
  opacity: 1;
}

.home-game {
  position: relative;
  z-index: 0;
  padding-top: .16rem;
  background: url(../images/itwobg.png) no-repeat;
  background-size: 100% auto;
}

.home-game ul {
  display: flex;
  flex-wrap: wrap;
  background: url(../images/itwotopbg.png) no-repeat;
  background-size: 100% auto;
  padding: .14rem .1rem .4rem .01rem;
  margin: 0 .3rem;
}

.home-game ul li a {
  display: block;
  width: 1.68rem;
  text-align: center;
  padding: .13rem 0;
}

.home-game ul li img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: .26rem;
  margin: auto;
}

.home-game ul li p {
  font-size: .24rem;
  color: #333;
  line-height: .56rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-game ul li span {
  display: block;
  width: 1.2rem;
  height: .5rem;
  background: #ff5b5b;
  font-size: .24rem;
  color: #fff;
  line-height: .5rem;
  border-radius: .25rem;
  margin: auto;
  overflow: hidden;
}

.home-soft{
  background: #fff;
}
.home-soft ul {
  display: flex;
  flex-wrap: wrap;
  background: url(../images/ihotbg.png) no-repeat;
  background-size: 100% auto;
  padding: .14rem .1rem .4rem .01rem;
  margin: 0 .3rem;
}

.home-soft ul li a {
  display: block;
  width: 1.68rem;
  text-align: center;
  padding: .13rem 0;
}

.home-soft ul li img {
  display: block;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: .26rem;
  margin: auto;
}

.home-soft ul li p {
  font-size: .24rem;
  color: #333;
  line-height: .56rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-soft ul li span {
  display: block;
  width: 1.2rem;
  height: .5rem;
  text-align: center;
  background: #5ba3ff;
  font-size: .24rem;
  color: #fff;
  line-height: .5rem;
  border-radius: .25rem;
  margin: auto;
  overflow: hidden;
}


.toprank {
  width: auto;
  padding: 10px 15px 0.1rem;
  position: relative;
  background-color: #fff;
  display: block;
}

.toprank .toprank-h3 {
  display: block;
  width: 5.84rem;
  height: 0.98rem;
  margin: .3rem auto 0;
  background: url(../images/rankBg1.png) no-repeat center;
  background-size: contain;
  font-size: .6rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.98rem;
}

.toprank-tabbtn {
  display: flex;
  justify-content: center;
}

.toprank-tabbtn i {
  display: block;
  width: 3.26rem;
  height: 1.08rem;
  background-position: -4.29rem -0.65rem;
  color: #F64C31;
  padding-top: 0.52rem;
  text-align: center;
}

.toprank-tabbtn i span, .toprank-tabbtn i a {
  display: inline-block;
  width: 1.44rem;
  font-size: 0.24rem;
  font-weight: bold;
  height: 0.3rem;
  line-height: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
}

.toprank-tabbtn i.f-hover {
  background-position: -4.29rem -2.25rem;
}

.toprank-tabbtn i.f-hover span , .toprank-tabbtn i.f-hover a {
  color: #fff;
}

.toprank-tabbtn {
  display: flex;
  justify-content: center;
}

.toprank-tabbtn i {
  display: block;
  width: 3.26rem;
  height: 1.08rem;
  background-position: -4.29rem -0.65rem;
  color: #F64C31;
  padding-top: 0.52rem;
  text-align: center;
}

.toprank-tabbtn i span, .toprank-tabbtn i a {
  display: inline-block;
  width: 1.44rem;
  font-size: 0.24rem;
  font-weight: bold;
  height: 0.3rem;
  line-height: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
}

.toprank-tabbtn i.f-hover {
  background-position: -4.29rem -2.25rem;
}

.toprank-tabbtn i.f-hover span , .toprank-tabbtn i.f-hover a {
  color: #fff;
}

.toprank .toprank-main {
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.toprank .toprank-main>a {
  float: left;
  width: 2.17rem;
  height: 2.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 197, 22, 0.78) 100%);
  border-radius: 0.2rem;
  margin-right: 0.21rem;
  position: relative;
}

.toprank .toprank-main>a:nth-child(3n) {
  margin-right: 0;
}

.toprank .toprank-main>a img {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  opacity: 1;
  border-radius: 0.4rem;
  border: 0.08rem solid #fff;
  margin: 0.28rem auto 0.12rem;
}

.toprank .toprank-main>a p {
  width: 2rem;
  height: 0.36rem;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.36rem;
  color: #00052E;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: auto;
}

.toprank .toprank-main>a i {
  position: absolute;
  top: 0.26rem;
  left: 0.32rem;
  width: 0.62rem;
  height: 0.52rem;
  background-position: -1.67rem 0;
}

.toprank .toprank-main>a:nth-child(2) i {
  background-position: -2.46rem 0;
}

.toprank .toprank-main>a:nth-child(3) i {
  background-position: -3.26rem 0;
}
.toprank ul li{
  border-bottom: 1px dashed #eee;
}
.toprank ul li a {
  display: block;
  margin: 0.3rem 0;
  width: 100%;
  height: 1.4rem;
  position: relative;
}

.toprank ul li a i {
  position: absolute;
  top: -0.02rem;
  left: 0;
  width: 0.62rem;
  height: 0.52rem;
  background-position: -4.06rem 0;
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.52rem;
  text-align: center;
  color: #333333;
}

.toprank ul li a img {
  float: left;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 40px;
  margin-right: 0.24rem;
}

.toprank ul li a div.mid {
  float: left;
  width: 3.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.toprank ul li a div.mid p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.toprank ul li a div.mid p:nth-child(1) {
  height: 0.36rem;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.36rem;
  color: #00052E;
  margin: 0.12rem 0 0.08rem 0;
}

.toprank ul li a div.mid p:nth-child(2) {
  height: 0.32rem;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #00052E;
  opacity: 0.7;
  margin-bottom: 0.08rem;
}

.toprank ul li a div.mid p:nth-child(3) {
  height: 0.32rem;
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #00052E;
  opacity: .5;
}

.toprank ul li a .down {
  float: right;
  width: 1.4rem;
  height: 0.64rem;
  line-height: 0.64rem;
  background: #ff5b5b;
  border-radius: 0.12rem;
  text-align: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  margin-top: 0.38rem;
}
.icon {
  background-image: url("../images/icon.png");
  background-size: 8rem 8rem;
}

.toprank-cont .f-hover-tabcont{
  display: none;
}
.toprank-cont .f-hover-tabcont:nth-child(1){
  display: block;
}

.keyword{
  background: #fff;
}
.m-key-ul {
  width: 100%;
  height: auto;
  padding: 0 15px 15px;
  box-sizing: border-box;
  display: block;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap
}

.m-key-ul li {
  width: 220px;
  height: auto;
  margin: 6px 12px 0 0px;
  display: inline-block;
  overflow: hidden;
}

.m-key-ul li a {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}

.m-key-ul li a img {
  width: 100%;
  height: 110px;
  display: block;
  overflow: hidden
}

.m-key-ul li a strong {
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 5px 0 0;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, .5)
}

.m-key-ul li a:active strong {
  color: #3399ff
}


#firendlink {
  overflow: hidden;
}

#firendlink a {
  display: inline-block;
  padding: 0 0.25rem .25rem;
  font-size: 0.24rem;
  color: #666;
  line-height: 0.5rem;
  position: relative;
}