@charset "utf-8";

section {background-color: #fff;}
.index-h {border-bottom: 2px solid #eee;line-height: 38px;position: relative;}
.index-h .more {position: absolute;right: 0;top: 0}
.index-h .more a {margin-left: 10px}
.index-h .t {border-bottom: 3px solid #17b1f2;margin-bottom: -2px;line-height: 30px;display: inline-block;vertical-align: top;font-size: 22px;padding: 0 0 7px;color: #333333;cursor: pointer;}
.index-h .tab-more {display: inline-block;vertical-align: top;margin-left: 20px;font-size: 18px;}
.index-h .tab-more a {display: block;float: left;position: relative;padding: 0 15px;cursor: pointer;}
.index-h .tab-more a.active:after {content: '';border-width: 6px 6px 0;border-style: solid;border-color: #17b1f2 transparent transparent;height: 0;width: 0;position: absolute;left: 50%;bottom: -6px;margin-left: -6px;}
.focusgame {padding: 20px;margin-top: 34px;background-color: #fff;margin-bottom: 15px;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);}
.focusgame .gimg {float: left;width: 124px;height: 124px;overflow: hidden;margin-top: -42px;display: inline;}
.focusgame .gimg img {width: 124px;height: 124px;display: block;}
.focusgame .gcon {float: left;width: 730px;overflow: hidden;margin-left: 15px;margin-right: 7px;display: inline;}
.focusgame .gname {height: 34px;line-height: 34px;overflow: hidden;font-size: 24px;font-weight: 700;}
.focusgame .gname a:hover {color: #17b1f2;text-decoration: underline;}
.focusgame .gintro {line-height: 20px;overflow: hidden;color: #666;margin-top: 4px;font-size: 12px;}
.focusgame .glink {height: 24px;line-height: 24px;overflow: hidden;font-size: 14px;margin-top: 6px;}
.focusgame .glink span {float: left;height: 24px;overflow: hidden;margin-right: 15px;display: inline;color: #f60;text-decoration: underline;}
.focusgame .icon {display: inline-block;background-repeat: no-repeat;background-size: 100%;}
.focusgame .look {position: relative;float: left;width: 122px;height: 78px;margin-top: 15px;}
.focusgame .look a {display: block;width: 120px;line-height: 32px;font-size: 14px;color: #17b1f2;border: 1px solid #17b1f2;text-align: center;margin-bottom: 10px;}
.focusgame .look a i {width: 20px;height: 20px;background-image: url(../images/rank-icon-download.png);position: relative;top: 8px;margin-right: 8px;}
.focusgame .look a:hover {color: #fff;background-color: #17b1f2;}
.focusgame .look a:hover i {top: 5px;background-image: url(../images/rank-download-hover.png);}
.focusgame .look div {display: block;width: 120px;line-height: 32px;font-size: 14px;color: #17b1f2;border: 1px solid #17b1f2;text-align: center;}
.focusgame .look div i {width: 17px;height: 17px;background-image: url(../images/rank-icon-ewm.png);position: relative;top: 3px;margin-right: 8px;}
.focusgame .look .arrow {width: 62px;height: 22px;background: url(../images/index_icon.png) no-repeat;background-position: 0px -463px;position: absolute;top: 68px;left: 96px;}
.focusgame .code {float: right;width: 80px;padding: 9px;border: 8px solid #17b1f2;}
.focusgame .code img {width: 100%;height: 100%;display: block;}
.main_box {padding: 20px;}
.zt-list-box .zt-list {display: flex;flex-wrap: wrap;}
.zt-list-box .zt-list li {width: 572px;height: 300px;margin: 20px 0px 0px 16px;}
.zt-list-box .zt-list li:nth-of-type(odd) {margin-left: 0;}
.zt-list-box .zt-list li:hover {background-color: #f1f1f1;}
.zt-list-box .zt-list li .zt-info {width: 570px;height: 298px;border: 1px solid #EAEAEA;}
.zt-list-box .zt-list li .zt-info h2 a {display: block;width: 540px;height: 24px;line-height: 24px;overflow: hidden;margin: auto;margin-top: 10px;font-weight: bold;font-size: 20px;}
.zt-list-box .zt-list li .zt-info .zt-box {width: 540px;margin: auto;overflow: hidden;margin-top: 15px;}
.zt-list-box .zt-list li .zt-info .zt-box img {width: 275px;height: 130px;}
.zt-list-box .zt-list li .zt-info .zt-box .desc {float: right;width: 248px;margin-top: 5px;}
.zt-list-box .zt-list li .zt-info .zt-box .desc p {height: 75px;line-height: 25px;color: #666666;display:-webkit-box;overflow: hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.zt-list-box .zt-list li .zt-info .zt-box .desc .time {line-height: 16px;height: 16px;color: #999999;font-size: 12px;margin-top: 22px;}
.zt-list-box .zt-list li .game-list {width: 560px;margin: 16px auto;}
.zt-list-box .zt-list li .game-list a {width: 64px;height: 90px;display: block;float: left;padding-left: 25px;}
.zt-list-box .zt-list li .game-list a img {width: 64px;height: 64px;}
.zt-list-box .zt-list li .game-list a p {display: block;width: 64px;height: 18px;line-height: 18px;overflow: hidden;text-align: center;margin-top: 7px;font-size: 14px;color: #333333;text-decoration: none;}
.zt-list-box .zt-list li .game-list a:hover p {color: #17b1f2;}