/*html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
#openid{
    background: #000;text-align: center;color: #ccc;
}
#game_list {}
#game_list a ,.toplay{
    cursor: pointer;
}
.toplay{
    margin-right: 15px;
}
.s_toplay{
    display: inline-block;
    width: 130px;
    height: 40px;
    background-color: #D50;
    border-radius: 5px;
    color: white;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.s_toplay.his{
background-image: url('/img/user/icon_nav_2_on.png');
background-repeat: no-repeat;
background-position: 13px 13px;
background-size: 15px 15px;
}
.servers_box{
    padding-bottom: 15px;
    border-bottom: 1px solid #555;
    margin-bottom: 15px;
}
.extra_box{
    display: inline-block;
    width: 300px;
    float: right;
}
.totopic{
    background-image: url('/img/topic_enter.png');
    display: inline-block;
    width: 76px;
    height: 21px;
    float: right;
}
.togcode{
    background-image: url('/img/gcode_enter.png');
    display: inline-block;
    width: 76px;
    height: 21px;
    margin-left: 15px;
    float: right;
}
#game_play .other .operating a.totopic{
    vertical-align: top;background-image: url(/img/topic_enter.png);width: 34px;background-repeat: no-repeat;border: none;
}
#game_play .other .operating a.togcode{
    vertical-align: top;background-image: url(/img/gcode_enter.png);width: 34px;background-repeat: no-repeat;border: none;
}
#game_list .breadcrumb {
    list-style: none;
    width: 99%;
    color: #D1D1D1;
    padding-left: 1%;
}

#game_list .breadcrumb ul li {
    float: left;
}

#game_list .breadcrumb ul li a {
    color: #D1D1D1;
}

#game_list .breadcrumb ul li .divider {
    padding: 0 5px;
}

#game_list .game_nav {
    padding: 10px 20px;
    background-color: #363636;
    box-shadow: 0px 0px 3px #000;
}

#game_list .game_nav ul.ac {
    width: 99%;
    margin: 0 auto;
    font-size: 16px;
    border-bottom: 1px solid #454545;
    height: 40px;
}

#game_list .game_nav ul.ac li {
    line-height: 40px;
    display: inline-block;
    float: left;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #454545;
}

#game_list .game_nav ul.ac li.active,
#index_new_rec .ranking ul.tag-nav li.ui-tabs-active {
    border-bottom: 1px solid #FF9B00
}

#game_list .game_nav ul.ac li.active a,
#index_new_rec .ranking ul.tag-nav li.ui-tabs-active a {
    color: #FF9B00
}

#game_list .game_nav ul.ac li a {
    font-size: 16px;
    color: #fff;
    padding: 0 18px;
    height: 40px;
    display: inline-block;
    float: left;
}

#game_list .game_nav ul.ac li a:hover {
    text-decoration: none;
}

#game_list .game_nav ul.ac li {
    float: left;
}

#game_list .game_nav ul.ac li a {
    color: #FFFFFF;
}

#game_list .game_nav .cls {
    width: 100%;
}

#game_list .game_nav ul.bc {
    color: #B8B8B8;
    width: 100%;
    margin: 16px 0;
}

#game_list .game_nav ul.bc li {
    float: left;
    line-height: 20px;
    margin-right: 10px;
}

#game_list .game_nav ul.cc {}

#game_list .game_nav ul.cc li {
    padding: 2px 5px;
    border-radius: 3px;
}

#game_list .game_nav ul.cc li a {
    color: #CEC189;
}

#game_list .game_nav ul.cc li.active {
    background: #B84500;
    color: #fff;
}

#game_list .game_nav ul.cc li.active a {
    color: #fff;
}

#game_list .list_grids {
    background: #363636;
    padding: 11px;
    padding-bottom: 16px;
}

#game_list .list_grids .one {
    width: 213px;
    height: 243px;
    background: #141414;
    position: relative;
    float: left;
}

#game_list .list_grids .one img {
    width: 215px;
    height: 120px;
}

#game_list .list_grids .one .title {
    font-size: 14px;
    color: #FFF897;
    line-height: 30px;
    padding: 0 10px;
}

#game_list .list_grids .one .title span {
    float: right;
    color: #FF7E00;
}

#game_list .list_grids .one .tags {
    padding: 0 10px;
}

#game_list .list_grids .one .tags a {
    display: inline-block;
    padding: 3px 5px;
    background: #262626;
    color: #999999;
    margin-right: 3px;
    margin-bottom: 3px;
}
#game_list .list_grids .one .tags a.keyword {
    background: rgb(184,69,0);
    color: white;
}

#game_list .list_grids .one .desc {
    padding: 10px 10px;
    color: #858585;
    font-size: 14px;
    word-break: break-all;
}
#game_list .list_grids .one .hoverinfo {
    color:rgb(170,170,160);
    margin: 10px;
}

#game_desc {
    padding: 20px 20px;
    background-color: #363636;
    width: 1120px;
}

#game_desc .images {
    width: 455px;
}

#game_desc .images .fav_share {
    width: 100%;
    float: left;
}

#game_desc .images .fav_share .favicon {
    float: left;
    width: 60px;
    color: #C1C1C1;
    background: url(../img/favicon.png) no-repeat left center;
    padding-left: 23px;
    border-right: 1px solid #C1C1C1;
}

#game_desc .images .fav_share .share {
    float: left;
    display: inline-block;
    padding-left: 10px;
    color: #C1C1C1;
}

#game_desc .infos {
    width: 635px;
}

#game_desc .infos .assess {
    float: right;
    margin-right: 10px;
}

#game_desc .infos .assess .mark_star {
    width: 100px;
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 -20px;
}

#game_desc .infos .assess .mark_star span {
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 0px;
}

#game_desc .infos .assess .mark_score {
    font-size: 22px;
    font-weight: bold;
    color: #FF9600;
    vertical-align: bottom;
    margin-left: 10px;
}

#game_desc .infos .assess .mark_total {
    color: #929292;
    font-size: 12px;
    text-align: right;
}

#game_desc .infos .title {
    width: 400px;
    color: #FFF5B2;
    font-size: 20px;
}
.title span.en{
    font-size: 14px;
    color: #aaa;
    margin-left: 10px;
}


#game_desc .infos .tags {
    padding: 0;
    margin: 10px 0px;
}

#game_desc .infos .tags a {
    display: inline-block;
    padding: 6px 10px;
    background: #2C2C2C;
    color: #fff;
    border: 1px solid #444444;
    margin-right: 3px;
    margin-bottom: 3px;
}

#game_desc .infos .attrs {
    color: #C1C1C1;
    line-height: 23px;
    margin: 8px 0px;
}
#game_desc .infos .attrs span {
    margin-right: 10px;
}
#game_desc .infos .attrs span.b {
    color: #FF9500;
}

#game_desc .infos .explanation {
    color: #C1C1C1;
    font-size: 14px;
    overflow: hidden;
}
#game_desc .infos .detail,#game_desc .infos .memo {
    color: #D29C71;
    font-size: 12px;
    cursor: pointer;
    float: right;
}

#game_desc .infos .explanation .getmore {
    display: inline-block;
    background: url(../img/asmore.png) no-repeat;
    width: 61px;
    height: 12px;
    vertical-align: middle;
}

#game_desc .infos .myassess {
    color: #D0D0D0;
    vertical-align: middle;
    line-height: 35px;
    font-size: 12px;
    height: 20px;
    padding: 0px 0px 15px;
}

#game_desc .infos .myassess .mark_star {
    vertical-align: middle;
    position: relative;
    width: 100px;
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 -20px;
}

#game_desc .infos .myassess .mark_star span {
    position:absolute;
    top:0;
    left: 0;
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 0px;
}

#game_desc .infos .btns {}

#game_desc .infos .btns .toplay {
    width: 191px;
    height: 54px;
    display: inline-block;
    background: url(../img/playbtn.png) no-repeat;
}

#game_desc .infos .btns .todown {
    width: 191px;
    height: 54px;
    display: inline-block;
    background: url(../img/downloadbtn.png) no-repeat;
    cursor: pointer;
}

#game_desc .infos .btns .todown-ios {
    width: 199px;
    height: 54px;
    display: inline-block;
    background: url(../img/appledownloadbtn.png) no-repeat;
    cursor: pointer;
}

#game_desc .infos .btns .toplay-apk {
    width: 199px;
    height: 54px;
    display: inline-block;
    background: url(../img/androiddownloadbtn.png) no-repeat;
    cursor: pointer;
}

#game_desc .infos .btns .forqr {
    position: relative;
}
#game_desc .infos .btns .forqr:hover .downQr{
    display: block;
}

#game_desc .infos .btns .downQr {
    display: none;
    position: absolute;
    text-align: center;
    top: -180px;
    left: 25px;
    width: 154px;
    height: 165px;
    background: #fff;
    filter: drop-shadow(5px 5px 5px #000);
}

#game_desc .infos .btns .downQr .showqr {
    margin: 15px 15px 7px 15px;
    position: relative;
}
#game_desc .infos .btns .downQr img.logo {
    position: absolute;
    left: 61px;
    top: 56px;
}
#game_desc .infos .btns .downQr:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 69px;
    top: 165px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
#game_medias {
    padding: 10px 20px;
    background-color: #363636;
    width: 1120px;
}
#game_medias .title{ color: #ffffff; font-size: 16px;}
#game_medias .swiper-container .swiper-wrapper .swiper-slide img{ height: 190px;}
#game_medias .swiper-container .swiper-wrapper{ width: 1049px;height: 190px;}
#game_medias .swiper-container .swiper-button-prev{ width: 30px; height: 190px;    top: 22px;left:0; background: url(../img/prev.png) #212121 no-repeat center center;}
#game_medias .swiper-container .swiper-button-next{width: 30px;  height: 190px;    top: 22px; right: 0;background: url(../img/next.png) #212121 no-repeat center center;}


#game_play {
    width: 1160px;
}


#game_play .title{color: #FFF0B6;text-align: center;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
#game_play .title .mark_total{ font-size: 12px;color: #929292;margin-left: 30px;}
#game_play .title .mark_score{ font-size: 20px; color: #FF9600;margin-left: 15px;}
#gamebox{margin: 0 auto; background-color: #1E1E1E;}
#game_play  .other{height: 20px;width: 100%;line-height: 20px;margin-top: 10px;}
#game_play   .other .share {
    float: left;
    display: inline-block;
    color: #C1C1C1;
}

#game_play   .other .operating{ width: 750px; margin:  0 auto; text-align: center;}
#game_play   .other .operating a{ display:inline-block;color: #C1C1C1; height: 20px; line-height: 20px; font-size: 12px; border-right: 1px solid #575757; padding: 0 10px 0 36px;}
#game_play   .other .operating a:first-child{border-left: 1px solid #575757;}
#game_play   .other .operating a.ico_rplay{background: url(../img/replay.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_tobig{background: url(../img/tobig.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_tosmall{background: url(../img/tosmall.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_todefault{background: url(../img/todefault.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_towindowfull{background: url(../img/towindowfull.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_tofav{background: url(../img/favicon.png) no-repeat 10PX center;}
#game_play   .other .operating a.ico_tocomment{background: url(../img/tocoment.png) no-repeat 10PX center;}

#game_play   .other .myassess {
    text-align: right;
    color: #D0D0D0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px; 
    float: right;
    width: 260px;
    margin:  0 ;
    padding: 0;
}

#game_play   .other .myassess .mark_star {
    vertical-align: middle;
    position: relative;
    width: 100px;
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 -20px;
}

#game_play   .other .myassess .mark_star span {
    position:absolute;
    top:0;
    left: 0;
    height: 20px;
    display: inline-block;
    background: url(../img/star.png);
    background-repeat: repeat-x;
    background-position: 0 0px;
}

#flashObject{position:relative; z-index: 102 ;display: block;
             margin: auto;}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

#gamebox .flashview{
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font: 100 12px/12px serif;
    background: #000000;/*#1E1E1E;*/
    z-index: 100;
}

