.index {padding-top:20px;margin-bottom:20px;}
.recom {padding:25px 0;}
.ecology {background-color:#fff;border-radius:6px;}
.recom .index-top-game  ul {padding:0;margin:0 auto;list-style:none;overflow:hidden;}
.recom .index-top-game  ul li {width:10%;float:left;text-align:center;}
.index-top-game ul li .img {width:80px;height:80px;border-radius:15px;margin:0 auto;}
.index-top-game ul li .img img {width:80px;height:80px;border-radius:15px;transition: all .3s ease-out 0s;}
.index-top-game ul li .img:hover img{-webkit-transform:scale(1.01);transform:scale(1.01);-ms-transform:scale(1.01)}

.index-top-game ul li .name {display:block!important;padding:0 5px;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recomcat {margin-top:20px;}
.recomcat .row-cat {margin-top:10px;overflow:hidden;padding:0 20px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;}
.recomcat .row-cat .row_title {width:80px;height:30px;border-radius:4px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;line-height:30px;text-align:center;}
.recomcat .row-cat:nth-child(1) .row_title {background:linear-gradient(90deg,#FF881E,#FFA51E);}
.recomcat .row-cat:nth-child(2) .row_title {background:linear-gradient(90deg,#FF5E62,#FF9966);}
.recomcat .row-cat:nth-child(3) .row_title {background:linear-gradient(90deg,#26ACE4,#36CEDC);}
.recomcat .row-cat:nth-child(4) .row_title {background:linear-gradient(90deg,#575EDA,#9A9FFF);}
.recomcat .row-cat>* {float:left;}
.recomcat .row-cat a {display:block;/*width:135px;*/  height:30px;line-height:30px;padding-left:20px;padding-right:16px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.recomcat .row-cat a:hover {color:#056de8;font-weight:bold}
.recomcat .row-cat a::after {content:'';position:absolute;top:8px;right:0;width:1px;height:12px;background:#EAEAEA;}
.recomcat .row-cat a:last-child::after {width:0px;}
.index-banner {position:relative;overflow: hidden;}
.index-homes {overflow: hidden;background-color:#fff;padding:20px;border-radius:6px;justify-content:space-between;position: relative;}
.index-banner .home-week-hots{width: 15.9%;max-width: 100%;background-color: #f7faff;float: left;}
.index-banner .home-week-hots img{border-radius: 6px;}
.index-contaleft-list {margin-left:19px;margin-right:13px;}
.index-contaleft-list ul li a {display:flex;align-items:center;}
.index-contaleft-list ul li .num {width:14px;height:16px;}
.index-contaleft-list ul li .right {margin-left:13px;display:flex;border-bottom:1px dashed #eeeeee;padding-bottom:13px;padding-top:13px;flex:1;overflow:hidden;align-items:center;transition: all .3s ease-out 0s;}
.index-contaleft-list ul li:last-child .right {border-bottom:none;}
.index-contaleft-list ul li .info {flex:1;overflow:hidden;font-size:14px;color:#999;margin-left:10px;}
.index-contaleft-list ul li .info .name {margin-bottom:7px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-contaleft-list ul li .img {width:50px;height:50px;border-radius:10px;}
.index-contaleft-list ul li .right:hover .img{-webkit-transform:scale(1.01);transform:scale(1.01);-ms-transform:scale(1.01)}
.index-contaleft-list ul li a:hover .name {color:#ed820d;}

.index-banner .home-banner{width: 55%;max-width: 100%;float:left;margin: 0 20px;}
@media only screen and (min-width:900px) {
  .hmFocus {width:100%;height:100%;overflow:hidden;margin-bottom:10px;}
  .hmFocus .swiper-pagination {left: auto;right: 0;top: 0;bottom: auto;width:100%;    text-align: right;padding: 5px 10px;}
  .hmFocus .swiper-pagination-bullet {opacity:.5;background:#ffffff;margin-right:6px!important;width:8px;height:8px;display:inline-block;background:#fff;opacity:.7; border-radius: 10px;}
  .hmFocus .swiper-pagination-bullet-active {background:#3e69f7;width:25px;}
  .autoImg a img {width:800px;height:auto;display:block}
  }
  @media only screen and (max-width:900px) {
  .show-game-down .android,.show-game-down .ios {width:100%!important;}    
  .hmFocus {width:100%}
  .swiper-container {width:100%}
  .hmFocus .swiper-pagination {bottom:0;left:0;width:100%}
  .hmFocus .swiper-pagination-bullet {opacity:.5;background:#ffffff;margin:0 3px!important;border:1px solid #fff;width:15px;height:3px;display:inline-block;background:#fff;opacity:.2}
  .hmFocus .swiper-pagination-bullet-active {background:#3e69f7;border:1px solid #fff;height:4px}
  .swiper-slide {width:100%}
  .swiper-slide a {width:100%;display:block}
  .media-overlay a{font-size: .875rem !important;}
  .autoImg a img {width:100%;height:auto;display:block}
  }
.swiper-slide,.swiper-wrapper {height:100%;position:relative;transform-style:preserve-3d;width:100%}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;z-index:1;border-radius: 5px;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide {-webkit-flex-shrink:0;flex-shrink:0}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-pagination-bullet {display:inline-block;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-button-next,.swiper-button-prev {background: rgba(0,0,0,.6);border-radius: 50%;opacity: 0;transition: all .3s;text-align: center;color: #fff;font-size:26px;position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;}
.swiper-button-prev{left:-16px;right:auto;}
.swiper-button-next{right:-16px;left:auto;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {opacity: 1;}
.swiper-container:hover .swiper-button-prev {left: 10px}
.swiper-container:hover .swiper-button-next {right: 10px}
.media {height: 357px;position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit;}
.media:after {content:'';display:block;padding-top:42.857143%;}
.media-content {position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1);transition: all .3s ease-out 0s}
.media-content:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-ms-transform:scale(1.01)}
.media-overlay {position:absolute;top:auto;left:0;right:0;bottom:0;z-index:2;display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background:linear-gradient(to top,rgba(6,6,8,.33),rgba(6,6,8,0));padding:1rem 1.5rem;}
.media-overlay a{color:#fff;font-size: 1.125rem;line-height: 1.4;font-weight: 600;}

.index-album-list {position:relative;}
.index-album-list ul {display:flex;}
.index-album-list ul li {width:33.48%;margin-right:8px;}
.index-album-list ul li:last-child {margin-right:0px;}
.index-album-list ul li .top {position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0;}
.index-album-list ul li .top .ztimg {border-radius:5px 5px 0 0;display:block;width:100%;height:150px;object-fit:cover;transition:all 0.5s ease-out 0s;}
.index-album-list ul li .top:hover .ztimg {-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);-ms-transform:rotate(3deg) scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);}
.index-album-list ul li .top-name {position:absolute;bottom:0;left:0;width:100%;height:35px;line-height:35px;background:rgba(0,0,0,0.5);font-size:14px;color:#fff;text-align:center;transition:all .1s ease-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-album-list ul li .top .tags {position:absolute;right:5px;bottom:7px;width:21px;height:21px;}

.index-banner .home-latest{width: 25.9%;;max-width: 100%;float:right;}
.index-banner .in-libao {padding:20px;border-radius:8px;background:#f7faff;overflow:hidden;margin-bottom:20px;position: relative;}
.index-banner .in-kfb {padding:20px;border-radius:8px;background:#f7faff;overflow:hidden;}
.libao-list-gift {margin-top:10px;}
.libao-list-gift ul li {display:flex;justify-content:space-between;margin:1px 0;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.libao-list-gift ul li::before {
  content: '';
  display: inline-block;
  background: url(../image/lb_icon.png) no-repeat center/contain;
  left: 0px;
  width: 18px;
  height: 16px;
  position: relative;
    top: 50%;
}
.libao-list-gift ul li a.get {width:44px;height:44px;border-radius:50%;background-image:url(../image/qiang.png);background-repeat:no-repeat;background-position:center;background-size:60%;margin-left:10px;}
.libao-list-gift ul li a {width: 200px;font-size:15px;color:#333;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
  .libao-list-gift ul li:hover a{color:#ff933a;}
.in-kfb .date_kflist a {height:30px;line-height: 34px;position:relative;padding-left:0px;display:inline-block;width:100%;box-sizing:border-box;}
.in-kfb .date_kflist a:hover i.circle{background-color: #ffca00;}
.in-kfb .date_kflist{margin-top:20px;position: relative;overflow: hidden;}
.in-kfb .date_kflist a i.circle::before {content:"";width:50%;height:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#FFFFFF;border-radius:50%;}
.in-kfb .date_kflist a::after {content:"";position:absolute;width:1px;height:55px;background-color:#ededed;left:5px;top:0px;}
.in-kfb .date_kflist a i.circle {display:inline-block;width:11px;height:11px;border-radius:50%;background-color:#999999;position:relative;top:-8px;left:0px;transform:translateY(-38%);z-index:10;}
.in-kfb .date_kflist a:nth-of-type(1) i.circle {display:inline-block;width:11px;height:11px;border-radius:50%;background-color:#ffca00;position:relative;left:0px;z-index:10;}
.in-kfb .date_kflist span {display:inline-block;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;}
.in-kfb .date_kflist .date {margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in-kfb .date_kflist .name {width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in-kfb .date_kflist .type {color:#b1b1b1;float:right;}

.index-game{margin-top:20px;}
.index-game-box {background:url(../image/index_game_bg.png)no-repeat top center;background-color: #fff;padding-left:20px;padding-top:20px;padding-bottom:30px;border-radius: 8px;}
.index-title {justify-content:space-between;display:flex;}
.index-title>span {font-size:20px;color:#333;font-weight:bold;}
.index-title .more{font-size:15px;color:#333;line-height: 30px;}
.index-title .more i{font-size:20px;}

.index-title>.index-title-a {display:flex;}
.index-title>.index-title-a a {width:82px;height:30px;background-color:#ffffff;border-radius:6px;text-align:center;line-height:30px;font-size:14px;color:#666;margin-right:10px;}
.index-title>.index-title-a a:hover{background-color:#437ffc;color:#fff;}
.index-game-list ul {display:flex;flex-wrap:wrap;}
.index-game-list ul li {width:95px;margin-right:34px;text-align:center;font-size:15px;color:#999;margin-top:20px;padding-bottom: 10px;transition:all .2s;}
.index-game-list ul li:hover{box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), 5px 5px 20px 0 #fff;border-radius: 6px;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.index-game-list ul li:nth-child(10n) {margin-right: 0;}
.index-game-list ul li .img {width:85px;height:85px;border-radius:10px;}
.index-game-list ul li .img img {width:85px;height:85px;border-radius:10px;}
.index-game-list ul li .name {display: block;color:#333;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-game-list ul li:hover .name{color:#0060ed;}
.index-game-list ul li p {color:#333;text-align:center;font-size:15px;color:#999;}

.index-zt {margin-top:20px;}
.index-zt-box {background-color:#fff;padding:20px;border-radius:8px;}
.content-zt {margin-top:20px;}
.content-zt a {display:inline-block;width:23.8%;height:180px;margin-right:15px;border-radius:8px;position:relative;margin-bottom:0px;background:rgba(0,0,0,0.6);overflow:hidden;}
.content-zt a:nth-child(4n) {margin-right:0;}
.content-zt a img {width:100%;height:100%;border-radius:8px;object-fit: cover;transition:all 0.6s;}
.content-zt a:hover img {transform:scale(1.1)}
.content-zt a p {position:absolute;bottom:0;width:100%;text-align:center;height:34px;background:#000000;opacity:0.8;border-radius:0px 0px 8px 8px;line-height:34px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#ffffff;}
.index-rank {margin-top:20px;}
.index-rank-box {margin-bottom:20px;display:flex;}
.rank-list {max-width:32.9%;position:relative;display:inline-block;width:100%;background: linear-gradient(180deg,rgba(224,232,249, 0.85),#fff 16.88%,#fff);padding:20px;margin-right:20px;border-radius:8px;border-top: 5px solid #437ffc;}
.rank-list:nth-child(3n) {margin-right:0;}

.rank-list .title {height:40px;margin:0 auto;text-align:center;line-height:40px;font-size: 20px;color: #333;font-weight: bold;}


.index-new-box{padding: 20px 0;overflow: hidden;}
.index-news-left {width:68%;background-color:#fff;padding:20px;border-radius:8px;display:inline-block;}
.home-hd-left {width:54%;float:left;margin-right:20px;}
.home-hd-left .topimg {height:204px;border-radius:6px;position:relative;overflow:hidden;margin-top:20px;}
.home-hd-left .topimg img {object-fit:cover;max-width:100%;height:auto;transition:all 0.6s;}
.home-hd-left .topimg:hover img {transform:scale(1.1)}
.home-hd-left .topimg span {display:block;position:absolute;bottom:0;left:0;right:0;padding:0 10px;text-align:center;background:rgba(0,0,0,0.6);color:#fff;height:40px;line-height:40px;font-size:16px;overflow:hidden;}
.home-hd-left .list2 {display:block;margin-top:20px;}
.home-hd-left .list2 li {float:left;margin-right:20px;}
.home-hd-left .list2 li:nth-child(2n) {margin-right:0px;}
.home-hd-left .list2 li a {display:block;width:216px;height:184px;}
.home-hd-left .list2 li a .img {width:100%;height:135px;border-radius:6px;overflow:hidden;}
.home-hd-left .list2 li a .img img {width:100%;height:100%;transition:all 0.6s;object-fit: cover;}
.home-hd-left .list2 li a .img:hover img {transform:scale(1.1)}
.home-hd-left .list2 li a .info {width:100%;height:42px;margin-top:10px;font-size:14px;font-weight:400;color:#333333;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.home-hd-right {width:43%;float:left;}
.home-hd-right .list {width:100%;padding-left:12px;box-sizing:border-box;margin-top:10px;margin-bottom:10px;}
.home-hd-right .list li {width:100%;position:relative;}
.home-hd-right .list li::before {content:'';display:inline-block;width:6px;height:6px;border:1px solid #888;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-3px) rotate(45deg);left:-12px;}
.home-hd-right .list li a {display:block;padding-left:6px;box-sizing:border-box;height:36px;line-height:36px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:rgb(68,68,68);}
.home-hd-right .list li a span {float:left;width:300px;font-size:14px;font-weight:400;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news-right {width:30%;background-color:#fff;padding:20px;border-radius:8px;float:right;}
.index-news-right .img {position:relative;width:100%;height:225px;margin-top:20px; border-radius: 6px;   display: inline-block;overflow: hidden;}
.index-news-right .img img {height:100%;width:100%;border-radius: 6px;object-fit: cover;transition:all 0.6s;}
.index-news-right .img:hover img {transform:scale(1.1)}
.index-news-right ul li {display:flex;justify-content:space-between;align-items:center;margin-top:21px;position: relative;}
.index-news-right ul li .info {font-size:14px;color:#888;}
.index-news-right ul li .name {font-size:16px;color:#333;font-weight:bold;    display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news-right ul li .t1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.rank-list ul {margin-bottom: 26px;}
.rank-list ul li {margin-top:20px;align-items:center;display: flex;}
.rank-list ul li:nth-child(1) .num {background:#ff7c08;}
.rank-list ul li:nth-child(2) .num {background:#FF9639;}
.rank-list ul li:nth-child(3) .num {background:#FFBD83;}
.rank-list ul li:last-child {border-bottom:none;padding-bottom:0;}
.rank-list ul li .right {margin-left:20px;flex: 1;overflow: hidden;}
.index-links {overflow:hidden;}
.rank-list ul li.active .top {display:none;}
.rank-list ul li .top {height:20px;line-height:20px;}
.rank-list ul li .top span {font-size:14px;color:#999;}
.rank-list ul li .name {color:#333;font-size:15px;}
.rank-list ul li .num {width:21px;height:21px;background:#dfdfdf;text-align:center;line-height:21px;font-size:12px;color:#fff;border-radius:50%;}
.rank-list ul li .info {display:none;}
.rank-list ul li.active .info {display:flex;}
.rank-list ul li .img {width:68px;height:68px;border-radius:15px;}
.rank-list ul li .img img {width:68px;height:68px;border-radius:15px;}
.rank-list ul li .info>div {height:65px;font-size:12px;color:#999;display:flex;flex-direction:column;justify-content:space-between;margin-left:12px;margin-right:12px;}
.rank-list ul li .info .down {width:74px;height:38px;text-align:center;line-height:36px;color:#333;font-size:14px;border:solid 1px #eeeeee;}
.aic {align-items:center;}
.flex {display:flex;}
.f1 {flex:1;overflow:hidden;}
.index-links {overflow:hidden;margin-top:20px;}
.index-link-box {background-color:#fff;padding-left:20px;padding-top:20px;padding-bottom:30px;margin-bottom:30px;border-radius:8px;}
.index-links-list {margin-top:20px;}
.index-links-list a {margin-right:15px;margin-top:15px;font-size:14px;color:#666;position:relative;padding-right:15px;}

/*app*/
.appclass {display: block;clear: both;position: relative;}
.appclass .hhs-crumb{padding: 2rem 0px 0rem 0;display: block;clear: both;position: relative;    padding-left: 12px;}
.hhs-crumb .crumb-inner {color:#333b55;font-size:14px;box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;line-height:30px;}
.hhs-crumb .crumb-inner i {color: #0060ed !important;padding:0 5px;}
.hhs-crumb a,.hhs-crumb span {font-size:14px;color:#333b55;}
.hhs-crumb a:hover,.hhs-crumb span:hover {color:#0060ed;}
.game-tabs {background-color: #fff;border-radius: 6px;padding:20px;padding-bottom:0;padding-right:0;margin-top:30px;margin-bottom:20px;}
.game-tabs ul {display:flex;flex-wrap:wrap;}
.game-tabs ul li {padding: 8px 15px;border-radius:6px;border:solid 1px #eeeeee;text-align:center;margin-bottom:20px;margin-right:19px;}
.game-tabs ul li.active,.game-tabs ul li:hover {border:solid 1px #e5f0fd;background-color: #e5f0fd;}
.game-tabs ul li a {font-size:16px;color:#666;}
.game-tabs ul li.active a,.game-tabs ul li:hover a {color:#0066ff;}

.list-game ul {display:flex;flex-wrap:wrap;}
.list-game ul li {width:19.22222%;background-color: #fff;border-radius: 6px;display:flex;flex-direction:column;align-items:center;font-size:14px;color:#888;padding-top:30px;margin-bottom:20px;margin-right:12px;position:relative;}
.list-game ul li:nth-child(5n) {margin-right:0;}
.list-game ul li .img {width:122px;height:122px;border-radius:20px;}
.list-game ul li .img img {width:122px;height:122px;border-radius:20px;}
.list-game ul li .name {font-size:18px;color:#333;font-weight:bold;margin-top:18px;margin-bottom:20px;width:80%;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-game ul li .down {height:48px;line-height:48px;background:#e5f0fd;border-top:1px solid #e5f0fd;width:100%;margin-top:24px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#000;border-radius:0 0 10px 10px;}
.list-game ul li .down .icon {color:#056de8;margin-right:10px;}
.list-game ul li:hover .down {background:#056de8;color:#fff;}
.list-game ul li:hover .down .icon {color:#fff;}

.show-game-top {background:url(../image/single_bg.png)no-repeat center;border-radius: 6px;background-color:#f5f8fe;padding:35px 35px;align-items:center;justify-content:space-between;display:flex;margin-top:30px;}
.show-game-top .img {width:120px;height:120px;border-radius:20px;}
.show-game-top .info {margin-left:23px;display:flex;flex-direction:column;justify-content:space-between;color:#777;height:110px;}
.show-game-top h1 {font-size:24px;font-weight:bold;color:#333;margin-top:5px;margin-bottom:15px;}
.show-game-top .info p {display:flex;}
.show-game-top .info p span {min-width:170px;font-size:15px;color:#666;}
.grade{margin-right:30px;}
.grade .vote{border-radius: 50%;height: 108px;width: 108px;background-color: #449ff5;text-align: center;padding:15px 0;}
.grade .game_score{font-size: 36px;color:#ffffff;}
.grade .sp1{font-size: 12px;color:#fff;}
.show-game-down {display:flex;}
.show-game-down .android,.show-game-down .ios {width:160px;height:50px;border-radius:25px;margin: 10px;}
.show-game-down>div {position:relative;}
.show-game-down .android {margin-right:20px;}
.android_pc {display:block;}
.android_m {display:none;}
.show-game-down .android span,.show-game-down .android a {display:flex;background:#ff8b67;height:50px;border-radius:25px;line-height:50px;align-items:center;justify-content:center;font-size:16px;color:#fff;cursor: pointer;}
.show-game-down .android span i {font-size: 24px;margin-right:5px;}
.show-game-down .android_no span{background:#888;}
.game-down-code {display:none;position:absolute;left:0;bottom:-193px;border-radius: 6px;width:158px;height:192px;background-color:#ffffff;box-shadow:0px 0px 16px 0px rgb(100 100 100 / 22%);border:solid 1px #ffffff;text-align:center;font-size:14px;color:#999;overflow:hidden;z-index:99;}
.game-down-code img {margin-top:20px;}
.game-down-code p {color:#333;font-size:14px;}
.show-game-down .ios span,.show-game-down .ios a {display:flex;background:#ff8b67;height:50px;border-radius:25px;line-height:50px;align-items:center;justify-content:center;font-size:16px;color:#fff;cursor: pointer;}
.show-game-down .ios_no span{background:#999;}
.show-game-down .ios span i{font-size: 24px;margin-right:5px;}
.android:hover>.game-down-code {display:block;}
.ios:hover>.game-down-code {display:block;}
.webapp-main {margin:0 auto;min-height:600px;overflow:hidden;position:relative;margin-top:20px;}
.appconleft {float:left;position:relative;width:68.666%;background-color:#fff;border-radius:6px;padding:30px;margin-bottom: 20px;}
.public-title {display:flex;justify-content:space-between;align-items:center;}
.public-title span {font-size:17px;color:#333;font-weight:bold;}
.game-content {line-height:35px;margin-bottom:20px;}
.game-content p {font-size:16px;color:#666;margin:14px 0;}
.game-content h2,.game-content h3 {font-size:16px;line-height:40px;color:#056de8;font-weight:bold;background:#e5f0fd;}
.game-swiper {margin:0 auto;margin:15px 0;display:flex;justify-content:space-between;position:relative;}
.game-show-swiper {position:relative;overflow:hidden;flex:1;}
.game-show-swiper img {width:100%;height:100%;}
.game-prev {width:73px;height:73px;position:absolute;left:-25px;top:50%;z-index:99;margin-top:-36.5px;cursor:pointer;}
.game-next {width:73px;height:73px;position:absolute;margin-left:28px;right:-25px;top:50%;z-index:99;margin-top:-36.5px;cursor:pointer;}
.xglist {margin-top:20px;}
.xglist ul {margin-top:20px;}
.xglist ul li {padding:0;padding-top:20px;padding-bottom:20px;border-bottom:1px dashed #dcdcdc;}
.xglist ul li:hover {box-shadow:none;}
.xglist ul li .img {width:180px;height:124px;border-radius:10px;}
.xglist ul li .info {flex-direction:column;justify-content:space-between;height:122px;margin-left:20px;}
.xglist ul li .info .name {font-size:18px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xglist ul li .info p {line-height:25px;color:#888;}
.two-cute {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xglist .time {display:flex;}
.xglist .time span {text-align:center;font-size:14px;color:#888;margin-right:10px;}
.side-hot-game {padding:20px 0;}
.side-hot-game ul li {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.side-hot-game ul li:last-child {margin-bottom:0;}
.side-hot-game ul li .img {width:81px;height:81px;border-radius:15px;}
.side-hot-game ul li .img img {width:81px;height:81px;border-radius:15px;}
.side-hot-game ul li .info {margin:0 15px;font-size:12px;color:#888;}
.side-hot-game ul li .name {font-size:16px;color:#333;font-weight:bold;margin-bottom:20px;}
.side-hot-game ul li .down {width:75px;height:40px;background-color:#e5f0fd;border-radius:6px;text-align:center;line-height:40px;font-size:16px;color:#056de8;}

.side-zt-game {padding-top:20px;}
.side-zt-game .list_item {display:block;position:relative;width:100%;height:150px;margin-bottom:24px;border-radius:8px;overflow:hidden;}
.side-zt-game .list_item:last-child {margin-bottom:0px;}
.side-zt-game .list_item img {display:block;width:100%;height:100%;object-fit: cover;}
.side-zt-game .list_item p {position:absolute;bottom:0;width:100%;height:34px;line-height:34px;background:rgba(0,0,0,0.8);font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center;padding:0 30px;box-sizing:border-box;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_hot a {width:100%;overflow:hidden;display:block;margin-top:20px;}
.news_hot a span {float:left;display:block;width:18px;height:18px;background:#D1D1D1;border-radius:6px 6px 4px 6px;text-align:center;line-height:18px;font-size:13px;font-family:DIN;font-weight:bold;color:#FFFFFF;margin-top:1px;}
.news_hot a:nth-child(1) span,.news_hot a:nth-child(2) span,.news_hot a:nth-child(3) span {background:#FF881E;}
.news_hot a p {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;padding-left:6px;text-overflow:ellipsis;white-space:nowrap;}
.appconright {float:right;position:relative;width:29.3333%;}
.right-list {background-color:#fff;border-radius:6px;padding:20px;margin-bottom:20px;}
/*news*/
.webnews-main{margin-top:30px;min-height: 600px;overflow: hidden;position: relative;}
.newsconleft {float:left;position:relative;width:71.666%;}
.article-item {position:relative;}
.article-item ul li {border-radius:5px;display:flex;width:100%;background-color:#ffffff !important;overflow:hidden;padding:.9375rem;margin:0 0 1.2rem;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate(0,0);transform:translate(0,0);box-shadow:0 34px 50px -24px rgba(216,229,254,0.3);}
.article-item ul li:hover {-webkit-transform:translateY(-2px);transform:translateY(-2px);-ms-transform:translateY(-2px);}
.article-item ul li .list-image {flex-shrink:0;width:200px;margin-right:20px;}
.article-item ul li .list-image a {display:block;width:200px;text-align:center;overflow:hidden;position:relative;border-radius:0.3rem;}
.article-item ul li .list-image img {display:block;position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;object-fit:cover;width:100%;height:150px;}
.article-item ul li .list-main {position:relative;width:100%;}
.article-item ul li h2 {margin-bottom:1rem;line-height:22px;}
.article-item ul li h2 a {font-size:20px !important;color:#16133d;font-weight:bold;}
.article-item ul li h2 a:hover {color:#0e52ff;}
.article-item ul li .decs {margin-bottom:.2rem;}
.article-item ul li .decs p {font-size:14px !important;color:#6b6970;line-height:1.8;}
.article-item ul li .text-xs {width:100%;color:#9ea2ad !important;font-size:13px;display:flex;margin-bottom:1rem;}
.article-item ul li span {margin-right:15px;}
.article-item ul li .meta-r-icon {flex:1;text-align:right;margin-right:0;}
.article-item ul li .meta-r-icon span {margin-right:0;margin-left:15px;}
.article-item ul li span i {margin-right:2px;font-size:16px;position:relative;top:1px;}
.article-item ul li span a {color:#9ea2ad !important;font-size:12px;}
.article-item ul li .post-tag {display:flex;max-height:36px;align-items:center;flex-wrap:wrap;padding-top:8px;overflow:hidden;}
.article-item ul li .post-tag a {display:inline-block;margin:8px 16px 0 0;padding:0 8px;max-width:calc(100% - 16px);font-size:12px;background:#f3f5f7;border-radius:4px;color:#8d8f96;line-height:20px;vertical-align:text-bottom;transition:color .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsconright {float:right;position:relative;width:26.3333%;}

.article-content {background:#fff;margin-bottom:30px;display:block;border-radius: 6px;padding:30px 30px;}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:2px !important;}
.article-detail .detail-title {font-size:1.75rem;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:0;margin-bottom:1rem;}
.article-detail .infos {color:#999;font-size:14px;margin-bottom:25px;}
.article-detail .infos span {color:#999;font-size:14px;margin-right:10px;}
.article-detail .infos span a{color:#333b55;font-size:14px;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}
.article-body {color:#2f3340;font-size:14px;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body img{max-width:100%;height: auto;border-radius: 5px;}
.article-body .hljs{padding:1rem;font-family: "Microsoft Yahei";border-radius: 6px;font-size: 13px;}
.article-body p {margin: 0 0 .5rem;color:#333;font-size:16px;}
.article-body pre {margin: 20px 0;font-size: 12px;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.article-body h1,.article-body h2,.article-body h3 {color:#000;font-size:18px;margin-top: 1rem;margin-bottom: 5px;line-height: 24px;}
.tip {position:relative;background: #f3f6fb;border-radius:6px;margin-bottom:25px;transition:.5s;}
.tip >p {font-size:12px;color:#8d8f96;margin:5px 0;padding:10px;}
.article-tags a{padding: .2rem .5375rem;border-radius: .2rem;margin-right: 5px;}
.help-time{margin-top: 3rem !important;font-size: .875rem!important;color: #6c757d !important;}
.help-time span i{font-size:14px;margin-right:5px;}
.help-time time{float:right;}
.article-nav {position:relative;margin-bottom:30px;overflow:hidden;}
.article-nav-entry {border-radius: 6px;width:calc(50% - 7px);max-width:50%;margin:0;display:inline-block;padding:15px;background-color:#fff;}
.article-nav-entry+.article-nav-entry {margin-right:0;float:right;text-align:right;}
.entry-page-next,.entry-page-prev {margin:0;display:flex;padding:0;position:relative;align-items:center;min-height:60px;border-radius:4px;background:#fff;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.entry-page-info {-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;display:block;padding:16px;z-index:1;}
.entry-page-icon i {font-size:20px;}
.entry-page-prev .entry-page-icon {padding-right:0;}
.entry-page-next .entry-page-icon {padding-left:0;}
.entry-page-prev .entry-page-info {text-align:right;}
.entry-page-next .entry-page-info {text-align:left;}
.entry-page-info .hnav {font-size:12px;line-height:1.625;color:#ccc;display:block!important;}
.entry-page-info .title {font-size:14px;color:#16133d;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;height:18px;line-height:18px;}
.article-relevant ul {padding-top:1rem;}
.article-relevant li {position:relative;padding-left:24px;margin-bottom:12px;list-style:none;}
.article-relevant li:before {position:absolute;content:'';width:6px;height:6px;left:0;top:6px;border-radius:50%;background:#034eff;}
.article-relevant li a {color:#16133d;}

.gift-warp {position: relative;}
.gift-warp ul li {background:#fff;align-items:center;margin-bottom:11px;position:relative;transition: all .3s ease-out 0s;border-radius: 6px;}
.gift-warp ul li:hover {box-shadow:0px 0px 9px 0px rgba(210,222,235,0.72);}
.gift-warp ul li .img {width:120px;height:120px;border-radius:20px;margin:22px 20px;}
.gift-warp ul li .name {color:#333;font-size:18px;font-weight:bold;margin-top:10px;margin-bottom:20px;display:flex;align-items:center;}
.gift-warp ul li .name img {margin-left:13px;}
.gift-warp ul li .info p {font-size:14px;color:#888;line-height:25px;margin-top:10px;}
.gift-warp ul li .info p span {margin-right:40px;}
.gift-warp ul li .img img {width:120px;height:120px;border-radius:20px;}
.gift-warp ul li .down {width:60px;height:60px;border-radius:50%;margin-right:26px;transition: all .3s ease-out 0s;}
.gift-warp ul li .down i {font-size:36px;position:relative;color:#FF881E;background-color:#ffffff;right:0;top:0;border-radius:50%;text-align:center;display:block;margin:0 auto;padding:3px;transition:all .3s ease-out 0s;}
.gift-warp ul li:hover .down i{background:#FF881E;color:#fff;}

.gift-conts {position:relative;background-color:#fff;border-radius:6px;padding:30px;margin-bottom:20px;}
.show-game-down .libao{width: 160px;height: 50px;border-radius: 25px;display: inline-block;border-radius: 25px;}
.show-game-down .libao span,.show-game-down .libao a {display:flex;background:#ff8b67;height:50px;border-radius:25px;line-height:50px;align-items:center;justify-content:center;font-size:16px;color:#fff;cursor:default;}
.show-game-down .libao span i {font-size: 24px;margin-right:5px;}
.show-game-down .libao_no span{background:#888;}
.libao:hover>.game-down-code {display:block;}



.game-reve-gift {background-color:#fff;border-radius:6px;padding:30px;margin-bottom:20px;overflow:hidden;}
.game-reve-gift ul {margin-top:20px;}
.game-reve-gift ul li {width:46%;margin-bottom:17px;font-size:16px;color:#666;margin-right:20px;float:left;}
.game-reve-gift ul li span {font-size:14px;color:#999;margin-left:20px;}
.game-reve-gift ul li .img {width:30px;height:30px;border-radius:10px;margin-right:20px;}
.list-kaifu {background-color:#fff;border-radius:6px;padding:20px;margin-top:30px;margin-bottom:20px;}
.kcbg {width:100%;display:inline-flex;background-color:#f5f5f5;margin-top:20px;}
.kcbg li {width:220px;float:left;height:35px;line-height:35px;text-align:center;}
.kcbg li.kc-n {width:375px !important;}
.kcnr {width:1258px;display:inline-flex;background-color:#fff;border-left:1px solid #eee;border-right:1px solid #eee;}
.kcnr:hover{background-color:#e5f0fd;}
.kcnr li {width:220px;float:left;height:50px;line-height:50px;text-align:center;vertical-align:middle;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.kcnr li.kc-n {width:375px !important;text-align:left;}
.kcnr li img {width:32px;height:32px;margin-right:20px;float:left;margin-top:7px;margin-left:20px;}
.kc-xzbtn a {width:100px;height:30px;background:#f5f5f5;text-align:center;color:#333;display:block;margin:0 auto;line-height:30px;font-size:14px;border-radius:5px;margin-top:10px;}
.kc-xzbtn a:hover {background:#056de8;color:#fff;}
.kc-xzbtn i {width:15px;height:15px;display:block;float:left;margin:0px 0px 0 10px;}
.rankbg {width:100%;height:260px;background:#ffbd13;text-align:center!important;}
.rankbg img {max-width:100%;height:auto;box-sizing:border-box;vertical-align:middle;text-align:center!important;}
.rank-page {background-color:#fff;border-radius:6px;padding:20px;}
.rank-page ul li {background:none;border-bottom:1px dashed #dcdcdc;margin-bottom:0;align-items:center;}
.rank-page ul li:last-child {/* border-bottom:none;*/}
.rank-page li .num {position:unset;width:53px;height:55px;text-align:center;line-height:55px;background:url(../image/icon-rank-num.png)no-repeat center;font-size:16px;font-weight:bold;color:#fff;}
.rank-page ul li .name {color:#333;font-size:16px;font-weight:bold;margin-top:10px;margin-bottom:20px;display:flex;align-items:center;}
.rank-page ul li .info p {font-size:14px;color:#888;line-height:25px;margin-top:10px;}

.rank-page ul li .img {height:110px;width:110px;margin:24px 20px;border-radius: 20px;}
.rank-page ul li .info {margin-right:20px;}
.rank-page ul li:hover {box-shadow:none;}
.rank-page ul li .img img {height:110px;width:110px;border-radius: 20px;}
.rank-page ul li .down {background:#fff;width:60px;height:60px;border:solid 1px #ffcd00;border-radius:50%;margin-right:26px;}
.rank-page ul li .down i {font-size:35px;position:relative;color:#ffcd00;background-color:#fff;right:0;top:0;border-radius:50%;text-align:center;display:block;margin:0 auto;padding:3px;transition:all .3s ease-out 0s;}

.rank-page ul li:hover .down i{color: #fff;background-color: #ffcd00;}

.list-gift-li ul li:nth-child(1) .num {background:url('../image/icon-rank-1.png')no-repeat center;}
.list-gift-li ul li:nth-child(2) .num {background:url('../image/icon-rank-1.png')no-repeat center;}
.list-gift-li ul li:nth-child(3) .num {background:url('../image/icon-rank-1.png')no-repeat center;}
.rank-page ul li .tags {display:flex;align-items:center;}
.rank-page ul li .tags span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius: 15px;}
.rank-page ul li .tags span:first-child {width:80px;height:27px;border:solid 1px #ffa168;text-align:center;line-height:25px;color:#ffa168;margin-right:9px;}
.rank-page ul li .tags span:nth-child(2) {width:80px;height:27px;border:solid 1px #7CC5F3;text-align:center;line-height:25px;color:#58b4e8;margin-right:9px;}
.rank-page ul li .tags span:nth-child(3) {width:80px;height:27px;border:solid 1px #ff8989;text-align:center;line-height:25px;color:#ff8989;}

.zt-zx {
  width: 100%;
  display: inline-block;
  margin-top:20px;
}
.zt-zx li{ width: 370px; height: 250px; float: left; margin-right: 24px; overflow: hidden; position: relative; margin-bottom: 20px;border-radius: 6px;}
.zt-zx li img{width: 370px; height: 250px;object-fit: cover; }
.zt-zx li p{ display: block; width: 100%; height: 50px; line-height: 50px; background: rgba(0, 0, 0, .7); position: absolute; bottom: 0; left: 0; padding: 0 20px; box-sizing: border-box; font-size: 16px; color: #fff;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.zt-zx li .jrzt-btn{ width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border: 1px solid #fff; color: #fff; position: absolute; bottom: 8px; right: 20px; border-radius: 20px;}
.zt-zx li .jrzt-btn:hover{ background: #056de8; color: #fff; border-color: #056de8;}
.zt-zx li:nth-child(3n){ margin-right: 0;}

.ztdesc {background-color:#fff;border-radius:6px;padding:20px;margin:20px 0;}
.ztdesc h1 {padding:0 0;border-top:none;font-weight:600;font-size:20px;color:#056de8;margin-bottom:15px;}
.ztdesc p {color:#666;font-size: 14px;line-height: 26px;}

.page-tags{position: relative;margin-top:20px;}
.page-tags a {
  width: 10.79999%;
  position: relative;
  font-size: inherit !important;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 .25rem .5rem 0;
  border: 1px solid var(--border-light);
  padding: .5rem .5375rem;
  border-radius: 5px;
}
.page-tags a:hover {
  opacity: .8;
  color: inherit;
}

/* 专题模块 */
.box { width: 1300px; margin: auto; overflow: hidden; }
.weizhi { font-size: 14px; color: #888; line-height: 30px; margin: 20px 0; }
.weizhi a { color: #888; padding: 0 5px; }
.m-img {
    display: block;
    width: 100%;
}
.public-hot-topic{ overflow: hidden;display: flex;display:-webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;width: 1300px; }
.special_item{
    width: 400px;border-radius: 18px;background-color: #fff;box-shadow: 0px 2px 13px 0px rgba(22, 191, 108, 0.05); padding: 0 25px; box-sizing: border-box; margin-bottom: 30px; margin-right: 29px;border: #ececec 1px solid;
}
.special_collection{ position: relative; border-bottom: 1px solid #f5f5f5; padding: 20px 70px 20px 0; margin-bottom: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.special_collection .t{ font-weight: 700; font-size: 19px; height: 30px; line-height: 30px; overflow: hidden;}
.special_collection .t:hover{text-decoration: underline;}
.special_collection .words{ font-size: 14px; color: #666; line-height: 24px;}
.special_collection .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  background-color: #ebebeb; border-radius: 20px; font-size: 14px; width: 68px; height: 32px; line-height: 32px; overflow: hidden; display: block; color: #666; text-align: center;}
.special_collection .hot{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  background-color: #ebebeb; border-radius: 20px; font-size: 14px; width: 68px; height: 32px; line-height: 32px; overflow: hidden; display: block; color: #666; text-align: center;}
.special_list{ position: relative; overflow: hidden; padding:18px 80px 18px 0;}
.special_list .section{ display: flex;display:-webkit-flex; align-items: center; -webkit-align-items: center;}
.special_list .section .pic{ width: 66px; height: 66px; border-radius: 14px; overflow: hidden; display: block;}
.special_list .section .info{ flex: 1; -webkit-flex:1; overflow: hidden; padding-left: 11px; box-sizing: border-box;}
.special_list .section .info-title{ display: block; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 4px;}
.special_list .section .info-title:hover{ text-decoration: underline;}
.special_list .section .info-down{ color: #999; font-size: 12px;}
.special_list .section .info-down>span{ display: inline-block; margin-right: 6px;}
.special_list .btn{ position: absolute; right: 0;  top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  display: block; width: 68px; height: 32px; line-height: 32px; text-align: center; background-color: #056de8; border-radius: 20px; color: #fff; font-size: 14px;}
.special_list .hot{ position: absolute; right: 0;  top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  display: block; width: 68px; height: 32px; line-height: 32px; text-align: center; background-color: #056de8; border-radius: 20px; color: #fff; font-size: 14px;}
@media only screen and (max-width: 1024px) {

.special_item.J_item {
width: 50%;
}

.public-hot-topic{width:100%}


}

@media only screen and (max-width: 768px) {

  .special_item.J_item {
 width: 100%;
}

.public-hot-topic{width:100%}

}

.special_list .num1{
        border-radius: 4px;
background-color: #F5585C;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}

.special_list .num2{
        border-radius: 4px;
background-color: #4caf50;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}

.special_list .num3{
        border-radius: 4px;
background-color: #ffc107;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num4{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num5{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num6{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num7{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num8{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num9{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}
.special_list .num10{
        border-radius: 4px;
background-color: #999;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-right: 20px!important;
}

.insertApp {
	background: #fafafa;
	padding: 20px;
	margin-top: 20px;
	border-radius: 5px;
	display: flex !important;
}

.insertApp .pic {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 5px;
	margin-right: 20px;
}

.insertApp .pic img {
	width: 100px;
	height: 100px;
}

.insertAppInfo h4 {
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	display: block;
	color: #333;
	font-weight: 500;
	margin-bottom: 6px;
}

.insertAppInfo li {
	color: #666;
	width: 40%;
	font-size: 14px;
	line-height: 28px;
}

.insertAppInfo li span {
	color: #999;
}

.insertAppBtn {
	border-radius: 5px;
	background-color: #056de8;
	padding: 10px 30px;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 20px;
}

.insertAppBtn:hover {
	background-color: #f60;
}

.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-en {
	display: flex;
	align-items: flex-end;
}

.d-flex-start {
	display: flex;
	align-items: flex-start;
}

.d-flex-end {
	display: flex;
	justify-content: flex-end;
}

.d-flex-between {
	display: flex;
	justify-content: space-between;
}

.d-flex-justify-center {
	display: flex;
	justify-content: center;
}

.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-1 {
	flex: 1;
}
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}


.ztDetailTop {
    width: 100%;
    height: 286px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    margin-top: -23px;
}

.ztDetailTop img {
    float: left;
    width: 400px;
    height: 240px;
    border-radius: 10px;
    margin: 22px 20px 0px 22px;
}

.ztDetailTop .right {

    white-space: nowrap;
    overflow: hidden;
}

.ztDetailTop .right > h1 {
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin-top: 24px;
}

.ztDetailTop .right > p:nth-child(2) {
    height: 34px;
    line-height: 34px;
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.ztDetailTop .right > p:nth-child(2) i {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: -32px -400px;
    vertical-align: top;
    margin: 9px 8px 0px 0px;
}

.ztDetailTop .right > p:nth-child(2) span {
    color: rgb(238, 62, 49);
    font-size: 22px;
    font-weight: bold;
    float: right;
}

.ztDetailTop .right div {
    height: 128px;
    border-radius: 8px;
    background: rgb(247, 247, 247);
    padding: 22px 16px 0px;
    margin-top: 14px;
    position: relative;
}

.ztDetailTop .right div i {
    position: absolute;
    top: -9px;
    width: 32px;
    height: 25px;
    background-position: -66px -400px;
}

.ztDetailTop .right div p {
    width: 604px;
    float: left;
    white-space: normal;
    line-height: 26px;
    color: rgb(153, 153, 153);
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.ztDetailMid {
    overflow: hidden;
    margin: 25px 0px 10px;
}

.ztDetailMid li {
    float: left;
    margin: 0px 23px 20px 0px;
    position: relative;
}

.ztDetailMid li:nth-child(4n) {
    margin-right: 0px;
}

.ztDetailMid li {
    display: block;
    width: 282px;
    height: 230px;
    border-radius: 10px;
    background: url("../image/ztbg1.jpg");
}

.ztDetailMid li .top {
    overflow: hidden;
    padding: 21px 0px 15px;
}

.ztDetailMid li .top img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 18px;
    margin: 0px 15px 0px 18px;
}

.ztDetailMid li .top div {
    float: left;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.ztDetailMid li .top div a:nth-child(1) {
    height: 24px;
    line-height: 24px;
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: bold;
}

.ztDetailMid li .top div p:nth-child(2) {
    height: 24px;
    line-height: 24px;
}

.ztDetailMid li .top div p:nth-child(3) {
    height: 22px;
    line-height: 22px;
}

.ztDetailMid li .top div p:nth-child(4) {
    height: 30px;
    line-height: 30px;
}

.ztDetailMid li .top div p:nth-child(4) i {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: -32px -400px;
    vertical-align: top;
    margin: 6px 8px 0px 0px;
}

.ztDetailMid li .mid {
    line-height: 20px;
    color: rgb(153, 153, 153);
    font-size: 14px;
    margin: 0px 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ztDetailMid li .bottom {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-align: center;
    border-top: 1px solid rgb(228, 228, 228);
    background: rgb(255, 255, 255);
    margin-top: 15px;
    border-radius: 0px 0px 10px 10px;
    transition: background 0.2s ease-in-out 0s;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ztDetailMid li.down:hover .bottom {
    background: rgb(255, 148, 0);
    color: rgb(255, 255, 255);
}

.ztDetailMid li.look:hover .bottom {
    background: rgb(0, 192, 255);
    color: rgb(255, 255, 255);
}

.ztDetailMid li.down:hover .top div p:nth-child(1) {
    color: rgb(255, 148, 0);
}

.ztDetailMid li.look:hover .top div p:nth-child(1) {
    color: rgb(0, 192, 255);
}

.ztDetailBottom .tlt {
    height: 56px;
    line-height: 56px;
    color: rgb(51, 51, 51);
    font-size: 28px;
    font-weight: bold;
}

.ztDetailBottom .tlt a {
    float: right;
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: rgb(255, 153, 0);
    font-size: 14px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 246, 220);
    border-radius: 14px;
    box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px;
    transition: box-shadow 0.2s ease-in-out 0s;
    margin-top: 13px;
}

.ztDetailBottom .tlt a:hover {
    opacity: 0.9;
    box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px;
}

.ztDetailBottom ul li {
    float: left;
    margin: 19px 37px 61px 0px;
    position: relative;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;
}

.ztDetailBottom ul li:nth-child(4n) {
    margin-right: 0px;
}

.ztDetailBottom ul li a::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 272px;
    height: 84px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.565), transparent);
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
}

.ztDetailBottom ul li a, .ztDetailBottom ul li a img {
    display: block;
    width: 272px;
    height: 175px;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.5s ease 0s;
}

.ztDetailBottom ul li a p {
    position: absolute;
    bottom: 0px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-indent: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 2;
}

.ztDetailBottom ul li:hover a img {
    transform: scale(1.05);
}

 /* CSS Document  */
@media (max-width: 1300px) {
.box { width: 96% }
.logo img { height: 46px; margin-bottom: 6px; }
.search { width: 40%; margin: 5px 0 0; height: 30px; }
.logo { margin-bottom: 0; }
.search input.input_text { line-height: 30px; height: 30px; }
.search input.input_submit { height: 30px; line-height: 30px; }
nav ul li a { padding: 0 10px }
nav ul li { font-size: 15px }
.isgood ul:before { display: none }
.isgood ul li img { height: 50px; }
.isgood ul li { font-size: 12px; width: 64px; }
.isgood ul { margin: 0; }
nav { line-height: 44px; }
.topnews { width: 48%; }
.top_tit li { font-size: 14px; line-height: 32px; width: 100px; }
.pics { width: 50% !important; height: 295px !important }
.pics .swiper-slide { height: 295px !important; }
.pics h4 { font-size: 12px !important }
a.remore { top: -37px; font-size: 12px; }
.yw_list span { display: none }
.yw_list li { line-height: 27px; font-size: 13px; text-indent: 12px; }
.yw_list li:before { top: 9px }
.games ul li img { height: 50px; }
.games ul li { font-size: 12px; }
.news_tit h3 { font-size: 18px; }
.news_tit li { font-size: 14px; }
.news_left { width: 70%; }
.news_right { width: 27%; }
.news_right h3 { font-size: 15px }
.news_right h3 i { height: 20px }
ul.soft_list li img { height: 50px; margin: 7px auto 5px; }
ul.soft_list li { font-size: 13px; }
ul.r_hot li i {width: 40px;height: auto;}
ul.r_hot li span { display: none; }
ul.r_hot li { margin: 5px 0 0; padding-bottom: 8px; }
ul.r_hot li p { margin: 10px 0 4px; font-size: 13px }
.soft { margin: 20px 0 0; }
.ins_soft_list dt { font-size: 15px; margin: 15px 0px; }
.ins_soft_list dl dd i { width: 16px; margin-right: 5px; }
.ins_soft_list dl dd { line-height: inherit; margin-bottom: 10px; font-size: 13px; margin-right: 20px; }
ul#tab.text_tit li { font-size: 18px; }
ul.txt_news li { font-size: 13px; line-height: 32px; }
a.txt-class { font-size: 12px }
ul.hot_txt li { font-size: 13px; line-height: 27px; }
.copy { font-size: 13px; }
.endnav { font-size: 13px; }
.news_list li i { width: 110px; height: 76px; }
.news_list li h2, .h_tit { font-size: 16px; }
.news_list_info { font-size: 13px; line-height: 20px; }
.news_list_time { display: none; }
.down_link { width: 90%; overflow: hidden; clear: both; float: initial; }
img.adimg { float: none; margin: 20px 0 0; clear: both; }
.isgood.other ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.isgood.other ul li { margin-right: 15px; }
}
@media (max-width: 700px) {
.pics { width: 100% !important; height: auto !important }
.pics .swiper-slide { height: auto !important; }
.topnews, .news_left, .news_right { width: 100% }
.games ul li { width: 20% }
.yw_list span, ul.r_hot li span { display: block; }
.copy { font-size: 12px; }
.ins_soft_list dl { width: 25% }
ul.r_hot li p { margin: 3px 0 4px; }
.news_tit h3 a, a.remore { display: none }
nav { overflow-x: auto; }
nav .box { width: max-content; overflow-x: auto; }
nav ul li a { padding: 0 18px; }
.logo img { height: 33px; }
.search { width: 60%; margin: 0; height: 26px; }
.search input.input_text { line-height: 30px; height: 28px px; font-size: 12px; }
.search input.input_submit { height: 28px; line-height: 28px; font-size: 12px; }
nav { line-height: 36px; }
.isgood { overflow-x: auto; }
.isgood ul { width: max-content; overflow-x: auto; }
.isgood ul li { width: 72px; }
.pics { margin: 15px 0 0 0 !important }
.games ul li { width: 20%; }
.games ul { padding: 0 }
ul.soft_list li span { display: none }
ul.r_hot li { border-bottom: none }
.news_tit h3 { float: none; }
.news_tit li { margin: 0 10px 0 0; }
.news_tit li:after { right: -9px; }
ul.soft_list li { border: none; margin: 3px; font-size: 12px; width: 18% }
ul.soft_list li a { margin: 0; }
ul.r_hot li { width: 50%; float: left; margin: 5px 0; }
.text_soft .news_tit li:after { right: -27px; }
.ins_soft_list { overflow-x: auto; }
.gd { overflow-x: auto; width: max-content; }
.ins_soft_list dl {width: 14.285%;}
.yw_list span { display: none; }
.endnav ul li { margin: 0 6px; line-height: 40px; }
.endnav ul li:after { display: none; }
.copy { padding: 0 20px; line-height: 22px; margin: 10px 0 0; }
ul.r_love li img { width: 40px; }
ul.r_love li { line-height: 40px; margin: 10px 0; width: 50%; float: left; }
ul.r_love.dottd li { line-height: 34px; width: 100%; margin: 0; }
.btn-blue a {bottom: inherit;top: 0;width: 20%;font-size: 12px;height: 30px;line-height: 30px;}
.fl_class ul { padding: 5px; font-size: 14px; }
.soft.ms ul.soft_list li:nth-last-child(-n+3) { display: none; }
ul.soft_list.pages li { width: 25%; margin:0; }
ul.soft_list li img { height: 60px; }
.fl_class ul li a { padding: 0 8px }
.ins_soft_list dl dd i {width: 40px;margin-right: 5px;}
.ins_soft_list dl dd {line-height: 40px;}
.weizhi{ font-size:12px;}
img.adimg {width: 100%;}
}
.public-hot-topic__item.J_item {
 width: 100%;
}
@media screen and (max-width:1200px) {
	.soft_info .qr-info {
		display: none !important;
	}
}

@media screen and (max-width:1200px) {
	.h_tit {
		display: none !important;
	}
}
@media screen and (max-width:1200px) {
	.down_link {
		display: none !important;
	}
}


@media only screen and (max-width: 1024px) {

.public-hot-topic__item.J_item {
width: 50%;
}




}

@media only screen and (max-width: 768px) {

  .public-hot-topic__item.J_item {
 width: 100%;
}
.pcBtn.pc{display:none}
.flex-wrap{display:none}
ul.r_hot li b{display:none}
@media (max-width: 1200px) {
.soft_down a, .soft_down div {
    float: left;
     width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    margin: 0 10px 10px 0;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    transition: opacity ease .3s;
    cursor: pointer;
}}

.games { }
.games ul { display: flex; flex-wrap: wrap; justify-content: flex-start; background: linear-gradient(to top, #f1f3f4, transparent); padding: 10px; }
.games ul li { width: 10%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; margin-bottom: 15px; }
.games ul li img { height: 82px; margin: 10px auto; }