/* index-tit */
.index-tit {position: relative;border-bottom: 2px solid #efefef;}
.index-tit h4 {float: left;color: #444;font-size: 18px;font-weight: bold;padding-bottom: 15px;position: relative;}
.index-tit h4:before {content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #1691f0;}
.index-tit:after {content: "";display: block;clear: both;}
.mod-more {float: right;color: #1691f0;font-size: 14px;height: 18px;line-height: 18px;padding-right: 20px;position: relative;}
.mod-more:before {content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 16px;height: 16px;background: #dfdfdf;border-radius: 50%;}
.mod-more:after {content: "";position: absolute;top: 50%;right: 6px;transform: translateY(-50%) rotate(45deg);border: 1px solid #666;width: 3px;height: 3px;border-color: #666 #666 transparent transparent;}
/* main-top */
.main-top {overflow: hidden;}
.mt-l {float: left;width: 380px;}
.mt-c {float: left;width: 460px;margin-left: 30px;}
.mt-r {float: left;margin-left: 50px;width: 280px;}
/*img-lb*/
.img-lb {width: 380px;height: 260px;}
.img-lb img { display: block; width: 100%; height: 100%; }
.img-lb li span {position: absolute;bottom: 0;left: 0;color: #fff;width: 80%;padding-right: 20%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;text-indent: 1em;height: 115px;background-image: linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 100%);line-height: 145px;text-align: center;}
.img-lb li { position: relative; }
.img-lb .img-lb-page { left: auto; right: 20px; width: auto; }
.img-lb .img-lb-page span {opacity: 1;background: #fff;margin: 0;}
.img-lb .img-lb-page span.swiper-pagination-bullet-active {background: transparent;width: 11px;height: 11px;border: solid 1px #ffb033;transform: translateY(2px);}
/* zt-t */
.zt-recommend {/*! margin-top: 45px; */}
.zt-recom-top {/*! height: 135px; */margin-top: 10px;overflow: hidden;position: relative;border: solid 1px #e9e9e9;box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.16);}
.zt-recom-top a{display: block;position: relative;max-height: 110px;overflow: hidden;margin-bottom: 5px;box-shadow: 2px 2px 2px #eee;}
.zt-recom-top img {/*! display: block; *//*! height: 100%; *//*! min-width: 320px; *//*! transform: translateX(-35px); *//*! transition: all .3s ease; */}
.zt-fix-r {position: absolute;top: 0;right: 0;width: 100px;height: 100%;background: #fcfcfc;transition: all .3s ease;}
.zt-fix-r:before {/*! content: ""; *//*! position: absolute; *//*! top: 0; *//*! left: 0; *//*! border: 20px solid #fcfcfc; *//*! transform: translateX(-100%); *//*! border-color: #fcfcfc #fcfcfc transparent transparent; *//*! border-width: 70px 20px; */}
.zt-fix-r h5 {display: block;color: #333;font-size: 16px;height: 48px;line-height: 24px;margin-top: 24px;overflow: hidden;width: 80px;text-align: right;}
.zt-fix-r p {width: 80px;height: 12px;font-size: 12px;line-height: 12px;color: #999;overflow: hidden;margin-top: 20px;text-align: center;}
.zt-recom-top:hover img { transform: translateX(0); }
/* zt-b */
.news-qy-label {position: relative;margin: 2px 0 0 -15px;}
.news-qy-label li {float:  left;width: 114px;height: 50px;background-color: #ffffff;box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.09);border: solid 1px #e9e9e9;margin: 10px 0 0 15px;position:  relative;}
.news-qy-label li a {display:  block;text-align:  center;line-height: 52px;width: 114px;height: 51px;overflow:  hidden;position:  absolute;transition: color .2s ease;right:  -1px;top: -1px;color: #ffae5f;}
.news-qy-label:after { content:  ""; clear: both; display:  block; }
.news-qy-label li a:after { content:  ""; position:  absolute; top: -1px; right: -1px; border: 8px solid; border-color: #ffae5f #ffae5f  transparent  transparent; transition: all .5s ease; }
.news-qy-label li:hover a:after { border-width: 100px; }
.news-qy-label li:hover a em { color:  #fff; }
.news-qy-label li em { position:  relative; z-index:  1; }
.news-qy-label li a:before {content: "";position:  absolute;right: -4px;top: -7px;width:  22px;height:  25px;background: url(../images/index-jlt.png) 0 0 no-repeat;z-index: 1;display: none;}
.news-qy-label li:hover {box-shadow:  none;border-color: transparent;}
.news-qy-label li:hover a:before { display:  block; }
.news-qy-label li:nth-child(2) a { color: #f74b4b; }
.news-qy-label li:nth-child(2) a:after{ border-color:#f74b4b #f74b4b  transparent  transparent; }
.news-qy-label li:nth-child(3) a { color: #674bf7; }
.news-qy-label li:nth-child(3) a:after{ border-color:#674bf7 #674bf7  transparent  transparent; }
.news-qy-label li:nth-child(4) a { color: #c49155; }
.news-qy-label li:nth-child(4) a:after{ border-color:#c49155 #c49155  transparent  transparent; }
.news-qy-label li:nth-child(5) a { color: #93d877; }
.news-qy-label li:nth-child(5) a:after{ border-color:#93d877 #93d877  transparent  transparent; }
.news-qy-label li:nth-child(6) a { color: #f38ce3; }
.news-qy-label li:nth-child(6) a:after{ border-color:#f38ce3 #f38ce3  transparent  transparent; }
/* mt-c-tab */
.mt-c-tab {position: relative;border-bottom: 2px solid #fff0e5;}
.mt-c-tab:after {content: "";display: block;clear: both;}
.mt-c-tab li {float: left;width: 25%;text-align: center;font-size: 16px;color: #333;height: 28px;}
.mt-c-tab li.active {color: #1691f0;font-weight: bold;position: relative;}
.mt-c-tab li.active:after {content: "";position: absolute;bottom: -2px;width: 100%;height: 2px;background: #1691f0;left: 0;}
.mt-c-count ul li {width: 428px;height: 50px;position: relative;margin-left: 32px;}
.mt-c-count ul li:after {content: "";display: block;clear: both;}
.mt-c-count ul li:hover {background: #f5f5f5;}
.mt-c-count ul li:before {content: "";position: absolute;top: 50%;left: -23px;transform: translateY(-50%) rotate(45deg);border: 1px solid #868686;width: 8px;height: 8px;background: #fff;z-index: 1;}
.mtc-label {float: left;color: #999;font-size: 12px;height: 50px;line-height: 50px;margin-left: 20px;width: 50px;position: relative;}
.mtc-imgbox {float: left;width: 30px;height: 30px;margin: 10px 0 0 20px;overflow: hidden;}
.mtc-imgbox img {display: block;width: 100%;height: 100%;border-radius: 2px;}
.mtc-tit {float: left;width: 170px;font-size: 16px;height: 50px;line-height: 50px;color: #333;margin-left: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tj_news .mtc-tit{width:250px;}
.mtc-time {float: right;margin-right: 20px;color: #999;font-size: 12px;height: 50px;line-height: 50px;}
.mtc-label:before {content: "";position: absolute;top: 0;left: -38px;height: 100%;border-left: 1px dashed #c2c2c2;}
.mt-c-count ul li:first-child .mtc-label:before {top: auto;bottom: 0;height: 50%;}
.mt-c-count ul li:last-child .mtc-label:before {height: 50%;}
.mt-c-count ul {display: none;overflow: hidden;}
.mt-c-count ul.active {display: block;}
.mtc-tit:hover {color: #1691f0;}
/* editor-recommend */
.editor-recommend li {overflow: hidden;margin-top: 27px;}
.editor-imgbox {float: left;width: 70px;height: 70px;}
.editor-imgbox img {display: block;width: 100%;height: 100%;border-radius: 5px;}
.editor-cne {float: left;margin-left: 12px;width: 130px;}
.editor-tit {display: block;color: #333;height: 16px;line-height: 16px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.editor-cne span {display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;margin-top: 12px;}
.editor-cne em {display: block;color: #de3b3b;height: 12px;line-height: 12px;font-size: 12px;margin-top: 13px;}
.editor-btn {display: block;float: right;width: 55px;height: 24px;background: #1691f0;text-align: center;line-height: 24px;color: #fff;font-size: 12px;margin-top: 24px;}
/* software-mod */
.software-mod {margin: 50px auto 0;}
.tab-li {overflow: hidden;margin-top: 3px;margin-left:50px;float:left;width: 1000px;height: 18px;}
.tab-li a {float: left;height: 18px;line-height: 18px;font-size: 18px;color: #222;position: relative;padding: 0 10px;}
.tab-li a.active,.tab-li a:hover {color: #1691f0;}
.tab-li a:before {content: "/";color: #ccc;font-size: 18px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tab-li a:first-child:before {display: none;}
.software-bottom li img {display: block;margin: 0 auto;width: 80px;height: 80px;border-radius: 12px;}
.software-bottom li .software-item-tit {display: block;margin-top: 12px;font-size: 14px;color: #333;height: 14px;line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.software-bottom li {float: left;margin: 20px 10px;width: 80px;}
.software-bottom ul {overflow: hidden;/*! margin-left: -48px; */display: none;}
.software-bottom ul.active {display: block;}
.software-box {overflow: hidden;}
.software-rank {float: right;width: 280px;margin-top:30px;}
.software-bottom {/*! float: left; */width: 100%;}
/* software-rank */
.rank-count ul {display: none;}
.rank-count ul.active {display: block;}
.rank-count ul li.active .rank-hide {display: block;}
.rank-show {display: block;overflow: hidden;}
.rank-hide {display: none;overflow: hidden;}
.rank-count ul li.active .rank-show {display: none;}
.rank-num-hide {float: left;width: 15px;height: 70px;background: #b0b0b0;text-align: center;line-height: 70px;color: #fff;font-size: 12px;}
.rank-hide img {display: block;float: left;width: 70px;height: 70px;margin-left: 12px;border-radius: 10px;}
.rank-hide-r {float: left;width: 110px;margin-left: 15px;}
.rank-hide-tit {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;font-size: 16px;margin-top: 14px;height: 16px;line-height: 16px;}
.rank-hide-type {display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;margin-top: 16px;}
.rank-hide-btn {float: right;width: 55px;height: 24px;background: #1691f0;text-align: center;line-height: 24px;color: #fff;font-size: 12px;margin-top: 20px;}
.rank-num {float: left;width: 15px;height: 15px;background-color: #b0b0b0;text-align: center;line-height: 15px;font-size: 12px;color: #fff;margin-top: 1px;}
.rank-tit {float: left;margin-left: 12px;color: #333;font-size: 14px;height: 19px;line-height: 19px;white-space: nowrap;overflow: hidden;text-overflow: inherit;width: 210px;}
.rank-show-btn {float: right;width: 36px;height: 17px;border: solid 1px #dfdfdf;line-height: 18px;text-align: center;color: #999;font-size: 12px;}
.rank-count ul li {margin-top: 20px;}
.rank-count {overflow: hidden;margin-top: 5px;}
.rank-count ul li:nth-of-type(1) .rank-num-hide,.rank-count ul li:nth-of-type(1) .rank-num {background: #f41818;}
.rank-count ul li:nth-of-type(2) .rank-num-hide, .rank-count ul li:nth-of-type(2) .rank-num {background: #ff5454;}
.rank-count ul li:nth-of-type(3) .rank-num-hide, .rank-count ul li:nth-of-type(3) .rank-num {background: #ffacac;}
.software-rank-tit {display: block;font-size: 18px;color: #7c58d8;font-weight: bold;position: relative;text-indent: 30px;}
.software-rank-tit:before {content: "";position: absolute;top: -3px;left: 0;width: 19px;height: 21px;background: url(../images/index-jlt.png) -37px 0 no-repeat;}
/* hot-collection */
.collection {display: block;margin: 50px auto 0;width: 1200px;position: relative;}
.collection .swiper-slide img {display: block;width: 100%;min-height: 108px;}
.collection .swiper-container {padding: 30px 0 10px;}
.collection .swiper-slide {box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.14);border-radius: 5px;overflow: hidden;}
.collection-img-box:hover h5 {height: 30px;line-height: 30px;}
.collection .swiper-slide p {display: block;color: #666;font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;margin: 15px 15px 0;}
.coll-btn {display: block;color: #1691f0;text-align: center;height: 40px;line-height: 40px;font-size: 12px;position: relative;text-indent: -30px;}
.coll-btn:after {content: "\279F";position: absolute;top: 50%;left: 60%;width: 20px;color: #1691f0;font-size: 20px;height: 12px;line-height: 12px;transform: translateY(-50%);}
.hj-next,.hj-prev {position: absolute;width: 20px;height: 70px;background: #f1f1f1;border-radius: 2px;border: solid 1px #eaeaea;top: 50%;cursor: pointer;outline: none;}
.hj-prev {left: 0;transform: translateX(-150%);}
.hj-next {right: 0;transform: translateX(150%);}
.hj-next:after, .hj-prev:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 10px;height: 10px;border: 1px solid #ddd;content: "";}
.hj-prev:after {border-color: transparent transparent #ddd #ddd;left: 70%;}
.hj-next:after {border-color: #ddd #ddd transparent transparent;left: 30%;}
.collection-img-box {display: block;height: 108px;overflow: hidden;position: relative;border-radius: 5px;}
.collection-img-box h5 {position: absolute;bottom: 0;left: 0;width: 90%;padding: 0 5%;height: 108px;line-height: 108px;background: rgba(0,0,0,.5);color: #fff;font-weight: normal;font-size: 14px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .3s ease;}
/* website-rank */
.website-rank {position: relative;margin-left: -24px;margin-top: 70px;}
.rank-item {float: left;width: 280px;border: solid 1px #e1e1e1;margin-left: 24px;}
.tank-item-tit {display: block;text-align: center;color: #333;font-size: 20px;font-weight: bold;background: #fff;width: 175px;margin: 0 auto;transform: translateY(-50%);height: 27px;line-height: 27px;position: relative;}
.website-rank:after {content: "";display: block;clear: both;}
.tank-item-tit:before,.tank-item-tit:after {content: "";width: 28px;height: 27px;position: absolute;left: 10px;background: url(../images/index-jlt.png) -65px 0 no-repeat;}
.tank-item-tit:after {left: auto;right: 10px;}
.rank-item:nth-of-type(2) .tank-item-tit:before,.rank-item:nth-of-type(2) .tank-item-tit:after {background-position-x: -102px;}
.rank-item:nth-of-type(3) .tank-item-tit:before,.rank-item:nth-of-type(3) .tank-item-tit:after {background-position-x: -139px;}
.rank-item:nth-of-type(4) .tank-item-tit:before,.rank-item:nth-of-type(4) .tank-item-tit:after {background-position-x: -176px;}
.rk-list {padding: 0 14px 0 13px;overflow: hidden;}
.rk-list li.active .rk-hide {display: block;}
.rk-list li.active .rk-show {display: none;}
.rk-list li .rk-show {display: block;}
.rk-list li .rk-hide {display: none;}
.rk-num {float: left;width: 20px;height: 20px;background: #b6b6b6;text-align: center;color: #fff;line-height: 20px;font-size: 14px;margin-top: 10px;}
.rk-list li {overflow: hidden;margin-top: -10px;padding-bottom: 10px;}
.rk-hide img {display: block;float: left;width: 80px;height: 80px;border-radius: 10px;}
.rk-box {float: left;border-top: 1px solid #e7e7e7;padding: 10px 0;margin-left: 13px;width: 220px;}
.rk-show h5 {display: block;color: #333;font-size: 14px;font-weight: normal;height: 20px;line-height: 20px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rk-r h5 {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;height: 16px;line-height: 16px;color: #333;font-weight: normal;}
.rk-r {float: left;width: 120px;margin-left: 15px;}
.rk-type {margin-top: 17px;height: 12px;line-height: 12px;color: #999;font-size: 12px;display: block;}
.rk-type em {color: #666;margin-left: 2px;}
.rk-score {display: block;width: 86px;height: 13px;margin-top: 10px;background: url(../images/index-jlt.png) 0 -34px no-repeat;}
.rk-score i {display: block;background: url(../images/index-jlt.png) -96px -34px no-repeat;height: 100%;}
.rk-list li:nth-of-type(-n+3) .rk-num {background: #ed1c1c;}
.website-rank .rank-item:nth-of-type(2) li:nth-of-type(-n+3) .rk-num {background: #1c7eed;}
.website-rank .rank-item:nth-of-type(3) li:nth-of-type(-n+3) .rk-num {background: #23c22a;}
.website-rank .rank-item:nth-of-type(4) li:nth-of-type(-n+3) .rk-num {background: #ffa235;}
/* old-mod */
.old-mod {margin: 40px auto;}
.recommend-game-list {overflow: hidden;margin-left: -1.666%;height: 380px;}
.recommend-game-list li {float: left;width: 15%;margin-top: 25px;margin-left: 1.666%;}
.recommend-game-list a {display: block;color: #333;font-size: 12px;height: 12px;line-height: 12px;position: relative;text-indent: 20px;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.recommend-game-list a:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 50%;width: 7px;height: 7px;background: #d0d0d0;}
.old-one-l {float: left;width: 870px;}
.old-one {overflow: hidden;}
.old-one-r {float: right;width: 280px;}
.game-topic {overflow: hidden;margin-left: -10px;height: 380px;}
.game-topic li {float: left;width: 85px;height: 35px;border: 1px solid #ddd;border-radius: 3px;overflow: hidden;margin: 10px 0 0 9px;}
.game-topic li img {display: block;float: left;width: 35px;height: 35px;border-radius: 3px;}
.game-topic li h5 {float: left;width: 50px;height: 35px;line-height: 35px;font-size: 12px;color: #333;font-weight: normal;text-indent: 5px;overflow: hidden;}
.game-topic li:hover {background: #1c7eed;}
.game-topic li:hover h5 {color: #fff;}
.recommend-game-list li:hover a {color: #f1565b;}
.recommend-game-list li:hover a:before {background: #f1565b;}
.old-two .tab-li a.active {background: #f1565b;color: #fff;font-weight: bold;}
.old-two .tab-li a {color: #999;font-size: 14px;width: auto;height: 33px;line-height: 33px;padding: 0 27px;}
.old-two .tab-li {margin: 0 0 0 80px;height: 33px;overflow: hidden;width:1030px;}
.old-two .tab-li a:before {content: "";border: 17px solid #fff;border-color: transparent transparent transparent #fff;}
.old-two .tab-li a:after {content: "";border: 17px solid #fff;border-color: transparent #fff transparent transparent;position: absolute;top: 0;right: 0;}
.old-two .tab-li a:first-child:before {content: "";border: 17px solid #fff;border-color: transparent transparent transparent #fff;display: block;}
.old-two .tab-li a.active {padding: 0 40px;}
.old-two {margin: 40px auto 0;}
.old-two .software-bottom {width: auto;}
.old-two .software-bottom li {width: 100px;margin: 20px 0 0 30px;}
.old-two .software-bottom li img {display: block;width: 100%;border-radius: 0;height: 75px;}
.old-two .software-bottom ul {margin: 0;}
.old-two .software-bottom li span {display: block;color: #333;font-size: 12px;height: 12px;line-height: 12px;margin-top: 12px;}