#turnedOffshadow {background:#000; position:absolute; left:0; top:0; width:100%;    height: 100%; z-index:99;opacity: 0.9}
#CloseFullbox{ background:url(../img/outfull.png) no-repeat ; width: 27px; height: 27px;  display: none ; position: absolute;z-index: 110}
#CloseFullbox:hover{opacity: 0.8 }

#gamebox  #loadingbox{ width:100%; margin:0 auto; position:absolute; top:0; z-index: 101}
#gamebox  #loadingbox .loading{ width:360px; height:180px; text-align:center; margin:0 auto; display:block;}
#gamebox  #loadingbox .loading .logo{ width:154px; height:68px; display:block; margin:0 auto; background:url(../img/loadinglogo.png) no-repeat center center; padding-top:20px;}
#gamebox  #loadingbox .loading .progressbarbg{ height:13px; width:100%; overflow:hidden; background:#000000;padding:2px;margin-top:10px;
                                               border-top-right-radius: 8px;
                                               border-top-left-radius: 8px;
                                               border-bottom-right-radius: 8px;
                                               border-bottom-left-radius: 8px;}
#gamebox  #loadingbox .loading #progressbar { background:#000000; height:14px; width:361px;}
#gamebox  #loadingbox .loading .progressbarbg .ui-widget-content { border:none; }
#gamebox  #loadingbox .loading .progressbarbg .ui-corner-all{border-top-right-radius: 6px;
                                                             border-top-left-radius: 6px;
                                                             border-bottom-right-radius: 7px;
                                                             border-bottom-left-radius: 7px;}
