/*html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
.gbox1{width:215px;height:120px;overflow:hidden;display:inline-block;float:left;position:relative;border:1px solid #000}
.gb2nam {width:220px;height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gbox1 .title{position:absolute;top:85px;height:35px;width:85%;font-size:14px;padding:0 10% 0 5%;background:url(../img/slides-title-be.png) no-repeat;line-height:35px;color:#fff;background-size:100% 100%}
.gbox1 .title a{color:white}
.gbox1 .hoverinfo{background:#000;color:#D8D8D8;position:absolute;top:0px;padding:10px;width:195px;height:100px;cursor:pointer}
.gbox1 .hoverinfo .type{color:#CBCBCB;line-height:40px}
.gbox1 .hoverinfo .tit a{color:#FFF899}
.gbox1 .hoverinfo .tit .grade{color:#FF7100;margin-left:10px}
.gbox1 .title span{color:#FF7200; position:absolute;right:2px; top:2px; z-index:1;}
.gbox2{width:215px;height:243px;background:#141414;position:relative;float:left}
.gbox2 img{width:215px;height:120px;cursor:pointer}
.gbox2 .tags{padding:0 10px; height:26px; overflow:hidden}
.tags a{display:inline-block;padding:3px 5px;background:#262626;color:#999;margin-right:3px;margin-bottom:3px}
.tags a.keyword{background:rgb(184,69,0);color:white}
.gbox2 .title span.keyword{background:rgb(184,69,0);color:white;padding:0;margin:0;float:none}
.gbox2 .desc{padding:10px 10px;color:#858585;font-size:14px;word-break:break-all}
.gbox2 .hoverinfo{margin:10px}
.gbox2 .hot_comment,.gbox2 .author,.gbox2 .author a{color:rgb(170,170,160)}
.gbox2 .title a{font-size:14px;color:#FFF897;line-height:30px;padding:0 10px}
.gbox2 .title span{font-size:14px;float:right;color:#FF7E00;margin:6px 8px 0 0;font-weight:bold}
ul.grank{padding:0;background-color:#292929}
ul.grank img{cursor:pointer}
ul.grank li.active{-webkit-box-shadow:0px 0px 5px #8C5C00;-moz-box-shadow:0px 0px 5px #8C5C00;box-shadow:0px 0px 5px #8C5C00}
ul.grank li.active div.default{background-color:#1E1E1E;border-bottom:1px solid #1E1E1E}
ul.grank li div.default{height:35px;line-height:35px;padding:0 8px 0 30px;width:177px;position:relative;border-bottom:1px solid #363636}
ul.grank li div.default .no{width:16px;height:16px;display:inline-block;background:#515151;text-align:center;vertical-align:middle;color:#fff;font:300 12px/16px Arial;border-radius:2px;position:absolute;top:8px;left:8px}
ul.grank li div.default .top{background:#980000}
ul.grank li div.default .title{margin-left:6px;color:#B5B5B5;width:120px;height:35px;display:inline-block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
ul.grank li div.default .count{float:right;color:#FF4D00;font:300 12px/35px Arial,Helvetica,sans-serif}
ul.grank li div.hover{padding:0 8px 8px 8px;width:199px;display:none;background-color:#1E1E1E}
ul.grank li div.hover img{width:110px;height:62px;float:left;margin-right:8px}
ul.grank li.active div.hover{display:block}


#gameTags{height:100px;font:500 14px/40px "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#CEC189}
#gameTags .container .lh29 { overflow:hidden}
.lh29left { float:left; width:80px}
.lh29center { float:left; width:1010px; height:26px; overflow:hidden}
.lh29right { float:right; width:70px}
#gameTags .container span { float:left}
#gameTags .container a{font-family:"Microsoft Yahei","SimSun","Arial";color:#CCC;display:inline-block;border-right:1px solid #555;line-height:14px;padding:0 10px; margin-top:8px; float:left}
#gameTags .container a.keypoint{color:#FC0}
#gameTags .container a.more{color:#888;border:none; margin-left:4px}
#gameTags .container span i{background:url(../img/a-link.png);width:6px;height:9px;display:inline-block;margin-left:5px; margin-right:4px}
#mainrow{background-color:#212121;padding:10px 0 20px 0}
#recentgame{}
#recentgame ul{list-style:none;width:100%}
#recentgame ul li{height:32px;line-height:32px}
#recentgame ul li.first,#recentgame ul li.d{float:left;color:#CBCBCB}
#recentgame ul li.first{background:url(../img/recentgame.png) no-repeat;width:104px;padding-left:28px;font-weight:700}
#recentgame ul li.d{color:#CBCBCB;background:#393939;margin-right:8px}
#recentgame ul li.d a,#recentgame ul li.more a{width:100%;height:100%;display:inline-block;color:#CBCBCB;padding:0 18px}
#recentgame ul li.more{float:right;background:#583721}
#indexrec{background:#363636;padding:13px; margin-top:8px}
#indexrec .rec{width:445px}
#indexrec .rec .infoslides{position:absolute;height:35px;top:220px;background:url(../img/slides-title-be.png);background-size:100% 100%;display:block;z-index:10;width:435px;font-size:14px;color:#fff;line-height:35px;padding-left:10px}
#slidetext{display:block;height:30px;width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#indexrec .rec .slider{width:445px;height:255px;padding:0px;position:relative}
#indexrec .articles{background:#202020;padding:10px;height:100px}
#indexrec .articles a{display:block;line-height:26px;color:#CBCBCB;font-size:14px; width:100%; overflow:hidden}
#indexrec .articles .spanl{float:left}
#indexrec .articles .spanr{float:right}
#indexrec .games{width:678px}
#indexrec .games .one{width:215px;height:120px;overflow:hidden;display:inline-block;float:left;position:relative;border:1px solid #000}
#indexrec .games .one{}
#indexrec .games .one .title{position:absolute;top:85px;height:35px;width:90%;font-size:14px;padding:0 5%;background:url(../img/slides-title-be.png) no-repeat;line-height:35px;color:#fff;background-size:100% 100%}
#indexrec .games .one .title span{color:#FF7200;float:right}
#indexrec .games .one .hoverinfo{background:#000;color:#D8D8D8;position:absolute;top:0px;padding:10px;width:195px;height:100px;cursor:pointer}
#indexrec .games .one .hoverinfo .type{color:#CBCBCB;line-height:40px}
#indexrec .games .one .hoverinfo .tit a{color:#FFF899}
#indexrec .games .one .hoverinfo .tit span.grade{color:#FF7100;margin-left:10px}
#indexrec .games .one .hoverinfo .hot_comment{color:#D8D8D8}
#indexrec .games .one .hoverinfo .author{color:#D8D8D8}
#index_new_rec{margin-top:8px;background:#363636;padding:13px}
#index_new_rec .list{width:910px}
#index_new_rec .list header{color:#fff;border-bottom:1px solid #454545;line-height:40px}
#index_new_rec .list header h4{display:inline-block;font-size:16px}
#index_new_rec .list header h4.icon{padding-left:30px}
#index_new_rec .list header h4.icon_newg{background:url(../img/intnet.png) no-repeat left center}
#index_new_rec .list header h4.icon_newmg{background:url(../img/mobile.png) no-repeat left center}
#index_new_rec .list header h4.icon_newpcg{background:url(../img/window.png) no-repeat left center}
#index_new_rec .list header h4.icon_newuup{background:url(../img/user-up.png) no-repeat left center}
#index_new_rec .list header h4.icon_newcom{background:url(../img/comment.png) no-repeat left center}
#index_new_rec .list header a{color:#D6D6D6}
#index_new_rec .list header .more{float:right;margin-right:8px;font-size:14px;text-decoration:underline}
#index_new_rec .list .grids{width:100%;padding:10px 0; display:block}
#index_new_rec .list .grids .one{width:215px;height:243px;background:#141414;position:relative;float:left}
#index_new_rec .list .grids .one img{width:215px;height:120px;cursor:pointer}
#index_new_rec .list .grids .one .title a{font-size:14px;color:#FFF897;line-height:30px;padding:0 10px}
#index_new_rec .list .grids .one .title span{font-size:14px;float:right;color:#FF7E00;margin:6px 8px 0 0;font-weight:bold}
#index_new_rec .list .grids .one .tags{padding:0 10px}
#index_new_rec .list .grids .one .tags a{display:inline-block;padding:3px 5px;background:#262626;color:#999;margin-right:3px;margin-bottom:3px}
#index_new_rec .list .grids .one .desc{padding:10px 10px;color:#858585;font-size:14px;word-break:break-all}
#index_new_rec .list .grids .one .hoverinfo{margin:10px}
#index_new_rec .list .grids .one .hot_comment{color:rgb(170,170,160)}
#index_new_rec .list .grids .one .author,#index_new_rec .list .grids .one .author a{color:rgb(170,170,160)}
#index_new_rec .list .grids .sone{width:215px;height:120px;background:#141414;position:relative;float:left;cursor:pointer}
#index_new_rec .list .grids .sone img{width:215px;height:120px}
#index_new_rec .list .grids .sone .title{position:absolute;top:85px;height:35px;width:90%;font-size:14px;padding:0 5%;background:url(../img/slides-title-be.png) no-repeat;line-height:35px;color:#fff;background-size:100% 100%}
#index_new_rec .list .grids .sone .title span{float:right;color:#FF7E00}
#index_new_rec .ranking{width:215px}
#index_new_rec .ranking ul.tag-nav{width:100%;height:40px;border-bottom:1px solid #454545}
#index_new_rec .ranking ul.tag-nav li{line-height:40px;display:inline-block;float:left;text-align:center;color:#fff;border-bottom:1px solid #454545;padding-right:15px;padding-left:15px}
#index_new_rec .ranking ul.tag-nav li.active,#index_new_rec .ranking ul.tag-nav li.ui-tabs-active{border-bottom:1px solid #FF9B00}
#index_new_rec .ranking ul.tag-nav li.active a,#index_new_rec .ranking ul.tag-nav li.ui-tabs-active a{color:#FF9B00}
#index_new_rec .ranking ul.tag-nav li a{font-size:16px;color:#fff;padding:0 10px;height:40px;display:inline-block;float:left}
#index_new_rec .ranking ul.tag-nav li a:hover{text-decoration:none}
#index_new_rec .ranking ul.blist{padding:0;background-color:#292929}
#index_new_rec .ranking ul.blist li div.default{height:35px;line-height:35px;padding:0 8px 0 30px;width:177px;position:relative;border-bottom:1px solid #363636}
#index_new_rec .ranking ul.blist li.active{-webkit-box-shadow:0px 0px 5px #8C5C00;-moz-box-shadow:0px 0px 5px#8C5C00;box-shadow:0px 0px 5px #8C5C00}
#index_new_rec .ranking ul.blist li.active  div.default{background-color:#1E1E1E;border-bottom:1px solid #1E1E1E}
#index_new_rec .ranking ul.blist li:hover{}
#index_new_rec .ranking ul.blist li div.default .no{width:16px;height:16px;display:inline-block;background:#515151;text-align:center;vertical-align:middle;color:#fff;font:300 12px/16px Arial;border-radius:2px;position:absolute;top:8px;left:8px}
#index_new_rec .ranking ul.blist li div.default .top{background:#980000}
#index_new_rec .ranking ul.blist li div.default .title{margin-left:6px;color:#B5B5B5;width:120px;height:35px;display:inline-block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
#index_new_rec .ranking ul.blist li div.default .count{float:right;color:#FF4D00;font:300 12px/35px Arial,Helvetica,sans-serif}
#index_new_rec .ranking ul.blist li div.hover{padding:0 8px 8px 8px;width:199px;display:none;background-color:#1E1E1E}
#index_new_rec .ranking ul.blist li.active div.hover{display:block}
#index_new_rec .ranking ul.blist li div.hover img{width:110px;height:62px;float:left;margin-right:8px;cursor:pointer}
#index_new_rec .ranking ul.blist li div.hover a{display:inline-block;padding:3px 5px;background:#262626;color:#999;margin-right:3px;margin-bottom:3px;float:left}
#index_new_rec .ranking ul.blist li div.hover a.imga { background:none; padding:0; float:left}
#index_new_rec .ranking ul.blist li div.hover a.imga { background:none; padding:0; float:left}
#index_row_rec{margin-top:8px;background:#363636;padding:13px}
#index_row_rec .list{width:100%}
#index_row_rec .list header{color:#fff;border-bottom:1px solid #454545;line-height:40px}
#index_row_rec .list header h4{display:inline-block;font-size:16px}
#index_row_rec .list header h4.icon{padding-left:30px}
#index_row_rec .list header h4.icon_creativity{background:url(../img/creativity.png) no-repeat left center}
#index_row_rec .list header h4.icon_diamond{background:url(../img/diamond.png) no-repeat left center}
#index_row_rec .list header h4.icon_movie{background:url(../img/movie.png) no-repeat left center}
#index_row_rec .list header a{color:#D6D6D6}
#index_row_rec .list header .more{float:right;margin-right:8px;font-size:14px;text-decoration:underline}
#index_row_rec .list .grids .sone{width:215px;height:120px;background:#141414;position:relative;float:left;cursor:pointer}
#index_row_rec .list .grids .sone img{width:215px;height:120px}
#index_row_rec .list .grids .sone .title{position:absolute;top:85px;height:35px;width:90%;font-size:14px;padding:0 5%;background:url(../img/slides-title-be.png) repeat-x;line-height:35px;color:#fff;background-size:100% 100%}
#index_row_rec .list .grids .sone .title span{float:right;color:#FF7E00}
.uuplist{width:100%;margin-top:15px}
.uuplist li{padding:6px;background:rgb(41,41,41);margin-top:1px}
.uuplist li.active{-webkit-box-shadow:0px 0px 5px #8C5C00;-moz-box-shadow:0px 0px 5px#8C5C00;box-shadow:0px 0px 5px #8C5C00}
.uuplist li.active .default{display:none}
.uuplist li .default{padding-top:2px}
.uuplist li .default .type,.uuplist li .hover .name_box .type{background:black;color:#CCC;padding:3px 10px;border-radius:3px;font-size:13px; min-width:60px;display:inline-block;height:19px;text-align:center}
.uuplist li .default .name,.uuplist li .hover .name,.uuplist li .hover .name_box .name{color:rgb(239,239,149);font-size:12px;text-align:left;margin:0 5px 0px 0px}
.uuplist li .default .like,.uuplist li .hover .like,.uuplist li .hover .name_box .like{color:gray}
.uuplist li .default .memo,.uuplist li .hover .memo{color:#CCC; width:260px; max-height:19px; overflow:hidden;  display:inline-block;text-align:left;vertical-align:top; word-break: break-word}
.uuplist li .hover .memo {max-height:38px}
.uuplist li .default .cut,.uuplist li .hover .cut{white-space:nowrap;overflow:hidden}
.uuplist li .default .time,.uuplist li .hover .time{color:rgb(165,144,99); width:60px;display:inline-block;text-align:right}
.uuplist li .default img,.uuplist li .hover img{margin-right:10px}
.uuplist li .hover{display:none}
.uuplist li.active .hover{display:block}
.uuplist li .hover .uupimg { float:left}
.uuplist li .hover .name_box{ width:145px; float:left; margin:0 5px}
.uuplist li .hover .name_box .name {height:20px; display:inline-block; width:100%; overflow:hidden}
.uuplist li .hover .name_box .name_box_sub{margin-top:5px}
.uuplist img{vertical-align:top}
.uuplist li .hover .com_box{display:inline-block;width:364px}
.slidesjquery-pagination{top:233px;right:5px;position:absolute;z-index:11;float:right;list-style:none;line-height:0;font-size:0}
.slidesjquery-pagination li{float:left;margin:0 1px}
.slidesjquery-pagination li a{display:block;width:20px;height:20px;text-align:center;color:#FFF;background-image:url("../img/pagination.png");background-position:0 0;float:left;overflow:hidden}
.slidesjquery-pagination li a.active,.slidesjquery-pagination li a:hover.active{background-position:0 -20px}
.slidesjquery-pagination li a:hover{background-position:0 -40px}
a.slidesjquery-navigation{opacity:.5;position:absolute;z-index:1;overflow:hidden;display:inline-block;width:30px;height:35px;cursor:pointer;text-indent:-10em;z-index:60;top:100px}
a.slidesjquery-navigation:hover{opacity:1}
a.slidesjquery-previous{left:0px;background-position:-719px 0}
a.slidesjquery-next{left:415px;background-position:-719px -45px}
#ad_index_r1{margin-bottom:10px}
#ad_index_r2,#ad_index_r3,#ad_index_r4,#ad_index_r5{margin-top:10px}
#links{margin-top:10px;background:#363636}
#links .title{background:url(../img/link.png) no-repeat 18px center;font-size:16px;height:45px;line-height:45px;color:#fff;padding-left:48px}
#links .container{padding:0 18px 10px 18px}
#links .container p{width:100%;padding:9px 0;border-top:1px solid #454545}
#links .container a{color:#A9A9A9;line-height:32px;display:inline-block;margin-right:8px;float:left}
.grids .topic_box{display:inline-block;width:560px}
.grids .topic_box .left_img{display:inline-block;box-shadow:0 0 5px #000;border:1px solid #000}
.grids .topic_box .left_img img{width:213px;height:122px}
.grids .topic_box .right_info{display:inline-block;width:320px;vertical-align:top;margin-left:15px}
.grids .topic_box .right_info .t_title{font-size:15px;color:#FFF897}
.grids .topic_box .right_info .t_info{font-size:14px;color:#ccc}
.grids .topic_box .right_info .t_memo{font-size:14px;color:#888;overflow:hidden;height:80px}

.gameitem { margin-right:12px; margin-bottom:13px; float:left}
.gameitem:nth-child(3n) { margin-right:0}
.gameitem:nth-child(7),.gameitem:nth-child(8),.gameitem:nth-child(9) { margin-bottom:0}
.gameitem a:hover .hide { display:block}
.gridsitem { margin-top:10px; margin-right:12px; margin-bottom:3px; float:left}
.gridsitem:nth-child(5n) { margin-right:0}
.gridsitem a:hover .hide { display:block}
.gridsitem01 { margin-bottom:13px; margin-right:13px;}
.gridsitem01:nth-child(4n) { margin-right:0}
.gridsitem01:nth-child(9),.gridsitem01:nth-child(10),.gridsitem01:nth-child(11),.gridsitem01:nth-child(12) { margin-bottom:0}
.gridsitem01:hover .desc { display:none}
.gridsitem01:hover .hoverinfo { display:inline-block}
.topicitem { margin-top:15px; margin-right:12px; float:left}
.topicitem:nth-child(1) { margin-top:8px}
.topicitem:nth-child(2) { margin-top:8px}
.topicitem:nth-child(2n) { margin-right:0}

.newgameitem { margin-top:8px; margin-right:13px; float:left}
.newgameitem:nth-child(4n) { margin-right:0}
.newgameitem:nth-child(1),.newgameitem:nth-child(2),.newgameitem:nth-child(3),.newgameitem:nth-child(4) { margin-top:0}
.newgameitem a:hover .hide { display:block}
.hgameinfo {padding:10px 10px; height:56px; color:#858585;font-size:14px; overflow: hidden; width:100%; box-sizing:border-box}
.hgameinfo p {color:#858585;font-size:14px;word-break:break-all}
.gbox2:hover .hgameinfo { display:none}
.gbox2:hover .hoverinfo { display:block}

.addWrap{ position:relative; width:100%; background:#fff; margin:0; padding:0; height:255px; overflow:hidden; z-index:1 }
.addWrap .swipe{overflow:hidden; visibility:hidden; position:relative;height:255px; z-index:1 }
.addWrap .swipewrap{overflow:hidden; position:relative; height:255px; z-index:1 }
.addWrap .swipewrap > div {float:left; width:100%;height:255px; position:relative; z-index:1 }
.addWrap .swipewrap > div i { display:inline-block; width:100%; height:100%}
.addWrap .swipewrap > div span { position: absolute; height:35px; top:220px; background:url(../img/slides-title-be.png); background-size:100% 100%; display:block; z-index:10; width:435px; font-size:14px;color:#fff;line-height:35px;padding-left:10px;}
#position{ position:absolute; bottom:6px; right:8px; margin:0; filter:alpha(opacity=50); text-align:right; z-index:10;}
#position li{display:block;width:20px;height:20px;text-align:center; color:#FFF;background-image:url("../img/pagination.png"); background-position:0 0;float:left;overflow:hidden}
#position li.cur{ background-position:0 -20px }
#position li.cur,#position li.cur:hover{background-position:0 -20px}
#position li:hover{background-position:0 -40px}
.img-responsive { display:block; max-width:100%; height:auto; }