* {transition: color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s;}
.g-white {    background-color: #fff;}

.g-city{overflow: hidden; background:#fff;position: relative;padding:25px 20px 15px 20px; width: 1160px;}
/*.g-city font{position: absolute;left: 20px;top:25px; color: #333;font-size: 14px;font-weight:bold;display: block;height:26px;line-height: 26px;}*/
.g-city-list{overflow: hidden;}
.g-city-list p{overflow: hidden; width: 1180px;}
.g-city-list p span{display:none; text-align: center; cursor:pointer;font-size: 14px; color: #666;float: left;
background: #f4f4f4; color: #666; border-radius:20px;height: 28px;line-height:28px;margin-right: 13px; width: 28px; }
.g-city-list p font.u-hot{ width: 80px;float: left; display:block;text-align: center;cursor: pointer;font-size: 14px;color: #666;background: #f4f4f4;color: #666;border-radius: 20px;height: 28px;line-height: 28px;margin-right: 13px; }
.g-city-list p font.on{color: #fff; background-color: #33abff;}
.g-city-list p font:hover{color: #fff; background-color: #33abff;}
.g-city-list p span.on{background:#33abff; color: #fff;}
.g-city-list p span.onshow{display: block;}
.g-city-list p span:hover{color: #fff; background-color: #33abff;}
.g-city-list ul{overflow: hidden;border-top: 1px dashed #eee;margin-top: 18px;padding-top: 10px;}
.g-city-list ul li{overflow: hidden;display: none; }
.g-city-list ul li a {color: #666;display: block;height: 16px;line-height: 16px;float: left;/* margin-right: 12px; *//* width: 63px; */padding: 0px 20px;margin: 8px 0px 4px;border-right: 1px solid #e8e9ef;}
.g-city-list ul li.on-display{display: block;}
.g-city-list ul li.f-letter a{display: none;}
.g-city-list ul li.f-letter a.on-name{display: block;}
.g-city-list ul li.f-letter a.on-color{ color: red;font-weight: bold; }
.g-city-list ul li.f-letter a:hover{ color: red; }

.cy-content{background:#fff; }
.m-tith4 {height: 24px;line-height: 24px;font-size: 18px;color: #333;text-indent: 15px;margin: 15px 0 0;}
.m-tith4 i {width: 5px;height: 24px;background: #00aaff;float: left;}
.cy-content .g-jsbox{position: relative;overflow: hidden;padding: 20px 0px 20px 380px;width: 450px;height: 240px;margin-left: 20px;}
.cy-content .g-jsbox span{display:block; /*float: left; */width:360px;position: absolute;left: 0px;top: 20px;}
.cy-content .g-jsbox span img{ width: 100%;border-radius:4px;}
.cy-content .g-jsbox .u-js{line-height: 32px;overflow-y:auto;overflow-x:hidden;  color: #333;display:block; /*float:right; width: 960px;*/text-indent: 24px;max-height:160px;margin-top:10px;}
.cy-content .g-jsbox .u-js p{line-height: 32px;margin-top: 0px;height: auto;}
.cy-content .g-jsbox strong{display: block; padding-left: 24px;/*width: 930px;float: right;*/height: 24px;line-height: 24px;font-size: 18px;background: url(../images/position.png) no-repeat -6px center;background-size: 28px auto;}
.cy-content .g-jsbox p{/*width: 960px;float: right;*/height: 18px;margin-top:12px;}
.cy-content .g-jsbox p font{ color: #999;font-size: 13px;height: 18px;line-height: 18px;display:block; float: left;margin-right: 15px;}
.cy-content .g-jsbox p font u{background: url(../images/zt2018img.png) no-repeat -381px -165px;width: 18px;height: 16px;display: inline-block; float: left;padding-right: 2px;}
.cy-content .g-jsbox p font i{background: url(../images/zt2018img.png) no-repeat right -210px;width: 18px;height: 16px;display: inline-block;;float: left;}
.cy-content .g-jsbox p font b{ font-weight: normal;padding:0px 2px; }

.g-cityapp{overflow: hidden;background-color: #fff; }
.g-cityapp h4{padding: 0px 20px;}
.g-cityapp ul{ width:100%; height:auto; padding:0px 0 30px; display:block; overflow:hidden}
.g-cityapp ul li{ /*width:367px; height:232px; */float:left; margin:0px 0px 5px 0px; display:inline; position:relative; zoom:1;}
.g-cityapp ul li .g-ztfl-list{padding:20px 10px 0px 20px;overflow: hidden;}
.g-cityapp ul li a{padding:20px 20px 20px 20px; width:325px; background:#fafafa; border-radius:12px; border:1px solid #eee; box-shadow:inset 0px 0px 0 1px #fff; display:block; overflow:hidden; position:relative; zoom:1; z-index:10;}
.g-cityapp ul li a:hover{ transform:translate(0,-10px)}
.g-cityapp ul li a .info{position: relative;overflow: hidden;height: 90px;padding-left: 110px;}
.g-cityapp ul li a .info p{overflow: hidden;margin-top: 10px;}
.g-cityapp ul li a .info b{position: absolute;right: 0px; top: 60px;display:block;height: 24px; width: 46px;text-align: center;line-height: 24px;font-weight: normal;color: #333;background-color: #fff;border: 1px solid #eee; border-radius: 6px;}
.g-cityapp ul li a .info p.name{height: 28px;line-height: 28px;overflow: hidden;font-size: 18px;margin-top: 0px;}
.g-cityapp ul li a .info p span{color: #999;border-right: 1px solid #cccccc;padding-right: 8px;margin-right: 8px;font-size: 12px;}
.g-cityapp ul li a .info p span:last-of-type{border-right: 0px;}
.g-cityapp ul li a .info p u{display: block;}
.g-cityapp ul li a .info p u img{height: 14px;}
.g-cityapp ul li a .info .cell{position: absolute;left:0px;top:0px;z-index:99; width:90px;}
.g-cityapp ul li a .info .cell i{ width: 90px;height: 90px;border: none;vertical-align: middle;display: table-cell;text-align: center;}
.g-cityapp ul li a .info .cell i img{width:90px; height:90px;border-radius: 16px;}
.g-cityapp ul li a .info .cell p {display: none;width: 90px;height: 90px;overflow: hidden;position: absolute;top: 0px;left: 0px;background: #fff;margin: 0px;}
.g-cityapp ul li a .info .cell p img {width: 90px;height: 90px;}
.g-cityapp ul li .m-shadow{ width:325px; height:23px; background:url(https://www.qqtn.com/skin/new2017/images/shadow.png) no-repeat; margin:auto; display:block; overflow:hidden; position:absolute; left:32px; bottom:-10px; z-index:5;}
.g-cityapp ul li a p.desc{margin-top:15px; overflow: hidden; color: #999;font-size: 12px;line-height: 24px;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;}
.g-cityapp ul li a p.desc span{font-weight: bolder; color: #333;font-size: 12px;}
.g-cityapp ul li a:hover .info p.name{color: #33abff}
.g-cityapp ul li a .info b:hover{ background-color: #33abff;color: #fff; }
.g-cityapp ul li a:hover .cell i{display: none;}
.g-cityapp ul li a:hover .cell p{display: block;}

.g-citynews{overflow: hidden; background:#fff; width: 1160px;padding: 0px 20px;}
.g-citynews ul{overflow: hidden;padding-bottom: 20px;}
.g-citynews ul li{ float: left; width:380px;overflow:hidden;position: relative;padding: 20px 0px 0px 200px;height: 120px;}
.g-citynews ul li i{position: absolute;left: 0px;top: 20px; width: 180px;height: 120px;}
.g-citynews ul li i img{ width: 100%;border-radius: 2px; }
.g-citynews ul li .text_p1 {font-size: 18px;line-height: 21px;height: 21px;overflow: hidden;width: 100%;color: #2e2e2e;font-weight: bold;padding-top: 4px;    white-space: nowrap;text-overflow: ellipsis; }
.g-citynews ul li .text_p1 a:hover{ color: #33abff; }
.g-citynews ul li .p_text {font-size: 14px;color: #999;line-height: 24px;overflow: hidden;height: 48px;padding-top:15px;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.g-citynews ul li .text_net{font-size: 12px;padding-top:15px;color: #9e9e9e;height: 12px;line-height: 12px;overflow: hidden;}
.g-citynews ul li .text_net span{padding-right: 20px; }
.g-citynews ul li .text_net span a{ color: red; }
.g-citynews ul li .text_net span a:hover{text-decoration: underline;}
.g-citynews ul li p{ width: 350px;overflow: hidden; }

.g-ranknew{ border-left:15px solid #eaeaea; width: 300px;background: url(../images/ku-title-bg.jpg); padding: 20px 0px 20px 20px;position: relative;}
.g-ranknew h4{height: 25px;font-size: 20px;font-weight: bolder; color:#333;line-height: 25px;overflow: hidden;text-align:center;padding-bottom:15px;text-indent: -24px;}
.g-ranknew h4 a:hover{ color: #33abff; }
.g-ranknew .g-game-introd{ position:relative; overflow:hidden; height:80px; padding:0px 20px 0px 95px;}
.g-ranknew .g-game-introd a.u-game-app{ position:absolute; left:0px; top:0px; height:80px; width:80px;}
.g-ranknew .g-game-introd a.u-game-app img{height:80px; width:80px; border-radius: 12px;}
.g-ranknew .g-game-introd p{line-height: 26px;overflow: hidden;color: #666;/* height: 26px; */font-size: 12px;height:52px;display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.g-ranknew .g-game-introd span{height: 26px;line-height: 26px;}
.g-ranknew .g-game-introd span a{ color:red; font-size: 12px; }
.g-ranknew .g-game-introd span a:hover{text-decoration: underline;}
.g-ranknew ul{overflow: hidden;margin-top:10px;margin-right: 20px; }
.g-ranknew ul li{overflow: hidden;height: 26px;line-height: 26px;}
.g-ranknew ul li span{ width: 50%;float: left;display:block;color: #666;font-size: 12px; }
.g-ranknew p.m-ame-btn {width: 220px;height: 40px;margin-left: 33px;background: url(../images/cpk-ico.png) no-repeat 0px -256px;line-height: 40px;color: #fff;
text-indent: 62px;margin-top: 18px;cursor: pointer;position: relative;}
.g-ranknew p.m-ame-btn a{ color: #fff;font-size: 16px; }
.g-ranknew .g-bg {width: 112px;height: 112px;background: url(../images/keyword-icon.png) no-repeat 0 -121px;display: block;overflow: hidden;position: absolute;right: -5px;top: -5px;z-index: 10;}
.g-ranknew p.m-ame-btn i{ position:absolute; right:0px; top:0px; height:40px; width:45px;}
.g-ranknew p.m-hover b.g-qr{ display:block;}

.g-qr{width: 156px;height: 180px;position: absolute;border: 1px solid #f9f8f8;background: #fff;box-shadow: 1px 1px 5px #ccc;display: none;overflow: hidden;padding: 10px;z-index: 500;left: 210px;top: 32px;border-radius: 6px;}
.g-qr img{ width:100%; height:auto; display:block; overflow:hidden}
.g-qr strong{height:20px; line-height:20px; text-indent:0px; font-size:14px; font-weight:normal; font-family:"microsoft yahei"; color:#333; text-align:center; display:block; overflow:hidden; margin:0 0 0 0;}
.g-qr strong span{ color:#F00}

.g-first-cont{ width: 1200px;margin: 15px auto 0px;overflow: hidden; background-color: #fff;}
.game_list{ height: 125px;overflow: hidden;padding:15px 15px 15px 15px; width: 1170px;margin: 0px auto}
.hot_game {width:577px;height: 125px;overflow: hidden;}
.hot_game-ul {width: 540px;float: left;}
.game_list .hot_li, .game_list .new_li {height: 125px;width: 35px;color: #fff;text-align: center;font-size: 14px;display: inline-block;float: left;}
.game_list .hot_li {background-color: #398cffdb; border-radius: 2px;}
.game_list .new_li {background-color: #ffb223f5; border-radius: 2px;}
.game_list .hot_li, .game_list .new_li {margin-top: 0;margin-right: 2px; }
.game_list .hot_li i, .game_list .new_li i {display: inline-block;width: 20px;height: 20px;margin-top: 12px;}
.game_list .hot_li p, .game_list .new_li p {width: 20px;margin: 0 auto;font-family: "Microsoft YaHei";}
.game_list .hot_li i {background: url(../images/hot.png) no-repeat center left;-webkit-background-size: 100%;background-size: 100%;}
.game_list .new_li i {background: url(../images/new.png) no-repeat center left;-webkit-background-size: 100%;background-size: 100%;}
.hot_game-ul li { background-color: #F1F1F1;width: 100px;height: 125px;float: left;margin-left:8px;text-align: center;overflow: hidden;}
.hot_game-ul li a{display: block;}
.game_list li img {width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 8px 0;}
.game_list li p {display: inline-block;color: #333;width: 80px;text-align: center;overflow: hidden;height: 20px;}
.game_list li:hover p{ color: #33abff; }
.g-font-list { width: 1170px;margin:0px auto;line-height:20px;height: 20px;overflow: hidden;padding:0px 15px 20px;}
.g-font-list b {font-size:16px;font-weight: normal;color: #333;width: 55px;display: block;background: url(../images/nt-index2018.png) 40px 3px no-repeat; float: left;font-family: "Microsoft YaHei";}
.g-font-list span a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:90px;text-align: center;display: inline-block;font-size: 14px;border-right: 1px solid #ebebeb;color: #303030;padding: 0px 10px;font-family: "Microsoft YaHei";}
.g-font-list span{ float: left; width: 1115px;height: 20px; overflow: hidden;}
.g-font-list span a.u-more-last{border-right: 0px; width: 73px;}
.g-font-list span a:hover{ color: #33abff; }
.g-font-list span a:last-of-type{border-right:0px;}


.g-appbox ul{overflow: hidden;margin:0px 0px 22px 14px;}
.g-appbox ul li {width: 90px;padding:25px 12px 0px 15px;float: left;text-align: center;}
.g-appbox ul li:hover p{ color: #33abff }
.g-appbox ul li img {width: 80px;height: 80px;margin: 0 auto 5px auto;border-radius: 14px;}
.g-appbox ul li p {color: #333;height: 22px;line-height: 22px;overflow: hidden;}
.g-appbox ul li strong {font-size: 12px;color: #999;font-weight: normal;}

.m-listit{height:50px;line-height:49px;font-size: 18px;color: #333;border-bottom: 1px solid #ebebeb;}
.m-listit strong{ float: right; font-weight: normal;  color: #999; font-size: 14px;padding-right: 15px;}
.m-listit strong b{font-size: 16px; color: #f25657; font-weight: normal;padding:0px 3px;}
.m-listit font{display: block;height: 24px;background: #fff;/* width: 120px; *//* border-right: 1px solid #ebebeb; */text-align: center;float: left;border-left: 5px solid #00aaff;
font-family: "microsoft yahei";font-size: 18px;line-height: 24px;margin-top: 13px;text-indent: 15px;margin-left: 15px;}
.u-more-left{float: right;margin:23px 10px 0px 0px;cursor: pointer;width: 38px;height: 15px;display: inline;overflow: hidden;background: url(../images/icobox.png) no-repeat -4px -510px}
.u-more-left:hover{background:url(../images/icobox.png) no-repeat -163px -510px;}
.u-more-left a{ display: block;width: 38px;height: 15px; }


.g-apptwo{overflow: hidden;}
.g-apptwo ul{overflow: hidden;margin:40px 0px 0px 20px;}
.g-apptwo ul li{float: left; width:220px;margin:0px 15px 40px 0px; }
.g-apptwo ul li a{display: block;overflow: hidden;position: relative;height: 80px;padding:0px 0px 0px 95px;}
.g-apptwo ul li a i{width: 80px;height: 80px;display: block;position: absolute;left:0px;top: 0px;}
.g-apptwo ul li a i img{border-radius: 14px;height: 80px;width: 80px;}
.g-apptwo ul li a p{font-size: 14px;height: 22px;line-height: 22px;overflow: hidden;}
.g-apptwo ul li a span{color: #999;display:block;font-size: 12px;height: 20px;line-height: 20px;margin: 5px auto 6px;overflow: hidden;}
.g-apptwo ul li a strong{font-size: 12px;color: #999;display:block; font-weight: normal;height: 22px;line-height: 22px;overflow: hidden;}
.g-apptwo ul li a strong u {color: #dbd8d8;padding: 0px 6px;text-decoration: none;}
.g-apptwo ul li a:hover p{color: #33abff;}


.g-cityapp .tspage{ height: 28px; margin:0px 0 15px; background: none;}
.g-cityapp .tspage .tsp_count,.tsp_change{ display: none;}
.g-cityapp .tspage .tsp_nav{ text-align: center;}
.g-cityapp .tspage .tsp_nav i{ display: inline-block; padding: 0 9px; background-color: #fbfbfb; color: #999; border: 1px solid #e7e7e7; border-radius: 3px;}
.g-cityapp .tspage .tsp_nav b{ display: inline-block; padding: 0 9px; background-color: #4c94ee; color: #fff; border: 1px solid #e7e7e7; border-radius: 3px;}
.g-cityapp .tspage .tsp_nav a{ display: inline-block; padding: 0 9px; background-color: #fbfbfb; border: 1px solid #e7e7e7; border-radius: 3px; color: #000;}
.g-cityapp .tspage .tsp_nav a.tsp_more,.g-theme-list .tspage .tsp_nav a.tsp_next,.g-theme-list .tspage .tsp_nav a.tsp_end,.g-theme-list .tspage .tsp_nav a.tsp_home,.g-theme-list .tspage .tsp_nav a.tsp_prev{ padding: 0; border:none;}