@charset "utf-8";
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {width: 100%;height:auto;background:#f9f9f9;-webkit-text-size-adjust:none;}
div {text-align:left;}
body{font:12px/1.5em "Microsoft YaHei";color:#d5d4d4;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#d5d4d4;}
a:hover{color: #f0c110;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}

.top{ width:100%;position:relative; height:46px; background:#0da6ec;}
.top .header{width:100%;height:46px;background: #f31a22;}
.top .header .home{width:49px;height:46px;display:block;float:left;background: #f31a22;border-right: 1px solid #d20e16;}
.top .header .home span{ width:24px; height:24px; display:block; overflow:hidden; margin:10px auto 0 auto; background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:200px auto; background-position:0px 0px;}
.top .header .title{background: #f31a22;height:46px;display:block;margin:0 50px;font-size:20px;text-align:center;line-height: 46px;color:#ffffff;border-left: 1px solid #fb7479;border-right: 1px solid #d20e16;}
.top .header #more_nav{width:49px;height:46px;display:block;border-left: 1px solid #fb7479;position:absolute;top:0px;right:0px;}
.top .header #more_nav span{width:24px;height:24px;display:block;overflow:hidden;margin:10px auto 0 auto;background:url(../images/qqxzb_ztbg.png) no-repeat;background-size:200px auto;background-position:-64px 0px;}
.top .homepage_nav{width:100px;position:absolute;top:46px;right:0px;background: #f31a22;border-left: 1px solid #d20e16;display:none;border-top: 1px solid #d20e16;z-index:999;}
.top .homepage_nav ul li{  width:99px; float:left;} 
.top .homepage_nav li{border-left: 1px solid #fb7479;border-bottom: 1px solid #d20e16;border-radius:5px;} 
.top .homepage_nav ul li a{width:100%;float:left;height:36px;text-align:center;font-size:14px;color:#ffffff;line-height:36px;border-top: 1px solid #fb7479;border-bottom: 1px solid #d20e16;}
.content{ width:100%; position:relative;}
.content .zt_jj{ position:relative; overflow:hidden; width:100%; margin-bottom:20px;}
.content .soft_img{ width:100%; overflow:hidden; position:relative;}
.content .soft_img p{ font-size:16px; color:#fff; height:30px; line-height:30px; background:url(../images/blank_bg.png); position:absolute; bottom:0px; width:100%; padding-left:10px;}
.content .soft_img img{ display:block; width:100%; }
.content .game_down{ width:255px; position:absolute; overflow:hidden; right:15px; bottom:8px;}
.content .game_down .az_down{ width:120px; height:33px; float: right; margin-left: 15px;background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:200px auto; background-position:0 -77px; display:inline-block;}
.content .game_down .ios_down{ width:120px; height:33px; float: right;   background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:200px auto; background-position:0 -34px; display:inline-block;}
.content .game_down a span{ font-size:12px; color:#ffffff; margin-left:44px; display:block; margin-top:11px; height:12px; line-height:12px;}
.column{ width:100%;  position:relative;}
.column_title{position:relative; width:100%; overflow:hidden; height:51px; border-bottom:1px solid #0da6ed;}
.column_title span{ font-size:16px; font-weight:bold; display:inline-block; height:16px; line-height:16px; margin-top:20px; color:#111111; margin-left:10px;}
.column_title em{ color:#cfd0d0; display:inline-block; font-size:12px; line-height:12px; margin-left:2px;}
.column_title font{ font-size:12px; color:#0da6ed;}
.column_title .more_list{ display:inline-block; background:#f4f4f4; color:#606060; font-size:12px; width:39px; height:16px; line-height:16px; border-radius:10px; padding-left:5px; position:absolute; right:12px; top:20px;}
.column_title .more_list i{ display:inline-block; background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:100px auto; background-position:0px -88px; width:8px; height:10px; margin-left:3px;}
.gl_list{ padding:0 10px 22px 10px; overflow:hidden; background:#f9f9f9;}
.gl_list ul li{ width:100%; position:relative;}
.gl_list li a{ width:100%; height:15px; font-size:15px; line-height:15px; color:#090909; display:block; overflow:hidden; padding-top:21px;white-space: nowrap;text-overflow: ellipsis;}
.gl_list li a span{ width:4px; height:6px; display:inline-block; background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:100px auto; background-position:-18px -88px; margin-right:7px; margin-bottom:2px;}
.xz_list{ padding:0 10px 22px 10px; overflow:hidden; background:#f9f9f9;}
.xz_list ul li{ width:100%; position:relative;}
.xz_list li .game_con{ margin-right:68px; height:71px; position:relative; display:block}
.xz_list li .game_con img{ width:48px; height:48px; border-radius:10px; display:inline-block; margin-top:13px; float:left; background:#ffffff;}
.xz_list li .game_con .game_title{ padding:19px 0px 0 10px; overflow:hidden;}
.xz_list li .game_con .game_title p{ font-size:16px; color:#090909; height: 16px; line-height: 16px; display: block; overflow: hidden;}
.xz_list li .game_con .game_title span{margin-top:8px; display:block; height:14px; line-height:14px; color:#a5a8a8;}
.xz_list li .game_con .game_title span em{color: #f31a22;}
.xz_list li .game_con .game_title span font{color:#a5a8a8;}
.xz_list li .game_down{ width:66px; height:30px; border:2px solid #dcdcdc; border-radius:5px; text-align:center; color:#8f8f8f; font-size:13px; line-height:30px; display:block; position:absolute; top:21px; right:0px;}
.xz_list li .game_down span{ display:inline-block; overflow:hidden; width:12px; height:12px; background:url(../images/qqxzb_ztbg.png) no-repeat; background-size:100px auto; background-position:-88px 0px; margin-right:3px;}
.game_line{width:100%; height:1px; background:#ececec; border-bottom:1px solid #ffffff;}
 /*公司简介底部*/
footer{ width:100%; background:#333;}
.copyright{ font-size:14px;color:#999;text-align:center;padding:10px 0;}

/*下拉加载*/
#more{ display: block; color: #333; overflow: hidden; text-align: center; font-size: 12px; line-height: 12px; height: 12px; padding: 10px 0px 5px 0; }

.tags {text-align: center;width: 100%;clear: both;height: 26px;overflow: hidden;padding: 10px 0;margin-top: 10px;}
.tags li {display: inline-block;width: auto;margin: 0 3px 10px 3px;}
.tags li a {display: block;padding: 0 10px;line-height:24px;height:24px;border: 1px solid #ccc;border-radius: 4px;color: #999;} 
.tags li:nth-child(1) a { color: #70af64; border-color: #70af64 }
.tags li:nth-child(2) a { color: #23abbf; border-color: #23abbf }
.tags li:nth-child(3) a { color: #8242c3; border-color: #8242c3 }
.tags li:nth-child(4) a { color: #d05586; border-color: #d05586 }
.tags li:nth-child(5) a { color: #de9331; border-color: #de9331 }
.tags li span {display: block;padding: 0 2px;line-height:24px;height:24px;border: 1px solid #ccc;border-radius: 4px;color: #999;} 


.newbtnav{border-bottom:1px solid #eee;height:42px;margin:0;padding:0 10px;position:relative;background:#fff}
.newbtnav h2{float:left;font-size:16px;color:#333;line-height:18px;height:18px;margin-top:12px;border-left:5px solid #2aa4e4;text-indent:10px;font-weight:400}
.hjrec{background:#fff;margin:10px 0}
.hjrec .desc{padding:10px;font-size:14px;line-height:22px;text-indent:2em;color:#333}
.title_h4{font-size:16px;height:40px;line-height:40px;font-weight:400;color:#fff;background:#2aa4e4;margin:0 0 15px}
.title_h4 .time{float:right;font-size:14px;margin-right:10px}
.title_h4 span{display:block;float:left;width:5px;height:18px;background:#fff;margin:10px}
.app_article{width:100%;display:block;overflow:hidden;margin-top:20px}
.app_article .article_box{padding:0 10px;overflow:hidden}
.app_article a{color:#fff;font-size:14px;float:left;text-align:center;height:28px;line-height:28px;border-width:initial;border-style:none;border-color:initial;border-image:initial;margin:0 10px 10px 0;padding:0 15px;border-radius:25px;transition:opacity .3s ease 0s;overflow:hidden}
.app_article a:hover{opacity:.7}
.app_article a:nth-of-type(6n+1){background:#ffa958}
.app_article a:nth-of-type(4n+2){background:#67b4ff}
.app_article a:nth-of-type(5n+1){background:#ffa958}
.app_article a:nth-of-type(3n){background:#61e0c4}
.app_article a:nth-of-type(7n+3){background:#ffa9a8}
.app_article a:nth-of-type(4n+4){background:#61e0c4}
.app_article a:nth-of-type(4n+5){background:#ff7f7d}



.charts-div{ padding:0 2% 10px 3%; overflow:hidden;}
.charts-div li{ display:block; width:29%; height:51px; float:left; border:1px solid #e7e7e7; box-shadow:1px 1px 2px #9c9c9c; margin:15px 2% 0 2%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px 2%; line-height:22px; overflow:hidden;}
.charts-div li a{ color:#9b9b9b; font-size:12px; display:block; width:100%; height:100%;}
.chtit{ font-size:15px; color:#292929;}
.charts-site{ padding:0 4%; height:35px; line-height:35px; width:90%;border-bottom:1px solid #e1e1e1; color:#a1a1a1; font-size:13px;}
.charts-site a{ color:#8f8f8f; margin:0 0px;}

/*专题标题*/
.kc{width: 100%;position: relative; overflow: hidden;height:auto;}
.kc .ktop {position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;}
.kc .ktop h1 {margin-left: 50px; line-height: 35px; font-size: 16px; color: #fff; font-weight: normal; white-space: nowrap;}
.kc .ktop .kback{ width: 42px;height: 35px; border-radius: 4px;background: url(../images/kback.png) 0 5px no-repeat; background-size: 90% 90%; position: absolute; top: 0px; left: 10px;}
.kc .bg { position: relative; max-height: 175px; padding-bottom: 57px;}
.kc img{width:100%;display:block;max-height:175px;}
.kc .bg s{ display:block;width:100%;height:100%;position:absolute;top:0;left:0; background:url(../images/kbg.png) repeat-x;}
#g-black-bg1 {width: 100%;height: 57px;/* background: #000; */ /* opacity: 0.7; */ display: block; overflow: hidden; position: absolute;left: 0;bottom: 30px; z-index: 1;}
#g-look-desc1 {display: block;width: 80px;height: 24px;line-height: 24px;overflow: hidden;font-size: 12px;color: #fff;background: #589cf6;text-align: center;border-radius: 4px;position: absolute;right: 6px;bottom: 46px;z-index: 22;}
#content1 { width: 100%; height: 40px; margin: 0px; padding: 0 10px; box-sizing: border-box; display: block; overflow: hidden; position: absolute; left: 0;bottom: 38px; z-index: 20;}
#content1 .k-scroll {width: 94%;height: auto;line-height: 20px;overflow: hidden;padding: 0 90px 0 0;font-size: 12px;/* color: #fff; */position: absolute;left: 3%;top: 0;box-sizing: border-box;color: #333;}
#content1 .k-scroll div{width:100%;height:auto;line-height:20px;text-indent:2em;}


#g-desc-bg{width:80px;height:25px;background:#000;opacity:0.7;display:none;overflow:hidden;position:absolute;left:0;bottom:52px;z-index:10;}
.m-desc-alert{width:90%;height:auto;max-height:70%;padding:18px;box-sizing:border-box;display:block;overflow:hidden;line-height:22px;font-size:14px;color:#333;background:#fff;border-radius:4px;position:fixed;top:15%;left:5%;z-index:99999;overflow:auto}
.m-desc-alert p{width:100%;height:auto;display:block;overflow:hidden;text-indent:18px;}
#m-close-desc{width:auto;height:auto;font-size:12px;background:#333;color:#fff;padding:0 6px;display:block;overflow:hidden;position:fixed;right:5%;top:15%;z-index:10;border-radius:0 0 0 6px}
#m-alert-bg{width:100%;height:100%;background:#000;opacity:0.6;display:block;overflow:hidden;position:fixed;left:0;top:0;z-index:99998;}

.kxx{height:30px;line-height:30px;padding:0 12px;background:#EFEFEF;}
.kxx u{padding-left:22px; display:inline-block;height:20px; line-height:20px;color:#666;margin-top:5px;}
.kxx u.hits{float:right;background:url(../images/kding.png) no-repeat; background-size:21px 21px;padding-left:25px;}
.kxx u.num{float:left;background:url(../images/knum.png) 0 3px no-repeat;background-size:18px 14px;}
#mWen{height:40px;line-height:40px;text-align:center;color:#B6B6B6;}

@-webkit-keyframes rowup{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-150px,0);transform:translate3d(0,-150px,0)}
}
@keyframes rowup{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(0,-150px,0);transform:translate3d(0,-150px,0)}
}
#content1 .k-scroll{width:94%;height:auto;line-height:20px;overflow:hidden;padding:0 90px 0 0;font-size:12px;position:absolute;left:3%;top:0;box-sizing:border-box}
#content1 .k-scroll div.kjs{width:100%;height:auto;line-height:20px;text-indent:2em;animation:10s rowup linear infinite normal;position:relative}