@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,pre,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,figure,figcaption,nav,footer,menu{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}address,em,i,b{font-style:normal}a,a:hover{color:#333;text-decoration:none}ul,ol,li{list-style:none}fieldset,img{border:0}button,input,select,textarea{font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;outline:none}body{    background: #f6f6f6;font:15px \5FAE\8F6F\96C5\9ED1,Helvetica;color:#333;overflow:visible}html{-webkit-text-size-adjust:none}.header,.content,.footer{width:100%;overflow:hidden;z-index:1}
.header {width: 100%;background-color:#fff;background-size: auto 70px;z-index: 1;display:none}
.content, .footer {width: 100%;overflow: hidden;z-index: 1;}
.login{height:24px;padding:0 8px;background:-webkit-linear-gradient(top, #ededed 0%, #ececec 50%, #ebebeb 100%);border-bottom:1px solid #e4e4e4;color:#666;line-height:26px;text-align:right}
.orange{color:#f6ad00;}
.login img{vertical-align:-4px;margin-right:8px}
.top-bar{display:-webkit-box;width:100%;height:42px; line-height:42px; background-color:#fff; border-bottom:1px solid #d8d8d8;}
.top-bar span{ background-image:url(../images/btn_com.png);background-repeat:no-repeat;}
.top-bar .fl{ position:absolute; left:10px; top:0;}
.top-bar .fr{ position:absolute; top:0; right:4px;display:-webkit-box;}
.top-bar span.mod-tit1{ height:42px;background-image:none;font-size:18px; color:#f6ad00;display:-webkit-box;}
.top-bar span .sign{width:23px; height:42px; display:inline-block; background:url(../images/btn_com.png) 0 -136px no-repeat; margin-left:6px;}
.top-bar .fr span{width:29px; height:42px;margin:0 5px;display:inline-block;}
.top-bar span.mod-tit2{background-position:0 -185px;}
.top-bar span.mod-tit3{background-position:0 -238px;}
.top-bar .con-tit{ width:100%;text-align:center; font-size:20px; color:#000;}
.top-bar .get_back{ background-image:none; color:#f6ad00;}
.search-box{-webkit-box-flex:1;position:relative;height:24px;margin:8px 7px 0 0;padding:0 0 0 80px}
.search-box .down{display:inline-block;position:absolute;left:0;top:0;height:24px;color:#666;line-height:24px}
.search-box .form{position:relative;height:24px;padding-right:25px;border:1px solid #404040;border-radius:4px;background-color:#404040}
.search-box .form input{width:100%;height:24px;padding:0 0 0 5px;border:none;border-radius:4px 0 0 4px;color:#666;line-height:24px;outline:none;-webkit-appearance:none}
.search-box .form span{position:absolute;right:0;top:0;display:block;width:20px;height:20px;padding:4px 0 0 4px;border-left:1px solid #404040}
.i-down{display:inline-block;content:'';position:relative;width:10px;height:2px;margin-left:3px;border:2px solid #b0cced;border-top:0;background-color:transparent;vertical-align:-1px}
.i-down:before{content:'';position:absolute;left:2px;top:-8px;width:6px;height:8px;background-color:#b0cced}
.i-down:after{content:'';position:absolute;top:-2px;left:0;border-width:4px 5px 0;border-style:solid;border-color:#b0cced transparent}
.i-search{display:block;position:relative;width:9px;height:9px;border:2px solid #fff;border-radius:9px}
.i-search:after{content:'';position:absolute;bottom:1px;right:-6px;width:7px;height:2px;background-color:#fff;-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom}
.nav-bar{height:88px; background-color:#f6ad00;}
.nav{width:100%;display:-webkit-box;-webkit-box-sizing:border-box;padding:8px 5px;}
.nav li{-webkit-box-flex:1;position:relative;height:72px;padding:0 0 0;text-align:center; color:#fff; border-right:1px solid #f8bc2e;}
.nav li span{width:48px; height:42px; display:inline-block; margin:0 auto; background-image:url(../images/btn_com.png); background-repeat:no-repeat;}
.nav li.item1 span{ background-position:-57px 4px;}
.nav li.item2 span{ background-position:-63px -157px;}
.nav li.item3 span{ background-position:-58px -254px;}
.nav li.item4 span{ background-position:-58px -76px;}
.nav li.item5 span{ background:none;}
.nav li.item5{ border:none;}
.nav li a,.nav li a:visited{color:#fff}
.news-sort{height:36px;}
.news-sort ul{width:100%;display:-webkit-box;-webkit-box-sizing:border-box;height:36px;line-height:36px; background-color:#404040; padding:0 5px;}
.p-0 ul{ padding:0;}
.news-sort ul li{-webkit-box-flex:1;position:relative;height:36px;padding:0 0 0;line-height:36px;font-size:15px;color:#fff;text-align:center}
.news-sort ul li.active{height:36px;background-color:#f6ad00;line-height:36px;z-index:24}
.news-sort ul li.active i{border-color:#666 transparent}
.news-sort ul li i{margin-left:4px}
.news-sort ul li.active a,.news-sort ul li.active a:visited{color:#fff}
.news-sort ul li a,.news-sort ul li a:visited{display:block;height:100%;color:#fff}
.news-sort-bt ul{width:100%;line-height:35px; max-height:108px;overflow:hidden;background-color:#404040;}
.news-sort-bt ul li{ width:25%;height:35px;font-size:15px;color:#fff;text-align:center; float:left; border-bottom:1px solid #595959; overflow:hidden;}
.news-sort-bt ul li a{ color:#fff;}
.news-sort-bt ul li.active{height:35px;background-color:#f6ad00;z-index:24}
.game_nav{ border-bottom:1px solid #595959;}
.game_nav ul li.active{ background:none; color:#f6ad00;}
.game_nav ul li.active a,.game_nav ul li.active a:visited{color:#f6ad00;}
.d-menu{position:absolute;display:block;width:100%;background-color:#f7f7f7;z-index:20}
.d-menu ul{display:-webkit-box;overflow:hidden}
.d-menu li{-webkit-box-flex:1;height:35px;border-bottom:1px solid #e4e4e4;line-height:35px;text-align:center}
.d-menu li a{display:block}
.footer{padding-top:5px;display:none}
.footer .nav li.active{margin-top:-2px;border-radius:0 0 3px 3px;line-height:32px}
.footer .d-menu{margin-top:-72px}
.footer .d-menu li{border-top:1px solid #e4e4e4;border-bottom:none}
.ft-nav{height:32px;background-color:#dfeffb}
.ft-nav ul{display:-webkit-box}
.ft-nav li{-webkit-box-flex:1;line-height:32px;text-align:center}
.ft-nav li a,.ft-nav li a:visited{display:block;color:#4473a3}
.ft-copy{display:-webkit-box;height:44px;padding-left:8px;line-height:44px;color:#666}
.ft-copy p{-webkit-box-flex:1}
.ft-copy p em{color:#959595;padding:0 20px 0 8px}
.ft-copy p a{margin-right:8px}
.ft-copy a,.ft-copy a:visited{color:#333}
.ft-copy .btn-top{position:relative;width:76px;background-color:#b6d8f2;line-height:52px;text-align:center}
.ft-copy .btn-top a,.ft-copy .btn-top a:visited{color:#5886b6}
.ft-copy .btn-top:after{position:absolute;top:10px;left:42%;content:'';border-width:0 6px 6px;border-style:solid;border-color:#5886b6 transparent}
.i-arr-d,.i-arr-u{display:inline-block;margin-left:2px;border-style:solid;border-color:#f7f7f7 transparent;vertical-align:2px}.i-arr-d{border-width:6px 6px 0}.i-arr-u{border-width:0 6px 6px}
.col-box{overflow:hidden}
.col-box .col-hd{height:32px;border-top:2px solid #85b7f0;background-color:#dfeffb;line-height:32px}
.col-box .col-hd .title{ padding-left:30px;font-size:20px;}
.mod-scroll-barH{position:absolute;bottom:1px;left:0;z-index:10;width:100%;height:7px}
.mod-scroll-barH div{height:7px;background-color:rgba(0, 0, 0, 0.4);border:1px solid rgba(255,255,255,0.8);box-sizing:border-box;border-radius:10px;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0px,0px,0px)}
.app-more{height:30px;padding:10px 10px;font-size:16px;line-height:30px;text-align:center}
.app-more p{display:block;width:100%;background-color:#cbcbcb;color:#fff}
.app-loading{width:126px;height:20px;margin:15px auto;padding-top:36px;background-image:url(/img/loading_32.gif);background-position:center top;background-repeat:no-repeat;text-align:center}
.l-failed{background-image:url(/img/loading-failed.png);-webkit-background-size:38px 38px}
.app-popup{width:236px;margin:15px auto;padding:22px 10px 12px 18px;border:1px solid #afd4a7;background-color:#f4ffee;border-radius:5px;-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);z-index:50}
.app-popup i{display:inline-block;width:32px;height:32px;margin:-3px 10px 0 0;background:url(/img/icon-popup.png) 0 0 no-repeat;-webkit-background-size:32px auto}
.app-popup p{display:inline-block;width:184px;line-height:24px;vertical-align:top;word-wrap:break-word}
.pop-warn{border:1px solid #d5bc90;background-color:#fffbe5}
.pop-warn i{background-position:0 -33px}
.top-title{height:32px;padding:0 10px;border-bottom:1px solid #e4e4e4;line-height:32px;font-size:16px}
.top-title span{padding-left:4px;color:#666}
.top-title strong{padding:0 2px;color:#f23900}
.top-title em{color:#f23900}
.top-title b{font-weight:normal}
.title-brd{border-bottom:2px solid #85b7f0}
.sub-nav{display:-webkit-box;height:40px;padding:6px 0;border-bottom:1px solid #e4e4e4;line-height:40px}
.sub-nav a{display:block;-webkit-box-flex:1;margin:0 10px;font-size:15px;text-align:center;border-radius:3px}
.sub-nav span{display:block;-webkit-box-flex:1;margin:0 10px;font-size:15px;text-align:center;border-radius:3px}
.sub-nav a.active{background-color:#b6d8f2;border-radius:3px}
.slider-box{width:320px;height:107px;margin:0 auto;overflow:hidden}
.slider-pic{position:relative;height:100%;overflow:hidden}
.slider-ul{position:absolute;left:0;top:0;width:960px;-webkit-backface-visibility:hidden}
.slider-ul li{float:left;width:320px;position:relative}
.slider-ul img{display:block;width:100%;height:100%}
.slider-ul h2{position:absolute;left:0;bottom:0;width:100%;height:23px;background-color:rgba(0,0,0,.5);line-height:24px;color:#fff;text-indent:10px}
.slider-dot{position:absolute;bottom:7px;width:100%}
.slider-dot ul{float:right;margin-right:10px}
.slider-dot li{float:left;width:7px;height:7px;margin-left:7px;border-radius:4px;cursor:pointer;background-color:#f4f4f4}
.slider-dot li.active{background-color:#50affb}
.mod-news-list{display:-webkit-box;width:100%}
.mod-news-list code{ float:right; font-family:Arial;}
.mod-news-list .mod_dot{ width:6px; height:6px; background-color:#f8ad04; display:inline-block; margin-right:6px;}
.j_hide_empty { display:none;}
.mod-news-list{ display:block;}
.mod-news-list li{-webkit-box-flex:1;-webkit-box-sizing:border-box;min-width:160px;width:100%;padding:14px 10px; border-bottom:1px solid #d8d8d8;}
.mod-news-list li img{display:block;width:120px;height:74px;margin-left:10px;}
.mod-news-list li:nth-child(even){border-right:0}
.mod-news-list li .tit{line-height:24px;word-wrap:break-word;word-break:break-all}
.mod-news-list li .time{ margin-top:5px;color:#999;}
.mod-news-list li .time span{ margin-right:5px; font-size:14px}
.mod-news-list li .time span.btn{border-radius:2px; padding:0 5px;}
.mod-news-list li .time span.btn a{color:#fff}
.mod-news-list li .time span.col-1{ background-color:#d64045;}
.mod-news-list li .time span.col-2{ background-color:#e399c2;}
.mod-news-list li .time span.col-3{ background-color:#75c8e7;}
.mod-news-list li .time span.col-4{ background-color:#b6d483;}
.mod-news-list figure{display:-webkit-box}
.mod-news-list figure figcaption{-webkit-box-flex:1;display:block;margin-top:-3px}
.news-time li{display:-webkit-box}
.news-time li span{display:block;-webkit-box-flex:1;overflow:hidden;white-space:nowrap !important;text-overflow:ellipsis}
.news-time li time{width:100px;font-size:12px;color:#666}
.mod-topic-list{display:-webkit-box;width:100%;margin-top:10px}
.mod-topic-list li{-webkit-box-flex:1;text-align:center}
.mod-topic-list li.img_o img{display:block;width:145px;height:170px;margin:0 auto}
.mod-topic-list li.img_t span.mt_10{ margin-top:10px; display:block;}
.mod-topic-list li.img_t img{display:block;width:145px;height:80px;margin:0 auto}
.mod-topic-list li p{position:relative;width:135px;height:22px;margin:-22px auto 0 auto;padding:0 5px;line-height:22px;background-color:rgba(0,0,0,.5);border-radius:0 0 3px 3px;text-align:left;color:#fff}
.btn{min-width:80px;display:inline-block;height:35px;font-size:14px;line-height:33px;color:#fd7018!important;text-align:center;}.btn-o{ background:#fff;}
.btn-b,.btn-info{background:-webkit-gradient(linear,left top,left bottom,from(#f6ad00),to(#f6ad00));text-shadow:-1px 0 #f6ad00,0 1px #f6ad00,1px 0 #f6ad00,0 -1px #f6ad00;border:1px solid #f6ad00}
.btn-g{height:30px; line-height:30px; border-radius:5px; margin-top:35px;border: 1px solid #fd7018;}
.btn-c{ width:78px; height:28px; line-height:26px; background-color:#f6ad00; border-radius:2px; margin-top:5px;}
.btn-d{ display:block; -webkit-box-flex:1; margin:0 10px;height:38px;background-color:#f6ad00; line-height:36px; border-radius:3px;}
.btn-e{ display:block; width:145px;height:38px;background-color:#f6ad00; line-height:36px; border-radius:3px; margin:0 auto;}
.btn-s{ display:inline-block;width:75px;height:38px;background-color:#dbdbdb; line-height:36px; border-radius:3px; margin:0 auto;}
.btn-l{ display:block; -webkit-box-flex:1; margin-right:10px;height:28px;background-color:#f6ad00; line-height:26px; border-radius:3px;}
.btn-col{background-color:#cbcbcb;}
.btn-w{background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#f4f4f4));color:#959595!important;border:1px solid #cacaca}
.gift_bag li img{display:block;width:145px;height:74px;margin:0 auto}
.gift_bag li .btn{ width:145px; color:#333!important;}
.mod-app-list{display:-webkit-box;width:100%}
.mod-app-list li{-webkit-box-flex:1;-webkit-box-sizing:border-box;min-width:160px;width:50%;padding:14px 0 14px 10px;}
.mod-app-list li:nth-child(even){border-right:0}
.mod-app-list li img{display:block;width:60px;height:60px;margin-right:10px;border-radius:8px;}
.mod-app-list li .tit{height:20px;line-height:20px;overflow:hidden;word-wrap:break-word;word-break:break-all}
.mod-app-list li .type{height:20px;line-height:20px;font-size:12px;color:#666}
.mod-app-list li .type span:first-child{padding-right:5px}
.mod-app-list li p.bt{margin-top:3px}
.mod-app-list figure{display:-webkit-box}
.mod-app-list figure figcaption{-webkit-box-flex:1;display:block;margin-top:-3px}
.mod-tag{overflow:hidden}
.mod-tag span{display:inline-block;height:30px;padding:0 10px;background-color:#f4fde9;border:1px solid #b0cdac;border-radius:5px;color:#4d8144;line-height:30px;text-align:center}
.mod-tag .hlight-1{background-color:#eff9ff;border-color:#bdd4e5;color:#4473a3}
.mod-tag .hlight-2{background-color:#fffdec;border-color:#dbbe9f;color:#f23900}
.mod-tag .hlight-3{background-color:#fef1fa;border-color:#e5ace0;color:#c87cb2}
.top-news{height:64px;overflow:hidden}
.top-news h2{height:20px;padding:10px 0 0;color:#f23900;font-size:18px;line-height:20px;text-align:center;overflow:hidden;white-space:nowrap}
.top-news p{padding:5px 0;text-align:center}
.top-news p a{display:inline-block;margin:0 10px;color:#666}
.channel-wrap{position:relative;height:202px;border-bottom:1px solid #e4e4e4;overflow:hidden}
.atlas{ height:auto; padding-bottom:20px;}
.channel-wrap ul{display:-webkit-box;display:box; margin-top:10px;}
.channel-wrap li{ width:12.5%;height:86px;text-align:center;}
.channel-wrap li span{width:62px; height:62px; display:inline-block; margin:0 auto;background-image:url(../images/ico_compilations.png); background-repeat:no-repeat; }
.channel-wrap li.item1 span{ background-position:0 0;}
.channel-wrap li.item2 span{ background-position:-61px 0;}
.channel-wrap li.item3 span{ background-position:-122px 0;}
.channel-wrap li.item4 span{ background-position:-184px 0;}
.channel-wrap li.item5 span{ background-position:-246px 0;}
.channel-wrap li.item6 span{ background-position:-307px 0;}
.channel-wrap li.item7 span{ background-position:-369px 0;}
.channel-wrap li.item8 span{ background-position:-430px 0;}
.channel-wrap li.item9 span{ background-position:0 -102px;}
.channel-wrap li.item10 span{ background-position:-61px -102px;}
.channel-wrap li.item11 span{ background-position:-122px -102px;}
.channel-wrap li.item12 span{ background-position:-184px -102px;}
.channel-wrap li p{ height:24px; line-height:24px; overflow:hidden;}
.channel-wrap li .btn{width:124px;margin:6px auto}
.channel-wrap .mod-scroll-bar{bottom:2px}
.pub-wrap{display:-webkit-box;display:box;padding:10px 0 5px;border-bottom:1px solid #e4e4e4;overflow:hidden}
.pub-wrap li{position:relative;width:25%;text-align:center}
.pub-wrap li img{display:block;width:60px;height:60px;margin:0 auto;border-radius:8px;overflow:hidden}
.pub-wrap li span{display:block;height:30px;line-height:30px;overflow:hidden}
.pub-wrap li.num:before{display:block;content:'';position:absolute;bottom:0;left:50%;margin-left:-33px;width:66px;height:14px;background-color:#ff6501;border-radius:0 0 7px 7px}
.pub-wrap li.num p{position:relative;width:66px;height:66px;margin:0 auto;padding:14px 0 0 0;border-radius:8px;border:1px solid #ff6501;font-size:16px}
.pub-wrap li.num p strong{color:#f23900}
.pub-wrap li.num p:before,.pub-wrap li.num p:after{content:'';position:absolute;left:50%;bottom:3px;width:5px;height:5px;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform:rotate(135deg)}
.pub-wrap li.num p:before{left:40%}
/*ku*/
.mod-tab{display:-webkit-box;height:32px;background-color:#f6ad00;line-height:32px; border-bottom:1px solid #d8d8d8;}
.mod-tab li{-webkit-box-flex:1;color:#fff;text-align:center}
.mod-tab li:last-child{border-right:none}.mod-tab li.active{height:33px;color:#666;background-color:#f7f7f7}
.mod-test-intro{width:100%;overflow:hidden}
.mod-test-intro li{position:relative;padding:10px 10px;border-bottom:1px solid #e4e4e4;}
.mod-test-intro li:last-child{border-bottom:none}
.mod-test-intro figure{display:-webkit-box;}
.mod-test-intro figcaption{-webkit-box-flex:1;display:block}
.mod-test-intro figure img{display:block;width:60px;height:60px;margin:0 10px 0 0;border-radius:8px;}
.mod-test-intro li .tit{height:22px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px;}
.mod-test-intro li p.type{ font-size:13px; color:#bbb;}
.mod-test-intro li .time{ width:40px; height:52px; position:absolute; right:15px; top:15px; background:url(../images/bg_time.png) center center no-repeat; background-size:40px auto;}
.mod-test-intro li .time-m{ text-align:center;color:#bbb; font-size:12px; padding-top:2px;}
.mod-test-intro li .time-d{ text-align:center;color:#f6ad00; font-size:18px; font-weight:bolder;}
.mod-test-intro li .btn-box{ padding:2px 0 0;}
/*artinfo*/
.mod-app-intro{width:100%;overflow:hidden}
.mod-app-intro li{position:relative;padding:10px 10px;border-bottom:1px solid #cacaca}
.mod-app-intro figure{display:-webkit-box;-webkit-box-align:center}
.mod-app-intro figcaption{-webkit-box-flex:1;display:block}
.mod-app-intro figure img{display:block;width:60px;height:60px;margin:0 10px 0 0;border-radius:8px;}.mod-app-intro figure.label-daily-red:before,
.mod-app-intro figure.label-weekly-red:before,
.mod-app-intro figure.label-monthly-red:before,
.mod-app-intro figure.label-zhuanxiang-red:before,
.mod-app-intro figure.label-daily-blue:before,
.mod-app-intro figure.label-weekly-blue:before,
.mod-app-intro figure.label-monthly-blue:before,
.mod-app-intro figure.label-zhuanxiang-blue:before{position:relative;display:block;width:40px;height:60px;margin-right:-40px;content:"";background:url(/img/icon_label.png) 0 0 no-repeat;-webkit-background-size:327px 35px}
.mod-app-intro figure.label-daily-red:before{background-position:0 0}
.mod-app-intro figure.label-weekly-red:before{background-position:-41px 0}
.mod-app-intro figure.label-monthly-red:before{background-position:-82px 0}
.mod-app-intro figure.label-zhuanxiang-red:before{background-position:-123px 0}
.mod-app-intro figure.label-daily-blue:before{background-position:-164px 0}
.mod-app-intro figure.label-weekly-blue:before{background-position:-204px 0}
.mod-app-intro figure.label-monthly-blue:before{background-position:-245px 0}
.mod-app-intro figure.label-zhuanxiang-blue:before{background-position:-286px 0}
.mod-app-intro li .tit{height:22px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mod-app-intro li em{color:#f23900}
.mod-app-intro li p{height:22px;line-height:22px;font-size:12px;color:#666}
.mod-app-intro li p.type{ font-size:15px; color:#333;}
.mod-app-intro li p.type-time{ color:#000; font-size:15px; font-weight:bolder;}
.yihang {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 22px!important;}


.game_list li .btn-g{ margin-top:0px;}
.game_list li .game_mea{ text-align:center;}
.mod-app-intro li p span:last-child:after{display:none}.mod-app-intro li:last-child{}
.mod-app-intro li p span i{ color:#f6ad00;}



#fix_footer {
  -moz-box-shadow:0px 0px 11px #191919;
  -webkit-box-shadow:0px 0px 11px #191919;
  box-shadow:0px 0px 11px #191919;

}
#fix_footer_menu{
 /* border-right:1px solid #C40000;  */
  background: #C40000;
  font-family: 黑体;
}
#fix_footer_menu_on {
 /* border-right:1px solid #C40000; */
  background: #C40000;
  font-family: 黑体;
  background:#202020; /* Fallback color for old browsers */
}
.fix_footer td{
color:#ffffff;
}
.app-intro {margin-bottom: 60px;}
.new {
display: block;
width: 16px;
background: url("new3.jpg");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
line-height: 16px;
margin: 2px 2px;
float:left;
vertical-align: text-top;
}