/*lumbo*/
.face {
  width: 100%;
}

.face .swiper-container,
.swiper-wrapper,
.swiper-slide {
  width: 100%;
  height: 100%;
}

.face .swiper-container,
.swiper-wrapper,
.swiper-slide a img {
  width: 100%;
  height: auto;
}

.face .swiper-container .swiper-slide {
  position: relative;
}

.face .swiper-slide a img {
  width: 100%;
  height: auto;
  display: block
}

.face .swiper-container .swiper-slide p {
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  bottom: 0px;
  left: 0px;
}

.face .swiper-container .swiper-slide p span {
  max-width: 250px;
  overflow: hidden;
  display: block;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.face .swiper-container-horizontal>.swiper-pagination-bullets {
  width: auto;
  right: 5px;
  left: initial;
}

.face .swiper-pagination-bullet {
  background: #fff;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  opacity: 1;
  border-radius: 0px;
}

.face .swiper-pagination-bullet-active {
  width: 15px;
  background-color: #f42d2d;
}

/*公共标题*/
.basebox {
  background: #fff;
  margin-bottom: 6px;
}

.basebox .title_bt {
  display: block;
  overflow: hidden;
  padding: 0 12px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

.basebox .title_bt p {
  float: left;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 39px;
  padding: 0 5px;
  border-bottom: 1px solid #33CD86;
}

.basebox .title_bt h2 {
  float: left;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}

.basebox .title_bt a {
  float: right;
  font-size: 14px;
  color: #888;
  line-height: 40px;
  text-decoration: none;
  display: none;
}

.basebox .title_bt .show {
  display: block;
}

.basebox .title_bt .chose {
  float: right;
  margin: 8px 0;
  display: inline-block;
  border-radius: 13px;
  overflow: hidden;
}

.basebox .title_bt .chose a {
  display: inline-block;
  float: left;
  color: #999;
  line-height: 26px;
  padding: 0 6px;
  background: #f6f6f6;
  font-size: 12px;
}

.basebox .title_bt .chose a.on {
  background: #33CD86;
  color: #fff;
}

.basebox .title_bt ul {
  float: left;
  padding-top: 5px;
  height: 30px;
}

.basebox .title_bt ul li {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  width: 80px;
  text-align: center;
}

.basebox .title_bt ul li.on {
  color: #fff;
  background: #33CD86;
}

/*r热门游戏or  最新游戏*/
.Min1 {
  padding: 0 12px;
}

.Min1 ul {
  width: 100%;
  display: table;
}

.Min1 ul li {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 14px;
  margin: 0px 0 15px 0;
}

.Min1 ul li .img {
  width: 57.5px;
  margin: 0 auto;
}

.Min1 ul li .img img {
  width: 57.5px;
  height: 57.5px;
  border-radius: 10px;
}

.Min1 ul li .img .name {
  height: 28px;
  line-height: 28px;
  color: #333333;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Min1 ul li .btn {
  margin: 0 auto;
  height: 22px;
  width: 57.5px;
  border: 1px solid #33CD86;
  background: #33CD86;
  line-height: 22px;
  color: #fff;
  display: block;
  margin-top: 3px;
  border-radius: 5px;
  font-size: 12px;
}

.Min1 ul li .img .time {
  font-size: 12px;
  color: red;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*火爆游戏*/
.Min2 .cont2_top {
  padding: 0 12px;
  position: relative;
}

.Min2 .cont2_top ul {
  display: block;
  position: absolute;
  left: 0;
  top: 28%;
  width: calc(100% - 24px);
  padding: 0 12px;
}

.Min2 .cont2_top ul li {
  display: block;
  float: left;
  width: 33.33%;
  text-align: center;
}

.Min2 .cont2_top ul li .toplis {
  width: 50%;
  margin: 0 auto;
}

.Min2 .cont2_top ul li .toplis .img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.Min2 .cont2_top ul li .toplis .img img {
  width: 100%;
  border-radius: 8px;
  border: 2px solid #fff;
  box-sizing: border-box;
}

.Min2 .cont2_top ul li .name p {
  color: #333;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin: 10% 0 0;
  font-size: 12px;
}

.Min2 .cont2_top ul li:nth-child(1) .toplis {
  padding-left: 8%;
}

.Min2 .cont2_top ul li:nth-child(2) .toplis {
  margin-top: -8%;
}

.Min2 .cont2_top ul li:nth-child(2) .name p {
  margin: 8% 0 0;
}

.Min2 .cont2_top ul li:nth-child(3) .toplis {
  padding-right: 8%;
}

/*分类*/
.Min3 .classify {
  overflow: hidden;
  margin: 0;
}

.Min3 .classify a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 19.5%;
  border: 1px solid #ccc;
  margin: 0 0 15px 4%;
  float: left;
  display: inline-block;
}

.Min3 .classify a:nth-of-type(1) {
  color: #4dba50
}

.Min3 .classify a:nth-of-type(6) {
  color: #5bc3af
}

.Min3 .classify a:nth-of-type(12) {
  color: #ff7573
}

/*合集*/
.Min4 .plist {
  width: 100%;
  background: #fff;
  display: block;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  zoom: 1;
  z-index: 10
}

.Min4 .plist .g-previmg-ul {
  width: 100%;
  height: auto;
  display: block;
  overflow: auto;
  padding: 0 15px 0 0;
  box-sizing: border-box;
  white-space: nowrap
}

.Min4 .plist .g-previmg-ul li {
  width: 160px;
  height: auto;
  white-space: nowrap;
  margin: 0 0 0 15px;
  display: inline-block;
  overflow: hidden;
}

.Min4 .plist .g-previmg-ul li a img {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden
}

.Min4 .plist .g-previmg-ul li a strong {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*热门合集标签*/
.Min5 {
  padding: 0px 5px 0px;
  clear: both;
  overflow: hidden;
}

.Min5 li {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
  padding: 0px 5px 14px;
}

.Min5 a {
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 28px;
  border: 1px solid #eee;
  background: #fbfbfb;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 15px;
  display: block;
}

.Min5 .highlight {
  color: #fff;
}

.Min5 .highlight.c1 {
  background: #8152df;
  border: 1px solid #8152df;
}

.Min5 .highlight.c2 {
  background: #457bde;
  border: 1px solid #457bde;
}

.Min5 .highlight.c3 {
  background: #3bdbc6;
  border: 1px solid #3bdbc6;
}

.Min5 .highlight.c4 {
  background: #fdbf2b;
  border: 1px solid #fdbf2b;
}

.Min5 .highlight.c5 {
  background: #ee5c3a;
  border: 1px solid #ee5c3a;
}

/*攻略教程*/
.Min6 {
  padding: 0 15px;
  overflow: hidden
}

.Min6 li {
  height: 90px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 15px;
}

.Min6 li .img,
.Min6 li .img img {
  width: 110px;
  height: 75px;
  display: block;
}

.Min6 li .ifor {
  height: 75px;
  margin-left: 15px;
  position: relative;
}

.Min6 li .name {
  height: 20px;
  overflow: hidden;
  display: block;
  line-height: 20px;
  color: #333;
}

.Min6 li p {
  font-size: 12px;
  color: #999;
  line-height: 21px;
  overflow: hidden;
  padding-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.Min6 li .ifor .time {
  color: #999;
  position: absolute;
  right: 0px;
  bottom: 5px;
  font-size: 12px;
  height: 15px;
  line-height: 15px;
  background: #fff;
}

.Min6 li .ifor .time:before {
  display: inline-block;
  background: url(../image/bj_05.png) no-repeat -1px -53px;
  background-position: -2px -21px;
  height: 18px;
  width: 13px;
  content: '';
  vertical-align: middle;
  margin: 0px 5px 0 0;
}

/*最新合集*/
.Min7 {
  padding: 0 15px;
}

.Min7 ul {
  overflow: hidden;
}

.Min7 ul li {
  width: 50%;
  float: left;
  padding-bottom: 10px;
}

.Min7 ul li a {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.Min7 ul li a img {
  width: 100%;
  height: auto;
  display: block;
}

.Min7 ul li a p {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #555;
  overflow: hidden;
  text-align: center;
}

.Min8 ul {
  padding: 0 12px;
  margin-top: -13px;
}

.Min8 ul li a {
  padding: 10px 0;
  border-bottom: 1px solid #dfdfdf;
}

.Min8 ul li a img {
  width: 65px;
  height: 65px;
  border-radius: 10px;
}

.Min8 ul li a .nuber {
  margin-left: 5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

.Min8 ul li a .ifor {
  margin-left: 5px;
  font-size: 13px;
  color: #898989;
}

.Min8 ul li a .ifor p {
  line-height: 20px;
  height: 20px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Min8 ul li a .ifor p.name {
  color: #444;
  font-size: 15px;
  height: 25px;
  line-height: 25px;
}

.Min8 ul li a .ifor p i {
  color: red;
}

.Min8 ul li a .ifor p i:after {
  content: "";
  vertical-align: middle;
  margin: -2px 0 0 5px;
  background: url("../image/mcc_icoimg.png") no-repeat center;
  display: inline-block;
  height: 10px;
  width: 9px;
  background-position: 0 -89px;
}

.Min8 ul li a .ico {
  background: url("../image/time_.png") no-repeat center;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  margin-top: 18px;
}

.Min8 ul li:last-child a {
  border: none;
}

/*新游攻略*/
.Min9 {
  width: 100%;
}

.Min9 ul {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 12px;
}

.Min9 li {
  color: #555;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}

.Min9 li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 2px 0 0;
  width: 0;
  height: 0;
  border: 5px solid #fff;
  border-left: 5px solid #33CD86;
}

.Min9 li a {
  color: #555;
}

/*安卓排行榜*/
.Min10 {
  padding-bottom: 15px
}

.Min10 li {
  width: 85%;
  display: block;
  margin: 0 auto;
  padding: 5%;
  margin-bottom: 15px;
  border-radius: 6px;
  position: relative;
}

.Min10 li .ico {
  position: absolute;
  overflow: hidden;
  background: no-repeat center;
  background-image: url("../image/num-4.png");
  width: 20px;
  height: 25px;
  background-size: 100% 100%;
  line-height: 25px;
  text-align: center;
  color: #FFF;
  top: 0px;
  left: 10px;
  font-size: 12px;
}

.Min10 li .ico.ico1 {
  background-image: url("../image/num-1.png");
  width: 95px;
  height: 85px;
  text-indent: 100rem;
  left: -23px;
  top: -20px;
}

.Min10 li .ico.ico2 {
  background-image: url("../image/num-2.png");
  width: 95px;
  height: 85px;
  text-indent: 100rem;
  left: -23px;
  top: -20px;
}

.Min10 li .ico.ico3 {
  background-image: url("../image/num-3.png");
  width: 95px;
  height: 85px;
  text-indent: 100rem;
  left: -23px;
  top: -20px;
}

.Min10 li .img,
.Min10 li .img img {
  width: 75px;
  height: 75px;
  border-radius: 15px;
  ;
}

.Min10 li .img {
  margin: 0 10px 0 5px;
  position: relative;
}

.Min10 li .box_flex {
  padding-right: 30px;
}

.Min10 li .ifor {
  color: #6b7f91;
}

.Min10 li .ifor .name {
  overflow: hidden;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
}

.Min10 li .ifor .lis {
  width: 100%;
  overflow: hidden;
}

.Min10 li .ifor .lis span {
  float: left;
  line-height: 20px;
  height: 20px;
  display: block;
  font-size: 12px;
  margin-top: 8px;
  margin-right: 12px;
}

.Min10 li .ifor .lis span.jf strong {
  font-family: Georgia;
  font-size: 12px;
  font-weight: bold;
}

.Min10 li .ifor .lis span.fq {
  margin-right: 0;
  width: 100%;
}

.Min10 li .ifor .lis span.fq i {
  line-height: 14px;
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 1px 3px;
  display: block;
  float: left;
  border: 1px solid #526e83;
}

.Min10 li .down_btn {
  padding: 7px 17px;
  position: absolute;
  right: 15px;
  top: 37px;
  color: #fff;
  border-radius: 2px;
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  background: #33CD86;
}

.Min10 li:nth-child(1) {}

.Min10 li:nth-child(2) {
  background: #F0F3EB;
}

.Min10 li:nth-child(3) {
  background: #F3EEEC;
}

/*查看更多*/
.more_link {
  padding: 10px;
}

.more_link a {
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  display: block;
  background: #f3f3f3;
  text-align: center;
  cursor: pointer;
}

.more_link a:active {
  color: #33CD86;
}

.moreview {
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  width: 150px;
  margin: 0 auto;
  border-top: 1px solid #f3f3f3;
  font-style: italic;
  color: #464646;
  font-size: 13px;
}

/* 友情链接 */
.yq_link p {
  margin-top: -10px;
}

.yq_link p a {
  font-size: 12px;
  color: #333;
  display: inline-block;
  border-radius: 8px;
  background-color: #fff;
  padding: 6px 10px;
  margin-bottom: 0;
}

.yq_link p i {
  color: #cccccc;
}

/*合集列表---------------------------*/
.list_box {
  margin-bottom: 6px;
}

.list_box .list_top {
  background: #fff;
  height: 33px;
  line-height: 33px;
  margin-bottom: 10px;
}

.list_box .list_top li {
  text-align: center;
  color: #2a2a2a;
  overflow: hidden;
}

.list_box .list_top li.on {
  border-bottom: 1px solid #33CD86;
  color: #33CD86;
}

.list_box .list_top li.on a {
  color: #33CD86;
}

.list_box .list {
  background: #fff;
  padding: 0 12px;
}

.list_box .list li {
  width: 100%;
  height: 70px;
  padding: 10px 0 14px 0;
  border-bottom: 1px solid #d9d9d9;
}

.list_box .list li .img,
.list_box .list li .img img {
  display: block;
  width: 150px;
  height: 70px;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #bebebe;
}

.list_box .list li .ifor {
  margin-left: 13px;
  height: 100%;
  color: #2a2a2a;
}

.list_box .list li .ifor .name {
  width: 100%;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  display: block;
}

.list_box .list li .ifor p {
  display: block;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  color: #808080;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.list_box .list .more {
  padding: 10px;
}

.list_box .list .more a {
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  display: block;
  background: #f3f3f3;
  text-align: center;
  cursor: pointer;
}

.list_box .list .more a:active {
  color: #33CD86;
}

/*合集详情----------------------*/
/*专题*/
.special-info {
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
}

.special-info .pic {
  position: relative;
}

.special-info .pic img {
  display: block;
  width: 100%
}

.special-info .pic span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

/*文章*/
.special-info .endtext {
  display: block;
  padding: 15px 0;
  line-height: 25px;
  color: #666;
  font-size: 14px;
}

.special-info .endtext table {
  border-collapse: inherit !important;
  border-spacing: 1px !important;
  width: 100%
}

.special-info .endtext table td,
.endtext table th {
  font-size: 14px;
  padding: 8px 5px;
  line-height: 18px;
  width: auto
}

.special-info .endtext img {
  max-width: 100%;
  height: auto;
  margin: 0px auto !important;
  display: block !important;
  padding: 3px 0px !important;
}

.special-info .endtext p {
  padding: 6px 0px;
}

.hj_infor .special-info .endtext {
  height: 70px;
  overflow: hidden
}

/*展开*/
.special-info .the_height {}

.special-info .slidedown {
  height: auto !important;
}

.special-info .packupButton {
  position: relative;
  padding: 0 0 0.2rem;
}

.special-info .openall {
  color: #333;
  text-align: center;
}

.special-info .gradient {
  position: absolute;
  top: -70px;
  height: 70px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff);
}

.special-info .arrowBox {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0 0 -3px 5px
}

.special-info .arrowBox b {
  width: 14px;
  height: 14px
}

.special-info .arrowBox b,
.arrowBox i {
  position: absolute;
  left: 0;
  top: 0
}

.special-info .arrowBox i {
  display: block;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
  border-right: 7px dashed transparent;
  overflow: hidden
}

.special-info .arrowBox .arrowA {
  top: 2px;
  border-top: 7px solid #c2c2c2
}

.special-info .arrowBox .arrowB {
  border-top: 7px solid #fff
}

/*合集详情列表*/
.tlist {}

.tlist ul {
  background: #fff;
  padding: 0 12px;
}

.tlist li {
  padding: 20px 0;
  position: relative;
  height: 80px;
  border-bottom: 1px solid #e8e8e8;
  padding-right: 80px;
  overflow: hidden;
}

.tlist li .img,
.tlist li .img img {
  width: 80px;
  height: 80px;
  border-radius: 15px;
}

.tlist li .inf {
  margin-left: 10px;
  height: 80px;
  overflow: hidden;
}

.tlist li .inf .name {
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  overflow: hidden;
}

.tlist li .inf .x {
  font-size: 12px;
  color: #a1a1a1;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

.tlist li .inf .tag {
  height: 22px;
  font-size: 12px;
  padding-top: 5px;
  white-space: normal;
  width: 100%;
  overflow: hidden;
}

.tlist li .inf .tag span {
  border: 1px solid #33CD86;
  padding: 0 10px;
  margin-right: 6px;
  height: 19px;
  line-height: 19px;
  color: #33CD86;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}

.tlist li .down {
  width: 78px;
  height: 30px;
  border: 1px solid #33CD86;
  color: #33CD86;
  border-radius: 5px;
  position: absolute;
  top: 45px;
  right: 0px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

.tlist li .inf .x em {
  padding: 0 5px;
  color: #E8E8E8;
}

.tlist .more_link {
  margin: 10px 12px;
}

.tlist .more_link a {
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  display: block;
  background: #33CD86;
  background: -moz-linear-gradient(0% 0% 0deg, #33CD86, #33CD86);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#33CD86), to(#33CD86));
  border-radius: 8px;
  font-size: 16px;
}

.tlist .more_link a i {
  font-family: SimSun;
}

.raking {
  background: #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.raking .raking_top .bj,
.raking .raking_top .bj img {
  width: 100%;
  display: block;
}

.raking .raking_top {
  width: 100%;
  position: relative;
}

.raking .raking_top .storey {
  position: absolute;
  height: 35px;
  width: 100%;
  top: 0px;
  left: 0px;
}

.raking .raking_top .storey .ul a {
  margin: 0 5px;
  overflow: hidden;
  color: #fff;
  line-height: 32px;
  font-size: 15px;
  text-align: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}

.raking .raking_top .storey .ul a.active {
  color: #33CD86;
  border-bottom: 2px solid #33CD86;
  height: 30px;
}

.raking .raking_top .item_ {
  position: absolute;
  top: 32%;
  left: 0px;
  width: 100%;
}

.raking .raking_top .item_ .list_a {
  width: 27%;
  float: left;
  margin-left: 3%;
}

.raking .raking_top .item_ .ul {
  padding: 0 8%;
  overflow: hidden;
}

.raking .raking_top .item_ .list_a .img_top {
  width: 70%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.raking .raking_top .item_ .list_a .img_top img {
  border-radius: 15px;
  overflow: hidden;
}

.raking .raking_top .item_ .list_a .img_top .p {
  font-size: 0.28rem;
  height: 0.35rem;
  line-height: 0.35rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.raking .raking_top .item_ .list_a .img_top .elips-l1 {
  font-size: 0.20rem;
  width: 100%;
  height: 0.25rem;
  line-height: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.raking .raking_top .item_ .list_a .action-box {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: 2%;
}

.raking .raking_top .item_ .list_a .action-box .down {
  display: inline-block;
  padding: 0 0.2rem;
  background-image: linear-gradient(-180deg, #fff, #b7b1b1);
  height: 0.35rem;
  line-height: 0.35rem;
  border-radius: 1rem;
  font-size: 0.2rem
}

.raking .raking_top .item_ .list_a:nth-child(1) {
  margin-top: 10%;
}

.raking .raking_top .item_ .list_a:nth-child(1) .action-box {
  margin-top: 17%;
}

.raking .raking_top .item_ .list_a:nth-child(2) {
  width: 40%;
  margin: 0;
}

.raking .raking_top .item_ .list_a:nth-child(2) .action-box {
  margin-top: 8%;
}

.raking .raking_top .item_ .list_a:nth-child(2) .img_top {
  width: 60%;
}

.raking .raking_top .item_ .list_a:nth-child(2) .img_top .p {
  font-size: 0.32rem;
  height: 0.45rem;
  line-height: 0.45rem;
}

.raking .raking_top .item_ .list_a:nth-child(2) .img_top .elips-l1 {
  font-size: 0.28rem;
  height: 0.40rem;
  line-height: 0.40rem;
}

.raking .raking_top .item_ .list_a:nth-child(3) {
  margin: 0;
  margin-top: 18%;
}

.raking .swiper_item {
  padding: 0 12px;
  padding-top: 20px;
  background: #fff;
}

.raking .swiper_item .swiper-container {
  padding-bottom: 30px;
}

.raking .swiper_item .swiper-container,
.raking .swiper_item .swiper-container .swiper-wrapper,
raking .swiper_item .swiper-container .swiper-slide {
  width: 100%;
}

.raking .swiper_item .swiper-container .swiper-slide {
  overflow: hidden;
}

.raking .swiper_item .item {
  float: left;
  width: 25%;
}

.raking .swiper_item .item a {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.raking .swiper_item .item a img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
  border-radius: 15px;
}

.raking .swiper_item .item a p {
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
  color: #505050;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.raking .swiper_item .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.raking .swiper_item .swiper-pagination-bullet-active {
  background-color: #b6b4b6;
}

.raking_tj {
  margin: 0 12px;
  position: relative;
}

.raking_tj .tj_bj {
  border-radius: 8px;
  -webkit-box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, .5);
}

.raking_tj .tj_bj img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

.raking_tj .tj_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.raking_tj .tj_box .bt {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  position: absolute;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  top: 10px;
  left: 10px;
  padding: 0 15px;
  color: #fff;
}

.raking_tj .tj_box .nober {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  font-size: 0.4rem;
  color: #fff100;
  font-weight: bold;
}

.raking_tj .tj_box .tj_bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
}

.raking_tj .tj_box .tj_bottom .lis {
  height: 65px;
  padding: 60px 110px 20px 20px;
  position: relative;
  padding-right: 110px;
}

.raking_tj .tj_box .tj_bottom .lis img {
  height: 65px;
  width: 65px;
}

.raking_tj .tj_box .tj_bottom .lis .tex_ {
  color: #fff;
  line-height: 30px;
  padding-left: 15px;
}

.raking_tj .tj_box .tj_bottom .lis .tex_ p.name {
  font-size: 16px;
}

.raking_tj .tj_box .tj_bottom .lis .tex_ p {
  font-size: 13px;
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.raking_tj .tj_box .tj_bottom .lis .down {
  width: 90px;
  height: 35px;
  position: absolute;
  right: 20px;
  top: 75px;
  text-align: center;
  line-height: 35px;
  background-image: linear-gradient(0deg, #007bff, #4bb4ff);
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
}

.raking_nav {
  width: 100%;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #33CD86;
  padding-top: 10px;
}

.raking_nav ul {
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #33CD86;
  padding-right: 10%;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 90%;
  background: #fff;
}

.raking_nav ul li {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #33CD86;
  width: 25%;
  float: left;
}

.raking_nav ul li a {
  color: #33CD86;
  display: block;
  width: 100%;
  height: 100%;
}

.raking_nav .on {
  background: #33CD86;
  color: #FFF;
  border-radius: 2px 2px 0 0;
}

.raking_nav .on a {
  color: #FFF;
}

.raking_nav .more {
  position: absolute;
  right: 0px;
  top: 10px;
  background: url(../image/more_top.png) #fcfcfc no-repeat center center;
  background-size: 20px;
  width: 10%;
  height: 30px;
}

.raking_nav .more.span1 {
  -webkit-transform: rotate(180deg)
}

.down_list {
  margin-bottom: 6px;
}

.down_list .title_main {
  background: #fff;
  margin-top: 10px;
}

.down_list .list_main {
  background: #fff;
  margin-top: 10px;
  overflow: hidden;
}

.down_list .show-header {
  border-bottom: 1px solid #e4e4e4;
  height: 42px;
  margin: 0;
  padding: 0 10px;
  position: relative;
}

.down_list .show-header.minis {
  border: 0;
  height: 36px;
}

.down_list .show-header h2 {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 18px;
  height: 18px;
  margin-top: 12px;
  border-left: 5px solid #33CD86;
  text-indent: 10px;
  font-weight: normal;
}

.down_list .cataList {
  background: #fff;
  overflow: hidden;
  padding: 5px 3px;
}

.down_list .cataList li,
.cataList .btn {
  width: 25%;
  float: left;
  text-align: center;
  margin: 4px 0;
}

.down_list .cataList li a,
.cataList .btn span {
  display: block;
  border: 1px solid #eee;
  width: 90%;
  margin: 0 auto;
  border-radius: 2px;
  height: 28px;
  line-height: 28px;
  background: #fcfcfc;
  overflow: hidden;
}

.down_list .cataList .btn span {
  background: url(../image/more_top.png) #fcfcfc no-repeat center center;
  background-size: 12px;
}

.down_list .cataList .btn span.span1 {
  -webkit-transform: rotate(180deg);
}

.down_list .cataList li.current a,
.cataList li.cur a {
  background: #33CD86;
  border-color: #33CD86;
  color: #fff;
}

.down_list .list_dow {
  background: #fff;
}

.down_list .list_dow .taba {
  background: #fff;
  padding-top: 10px;
  margin-top: 0 !important;
}

.down_list .list_dow .taba .lista {
  padding: 0 !important
}

.down_list .list_dow .taba ul.menua {
  margin: 0 10px 0px 10px !important;
}

.down_list .list_dow .tab ul.menua {
  height: 34px;
  background: #fff;
  margin: 0 10px 10px 10px;
  border: 1px solid #33CD86;
}

.down_list .list_dow .tab ul.menua li {
  text-align: center;
  height: 34px;
  color: #33CD86;
  line-height: 34px;
  list-style: none;
  font-size: 12px;
  cursor: pointer;
  margin-left: -1px
}

.down_list .list_dow .tab ul.menuk li {
  width: 33.33% !important;
}

.down_list .list_dow .tab ul.menua li:not(:last-child) {
  border-right: 1px solid #33CD86;
}

.down_list .list_dow .tab ul.menua li.active {
  background: #33CD86;
  color: #fff;
  margin-left: 0 !important
}

.down_list .list_dow .tab ul.menua li a {
  display: block;
  color: #33CD86;
}

.down_list .list_dow .tab ul.menua li.active a {
  color: #fff;
}

.down_list .list_dow .cList li {
  padding: 10px;
  height: 60px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

.down_list .list_dow .cList img {
  width: 60px;
  height: 60px;
  float: left;
  display: inline;
  margin-right: 10px;
  border-radius: 5px;
}

.down_list .list_dow .cList a {
  display: block;
  padding-right: 80px;
}

.down_list .list_dow .cList li p {
  font-size: 12px;
  color: #999;
  height: 38px;
  overflow: hidden;
  line-height: 19px;
}

.down_list .list_dow .cList i {
  position: absolute;
  right: 10px;
  top: 25px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #eee;
  color: #666;
  padding: 0;
  font-style: normal;
  font-size: 14px;
}

.down_list .list_dow .cList i span {
  color: #33CD86;
  padding-right: 2px;
}

.down_list .list_dow .cList li p.name {
  height: 20px;
  line-height: 20px;
  color: #333;
  font-size: 14px;
}

.down_list .list_dow .iList li {
  padding: 10px 5px 10px 10px;
  height: 65px;
  overflow: hidden;
  zoom: 1;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

.down_list .list_dow .iList li .name {
  font-weight: normal;
  color: #33CD86;
  display: block;
  /* height: 22px; */
  /* overflow: hidden; */
}

.down_list .list_dow .iList li img {
  float: left;
  display: inline;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  border-radius: 8px;
}

.down_list .list_dow .iList li p {
  -webkit-box-flex: 1;
  color: #777;
  overflow: hidden;
  padding-right: 70px;
}

.down_list .list_dow .iList li .star {
  margin: 7px 0;
}

.down_list .list_dow .iList li p a {
  display: block;
  /* height: 16px; */
  /* line-height: 16px; */
  /* overflow: hidden; */
  font-size: 15px;
}

.down_list .list_dow .iList li p span {
  display: block;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 12px "\5FAE\8F6F\96C5\9ED1";
}

.down_list .list_dow .iList li p .star {
  background: url(../image/stars.png) no-repeat;
  width: 84px;
  height: 13px;
  display: block;
  background-position: 0 0;
  margin-top: 0px;
  position: relative;
}

.down_list .list_dow .iList li p .star i {
  display: block;
  position: absolute;
  background: url(../image/stars.png) no-repeat;
  width: 20%;
  height: 13px;
  top: 0px;
  left: 0px;
  background-position: 0 -130px;
}

.down_list .list_dow .iList li p u {
  margin: 0 6px;
  padding: 0 6px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.down_list .list_dow .iList .btn {
  font-size: 14px;
  text-indent: 0;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #33CD86;
  position: absolute;
  right: 10px;
  top: 25px;
}

.down_list .list_dow .iList .btn:hover {
  background: #1fc480;
}

.down_list .list_dow .iList li p .red {
  color: #F26C4F !important;
}

.artlist ul {
  padding-top: 10px;
}

.artlist li {
  margin: 0 2% 10px 2%;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  height: 75px;
  padding-bottom: 10px;
}

.artlist li .img,
.artlist li .img img {
  width: 120px;
  height: 75px;
}

.artlist li .tex {
  padding-left: 10px;
}

.artlist li .tex .name {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-weight: 100;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.artlist li b {
  display: block;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-weight: bold;
  position: absolute;
  left: 130px;
  top: 5px;
  font-weight: 100;
}

.artlist li p {
  position: absolute;
  left: 130px;
  top: 50px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
  color: #999;
  max-width: 100%;
}

.artlist li p span {
  float: left;
  height: 19px;
}

.artlist li p span:before {
  display: inline-block;
  background: url(../image/bj_05.png) no-repeat -1px -53px;
  width: 20px;
  height: 20px;
  content: '';
  vertical-align: middle;
  margin: -2px 5px 0 0;
}

.artlist li p span.new {
  margin: 0 15px 0 0;
}

.artlist li p span.new:before {
  background-position: -2px -21px;
  height: 18px;
  width: 13px;
}

.down_infor {
  background: #fff;
}

.cusser {
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  padding: 0 12px;
  overflow: hidden;
}

.cusser a {
  padding: 0 0px 0 0px;
  color: #999999;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.cusser a:after {
  content: ">";
  width: 20px;
  height: 31px;
  font-family: Serif;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0 8px;
  font-size: 18px;
}

.down_infor .d_game {
  width: 100%;
  display: block;
  z-index: 999;
  position: relative;
  padding: 10px 0
}

.down_infor .d_game .game_details {
  display: block;
  overflow: hidden;
  z-index: 999;
  zoom: 1;
  padding-bottom: 12px;
}

.down_infor .d_game .game_details img {
  width: 85px;
  height: 85px;
  border-radius: 20px;
  display: block;
  overflow: hidden;
  float: left;
  margin-left: 15px;
}

.down_infor .d_game .game_details .text {
  display: block;
  overflow: hidden;
  padding-top: 2px;
  margin-left: 110px;
}

.down_infor .d_game .game_details .text .ginfoset {
  font-size: 12px;
  color: #666;
  padding-top: 10px;
  padding-right: 5px;
  overflow: hidden;
  height: 44px;
}

.down_infor .d_game .game_details .text .ginfoset i {
  font-style: normal;
  padding: 0 8px;
}

.down_infor .d_game .game_details .text .ginfoset li {
  width: 50%;
  float: left;
  line-height: 22px;
  color: #4b494a;
  overflow: hidden;
  height: 22px;
}

.down_infor .d_game .game_details .text .ginfoset li span {
  color: #93948f;
}

.down_infor .d_game .game_details .text .ginfoset li a {
  color: #6dcaf6;
}

.down_infor .d_game .game_details .text .g_title {
  font-size: 16px;
  color: #091b24;
  /* height: 30px; */
  /* line-height: 30px; */
  width: 100%;
  font-weight: bolder;
  /* overflow: hidden; */
}

.down_infor .d_game .game_details .text .g_zl {
  font-size: 12px;
  color: #9c9b9b;
  height: 30px;
  line-height: 30px;
}

.down_infor .d_game .g_down {
  width: 90%;
  height: 40px;
  display: none;
  background: #2fc26e;
  border-radius: 20px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  margin: 4px auto 0;
}

/*label*/
.down_infor .g_label {
  overflow: hidden;
  padding: 0 10px;
  text-align: center;
  max-height: 34px;
  margin: 5px 0;
}

.down_infor .g_label a {
  font-size: 12px;
  color: #666666;
  padding: 4px 8px;
  margin: 10px 7px 0;
  display: inline-block;
  border-radius: 4px;
  /* text-shadow: 0 1px 0 rgba(67,25,12,0.5); */
}

.down_infor .g_label a {
  display: inline-block;
  height: 22px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
  margin-right: 8px;
  /* float: left; */
}

.down_infor .g_label a:nth-child(8n-7) {
  border: 1px solid #8A9B0F;
  color: #8A9B0F;
}

.down_infor .g_label a:nth-child(8n-6) {
  border: 1px solid #d6ab18;
  color: #d6ab18;
}

.down_infor .g_label a:nth-child(8n-5) {
  border: 1px solid #3FB8AF;
  color: #3FB8AF;
}

.down_infor .g_label a:nth-child(8n-4) {
  border: 1px solid #FE4365;
  color: #FE4365;
}

.down_infor .g_label a:nth-child(8n-3) {
  border: 1px solid #6487ff;
  color: #6487ff;
}

.down_infor .g_label a:nth-child(8n-2) {
  border: 1px solid #EDC951;
  color: #EDC951;
}

.down_infor .g_label a:nth-child(8n-1) {
  border: 1px solid #C8C8A9;
  color: #C8C8A9;
}

.down_infor .g_label a:nth-child(8n) {
  border: 1px solid #83AF9B;
  color: #83AF9B;
}

.down_infor .g_label a:first-child {
  border: 1px solid #18c7c6;
  color: #18c7c6;
}

.down_infor .g_label a:last-child {
  border: 1px solid #f73a55;
  color: #f73a55;
}

.swiper_img {
  padding: 10px 0;
}

.swiper_img .swiper-slide {
  width: 20%;
}

.down_infor .special-info .bt {
  font-size: 18px;
  line-height: 30px;
}

.down_infor .special-info {
  padding-top: 0px;
  padding-bottom: 0px;
}

.down_infor .special-info {
  border-bottom: 6px solid #f0f0f0;
  margin-bottom: 0;
}

/*猜你喜欢*/
.Min11 {}

.Min11 .ol {
  text-align: center;
  height: 27px;
  font-size: 16px;
  color: #565656;
}

.Min11 .ol span {
  line-height: 25px;
  border-bottom: 2px solid transparent;
}

.Min11 .ol span.on {
  border-color: #33CD86;
  color: #33CD86;
}

.Min11 .swiper_link {
  padding: 0 12px;
}

.Min11 .swiper_link .swiper-slide {
  padding: 5px 0;
}

.Min11 .swiper_link .swiper-slide .info span {
  font-size: 16px;
  line-height: 26px;
  padding-left: 3px;
  max-width: 100%;
  overflow: hidden;
  height: 26px;
}

.Min11 .swiper_link .swiper-slide .info span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 11px 2px 0 0;
  width: 0;
  height: 0;
  border: 4px solid #fff;
  border-left: 5px solid #33CD86;
}

.Min11 .swiper_link .swiper-slide .info span i {
  font-size: 13px;
  padding-left: 5px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.Min11 .swiper_link .swiper-slide .info span a {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Min11 .swiper_link .swiper-slide .info .more {
  float: right;
  color: #858585;
  font-size: 14px;
  padding-right: 10px;
  padding: 0px 6px;
  background: url(../image/m-like-1.png) no-repeat left center;
  border-radius: 4px;
  color: #565656;
  display: block;
  padding-left: 25px;
}

.Min11 .swiper_link .swiper-slide .info p {
  color: #858585;
  text-indent: 2em;
  max-height: 66px;
  line-height: 22px;
  overflow: hidden;
  font-size: 12px;
}

.Min11 .swiper_link .swiper-slide ul {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: -10px;
}

.Min11 .swiper_link .swiper-slide ul li {
  float: left;
  width: 25%;
  text-align: center;
  margin-bottom: 10px;
}

.Min11 .swiper_link .swiper-slide ul li a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.Min11 .swiper_link .swiper-slide ul li a img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.Min11 .swiper_link .swiper-slide ul .gameTit {
  width: 70px;
  height: 16px;
  line-height: 16px;
  font-size: 13px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 5px;
}

/*其他游戏*/
.Min12 {
  width: 100%;
}

.Min12 ul {
  padding: 0 12px;
  overflow: hidden;
}

.Min12 ul:after {
  content: "";
  display: block;
  clear: both;
  width: 0px;
  height: 0px;
  clear: both;
  overflow: hidden;
}

.Min12 li {
  float: left;
  width: 29%;
  margin: 0px 0px 13px 3%;
}

.Min12 li a {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #EAEAEA;
  background: #F6F6F6;
  border-radius: 4px;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  overflow: hidden;
}

/*推荐下载*/
.Min13 ul {
  padding: 0 12px;
  padding-bottom: 0px;
}

.Min13 li {
  float: left;
  width: 25%;
  padding-bottom: 15px;
  text-align: center;
}

.Min13 li img,
.Min13 li .img img {
  display: block;
  max-width: 120px;
  max-height: 120px;
  margin: 0 auto;
  min-width: 50px;
  min-height: 50px;
  width: 60px;
  height: 60px;
  border-radius: 15px;
}

.Min13 li .name {
  color: #333;
  line-height: 20px;
  padding-top: 5px;
  height: 20px;
}

.Min13 li .name,
.dlist li span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.Min13 li span {
  display: inline-block;
  display: block;
  font-size: 12px;
  color: #999;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

.Min13 li a.btn {
  width: 58px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #33CD86;
  color: #33CD86;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  background: #fff;
}

/*文章速递*/
.Min14 {
  padding: 0 12px;
}

.Min14 ul {
  margin-top: -15px;
}

.Min14 li {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}

.Min14 li a {
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Min14 li a:before {
  display: inline-block;
  content: '';
  vertical-align: middle;
  margin: -2px 8px 0 0;
  width: 4px;
  height: 4px;
  background: #999;
  border-radius: 50px;
}

.Min14 li .time {
  color: #999;
  font-size: 12px;
  display: block;
  overflow: hidden;
  width: 70px;
  text-align: right;
}

.Min14 li:last-child {
  border: none;
}

/*游戏下载*/
.Min15 {
  border-bottom: 5px solid #ececec;
}

.Min15 .title_ {
  width: 80%;
  height: 36px;
  margin: 0 auto;
  border: 1px solid #33CD86;
  overflow: hidden;
  zoom: 1;
  border-radius: 18px;
}

.Min15 .title_ span {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  line-height: 36px;
  height: 36px;
  font-size: 15px;
  color: #464646;
}

.Min15 .title_ span.on {
  color: #fff;
  background: #33CD86;
}

.Min15 {
  width: 100%;
}

.Min15 ul {
  padding: 0 12px;
}

.Min15 li {
  padding: 15px 0px;
  overflow: hidden;
  overflow: hidden;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  z-index: 0;
}

.Min15 .img,
.Min15 .img img {
  width: 60px;
  height: 60px;
  display: block;
  margin-right: 15px;
  border-radius: 10px;
}

.Min15 .game_info {}

.Min15 .game_info .gname {
  font-size: 16px;
  color: #333;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Min15 .game_info p {
  font-size: 14px;
  color: #999;
  height: 18px;
  lighting-color: 18px;
  overflow: hidden;
}

.Min15 .game_info p a {
  color: #999;
}

.Min15 .game_info p em {
  margin: 0 2px;
}

.Min15 li .gbtn {
  width: 60px;
  height: 30px;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #33CD86;
  border: 1px solid #33CD86;
  margin-top: 15px;
}

/*文章详情*/
.news_infor_top {
  text-align: center;
  padding: 5px 12px;
}

.news_infor_top h1 {
  font-size: 18px;
  line-height: 30px;
}

.news_infor_top .auor {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #888;
  overflow: hidden;
  width: 100%;
}

.news_infor_top .auor em {
  padding-right: 10px;
}

.news_infor_top .auor a {
  color: #333;
}

.relation_app {
  padding: 12px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.relation_app .package_item {
  height: 50px;
}

.relation_app .package_item .img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
}

.relation_app .package_item .con {
  padding-left: 10px;
  font-size: 12px;
}

.relation_app .package_item .con p {
  overflow: hidden;
  width: 100%;
  height: 15px;
  line-height: 15px;
  color: #b0b0b0;
}

.relation_app .package_item .con .tit {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.relation_app .package_item .con .tit a {
  color: #333;
}

.relation_app .package_item .con .star,
.relation_app .package_item .con .star i {
  background: url("../image/star_x.png") repeat-x center;
  background-size: 18px auto;
}

.relation_app .package_item .con .star {
  position: relative;
  width: 85px;
  height: 12px;
  display: block;
  background-position: 0 -20px;
  margin-top: 1px;
}

.relation_app .package_item .con .star i {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background-position: 0 0;
  height: 12px;
  width: 50%;
}

.relation_app .package_item .btn {
  width: 60px;
  height: 32px;
  background: #33CD86;
  display: block;
  text-align: center;
  line-height: 32px;
  color: #fff;
  border-radius: 3px;
  margin-top: 9px;
}

.news_centent .news_ {
  padding: 0 12px;
}

.news_centent .news_ iframe {
  max-width: 100%
}

.news_centent .news_ table * {
  width: initial !important;
}

.news_centent .news_ table,
.news_centent .news_ tbody,
.news_centent .news_ embed {
  width: 100% !important;
}

.news_centent .news_ table a {
  white-space: pre-wrap !important;
}

.news_centent .user_ {
  font-size: 12px;
  color: #666;
  line-height: 15px;
  height: 15px;
}

.news_centent .user_ span {
  padding-right: 20px;
}

.news_centent .news_ {
  padding-top: 10px;
  color: #333;
  overflow: hidden;
  line-height: 28px;
  margin-bottom: 15px;
}

.news_centent .news_ .nes>p {
  font-size: 14px;
  color: #555;
  line-height: 28px;
  text-indent: 2em;
}

.news_centent .news_ img {
  max-width: 85%;
  margin: 10px auto;
  display: block;
  width: auto;
}

.news_centent .news_ h3 {
  padding-top: 5px;
  font-weight: bold;
  font-size: 14px;
  text-indent: 2em;
}

.adjacent {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 12px;
}

.adjacent p {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}

.adjacent p a {
  color: #333;
}

.ym {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f5f5f5;
  padding: 10px 20px;
  background: #fff;
}

.ym>a {
  width: 22%;
  margin: 14px 0;
  display: inline-block;
  line-height: 30px;
  border-radius: 4px;
  background: #f6f6f6;
  text-align: center;
  color: #333;
  font-family: Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
}

.ym>a:active,
.ym>span .cbtn a:active {
  background: #ddd;
}

.ym>a:nth-child(2) {
  width: 14%;
}

.ym>a:nth-child(4) {
  width: 14%;
}

.ym>a.over {
  color: #bbb;
}

.ym>span {
  width: 22%;
  margin: 14px 0;
  /*padding: 0 10px;*/
  display: inline-block;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  background: #33CD86;
  color: #fff;
  font-size: 14px;
  font-family: Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
  position: relative;
}

.ym>span .cbtn {
  position: absolute;
  width: 100%;
  top: -62px;
  left: 0;
  z-index: 10;
  height: 92px;
  overflow-y: scroll;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 3px #bbb;
  -moz-box-shadow: 0 30 3px #bbb;
  box-shadow: 0 0 3px #bbb;
}

.ym>span .cbtn a {
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-bottom: 1px;
  float: left;
  width: 100%;
  background: #f6f6f6;
  font-size: 14px;
  font-family: Helvetica Regular, '方正中等线', Microsoft YaHei, sans-serif, '宋体', Tahoma;
  color: #666;
}

.ym>span .cbtn a.now {
  background: #33CD86;
  color: #fff;
}

.imgshow {
  display: none;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2019521;
}

.swiperbox {
  height: 100vh;
  z-index: 3;
  background: #000;
}

.swiperbox img {
  width: initial;
  position: relative;
  z-index: 2;
}

.swiper-zoom-container:before {
  width: 100%;
  height: 100%;
  content: ' ';
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  cursor: pointer;
}

.closebtn {
  position: absolute;
  z-index: 22;
  background: url(../image/newclose.png) no-repeat 11px 0px;
  width: 60px;
  height: 60px;
  bottom: 0;
  left: 10px;
  background-size: 40px;
}

/* 2019/7/11 */
.menu {
  -webkit-overflow-scrolling: touch;
}

.special-info .lis span {
  margin-right: 30px;
}

.editor {
  height: 106px;
  margin: 12px auto;
  background: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
}

.editor p {
  width: 30px;
  height: 90px;
  background: #33CD86;
  text-align: center;
  font-size: 15px;
  color: #fff;
  float: left;
  line-height: 1.3;
  padding-top: 16px;
}

.editorSwiper {
  flex: 1;
  margin: 12px 12px 0 12px !important;
  float: left;
  height: 80px;
}

.editorSwiper a {
  height: 80px;
  width: 100%;
  position: relative;
}

.editorSwiper img {
  display: block;
  width: 100%;
  height: 80px !important;
}

.editorSwiper em {
  display: block;
  color: white;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  position: relative;
  top: -25px;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 100%)
}

.swiper-container-horizontal>.swiper-pagination-progress {
  top: auto;
  bottom: 0;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: linear-gradient(90deg, #33CD86 0, #b7efd5);
}

.editorSwiper .swiper-slide {
  width: 130px;
  height: 80px;
}

#headCarousel {
  height: 4px;
  background: transparent;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
}

#headCarousel:before {
  width: 30px;
  height: 4px;
  float: left;
}

#headCarousel div {
  height: 4px;
  margin-left: 30px;
}

#headCarousel span {
  display: block;
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, #33CD86 0, #b7efd5 100%);
  ;
}

.searchglbar {
  position: relative;
  height: 30px;
  margin: 9px 10px;
  clear: both;
  overflow: hidden;
  z-index: 1;
  border: 0;
  border-radius: 15px;
  vertical-align: bottom;
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0), 0 0px 0 #fff;
  background: #ffffff;
}

.searchglbar .search_input {
  display: block;
  height: 30px;
  margin: 0 40px 0 0;
  overflow: hidden;
}

.searchglbar .search_input input {
  display: block;
  border: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 5px 6px;
  text-indent: 18px;
  vertical-align: bottom;
}

.searchglbar .search_btn_outter {
  position: absolute;
  width: 30px;
  height: 40px;
  top: -4px;
  right: 10px;
  overflow: hidden;
  z-index: 1010;
}

.searchglbar .search_btn_outter .search_btn_pretend {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  top: 9px;
  right: 4px;
  z-index: 1030;
}

.searchglbar .search_btn_outter .search_btn_pretend::before {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background: #b6b6b6;
}

.searchglbar .search_btn_outter .search_btn_pretend::after {
  position: absolute;
  content: "";
  display: block;
  background: #b6b6b6;
  width: 4px;
  height: 8px;
  top: 14px;
  right: 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
}

.searchglbar .search_btn_outter .search_btn_pretend em {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #FFF;
  margin: 3px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.searchglbar .search_btn_outter .search_submit {
  position: absolute;
  width: 30px;
  height: 40px;
  background-color: transparent;
  border: 0;
  top: 0;
  right: 0;
  z-index: 1030;
}

.news_list {
  overflow: hidden;
  margin: 0 12px;
}

.news_list li:last-child {
  border: none;
}

.news_list li {
  overflow: hidden;
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #f5f5f5;
}

.news_list li .img {
  display: block;
  margin-right: 12px;
}

.news_list li .img,
.news_list li .img img {
  width: 120px;
  height: 70px;
}

.news_list li .text {
  flex: 1;
}

.news_list li .text .bt {
  display: block;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #333;
}

.news_list li .text span {
  float: left;
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  margin: 10px 10px 0 0;
}

.d_head_wrap {
  overflow: hidden;
  border-top: 6px solid #f5f5f5;
  background: #fff;
}

.top_head {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 18px #f5f5f5;
  -webkit-box-shadow: 0 14px 18px #f5f5f5;
  border-radius: 6px;
  display: flex;
}

.top_head .lis {
  flex: 1;
  margin-top: 30px;
  margin-bottom: 15px;
}

.top_head .lis .img {
  display: block;
  position: relative;
  margin: 30px auto 0;
}

.top_head .lis .img,
.top_head .lis .img img {
  width: 70%;
  border-radius: 10%;
}

.top_head .lis .img img {
  display: block;
  margin: 0 auto;
}

.top_head .lis p {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  text-align: center;
  margin-top: 5px;
}

.top_head .lis span {
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  display: block;
}

.top_head .lis .btn {
  margin: 5px auto 0;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #33CD86;
  color: #33CD86;
  font-size: 12px;
  text-align: center;
  display: block;
  border-radius: 13px;
}

.top_head .lis:nth-child(2) {
  margin-top: 0;
  padding: 0 26px;
  background: url(https://m.zxwt.com.cn/static/img/topbg.png) no-repeat center;
  background-size: 100% 100%;
  max-width: 180px;
}

.top_head .lis:nth-child(2) .img {
  margin-top: 30px;
}

.top_head .lis:nth-child(2) .img,
.top_head .lis:nth-child(2) .img img {
  width: 90%;
  max-width: 150px;
  border-radius: 12%;
}

/* .top_head .lis1 i, .top_head .lis3 i { display: block; position: absolute; top: -28%; left: 38%; width: 24%; height: 28%; background: url(../img/icon_ph2.png) no-repeat; background-size: 100% auto; } */
.top_head .lis2 i {
  display: block;
  position: absolute;
  top: -15%;
  right: -9px;
  width: 35%;
  height: 31%;
  background: url(../image/ic-king.png) no-repeat;
  background-size: 100% auto;
}

/* .top_head .lis3 i{background: url(../img/icon_ph3.png);background-size: 100% auto;}*/
.num1,
.num2,
.num3 {
  display: block;
  margin: 10px auto 0;
  width: 24px;
  height: 24px;
  background: url(../image/icon_num.png) no-repeat;
  background-size: auto 26px;
  width: 16px;
  height: 26px;
}

.num1 {
  background-position: -16px 0;
}

.num2 {
  background-position: 0 0;
}

.num3 {
  background-position: -36px 0;
}

.item-wrapper {
  margin: 12px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
  border-radius: 4px;
  padding-top: 10px;
  min-height: 60px;
}

.item-wrapper .u-tag {
  display: block;
  position: absolute;
  top: 12px;
  border-radius: 3px 0 0 3px;
  padding-left: 12px;
  left: -5px;
  padding-right: 20px;
  height: 34px;
  line-height: 34px;
  background-image: -webkit-linear-gradient(73deg, #39ec9a 0%, #33CD86 94%);
  background-image: linear-gradient(73deg, #39ec9a 0%, #33CD86 94%);
  font-size: 14px;
  color: #FFFFFF;
}

.item-wrapper .u-tag:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-right-color: #FFF;
  position: absolute;
  top: 0;
  right: -7px;
  transform: scaleX(.6);
}

.item-wrapper .u-href {
  position: absolute;
  top: 20px;
  right: 12px;
  font-size: 14px;
  color: #494949;
}

.item-wrapper .list {
  overflow: hidden;
  width: 100%;
  margin-top: 40px;
}

.item-wrapper .list li {
  height: 70px;
  padding: 12px 0;
  width: 100%;
  position: relative;
}

.item-wrapper .list li img {
  height: 70px;
  width: 70px;
  border-radius: 4px;
  margin: 0 10px;
}

.item-wrapper .list li+li::after {
  position: absolute;
  display: block;
  content: "";
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: url(../image/ic-line.png) no-repeat center;
  background-size: 100%;
}

.item-wrapper .list li a {
  display: flex;
}

.item-wrapper .list li .u-rank {
  width: 38px;
  height: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 26px;
  text-align: center;
  background: #33CD86;
  display: block;
  border-radius: 0 13px 13px 0;
  margin-top: 20px;
}

.item-wrapper .list li .m-center {
  flex: 1;
}

.item-wrapper .list li .m-center .u-name {
  display: block;
  font-size: 16px;
  color: #444444;
  margin-top: 2px;
  overflow: hidden;
  width: 100%;
  height: 24px;
}

.item-wrapper .list li .m-center .u-type {
  display: block;
  font-size: 12px;
  color: #B3B3B3;
  margin-top: 2px;
  overflow: hidden;
  position: relative;
  height: 20px;
  line-height: 20px;
}

.item-wrapper .list li .m-center .u-desc {
  display: block;
  font-size: 12px;
  color: #979797;
  margin-top: 2px;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
}

.item-wrapper .list li .btn {
  width: 60px;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #33CD86;
  border-radius: 4px;
  text-align: center;
  margin: 20px 10px 0;
}

.phblis {
  display: table;
  padding: 12px 0;
  width: 100%;
  margin-bottom: 6px;
  -webkit-box-shadow: 0 3px 3px #ebebeb;
  -moz-box-shadow: 0 3px 3px #ebebeb;
  box-shadow: 0 3px 3px #ebebeb;
  background: #fff;
}

.phblis ul {
  margin: 0 6px;
  overflow: hidden;
}

.phblis ul li {
  width: 25%;
  display: block;
  float: left;
  margin-bottom: 10px;
}

.phblis ul li a {
  display: block;
  margin: 0 6px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  background: #f5f5f5;
  color: #666;
  font-size: 12px;
  border-radius: 2px;
}

.phblis ul li.on a {
  color: #fff;
  background: #33CD86;
}

.phblis2 ul li {
  width: 50%;
}

.phlis {
  height: auto;
  overflow: hidden;
  padding: 0 12px;
  background: #fff;
}

.phlis .num {
  display: block;
  float: left;
  color: #999;
  width: auto;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  margin: 0 2px;
}

.phlis .img img {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin-left: 10px;
}

.phlis li {
  display: flex;
  padding: 10px 0;
}

.phlis li+li {
  border-top: 1px solid #EFE7E7;
}

.phlis li .info {
  flex: 1;
}

.phlis li .info a {
  font-size: 16px;
  color: #333;
  padding: 0 10px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  word-break: break-all;
}

.phlis li .info p {
  color: #999;
  padding: 0 10px;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  overflow: hidden;
  display: block;
  word-break: break-all;
}

.phlis li .d_btn {
  width: 60px;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #33CD86;
  border-radius: 4px;
  text-align: center;
  margin: 15px 0 0 10px;
}

.morelink {
  width: 180px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 15px auto;
  color: #333;
  border: 1px solid #ddd;
  display: block;
  border-radius: 17px;
  font-size: 12px;
}

.hot_tj {
  position: relative;
  overflow: hidden;
  padding: 6px 0;
  background: #fff;
}

.hot_tj .tag {
  width: 80px;
  height: 23px;
  background: url(../image/tj.png) no-repeat;
  background-size: 100%;
  display: block;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  color: #fff;
}

.hot_tj .wrap {
  margin: 0 20px;
}

.hot_tj .wrap .content {
  height: 100px;
  display: flex;
  margin-top: 12px;
}

.hot_tj .wrap .c-img {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  margin-right: 12px;
}

.hot_tj .wrap .text {
  flex: 1;
}

.hot_tj .wrap .text .name {
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #000;
  font-size: 16px;
  overflow: hidden;
}

.hot_tj .wrap .text>div {
  width: 50%;
  overflow: hidden;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  float: left;
}

.hot_tj .wrap .down {
  background-color: #33CD86;
  border-radius: 6px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  margin-top: 15px;
}

.hot_tj .wrap .down a {
  color: #fff;
}


.basebox .title_bt .Tab_hd {
  float: left;
  margin-left: 10px;
}

.basebox .title_bt .Tab_hd span {
  line-height: 40px;
  margin: 0 10px;
}

.basebox .title_bt .Tab_hd span.on {
  color: #33CD86;
}

.hdds {
  width: 1px;
  height: 1px;
  overflow: hidden
}

.basebox .Min4 .Tab_bd ul+ul {
  display: none;
}

.tab_body ul+ul {
  display: none;
}

.tab_head {
  float: left;
  overflow: hidden;
  margin-top: 6px;
}

.tab_head span {
  float: left;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin-right: 12px;
  line-height: 32px;
}

.tab_head span.on {
  color: #33CD86;
  border-bottom: 2px solid #33CD86;
}