* {
  margin: 0px;
  padding: 0px;
  font-family: Hiragino Sans GB, Arial, Helvetica, "Microsoft YaHei", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
img {
  border: 0;
}
input,
select {
  outline: none;
}
html,
body {
  background: #f5f6f7;
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1516340326389');
  src: url('../fonts/iconfont.eot?t=1516340326389#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1516340326389') format('woff'), url('../fonts/iconfont.ttf?t=1516340326389') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1516340326389#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
@font-face {
  font-family: 'iconfont';
  src: url('../font2/iconfont.eot');
  src: url('../font2/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font2/iconfont.woff') format('woff'),
  url('../font2/iconfont.ttf') format('truetype'),
  url('../font2/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#body {
  height: auto;
  width: 7.2rem;
  margin: 0 auto;
}
#header {
  height: .88rem;
  background: #23b0f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 .2rem;
  position: -webkit-sticky;
  /*position: sticky;
  top: 0;
  z-index: 999;*/
}
#header .logo {
  display: block;
}
#header .logo img {
  height: .4rem;
}
#header .search {
  width: 3.8rem;
  height: .5rem;
  background: #fff;
  border-radius: .5rem;
  padding: 0 .15rem;
}
#header .search form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header .search input {
  border: 0;
}
#header .search input[type='text'] {
  width: 3rem;
  height: .4rem;
  line-height: .4rem;
  padding: .1rem;
  font-size: .26rem;
  color: #333;
}
#header .search input[type='submit'] {
  background: none;
  width: .5rem;
  height: .5rem;
  font-size: .4rem;
  color: #23b0f7;
}
#container {
  height: auto;
  overflow: hidden;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-container .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container .banner-item {
  display: block;
  height: 3.6rem;
  width: 7.2rem;
  position: relative;
}
.swiper-container .banner-item img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.swiper-container .banner-item p {
  height: .66rem;
  line-height: .66rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5);
  font-size: .28rem;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem 0 .2rem;
}
.swiper-container .anchor {
  width: .8rem;
  position: absolute;
  right: .2rem;
  bottom: .14rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.swiper-container .anchor label {
  font-size: .26rem;
  color: #fff;
  vertical-align: bottom;
}
.swiper-container .anchor span {
  font-size: .38rem;
  color: #fedd00;
  line-height: .4rem;
}
.nav {
  padding: 0 .2rem;
  background: #fff;
}
.nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: .2rem 0 .1rem;
}
.nav ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
.nav ul li img {
  height: .7rem;
}
.nav ul li p {
  font-size: .26rem;
  text-align: center;
  color: #666;
  margin-top: .06rem;
}
.home-classify {
  background: #fff;
  margin-top: .2rem;
}
.home-classify .col-name {
  height: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-classify .col-name i {
  display: block;
}
.home-classify .col-name .icon-l {
  width: .69rem;
  height: .34em;
  margin-right: .1rem;
  background-repeat: no-repeat;
  background-size: .69rem .36rem;
}
.home-classify .col-name span {
  font-size: .36rem;
  color: #333;
}
.home-classify .col-name .icon-r {
  width: .28rem;
  height: .22rem;
  background-image: url(../images/black-tit.png);
  background-repeat: no-repeat;
  background-size: .28rem .22rem;
  margin-left: .1rem;
}
.home-classify .col-name .icon-l-1 {
  background-image: url(../images/select-tit.png);
}
.home-classify .col-name .icon-l-2 {
  background-image: url(../images/remen-tit.png);
}
.home-classify .list-section {
  background: #fff;
  padding: 0 .2rem .1rem;
}
.home-classify .list-section ul {
  margin-left: -0.48rem;
  overflow: hidden;
  margin-bottom: .2rem;
}
.home-classify .list-section ul li {
  float: left;
  width: 1.34rem;
  height: 2.4rem;
  margin: .1rem 0 0 .48rem;
}
.home-classify .list-section ul li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.home-classify .list-section ul li img {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: .15rem;
}
.home-classify .list-section ul li p {
  font-size: .22rem;
  line-height: 1.5;
  color: #333;
  margin-top: .15rem;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-classify .list-section ul li .dl-btn {
  height: .48rem;
  line-height: .48rem;
  border: 1px solid #e53939;
  color: #e53939;
  font-size: .22rem;
  width: 80%;
  margin-top: .1rem;
  border-radius: .16rem;
}
.recomm-game {
  margin-top: .2rem;
  background: url(../images/tuij_bg.png) no-repeat;
  background-size: 7.2rem auto;
}
.recomm-game .col-name {
  height: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.recomm-game .col-name i {
  display: block;
}
.recomm-game .col-name .icon-l {
  width: .69rem;
  height: .34em;
  margin-right: .1rem;
  background-repeat: no-repeat;
  background-size: .69rem .36rem;
  background-image: url(../images/tuij-g-tit.png);
}
.recomm-game .col-name span {
  font-size: .36rem;
  color: #fff;
}
.recomm-game .col-name .icon-r {
  width: .28rem;
  height: .22rem;
  background-image: url(../images/white-tit.png);
  background-repeat: no-repeat;
  background-size: .28rem .22rem;
  margin-left: .1rem;
}
.recomm-game .list-section {
  padding: 0 .3rem .3rem;
}
.recomm-game .list-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: .55rem;
}
.recomm-game .list-section ul li {
  width: 1.9rem;
  background: #fff;
  position: relative;
}
.recomm-game .list-section ul li img {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 1.1rem;
  margin: -0.55rem auto 0;
}
.recomm-game .list-section ul li p {
  font-size: .24rem;
  line-height: 1.5;
  color: #333;
  margin-top: .15rem;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  padding: 0 .3rem;
}
.recomm-game .list-section ul li .classify {
  padding: 0 .3rem;
  font-size: .2rem;
  color: #666;
  overflow: hidden;
  line-height: 1.4;
  text-align: center;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: .1rem;
}
.recomm-game .list-section ul li .dl-btn {
  height: .56rem;
  line-height: .56rem;
  text-align: center;
  font-size: .24rem;
  color: #fff;
  background: #e53939;
  margin-top: .2rem;
}
.hot-recomm {
  margin-top: .2rem;
  background: url(../images/renqi_bg.png) no-repeat;
  background-size: 7.2rem auto;
}
.hot-recomm .col-name {
  height: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hot-recomm .col-name i {
  display: block;
}
.hot-recomm .col-name .icon-l {
  width: .69rem;
  height: .34em;
  margin-right: .1rem;
  background-repeat: no-repeat;
  background-size: .69rem .36rem;
  background-image: url(../images/renqi-tit.png);
}
.hot-recomm .col-name span {
  font-size: .36rem;
  color: #fff;
}
.hot-recomm .col-name .icon-r {
  width: .28rem;
  height: .22rem;
  background-image: url(../images/white-tit.png);
  background-repeat: no-repeat;
  background-size: .28rem .22rem;
  margin-left: .1rem;
}
.hot-recomm .tab {
  width: 6.6rem;
  margin: auto;
  overflow: hidden;
  border: 1px solid #feff75;
  border-radius: 4px;
}
.hot-recomm .tab .tab-item {
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  overflow: hidden;
  font-size: .3rem;
  float: left;
  width: 50%;
  color: #feff75;
}
.hot-recomm .tab .active {
  background: #feff75;
  color: #f58a38;
}
.hot-recomm .list-section {
  padding: 0 .3rem .3rem;
  margin-top: .2rem;
  overflow: hidden;
}
.hot-recomm .list-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: .2rem;
}
.hot-recomm .list-section ul li {
  width: 1.9rem;
  background: #fff;
  position: relative;
}
.hot-recomm .list-section ul li img {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: .2rem;
  margin: .2rem auto 0;
}
.hot-recomm .list-section ul li p {
  font-size: .24rem;
  line-height: 1.5;
  color: #333;
  margin-top: .15rem;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  padding: 0 .3rem;
}
.hot-recomm .list-section ul li .classify {
  padding: 0 .3rem;
  font-size: .2rem;
  color: #666;
  overflow: hidden;
  line-height: 1.4;
  text-align: center;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: .1rem;
}
.hot-recomm .list-section ul li .dl-btn {
  height: .56rem;
  line-height: .56rem;
  text-align: center;
  font-size: .24rem;
  color: #e53939;
}
.hot-recomm .list-section ul li i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: .52rem;
  height: .52rem;
  line-height: .4rem;
  font-size: .22rem;
  color: #fff;
  background-repeat: no-repeat;
  background-size: .52rem .52rem;
  font-style: normal;
  padding-left: .05rem;
}
.hot-recomm .list-section ul li:nth-child(1) i {
  background-image: url(../images/bg_one.png);
}
.hot-recomm .list-section ul li:nth-child(2) i {
  background-image: url(../images/bg_two.png);
}
.hot-recomm .list-section ul li:nth-child(3) i {
  background-image: url(../images/bg_three.png);
}
.collectiom-recomm {
  margin-top: .2rem;
  background: #fff;
  margin-bottom: 1rem;
}
.collectiom-recomm .col-name {
  height: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.collectiom-recomm .col-name i {
  display: block;
}
.collectiom-recomm .col-name .icon-l {
  width: .69rem;
  height: .34em;
  margin-right: .1rem;
  background-repeat: no-repeat;
  background-size: .69rem .36rem;
  background-image: url(../images/tuij-tit.png);
}
.collectiom-recomm .col-name span {
  font-size: .36rem;
  color: #333;
}
.collectiom-recomm .col-name .icon-r {
  width: .28rem;
  height: .22rem;
  background-image: url(../images/black-tit.png);
  background-repeat: no-repeat;
  background-size: .28rem .22rem;
  margin-left: .1rem;
}
.collectiom-recomm .list-section {
  background: #fff;
  padding: 0 .2rem .1rem;
}
.collectiom-recomm .list-section ul {
  margin-left: -0.2rem;
  overflow: hidden;
  margin-bottom: .2rem;
}
.collectiom-recomm .list-section ul li {
  float: left;
  width: 3.3rem;
  height: 1.4rem;
  margin-left: .2rem;
  font-size: 0;
}
.collectiom-recomm .list-section ul li img {
  width: 3.3rem;
  height: 1.4rem;
  border-radius: .15rem;
}
#tab {
  width: 7.2rem;
  position: fixed;
  height: .88rem;
  background: #fff;
  left: 50%;
  bottom: 0;
  margin-left: -3.6rem;
  -webkit-box-shadow: 0 0 .1rem #dadada;
          box-shadow: 0 0 .1rem #dadada;
  z-index: 9;
  font-size: 0;
}
#tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#tab ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: .88rem;
}
#tab ul li a {
  display: block;
  height: .88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
}
#tab ul li a i {
  font-size: .4rem;
}
#tab ul li a span {
  display: block;
  font-size: .2rem;
}
#tab ul .active a {
  color: #e53939;
}
.column-name {
  height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 0 .2rem;
}
.column-name .name {
  height: .8rem;
  line-height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.column-name .name i {
  display: block;
  width: .06rem;
  height: .36rem;
  background: #e53939;
}
.column-name .name span {
  font-size: .3rem;
  margin-left: .2rem;
}
.column-name .more-link {
  height: .8rem;
  line-height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: .2rem;
  color: #999;
}
.game-page .tab {
  background: #fff;
  overflow: hidden;
}
.game-page .tab .tab-wrap {
  margin: .2rem .8rem;
  overflow: hidden;
  border: 1px solid #e53939;
  border-radius: .6rem;
}
.game-page .tab a {
  display: block;
  width: 50%;
  float: left;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  color: #e53939;
  font-size: .3rem;
}
.game-page .tab .active {
  background: #e53939;
  color: #fff;
}
.hot-software {
  background: #fff;
}
.hot-software .list-section {
  padding: 0 .2rem .1rem;
}
.hot-software .list-section ul {
  margin-left: -0.48rem;
  overflow: hidden;
  margin-bottom: .2rem;
}
.hot-software .list-section ul li {
  float: left;
  width: 1.34rem;
  height: 2.8rem;
  margin: .2rem 0 0 .48rem;
}
.hot-software .list-section ul li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.hot-software .list-section ul li img {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: .15rem;
}
.hot-software .list-section ul li p {
  font-size: .22rem;
  line-height: 1.5;
  color: #333;
  margin-top: .15rem;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hot-software .list-section ul li .size {
  font-size: .2rem;
  color: #999;
  line-height: 1.4;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: .06rem;
}
.hot-software .list-section ul li .dl-btn {
  height: .48rem;
  line-height: .48rem;
  border: 1px solid #e53939;
  color: #e53939;
  font-size: .22rem;
  width: 80%;
  margin-top: .1rem;
  border-radius: .16rem;
}
.software-classify {
  background: #fff;
  margin-top: .2rem;
}
.software-classify .content {
  padding: .2rem;
}
.software-classify .content .swiper-slide {
  width: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.software-classify .content .classify-item {
  width: 3.6rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  border-radius: .1rem;
}
.software-classify .content .classify-item p {
  font-size: .24rem;
  line-height: 1.4;
  margin-top: .1rem;
}
.cl-1 {
  background: #ec766c;
}
.cl-2 {
  background: #435182;
}
.cl-3 {
  background: #3ca0c4;
}
.cl-4 {
  background: #a88b6b;
}
.cl-5 {
  background: #9c76a9;
}
.cl-6 {
  background: #e1b765;
}
.cl-7 {
  background: #76aa7a;
}
.cl-8 {
  background: #f4756f;
}
.cl-9 {
  background: #afbc77;
}
.cl-10 {
  background: #3d9ebe;
}
.more-software {
  background: #fff;
  margin-top: .2rem;
  margin-bottom: 1rem;
}
.more-software .item {
  padding: .2rem;
  border-top: 1px dashed #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.more-software .item .pic {
  height: 1.32rem;
  width: 1.32rem;
  font-size: 0;
}
.more-software .item .pic img {
  width: 100%;
  height: 100%;
  border-radius: .15rem;
}
.more-software .item > span {
  display: block;
  font-size: .32rem;
  width: .5rem;
  text-align: center;
  margin-right: .2rem;
  color: #999;
}
.more-software .item .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 .3rem;
  font-size: 0;
}
.more-software .item .info h1 {
  height: .4rem;
  line-height: .4rem;
  font-size: .3rem;
  font-weight: initial;
  color: #333;
  overflow: hidden;
  margin-bottom: .1rem;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.more-software .item .info p {
  height: .36rem;
  line-height: .36rem;
  font-size: .24rem;
  font-weight: initial;
  color: #333;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.more-software .item .info p span {
  color: #999;
}
.more-software .item .download {
  width: 1.6rem;
  font-size: 0;
}
.more-software .item .download a {
  display: block;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  background: #e53939;
  border-radius: .04rem;
  font-size: .28rem;
  color: #fff;
}
.more-software .item:first-child {
  border-top: 0;
}
.more-software .item:nth-child(1) span {
  color: #f8c104;
}
.more-software .item:nth-child(2) span {
  color: #8baadf;
}
.more-software .item:nth-child(3) span {
  color: #d5a382;
}
.special-page {
  padding-bottom: .8rem;
}
.special-page .tab {
  background: #fff;
  overflow: hidden;
}
.special-page .tab .tab-wrap {
  margin: .2rem .8rem;
  overflow: hidden;
  border: 1px solid #e53939;
  border-radius: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #e53939;
}
.special-page .tab a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
}
.special-page .tab .active {
  background: #fff;
  color: #e53939;
  border-radius: .6rem;
}
.special-section {
  background: #fff;
  margin-bottom: .2rem;
}
.special-section .list-section {
  padding: 0 .2rem;
}
.special-section .list-section ul {
  height: auto;
  overflow: hidden;
  margin-left: -0.2rem;
  margin-top: .2rem;
}
.special-section .list-section ul li {
  width: 3.3rem;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0 0 .2rem .2rem;
  font-size: 0;
}
.special-section .list-section ul li img {
  display: block;
  width: 100%;
  height: 1.6rem;
  border-radius: .1rem;
}
.special-section .list-section ul li p {
  height: .5rem;
  line-height: .5rem;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  color: #333;
}
.sp-d-page .sp-content {
  height: auto;
  overflow: hidden;
  margin: .2rem .3rem;
  -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: .1rem;
}
.sp-d-page .sp-content h2 {
  height: .8rem;
  line-height: .8rem;
  font-weight: normal;
  background: #d6f2fe;
  font-size: .32rem;
  color: #22a6ee;
  text-align: center;
  padding: 0 .3rem;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.sp-d-page .sp-content .ctx {
  font-size: .28rem;
  color: #999;
  line-height: 1.6;
  padding: .2rem;
}
.sp-d-page .sp-content ul {
  padding: 0 .2rem;
  margin-bottom: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sp-d-page .sp-content ul li {
  width: 2rem;
  height: auto;
  overflow: hidden;
}
.sp-d-page .sp-content ul li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.sp-d-page .sp-content ul li a span {
  display: block;
  width: .8rem;
  height: .4rem;
  line-height: .4rem;
  font-size: .26rem;
  color: #fff;
  background: #ffc823;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: .28rem;
  z-index: 1;
}
.sp-d-page .sp-content ul li a span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: .2rem solid transparent;
  border-bottom: .2rem solid transparent;
  border-left: .2rem solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.sp-d-page .sp-content ul li a img {
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.sp-d-page .sp-content ul li a p {
  text-align: center;
  overflow: hidden;
  line-height: 1.4;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: .1rem;
}
.sp-d-page .sp-content ul li a .h1 {
  font-size: .3rem;
  color: #333;
}
.sp-d-page .sp-content ul li a .h2 {
  font-size: .26rem;
  color: #999;
}
.sp-d-page .sp-content ul li a .dl-btn {
  height: .48rem;
  line-height: .48rem;
  background: #e53939;
  color: #fff;
  font-size: .22rem;
  width: 60%;
  margin-top: .1rem;
  border-radius: .48rem;
  margin: .1rem auto;
  text-align: center;
}
.sp-d-page .sp-content ul li:nth-child(2) span {
  background: #ff8820;
}
.sp-d-page .sp-content ul li:nth-child(3) span {
  background: #ff8788;
}
.info-page .tab {
  background: #fff;
  overflow: hidden;
}
.info-page .tab .tab-wrap {
  margin: .2rem .4rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-page .tab a {
  display: block;
  width: 23%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  color: #333;
  font-size: .28rem;
  position: relative;
  border: 1px solid #d5d5d5;
}
.info-page .tab a i {
  display: none;
  width: 0;
  height: 0;
  border-top: .2rem solid transparent;
  border-bottom: .2rem solid transparent;
  border-left: 0.2rem solid #e53939;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
}
.info-page .tab .active {
  color: #e53939;
  border: 1px solid #e53939;
}
.info-page .tab .active i {
  display: block;
}
.info-page .info-section {
  background: #fff;
  margin-top: .2rem;
  margin-bottom: 1rem;
}
.info-page .info-section ul li {
  padding: .2rem;
  border-top: 1px solid #e3e3e3;
}
.info-page .info-section ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.info-page .info-section ul li img {
  display: block;
  width: 2.4rem;
  height: 1.3rem;
}
.info-page .info-section ul li .info-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-page .info-section ul li .info-wrap h2 {
  font-size: .3rem;
  color: #333;
  font-weight: normal;
  line-height: 1.4;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.info-page .info-section ul li .info-wrap .other {
  height: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-page .info-section ul li .info-wrap .other span {
  font-size: .24rem;
  color: #666;
}
.info-page .info-section ul li .info-wrap .other label {
  font-size: .24rem;
  color: #ea3e3c;
}
.info-page .info-section ul li .info-wrap .other label i {
  margin-right: .1rem;
  font-size: .24rem;
}
.info-page .info-section ul lI:first-child {
  border-top: 0;
}
.news-details {
  height: auto;
  overflow: hidden;
}
.news-details .top-info {
  height: auto;
  overflow: hidden;
  background: #fff;
  padding: .1rem .2rem;
  font-size: 0;
}
.news-details .top-info h1 {
  font-size: .32rem;
  color: #000;
  line-height: 1.4;
}
.news-details .top-info .other {
  margin-top: .2rem;
  height: .4rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-details .top-info .other span {
  font-size: .24rem;
  color: #666;
}
.news-details .lately-updata {
  background: #fff;
  margin-top: .2rem;
}
.news-details .details {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
  padding: 0 .2rem;
  background: #fff;
}
.news-details .details .content {
  height: auto;
  max-height: 4rem;
  overflow: hidden;
  margin: .2rem 0;
  position: relative;
}
.news-details .details .content * {
  font-size: 16px;
}
.news-details .details .open {
  display: block;
  width: 1.1rem;
  height: .42rem;
  line-height: .42rem;
  text-align: center;
  font-size: .28rem;
  color: #fff;
  background: #e53939;
  float: right;
  border-radius: .06rem;
  margin-bottom: .2rem;
}
.news-details .details .back-top {
  height: .72rem;
  font-size: .24rem;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #e53939;
  border-radius: .06rem;
  margin-bottom: .2rem;
}
.news-details .details .back-top span {
  color: #e53939;
  font-size: .24rem;
}
.classify-page {
  padding-bottom: 1rem;
}
.classify-section .list-section {
  padding: 0 .2rem;
}
.classify-section .list-section ul {
  margin-left: -0.2rem;
  margin-top: -0.2rem;
  overflow: hidden;
}
.classify-section .list-section ul li {
  width: 3.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  float: left;
  margin-left: .2rem;
  margin-top: .2rem;
}
.classify-section .list-section ul a {
  width: 3.3rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  border-radius: .1rem;
}
.classify-section .list-section ul a p {
  font-size: .24rem;
  line-height: 1.4;
  margin-top: .1rem;
}
.game-details {
  height: auto;
  overflow: hidden;
}
.game-details .game-info {
  background: #fff;
  overflow: hidden;
  padding: 0 .2rem;
  font-size: 0;
}
.game-details .game-info .info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: .2rem 0;
}
.game-details .game-info .pic {
  width: 1.6rem;
  height: 1.6rem;
}
.game-details .game-info .pic img {
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.game-details .game-info .info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: .2rem;
}
.game-details .game-info .info h1 {
  font-size: .32rem;
  height: .4rem;
  line-height: .4rem;
  overflow: hidden;
  color: #000;
  font-weight: initial;
}
.game-details .game-info .info ul {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
}
.game-details .game-info .info ul li {
  float: left;
  width: 50%;
  height: .4rem;
  line-height: .4rem;
  overflow: hidden;
  font-size: .24rem;
  color: #999;
}
.game-details .game-info .info ul a {
  color: #22cde6;
}
.game-details .game-info .download {
  height: auto;
  overflow: hidden;
  margin-bottom: .4rem;
}
.game-details .game-info .download a {
  display: block;
  height: .76rem;
  line-height: .76rem;
  text-align: center;
  background: #22cde6;
  color: #fff;
  font-size: .28rem;
  border-radius: .06rem;
}
.game-details .img-list {
  font-size: 0;
  overflow-y: hidden;
  overflow-x: scroll;
  margin-top: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 6.8rem;
  -webkit-overflow-scrolling: touch;
}
.game-details .img-list ul {
  height: 3.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.game-details .img-list ul li {
  width: 2.14rem;
  height: 3.8rem;
  margin-left: .3rem;
}
.game-details .img-list ul li img {
  width: 100%;
  height: 100%;
}
.game-details .img-list ul li:first-child {
  margin-left: 0;
}
.game-details .img-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.game-details .column-name {
  border-bottom: 0;
  padding: 0;
  color: #e53939;
}
.game-details .details {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
  padding: 0 .2rem;
  background: #fff;
}
.game-details .details .content {
  height: auto;
  max-height: 4rem;
  overflow: hidden;
  margin: .2rem 0;
  position: relative;
}
.game-details .details .content * {
  font-size: 16px;
}
.game-details .details .open {
  display: block;
  width: 1.1rem;
  height: .42rem;
  line-height: .42rem;
  text-align: center;
  font-size: .28rem;
  color: #fff;
  background: #e53939;
  float: right;
  border-radius: .06rem;
  margin-bottom: .2rem;
}
.game-details .details .back-top {
  height: .72rem;
  font-size: .24rem;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #e53939;
  border-radius: .06rem;
  margin-bottom: .2rem;
}
.game-details .details .back-top span {
  color: #e53939;
  font-size: .24rem;
}
.rank-page .tab {
  background: #fff;
  overflow: hidden;
}
.rank-page .tab .tab-wrap {
  margin: .2rem .8rem;
  overflow: hidden;
  border: 1px solid #e53939;
  border-radius: .6rem;
}
.rank-page .tab a {
  display: block;
  width: 50%;
  float: left;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  color: #e53939;
  font-size: .3rem;
}
.rank-page .tab .active {
  background: #e53939;
  color: #fff;
}


.seize {
  height: 1rem;
  width: 100%;
}
.hot-reader {
  background: #fff;
  margin-top: .2rem;
  overflow: hidden;
}
.hot-reader ul li {
  padding: 0 .2rem;
  border-bottom: 1px solid #eee;
}
.hot-reader ul li a {
  padding: .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.hot-reader ul li .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hot-reader ul li .left h2 {
  font-size: .3rem;
  color: #333;
  font-weight: normal;
  line-height: 1.4;
  overflow: hidden;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hot-reader ul li .left p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: .24rem;
  line-height: 1.4;
}
.hot-reader ul li .left p label {
  color: #666;
}
.hot-reader ul li .left p span {
  color: #999;
  margin-left: .33rem;
}
.hot-reader ul li img {
  margin-left: .2rem;
  display: block;
  width: 1.6rem;
  height: 1.2rem;
}
.hot-game {
  background: #fff;
  margin-top: .2rem;
  overflow: hidden;
}
.hot-game ul {
  overflow: hidden;
  float: left;
  margin: 0 0 .2rem;
}
.hot-game ul li {
  float: left;
  height: .6rem;
  line-height: .6rem;
  border-radius: .6rem;
  border: 1px solid #e5e5e5;
  font-size: 0;
  margin: .2rem 0 0 .2rem;
}
.hot-game ul li a {
  padding: 0 .3rem;
  color: #333;
  font-size: .24rem;
}
.hot-game ul .s-1 {
  background: #c299fb;
  border: 1px solid #c299fb;
}
.hot-game ul .s-1 a {
  color: #fff;
}
.hot-game ul .s-2 {
  background: #ff8b62;
  border: 1px solid #ff8b62;
}
.hot-game ul .s-2 a {
  color: #fff;
}
.hot-game ul .s-3 {
  background: #68a0fe;
  border: 1px solid #68a0fe;
}
.hot-game ul .s-3 a {
  color: #fff;
}



.nav2 ul{ overflow: hidden; padding: 0.2rem;}
.nav2 li{ width: 25%; float: left;}
.nav2 li a{ width: 1.45rem; margin: 0 auto;}
.nav2 li a{ display: block; height: 1.45rem; border-radius: 0.18rem; color: #fff; padding-top: 0.2rem; text-align: center;  font-size: 0.24rem; line-height: 1.6;}
.nav2 li:nth-child(1) a{ background-color: #ff9900; }
.nav2 li:nth-child(2) a{ background-color: #18b5fd; }
.nav2 li:nth-child(3) a{ background-color: #7cd31e; }
.nav2 li:nth-child(4) a{ background-color: #ff5454; }
.nav2 li span{ display: block; width: 0.82rem; height: 0.82rem; border-radius: 50%; margin:0 auto; position: relative;}
.nav2 li span i{ display: block; width: 0.46rem; height: 0.5rem; background-image: url(../images/indexNav.png); background-repeat: no-repeat; background-size:100% auto; position: absolute; top: 50%; left: 50%; margin-top:-0.25rem; margin-left:-0.23rem;}
.nav2 li:nth-child(1) a span{ border:1px solid #ffb545; background-color: #ffad33;}
.nav2 li:nth-child(1) a span i{ background-position: 0 0; }
.nav2 li:nth-child(2) a span{ border:1px solid #57c9fe; background-color: #46c4fd;}
.nav2 li:nth-child(2) a span i{ background-position: 0 -0.65rem; }
.nav2 li:nth-child(3) a span{ border:1px solid #9add51; background-color: #96dc4b;}
.nav2 li:nth-child(3) a span i{ background-position: 0 -1.36rem; }
.nav2 li:nth-child(4) a span{ border:1px solid #ff8282; background-color: #ff7676;}
.nav2 li:nth-child(4) a span i{ background-position: 0 -2.10rem; }
.l-play .list-section ul li{ height: 1.8rem !important; }
.l-play-tt{ font-size: 0.36rem; color: #e9616f; padding: 0.2rem; border-bottom: 1px solid #f1eff0; margin-bottom: 0.1rem;}
.rec-game{ background-color: #fff; padding: 0.2rem; margin-top: 0.2rem;}
.rec-game-tt{ overflow: hidden; margin-bottom: 0.2rem;}
.rec-game-tt span{ display: block; background-color: #ff4306; height: 0.6rem; float: left; font-size: 0.32rem; font-weight: normal; line-height: 0.6rem; color: #fff; padding: 0 0 0 0.26rem; position: relative;}
.rec-game-tt span:after{ content: ''; display: block; width: 0; height: 0; overflow: hidden; border:0.3rem solid #ff4306; position: absolute; right: -0.6rem; top: 0; border-right-color: #fff;}
.rec-game .clearfix{ overflow: hidden; color: #333;}
.rec-game .imgBox{ display: block; width: 1.6rem; height: 1.6rem; float: left; margin-right: 0.2rem;}
.rec-game .imgBox img{ display: block; width: 100%; height: 100%; }
.rec-game-info{ padding-right: 1.2rem; position: relative;}
.rec-game-info h2{ font-size: 0.28rem; font-weight: bold; color: #000; height: 0.36rem; line-height: 0.36rem; overflow: hidden;}
.rec-game-info p{ font-size: 0.24rem; color: #888; line-height: 0.32rem; line-height: 0.32rem; margin: 0.1rem 0; overflow: hidden;}
.rec-game-info span{ font-size: 0.24rem; display: block;height: 0.48rem;line-height: 0.48rem; border: 1px solid #e53939; color: #e53939;
    font-size: 0.22rem;width: 1rem; margin-top: 0.1rem; border-radius: 0.16rem; position: absolute; right: 0; top: 0; text-align: center;}
.rec-game-intro{ font-size: 0.24rem; color: #666; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.rec-home-tt{ font-size: 0.32rem; font-weight: normal; padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; }
.classify-tag-nav{height: 0.6rem; border-bottom: 1px solid #e5e5e5;}
.classify-tag-nav li{ float: left; width: 50%; float: left; text-align: center; height: 0.6rem; line-height: 0.6rem; font-size: 0.32rem;position: relative; }
.collectiom-recomm{ margin-bottom: 0; }
.classify-tag{ background-color: #fff; margin-bottom: 1rem; margin-top: 0.2rem;}
.classify-tag-nav li:after{ content: ''; display: block; width: 1px;height: 0.32rem; position: absolute; right: 0; top: 50%; margin-top: -0.16rem; background-color: #e5e5e5; overflow: hidden; }
.classify-tag-nav li:last-child:after{ display: none; }
.classify-tag-nav .active{ border-bottom: 2px solid #e53939;color: #e53939;}
.classify-tag-list{ overflow: hidden; padding: 0.2rem 0.1rem; display: none;}
.classify-tag-list li{ width: 25%; float: left; font-size: 0.24rem; text-align: center;margin-bottom: 0.2rem; }
.classify-tag-list li a{ color: #444; display: block; height: 0.6rem; line-height: 0.6rem; margin: 0 0.1rem; border:1px solid #e2e2e2; border-radius: 0.08rem; overflow: hidden;}
.classify-tag-list li .bg_c1{color: #fff; background-color: #ff3336; border-color: #ff3336;}
.classify-tag-list li .bg_c2{color: #fff; background-color: #19b5ff; border-color: #19b5ff;}
.classify-tag-list li .bg_c3{color: #fff; background-color: #fac12c; border-color: #fac12c;}
.classify-tag-list li .bg_c4{color: #fff; background-color: #bc7afe; border-color: #bc7afe;}
.classify-tag-list li .bg_c5{color: #fff; background-color: #5ec901; border-color: #5ec901;}
.rec-home-tt i{ font-size: 0.36rem; color: #fc9a00; margin-right: 0.1rem; }

/*zl 2018-2-22*/
.game-page-classify{ background-color: #fff; margin-bottom: 0.2rem; }
.open_btn{ float: right; }
.game-page-classify .column-name{ position: relative; }
.game-page-classify .open_btn{ position: absolute; right: 0.2rem; top: 0; bottom: 0; width: 0.4rem; text-align: center; line-height: 0.8rem;vertical-align: middle; height: 0.8rem;}
.game-page-classify .open_btn i{ font-size: 0.28rem; position: absolute; top:0;left: 0; right: 0; bottom: 0;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transition: all 0.4s ease;}
.game-page-classify .open_btn.active i{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.game-page-classify ul{ overflow: hidden; height: 1.72rem; padding: 0.2rem 0.1rem 0;}
.game-page-classify ul li{ float: left; width: 25%; margin-bottom: 0.2rem; }
.game-page-classify ul li a{ font-size: 0.24rem; color: #333; height: 0.56rem; line-height: 0.56rem; text-align: center; display: block; border:1px solid #eee; margin: 0 0.1rem; border-radius: 0.08rem;}
.game-page-classify ul.active{ height: auto; }
.game-page .more-software{ margin-top: 0; }
.moreBtn3{ padding: 0.18rem 0.45rem; border-top: 1px solid #ebebeb;}
.moreBtn3 span, .moreBtn3 div{ display: block; width: 100%; height: 0.7rem; background-color: #f4f4f4; text-align: center; line-height: 0.7rem; font-size: 0.28rem; color: #888; }
.moreBtn3 div span{position: relative; display: inline-block; width: 0.36rem; height: 100%;vertical-align: middle; margin-right: 0.2rem;}
.moreBtn3 div span:before{ content: ''; display: block; position: absolute; left: 50%; top: 50%;}
.moreBtn3 div span:before{    background-color: #0da6ed;  position: absolute;left: 0; top: 50%; margin-top: -0.2rem;width: 0.36rem;
    height: 0.36rem; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 0.02rem solid #0da6ed;
    border-bottom-color: transparent; background: transparent !important; display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite;}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

/*2018-2-28*/
.game_ku{ padding: 0.2rem; background-color: #fff; font-size: 0.24rem; margin-bottom: 0.2rem;}
.game_ku_games{ overflow: hidden; height: 1.32rem; }
.game_ku_games .imgBox{ width: 1.32rem; height: 1.32rem; float: left; overflow: hidden; border-radius: 0.1rem; margin-right: 0.2rem;}
.game_ku_games .imgBox img{ display: block; width: 100%; height: 100%; }
.game_ku_name{ font-size: 0.3rem; font-weight: normal; height: 0.48rem; line-height: 0.48rem; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-style: normal; margin-bottom: 0.1rem;}
.game_ku_info{ overflow: hidden; }
.game_ku_info li{ float: left; width: 50%; height: 0.36rem; line-height: 0.36rem; overflow: hidden; color: #999;}
.game_ku_info li span{ color: #555; }
.game_ku_down{ overflow: hidden;padding-top: 0.2rem; }
.game_ku_down li{ width: 50%; float: left; }
.game_ku_down li a{ display: block; height: 0.6rem; line-height: 0.6rem; background-color: #ccc; color: #fff;font-size: 0.3rem; text-align: center; border-radius: 0.08rem;}
.game_ku_down li:nth-child(1) a{ margin-right: 0.1rem; }
.game_ku_down li:nth-child(2) a{ margin-left: 0.1rem; }
.game_ku_down li a:before{ content: '暂无'; }
.game_ku_down li.active a{ background-color: #e53939; }
.game_ku_down li.active a:before{ display: none; }
.game_nav{ background-color: #fff; font-size: 0.32rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
         -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.2rem;}
  .game_nav li{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0.8rem;}
  .game_nav li a{ text-align: center; display: block; width: 100%; height: 100%; line-height: 0.8rem; color: #333; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .game_nav li a:after{ content: ''; display: block; width: 0; height: 0.6rem; border-right: 0.02rem solid #eee; position: absolute; right: 0; top: 50%; margin-top: -0.3rem; }
  .game_nav .active a:before{ content: ''; display: block; width: 80%; height: 0.04rem; background-color: #e53939; position: absolute;bottom: 0; left: 50%; -webkit-transform: translate(-50%,0);
              -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
              .game_nav li:last-child a:after{ display: none; }
.game_nav .active a{}
.game_news_nest{ background-color: #fff; margin-bottom: 0.2rem;}
.game_news_nest .info-section{ margin-top: 0; margin-bottom: 0;}
.game_intro_text{ font-size: 0.24rem; color: #666; }
.game_introns{background-color: #fff; margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
.game_intro_text{ padding: 0.2rem 0.2rem 0; line-height: 0.42rem; height:1.04rem; overflow: hidden;}
.game_intro_text p{ text-indent: 2em; }
.game_intro_btn{ height: 0.6rem; overflow: hidden; padding: 0.1rem 0.2rem 0.2rem;}
.game_intro_btn span{ float: right; display: block; height: 100%; width: 0.88rem; background-color: #ccc; position: relative;}
.game_intro_btn span:after{ content: '';display: block; width: 0; height: 0; border-left: 0.1rem solid transparent;  border-right: 0.1rem solid transparent;  border-top: 0.1rem solid #fff; position: absolute; left: 50%; top: 50%;  margin-top: -0.05rem; margin-left: -0.1rem;}
.game_intro_btn .active:after{ border:none 0; border-left: 0.1rem solid transparent;  border-right: 0.1rem solid transparent;  border-bottom: 0.1rem solid #fff;}
.game_intro_img{ padding: 0 0.2rem; }
.game_intro_img .swiper-slide img{ display: block; width: 100%; }
.game_down_ku{ margin-bottom: 0.2rem !important; }
.info-page .home-classify{ margin-bottom: 1.1rem; }
.info-page .home-classify .list-section{ padding-top: 0.1rem; }
.game_intro_text.active{ height: auto !important; }


/*2018-3-13*/
.header_nav{width: 0.36rem; height: 0.36rem; position: relative;}
.header_nav span{ width: 0.36rem; height: 0.04rem; background-color: #fff; display: block; position: absolute; right: 0; left: 0; overflow: hidden;}
.header_nav span:nth-child(1){ top: 0; }
.header_nav span:nth-child(2){ top: 50%;margin-top: -0.02rem; }
.header_nav span:nth-child(3){ bottom: 0; }
.header_nav_drop, .header_nav_dropbg{ width: 100%; left: 0; right: 0; top: 0.88rem; bottom: 0; position: fixed; z-index: 6; display: block;}
.header_nav_drop{bottom: auto;}
.header_nav_dropbg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
:root .header_nav_dropbg{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.header_nav_drop ul{ background: #eee; font-size: 0.28rem; padding: 0.3rem 0.1rem 0.1rem; overflow: hidden;}
.header_nav_drop ul li{ width: 33.33%; float: left; margin-bottom: 0.2rem;}
.header_nav_drop ul li a{ display: block;margin: 0 0.1rem; background-color: #fff; height: 0.48rem; text-align: center; line-height: 0.48rem; color: #333;}
.newsNav{ padding: 0 0.8rem 0 0.2rem; background-color: #fff; position: relative; }
.newsNavLi{ width: 100%; height: 0.8rem; position: relative; overflow: hidden;}
.newsNavLi ul{ position: absolute; left: 0; top: 0; width: 200%; height: 100%; }
.newsNavLi ul li{ float: left; margin-right: 0.2rem; }
.newsNavLi ul li a{ display: block; padding: 0 0.16rem;font-size: 0.28rem; color: #333; height: 0.8rem; line-height: 0.8rem;}
.newsNavLi ul .active a{ color: #e53939;}
.newsNavLi ul .active a:before{ content: ''; }
.newsNavBtn{ width: 0.8rem; height: 0.8rem; position: absolute; right: 0; top:0; font-size: 0.32rem; text-align: center; line-height: 0.8rem; color: #e53939; border-left: 1px solid #e53939;}
body .diNone{ display: none; }
.navMapItem{ background: #fff; padding:0 0.2rem 0.01rem; margin-top: 0.2rem; }
.tagList_12{ overflow: hidden; padding: 0.2rem 0; margin-left: -0.2rem; margin-right: -0.2rem;}
.tagList_12 li{ margin: 0; float: left; width: 50%; }
.tagList_12 li a{ padding: 0; margin:0.1rem 0.2rem; height: 0.6rem; line-height: 0.6rem; border-style: solid; border-width: 1px; text-align: center; font-size: 0.28rem; display: block; color: #666; border-color: #e7edec;}
.navMapItem:last-child{ margin-bottom: 1.08rem; }

.dsj_header{ width: 100%; height: 1.38rem; background: #23b0f7; color: #fff;}
.dsj_header .dsj_icon{ text-indent: -999em; }
.dsj_home{ left: 0.2778rem; top: 50%; width: 0.75rem; height: 0.625rem; margin-top:-0.3125rem; background-position: 0 0;}
.dsj_searchbtn{ right: 0.2778rem; top: 50%; width: 0.75rem; height: 0.75rem; margin-top: -0.375rem; background-position: 0 -0.625rem;}
.dsj_headerName{ display: block; width: 100%; height: 100%; line-height: 1.38rem;}
.dsj_nav a{ padding: 0 0.236rem; display: inline-block; height: 1.11rem; line-height: 1.11rem;}
.dsj_nav{ padding-left: 0.194rem; border-bottom: 1px solid #ececec;}
.dsj_banner img{ border-radius: 0.097rem; overflow: hidden; }
.dsj_searchbtn{right: 1.2278rem;}

.dsj_searchbtn{right: 1.2278rem;}
.p_fixed{ position: fixed; top:0;}
.dsj_navbt{width: 0.75rem; height: 0.75rem; display: block; margin-top: -0.375rem; top: 50%; right: 0.2778rem;background: url(../images/top_01.png) center center no-repeat; background-size: 0.67rem 0.4583rem;}
.dsj_msk{ width: 100%; height: 100%; }
.dsj_cate{ position: fixed; left: 0; right: 0; top: 1.38rem;z-index: 1000;}
.dsj_msk{ width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); position: fixed; left: 0; top: 0; z-index: 999;}
.dsj_header{z-index: 1000;}
.dsj_cate ul{ padding: 0.4167rem 0.2778rem; background: #fff; }
.dsj_cate li{width: 33.33%; float: left; height: 0.75rem; line-height: 0.75rem; margin-bottom: 0.2778rem;}
.dsj_cate li a{ display: block; text-align: center; border: 1px solid #e43a39;margin: 0 0.125rem; height: 100%;}
.trunPage a{display: block;width: 20%;text-align: center;float: left}

.fexedsss{ position: fixed; right: 0.2rem; bottom: 3rem; z-index: 99999; width: 1.18rem; height: 1.18rem; background: url(../images/goTop.png)center center no-repeat; background-size: 100% 100%; text-indent: -9999em; display: none;}


#cambrian0 ._1mpIIe,#cambrian1 ._1mpIIe,#cambrian2 ._1mpIIe,#cambrian3 ._1mpIIe,#cambrian4 ._1mpIIe{background-color:#fff;margin:20px 0;position:relative;z-index:0;border-radius:4px;overflow:hidden;-webkit-tap-highlight-color:transparent}#cambrian0 ._1mpIIe:after,#cambrian1 ._1mpIIe:after,#cambrian2 ._1mpIIe:after,#cambrian3 ._1mpIIe:after,#cambrian4 ._1mpIIe:after{content:"";position:absolute;box-sizing:border-box;top:0;left:0;border:1px solid #ddd;border-radius:8px;width:200%;height:200%;z-index:-1;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:left top;-webkit-transform-origin:left top}#cambrian0 ._1mpIIe ._3YDNrK,#cambrian1 ._1mpIIe ._3YDNrK,#cambrian2 ._1mpIIe ._3YDNrK,#cambrian3 ._1mpIIe ._3YDNrK,#cambrian4 ._1mpIIe ._3YDNrK{text-align:center}#cambrian0 ._1mpIIe ._3YDNrK ._3Ur4mW,#cambrian1 ._1mpIIe ._3YDNrK ._3Ur4mW,#cambrian2 ._1mpIIe ._3YDNrK ._3Ur4mW,#cambrian3 ._1mpIIe ._3YDNrK ._3Ur4mW,#cambrian4 ._1mpIIe ._3YDNrK ._3Ur4mW{width:67px;height:67px;border:1px solid transparent;border-radius:50%;margin-top:26px}#cambrian0 ._1mpIIe .fsM37u,#cambrian1 ._1mpIIe .fsM37u,#cambrian2 ._1mpIIe .fsM37u,#cambrian3 ._1mpIIe .fsM37u,#cambrian4 ._1mpIIe .fsM37u{margin-top:10px;text-align:center;line-height:16px;font-size:16px;color:#333;font-weight:600}#cambrian0 ._1mpIIe ._2QGloY,#cambrian1 ._1mpIIe ._2QGloY,#cambrian2 ._1mpIIe ._2QGloY,#cambrian3 ._1mpIIe ._2QGloY,#cambrian4 ._1mpIIe ._2QGloY{width:78%;margin:auto;margin-top:10px;text-align:center;font-size:13px;color:#999;line-height:17px;font-weight:300}#cambrian0 ._1mpIIe .FiQpSl,#cambrian1 ._1mpIIe .FiQpSl,#cambrian2 ._1mpIIe .FiQpSl,#cambrian3 ._1mpIIe .FiQpSl,#cambrian4 ._1mpIIe .FiQpSl{text-align:center;margin:13px 0 25px}