/* kaifamei原创源码，唯一官网：www.kaifamei.com */
/* kaifamei原创源码，唯一官网：www.kaifamei.com */
.zt_tab { overflow: hidden; padding: 12px 12px 0; }
.zt_tab a { float: left; margin-right: 16px; color: #999; font-size: 12px; line-height: 24px; }
.zt_tab a.on { color: #3399ff; }

.tips { text-align: center; line-height: 50px; color: #ff4c4c; font-size: 14px; }

.zt_list { overflow: hidden; }
.zt_list li { padding: 12px; border-top: 6px solid #f5f5f5; position: relative; }
.zt_list li .label { position: absolute; left: 12px; top: 12px; z-index: 2; display: block; width: 75px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; text-indent: -5px; text-align: center; background: url(../images/icon_labe.png) no-repeat; background-size: 100%; }
.zt_list li .info { overflow: hidden; display: flex; margin: 12px 0; }
.zt_list li .info .game { margin-right: 12px; }
.zt_list li .info .game, .zt_list li .info .game img { width: 70px; height: 70px; border-radius: 12px; }
.zt_list li .info .lis { flex: 1; }
.zt_list li .info .lis .name { display: block; font-size: 14px; color: #111; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden; }
.zt_list li .info .lis p { font-size: 12px; height: 24px; line-height: 24px; overflow: hidden; color: #999; }
.zt_list li .info .lis p span { margin: 0 2px 0 0; }
.zt_list li .info .btn { width: 60px; height: 26px; background: #3399ff; color: #fff; border-radius: 4px; text-align: center; line-height: 26px; margin: 25px 0 0 5px; }
.zt_list li .desc { font-size: 12px; color: #333; line-height: 18px; }

.zthead { overflow: hidden; }
.zthead .rec_game { margin-top: 0; padding: 16px 12px; }
.zthead .downl { display: flex; margin: 12px 0 0; }
.zthead .downl a { flex: 1; display: block; text-align: center; color: #fff; height: 32px; line-height: 32px; border-radius: 3px; background: #ddd; }
.zthead .downl .az { background: #14cc8f; }
.zthead .downl .ios { background: #3399ff; }
.zthead .downl .az.gray { background: #ccc; }
.zthead .downl .ios.gray { background: #ccc; }
.zthead .downl a + a { margin-left: 12px; }

.hotgame { padding: 12px 12px  6px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.hotgame ul li { margin-right: 5px; display: inline-block; }
.hotgame ul li a { width: 160px; float: left; margin: 0 auto; }
.hotgame ul li a .img, .hotgame ul li a .img img { width: 160px; height: 80px; border-radius: 3px; }
.hotgame ul li a p { text-align: center; height: 26px; line-height: 26px; color: #333; font-size: 14px; overflow: hidden; }

.tab_hd { margin: 12px 12px 6px; overflow: hidden; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.tab_hd ul li { margin-right: 5px; display: inline-block; font-size: 14px; color: #999; margin-right: 16px; }
.tab_hd .on { color: #3399ff; }

.tab_bd ul + ul { display: none; }

.piclis { margin: 12px 12px 6px; overflow: hidden; }
.piclis ul { overflow: hidden; }
.piclis ul li { width: 20%; float: left; }
.piclis ul li .img { display: block; margin: 5px auto; }
.piclis ul li .img, .piclis ul li .img img { width: 52px; height: 52px; border-radius: 12px; }
.piclis ul li .name { width: 100%; display: block; text-align: center; line-height: 24px; font-size: 12px; color: #333; height: 24px; overflow: hidden; margin-bottom: 2px; }

.othlis { margin: 12px 12px 6px; overflow: hidden; }
.othlis li { width: 50%; float: left; }
.othlis li .img { display: block; margin: 5px auto; width: 96%; height: 96%; }
.othlis li .img img { width: 100%; height: 100%; }
.othlis li .img, .othlis li .img img { border-radius: 6px; }
.othlis li .name {width: 96%;display: block;line-height: 20px;font-size: 12px;color: #333;height: 40px;overflow: hidden;margin-bottom: 2px;}
.othlis li:nth-child(odd) .img { float: left; }
.othlis li:nth-child(even) .img { float: right; }
.othlis li:nth-child(even) .name{float:right;}

.other_v { overflow: hidden; margin: 6px 12px; }
.other_v li { float: left; width: 50%; border-bottom: 1px solid #f5f5f5; padding: 12px 0; margin-bottom: -1px; display: flex; }
.other_v li .img { margin-right: 12px; }
.other_v li .img, .other_v li .img img { width: 64px; height: 64px; border-radius: 12px; }
.other_v li .info { flex: 1; }
.other_v li .info .bt { display: block; line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; color: #333; margin-top: 2px; }
.other_v li .info span { font-size: 12px; color: #999; line-height: 30px; }

/*# sourceMappingURL=zt.css.map */