section { z-index: 1; overflow: hidden; }

.zt_banner { position: relative; height: 285px; overflow: hidden; border-top: 5px solid #ececec; }

.bg_zt_img { width: 100%; height: 180px; position: relative; display: block; overflow: hidden; }

.bg_zt_img > img { width: 100%; height: 180px; filter: blur(12px); left: 0; z-index: 1; }

.cover_bg { width: 100%; height: 180px; position: absolute; left: 0; top: 0; z-index: 2; background-color: #434343; opacity: .3; filter: alpha(opacity=70); }

.zt_bg_arc { width: 100%; height: 180px; position: absolute; bottom: 0px; z-index: 3; }

.zt_bg_arc img { width: 100%; position: absolute; bottom: 0px; }

h1.zt_title { display: block; overflow: hidden; font-size: 20px; color: #fff; text-align: center; position: absolute; top: 0px; width: 100%; z-index: 4; height: 24px; line-height: 24px; margin-top: 26px; }

.zt_title i { width: 25px; height: 7px; background: url(../images/zt_bg_item.png) no-repeat 0px 0px; background-size: 65px auto; display: inline-block; position: relative; top: -6px; }

.zt_title i:first-child { margin-right: 5px; }

.zt_title i:last-child { margin-left: 5px; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH(); }

.zt_title span,.zt_title h1 {    font-size: 20px; height: 24px; line-height: 24px; display: inline-block; overflow: hidden; max-width: 260px; }

#rec_list { width: 100%; overflow: hidden; position: absolute; top: 90px; z-index: 4; }

#rec_list li { width: 33.33%; float: left; }

#rec_list li:first-child, #rec_list li:last-child { margin-top: 15px; }

.recommend_list { display: block; overflow: hidden; width: 60px; height: 62px; background: url(../images/zt_bg_item.png) no-repeat -60px 0; background-size: 130px auto; margin: 0 auto; }

#rec_list li i { width: 28px; height: 20px; display: block; background: url(../images/zt_bg_item.png) no-repeat 0px -9px; background-size: 65px auto; margin: 0 auto; }

#rec_list li:first-child i { background-position: 0px -29.5px; }

#rec_list li:last-child i { background-position: 0px -50px; }

.recommend_list img { width: 60px; height: 60px; display: block; overflow: hidden; margin: 0 auto; border-radius: 10px; }

#rec_list li b { font-size: 14px; color: #333; height: 16px; line-height: 16px; width: 70px; margin: 14px auto 12px auto; display: block; overflow: hidden; text-align: center; font-weight: 100; }

#rec_list li:first-child b, #rec_list li:last-child b { margin: 8px auto; }

#rec_list li span { display: block; overflow: hidden; width: 65px; height: 10px; background: url(../images/zt_bg_item.png) no-repeat 0px -72px; background-size: 65px auto; margin: 0 auto 13px auto; }

#rec_list li:first-child span, #rec_list li:last-child span { margin: 0px auto 8px auto; }

#rec_list li .games_download { width: 70px; height: 28px; border-radius: 15px; background: #81c51a; line-height: 28px; text-align: center; font-size: 14px; display: block; overflow: hidden; color: #fff; margin: 0 auto; }

.zt_list { overflow: hidden; padding: 0 10px; }

#infocon { overflow: hidden; border-top: 1px solid #f2ebeb; }

.infobox { display: block; overflow: hidden; padding: 15px 0 12px; height: 60px; position: relative; overflow: hidden; zoom: 1; border-bottom: 1px solid #f2ebeb; }

.infobox .gimg { float: left; display: inline; width: 60px; height: 62px; overflow: hidden; margin-right: 10px; margin-top: 0px; background: url(../images/zt_bg_item.png) no-repeat -60px 0; background-size: 130px auto; }

.infobox .gimg img { width: 60px; height: 60px; border-radius: 10px; overflow: hidden; }

.infobox .ginfo { display: block; margin: 0px 75px 0px 70px; }

.infobox .ginfo > a { line-height: 20px; height: 20px; font-size: 15px; display: block; color: #1a1a1a; margin-bottom: 2px; overflow: hidden; }

.infobox .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 11px; display: block; color: #08c; }

.infobox .ginfo .ginfoset { line-height: 18px; height: 18px; font-size: 12px; display: block; color: #aaa; overflow: hidden; zoom: 1; margin-bottom: 2px; }

.infobox .ginfo .ginfoset a { color: #aaa; display: inline-block; }

.infobox .ginfo .ginfoset i { font-style: normal; margin: 0px 4px; font-size: 10px; line-height: 20px; margin-top: 3px; }

.infobox .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 12px; display: block; color: #999; overflow: hidden; }

.infobox .gbtn { display: block; width: 70px; height: 28px; line-height: 28px; font-size: 14px; color: #81c51a; overflow: hidden; position: absolute; right: 0; top: 27px; text-align: center; border: 1px #81c51a solid; border-radius: 15px; }

.more_btn { height: 35px; line-height: 35px; text-align: center; background-color: #eee; margin: 10px 10px 15px 10px; display: block; border-radius: 3px; }

.more_btn span, .more_btn a { font-size: 14px; color: #999; display: block; }

.tag { display: block; overflow: hidden; border-top: 8px solid #ececec; border-bottom: 8px solid #ececec; }

.game_tag { padding: 18px 10px 0; }

.game_tag a { padding: 5px 10px; border-radius: 4px; color: #fff; margin-right: 15px; display: inline-block; margin-bottom: 15px; }

.game_tag a:active { border-radius: 0; text-shadow: #000 1px 1px 1px; color: #fff; }

.game_tag a:nth-child(8n-7) { background: #8A9B0F; }

.game_tag a:nth-child(8n-6) { background: #cfbef0; }

.game_tag a:nth-child(8n-5) { background: #49e3d8; }

.game_tag a:nth-child(8n-4) { background: #ff9fb0; }

.game_tag a:nth-child(8n-3) { background: #fc9d9a; }

.game_tag a:nth-child(8n-2) { background: #f5cc9b; }

.game_tag a:nth-child(8n-1) { background: #e9e97f; }

.game_tag a:nth-child(8n) { background: #83AF9B; }

.game_tag a:first-child { background: #b6cce5; }

.game_tag a:last-child { background: #81eaba; }


 .phlis-top { width: 100%; }
 .phlis-top:after { display: block; content: ''; clear: both; }
 .phlis-top p { display: block; float: left; width: 50%; text-align: center; line-height: 40px; border-bottom: 2px solid #f5f5f5; color: #777; font-size: 16px; font-weight: bold; position: relative; }
 .phlis-top p i { display: none; position: absolute; left: 49%; bottom: 0; width: 0; height: 0; border-right: 4px solid transparent; border-bottom: 4px solid #5fb300; border-left: 4px solid transparent; }
 .phlis-top p.on { color: #333; border-bottom: 2px solid #5fb300; }
 .phlis-top p.on i { display: block; }
 .phlis{display: none;}
/*# sourceMappingURL=tag.css.map */