#gamebox  #loadingbox .loading .progressbarbg .ui-widget-header{ border:none;background:#D85C2B url(../img/progressbarbg.png) repeat-x;}
#gamebox  #loadingbox .loading .percent{color:#999999; font: 500 16px/28px "microsoft yahei";}
#gamebox  #loadingbox .loading .texts{ color:#999999; padding-top:10px;}
.find_ret_txt{
    margin-bottom: 10px;
    background: #222;
    padding: 5px 10px;
    font-size: 14px;
    color: #ddd;
}
.find_ret_txt .hint{
    color:#FF9B00;
}

.find_fall_txt{
    text-align: center;
    background: #222;
    color: #db3;
    padding: 20px;
    font-size: 16px;
}

.art-4-game{
    font-size: 12px;
    padding: 5px 0px 0px;
}

.art-4-game p{
    line-height: 25px;
}

.art-4-game p.t{
    color: #fc0;
}

.art-4-game p.t a{
    color: #fc0;
}

.art-4-game p span.d{
    color: #ccc;margin-right: 20px;
}

.art-4-game p a.n{
    color: #fff0bc;
}


.game_search_more{
    float: right;
    margin: 10px 20px 0 0;
    background: #222;
    color: #ccc;
    padding: 3px 10px;
    width: 70px;
    background-image: url('/img/icon_plus.png');
    background-repeat: no-repeat;
    background-position: 70px 6px;
    cursor: pointer;
    border: 1px solid #444;
}
.game_search_more::before{
    content:"显示筛选";
}
.game_search_more.h{
    background-image: url('/img/icon_reduce.png');
}
.game_search_more.h::before{
    content:"收起筛选";
}
.flash-btn {
	width: 356px;
	height: 62px;
	line-height: 62px;
	font-weight: 700;
	background: #dc5d13;
	border-radius: 6px;
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
}