/*! normalize.css v3.0.3  MIT License  github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! fn */
.fn-clearfix:before,.fn-clearfix:after{content:" ";display:table;}
.fn-clearfix:after{clear: both;}
.fn-clearfix {*zoom: 1;}
.fn-clr{clear:both;}
.fn-fl{float:left; }
.fn-fr{float:right;}
.fn-tc{text-align:center;}
.fn-tr{text-align:right;}
/*! common */
h1, h2, h3, h4, ul, ol, p, dl, dt, dd {margin: 0;}
ul, ol {padding: 0;list-style-type: none;}
a{color: #ccc;text-decoration: none;}
a:hover{color: #f39900;}
a:focus,input:focus{outline: none;}
img{vertical-align:top;max-width:100%;}
html{
    -webkit-tap-highlight-color: transparent;
}
/*font*/
@font-face {
    font-family: 'SofiaProLight-webfont';
    src: url('../fonts/SofiaProLight-webfont.eot');
    src: url('../fonts/SofiaProLight-webfont.eot?#iefix')
    format('embedded-opentype'),
    /*url('../fonts/SofiaProLight-webfont.woff') format('woff'),*/
    /*url('../fonts/SofiaProLight-webfont.ttf') format('truetype'),*/
    url('../fonts/SofiaProLight-webfont.svg#SofiaProLight-webfont')
    format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    min-width: 320px;
    background-color: #0B0A18;
    font: 12px/1.5 arial, sans-serif;
    color: #ccc;
}
.header .inner{width:98%;}
.inner{
    width: 1000px;
    margin: 0 auto;
}
.icon,.search,.slider_right span,.slider_left span,span.platform_img,.modal-close,#back-to-top{background: url(../images/sprites.png) no-repeat;}
/*! page */
/*-- header --*/
header{position: relative; z-index: 9;}
.logo img{vertical-align: middle;*margin-top: 26px;}
.top-link,.footer_main{
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 14px;
}
.top-link{
    height: 90px;
    line-height: 90px;
}
.nav{
    position: relative;
}
.nav-games-sub{
    position: absolute;
    top: 65px;
    left: 46px;
    height: 0;
    width: 120px;
    padding-left: 20px;
    line-height: 2;
    overflow: hidden;
    font-size: 14px;
    background-color: #3B3938;
    background-image: -moz-linear-gradient( 90deg, rgb(59,57,56) 0%, rgb(59,57,56) 50%, rgb(87,83,81) 100%);
    background-image:-webkit-linear-gradient( 90deg, rgb(59,57,56) 0%, rgb(59,57,56) 50%, rgb(87,83,81) 100%);
    background-image:-ms-linear-gradient( 90deg, rgb(59,57,56) 0%, rgb(59,57,56) 50%, rgb(87,83,81) 100%);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.75),inset 0 0 1px #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.75),inset 0 0 1px #fff;
    transition: all .5s ease;
    z-index: 999999;
}
.nav:hover .nav-games-sub{
    padding: 10px 0 10px 20px;
    height: auto;
}
.nav-games{
    margin:0 45px;
    font: 18px/90px 'SofiaProLight-webfont',arial;
    color:#ccc;
}
.nav-games a{color:#ccc;}
.nav-games .caret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.action-menu{
    position: relative;
}
.search{
    float: left;
    width: 0;
    padding-left: 38px;
    height: 32px;
    margin-top: 30px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 2px;
    background-color: #404040;
    background-position: -108px 0;
    transition: all .5s ease;
}
.search.on{
    width: 200px;
}
.search-input{
    width: 198px;
    vertical-align: top;
    height: 30px;
    border: none;
    outline: none;
    font-size: 14px;
    background-color: #404040;
}
/*autocompleter*/
.autocompleter {
    width: 238px;
    background: #404040;
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 100;
}
.autocompleter,
.autocompleter-hint {
    position: absolute;
}
.autocompleter-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.autocompleter-item-selected {
    background: #fff;
}
.autocompleter-item {
    line-height: 30px;
    padding: 0 12px;
    color: #444;
    font-size: 14px;
    cursor: pointer;
}
.autocompleter-item a{
    display: block;
}
.autocompleter-item:hover {
    background: #303030;
}
.autocompleter-item strong {
    color: #F39900;
    font-weight: normal;
}
.autocompleter-item span {
    color: #bbb;
}
.autocompleter-hint {
    display: none;
    color: #ccc;
    text-align: left;
    top: -74px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 30px;
    font-size: 14px;
    display: none;
}
.autocompleter-hint span {
    color: transparent;
}
.autocompleter-hint-show {
    display: none;
}
.autocompleter-closed {
    display: none;
}
.language{
    position: relative;
    float: left;
    width: 38px;
    margin-top: 30px;
    margin-right: 20px;
    line-height: 1;
}
.lnguage-cur{
    display: block;
    padding: 8px;
    border-radius: 2px;
    background-color: #404040;
}
.language-list{
    display: none;
    position: absolute;
    padding:10px 8px 8px 8px;
    top: 36px;
    background-color: #404040;
    border-radius: 2px;
    z-index: 9;
}
.language-list li{
    margin-bottom: 3px;
}
.language-list .cur::before{
    position: absolute;
    content: '';
    width: 22px;
    height: 16px;
    background: url(../images/sprites.png) no-repeat -108px -32px;
}
.share a{
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    vertical-align: middle;
    text-indent: -99999em;
}

.privacy-box{width: 500px;height: 500px;position: absolute;z-index: 999;margin:-250px 0 0 -250px;left: 50%;top: 50%;background: #fff;}
.privacy-box h2{height: 60px;line-height: 60px;font-size: 24px;font-weight: normal;text-align: center;}
.privacy-text{width: 475px;height: 360px;overflow-y: auto;font-size: 14px;color: #000;background: #f1f1f1;padding: 20px;box-sizing: border-box;margin:0 auto;}
.privacy-text p{margin-bottom: 35px;line-height: 25px;}
.privacy-btn{text-align: center;padding-top: 22px;}
.privacy-btn a.btn{width: 102px;height: 33px;line-height: 33px;font-size: 14px;color: #fff;background: #7f7f7f;display: inline-block;}
.privacy-btn a.agree{background: #23a623;}
.privacy-box .close{position: absolute;width: 32px;height: 32px;line-height: 28px;background: #c1c1c1;text-align: center;position: absolute;top: 0;right: 0;color: #000;font-size: 20px;cursor: pointer;}

.icon-f{background-position: -86px 0;}
.icon-g{background-position: -86px -22px;}
.icon-t{background-position: -86px -44px;}
.topshare{ margin-top:35px; margin-right:5px; float:left;}
.topshare a{ height:25px; margin-right:5px; background-image:url(../images/top_link_login.png); float:left; text-align:center; font-size:11px; color:#fff; line-height:24px; font-weight:bold;}
.top_link_google, .top_link_facebook, .top_link_yahoo, .top_link_paypal{width:24px; }
.top_link_facebook{ background-position:-24px 0; }
.top_link_yahoo{ background-position:-48px 0; }
.top_link_paypal{ background-position:-72px 0; }
.login-before,.login-after{
    vertical-align: middle;
    font-size: 14px;
    color: #ccc;
}
.login-after .l-logout{color:#f39900;}
/* banner */
.main_cluster_ctn { clear: both; }
.slider_ctn_box { background-color: #242424; }
.slider_ctn {
    position: relative;
    height: 18px;
    width: 1000px;
    margin: 0 auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slider_ctn.spotlight { width: 308px; }
.slider_ctn.store_autoslider { background: #122333; }
.slider_ctn.store_autoslider .handle { background-color: rgba( 0, 0, 0, 0.5 ); }
.slider {
    position: absolute;
    left: 39px;
    right: 39px;
    top: 0;
    bottom: 0;
    background-color: #303030;
    border-radius: 3px;
}
.slider_ctn .handle {
    position: absolute;
    top: 0;
    background-color: #444;
    height: 18px;
    width: 60px;
    cursor: pointer;
}
.slider_ctn .slider_left, .slider_ctn .slider_right {
    position: absolute;
    width: 38px;
    top: 0;
    bottom: 0;
    background-color: #5B5B5B;
    cursor: pointer;
}
.slider_ctn .slider_left:hover, .slider_ctn .slider_right:hover, .slider .handle:hover { background: #E9631F; }
.slider_left { left: 0; }
.slider_right { right: 0; }
.slider_left span,.slider_right span {
    display: block;
    width: 9px;
    height: 7px;
    margin-top: 5px;
    background-repeat: no-repeat;
}
.slider_right span {
    background-position: 0 -42px;
    margin-left: 15px;
}
.slider_left span {
    background-position: -9px -42px;
    margin-left: 13px;
}
.slider_right:hover span { background-position: 0 -49px; }
.slider_left:hover span { background-position: -9px -49px; }
.slider_left.disabled, .slider_right.disabled {
    opacity: 0.4;
    filter:Alpha(opacity=40);
    cursor: default;
}
.store_horizontal_autoslider_ctn {
    overflow: hidden;
    margin-bottom: 1px;
}
span.platform_img {
    display: inline-block;
    width: 20px;
    height: 20px;
    *margin-top: 12px;
    margin-right: 10px;
    background-repeat: no-repeat;
    vertical-align: middle;
    opacity:0.6;
    filter:Alpha(opacity=60);
}
span.platform_img.icon-pc { background-position: 0 -20px; }
span.platform_img.icon-mobile { background-position: 0 0; }
.main_cluster_content {
    overflow: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    max-width: 1920px;
    margin: 0 auto;
}
.main_cluster_content::-webkit-scrollbar {
    display: none;
}
.cluster_scroll_area { *height: 444px;overflow: hidden; }
.main_cluster_content .cluster_capsule {
    float:left;
    display: inline-block;
    width: 100%;
    margin-right: 4px;
    position: relative;
}
a.cluster_capsule:hover { text-decoration: none; }
.main_cluster_content .cluster_capsule_image {
    width: 100%;
    height: 400px;
    display: block;
}
.main_cap_desc {
    line-height: 44px;
    overflow: hidden;
    cursor: default;
}
.main_cap_content {
    width: 1000px;
    margin: 0 auto;
}
.main_cap_platform_area { float: right; }
.main_cap_status {
    width: 80%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color: #fff;
    font: 18px/44px 'SofiaProLight-webfont', arial;
}
/*-- content --*/
.content{
    /* width: 100%; */
    padding-bottom: 60px;
    /*background-color: #292929;*/
    overflow: hidden;
}
.game-box{
    position: relative;
    margin-top: 54px;
}
.game-title{
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
}
.game-more{
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #404040;
    color: #999;
    transition: all .5s ease;
}
.game-more:hover{
    background-color: #E9631F;
    color: #fff;
}
/*-- game-list S--*/
.game-list{
    width: 1014px;
    overflow: hidden;
}
.game-list li{
    float: left;
    margin-right: 12px;
    overflow: hidden;
}
.game-img{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.game-img img{
    width: 100%;
}
.game-img .mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    filter:Alpha(opacity=0);
    border: 1px solid #3F3F3F;
    text-align: center;
    transition:all .3s ease-in;
}
.game-img:hover .mask{
    opacity: 1;
    filter:Alpha(opacity=100);
    background: url(../images/mask80.png);
}
.game-img .mask a{
    display: inline-block;
    width: 64px;
    height: 64px;
    margin:69px 20px 0 20px;
}
.icon-home{background-position: 0 -73px;}
.icon-play{background-position: 0 -137px;}
.icon-home:hover{background-position: -64px -73px;}
.icon-play:hover{background-position: -64px -137px;}
.game-img .icon-pc,.game-img .icon-mobile{
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 20px;
    height: 20px;
    background-color: #000;
}
.game-info{
    margin-top: 10px;
    line-height: 18px;
    overflow: hidden;
}
.game-name{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.game-grade .icon{
    display: inline-block;
    width: 65px;
    height: 12px;
    margin-right: 4px;
    vertical-align: middle;
}
.icon-pc{background-position: 0 -20px;}
.icon-mobile{background-position: 0 0;}
.icon-star0{background-position: -21px 0;}
.icon-star1{background-position: -21px -12px;}
.icon-star2{background-position: -21px -24px;}
.icon-star3{background-position: -21px -36px;}
.icon-star4{background-position: -21px -48px;}
.icon-star5{background-position: -21px -60px;}
/*-big-*/
.game-list-big li{
    width: 324px;
    margin-bottom: 56px;
}
.game-list-big .game-name{
    float: left;
    width: 210px;
    max-width: 60%;
}
.game-list-big .game-grade{
    float: right;
    font-size: 14px;
    margin-top: -2px;
}
/*-small-*/
.game-list-samll li{
    width: 192px;
    margin-right: 10px;
    margin-bottom: 26px;
}
.game-list-samll .mask a{
    margin:63px 5px 0 5px;
}
.game-list-samll .game-info{
    margin-top: 6px;
    text-align: center;
}
.game-list-samll .game-name{
    line-height: 2;
}
#infscr-loading{
    width:100%;
    text-align:center;
}
/*-- game-list E--*/

/*-- footer --*/
.ft-nav{
    padding: 40px 0 40px 0;
    background-color: #101010;
}
.ft-nav dl{
    float: left;
    width: 180px;
    margin-left: 30px;
    margin-right: 52px;
}
.ft-nav dl.last{
    margin-right: 0;
}
.ft-nav dt{
    margin-bottom: 16px;
    font-size: 14px;
    color: #fff;
}
.ft-nav dt .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: middle;
}
.ft-nav dd{
    margin-left: 4px;
    line-height: 20px;
}
.ft-nav dd a{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}
.ft-copy{
    padding: 42px 0;
    text-align: center;
    color: #666;
    background: #0B0A18;
}
.ft-links{
    margin-top: 10px;
    line-height: 28px;
    color: #ccc;
}
.ft-links a{
    margin: 0 18px;
    font-size: 14px;
    color: #ccc;
}
#back-to-top{
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    background-position: -162px 0;
}
#back-to-top:hover{
    background-position: -162px -38px;
}
.ways{text-align:center;}
.ways li {display:inline-block; margin-left:16px; background-position:-78px -5px; width:52px; height:65px; background-image:url(../images/login_global.png);}
.ways li:active { background-position:0px -5px;  }
.ways li a{ display: block;font-size: 10px;height: 0;padding-top: 52px;text-align: center;width: 52px; background-image:url(../images/login_global.png);}
.ways li.login_facebook a{ background-position:-148px -5px; color:#213b6d;}
.ways li.login_google a{ background-position:-199px -5px;color:#282828;}
.ways li.login_yahoo a{ background-position:-300px -5px;color:#4c6824;}
.ways li.login_paypal a{ background-position:-250px -5px;color:#5c2964;}
/**********form-box***********/
.modal{
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -225px;
    width: 450px;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 5px;
    z-index:99999;
    transition: all .5s;
}
.modal>div:last-child{
    border-radius: 0 0 5px 5px;
}
.modal-hd{
    line-height: 52px;
    padding: 10px 36px 0;
    overflow: hidden;
    background:url("../images/modal-hd.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 0 0;
}
.modal-title {
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 3px 2px #9e3000;
}
.modal-close{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 16px;
    text-indent: -9999em;
    background:url("../images/close.png") no-repeat;
    transition: all .3s;
}
.modal-close:hover{
    filter: alpha(opacity=60);
    opacity: .6;
    transform: rotate(360deg);
}
.modal-bd{
    padding: 30px 36px 10px;
    background:url("../images/modal-cr.png") repeat;
    background-size: 100%;
    text-align: center;
    color: #555;
}
.user-center .modal-bd{
    text-align: left;
}
.modal-bd p{
    color: #999;
    font-size: 14px;
}
.modal-bd p a{
    color: #000;
    font-size:12px;
    text-transform: uppercase;
}
.modal-ft{
    padding: 16px 36px;
    background:url("../images/modal-cr.png") repeat;
    background-size: 100%;
    border-radius: 0 0 5px 5px;
}
.modal-ft2{
    padding: 16px 36px;
    background:url("../images/modal-bm.png") no-repeat;
    background-size: 100%;
    border-radius: 0 0 5px 5px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #000;
    filter: alpha(opacity=80);
    opacity: .8;
}
.form-box{
    margin-top: -18px;
}
.modal-ft .form-box{
    margin-top: 0;
}
.form-box .agree-terms a{
    color:#555;
    text-decoration: underline;
}
.form-box .input-prompt {
    height: 28px;
    color: #d84f14;
    font: 12px/2.4 Verdana,Arial;
    text-align: left;
}
.form-box .form-input {
    position: relative;
    height: 44px;
    margin-bottom: 10px;
}
.form-box input::-webkit-input-placeholder{ color: #555; }
.form-box input:-moz-placeholder{ color: #555; }
.form-box input::-moz-placeholder{ color: #555; }
.form-box input:-ms-input-placeholder{ color: #555; }
.form-box .form-input .icon {
    position: absolute;
    width: 25px;
    height: 29px;
    left: 10px;
    top: 8px;
    text-indent: -9999em;
}
/*.icon{ background: url("../images/sprites_new.png") no-repeat;}*/
.icon-user{background-position: 0 0;background: url("../images/sprites_new.png") no-repeat;}
.icon-password{background: rgba(0, 0, 0, 0) url("../images/sprites_new.png") no-repeat scroll 0 -58px;}
.icon-email{background: rgba(0, 0, 0, 0) url("../images/sprites_new.png") no-repeat scroll 0 -119px;}
.form-box .form-input input {
    width: 335px;
    height: 38px;
    padding: 0 30px 0 10px;
    border: 2px solid #515151;
    color: #555;
    font-size: 14px;
    background: #fff;
    line-height: 38px\9;
    border-radius: 5px;
    text-indent: 30px;

}
.form-box .form-input input:focus { border-color: #bbb; }
.form-box .form-input input.error { border-color: #D84F14; }
.form-box .box-verification input { width: 250px; padding-right: 10px;float: left;}
.form-box .box-verification img {
    display: block;
    float: right;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}
.form-box .agree-terms{
    margin-bottom: 26px;
    margin-top: 10px;
    float: left;
}
.form-box .agree-terms-btn{
    display: block;
    text-align: center;
}
.form-box .agree-terms-btn input,.agree-terms-btn a{
    vertical-align: middle;
    color: #000;
}
.form-box .agree-terms-box{
    display: none;
    margin-top: 10px;
    height: 140px;
    padding: 14px 20px 20px 20px;
    line-height: 20px;
    background-color: #D8D8D7;
    color: #777;
    text-align: left;
    overflow-y:auto;
}
.form-box .login-submit{
    display: block;
    border: none;
    width: 185px;
    margin: 20px auto 0 auto;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    text-indent: 40px;
    color: #fff;
    text-transform: uppercase;
    background: #d84f14 url("../images/submit_logo.png") 10px center no-repeat;
    border-radius: 5px;
    transition: all .3s ease-in;
    box-shadow: 1px 1px 1px #000;
    height: 55px;
}
.form-box .login-submit:hover{
    background: #ed7220 url("../images/submit_logo.png") 10px center no-repeat;
}
.form-box .login-submit, .btn-success,.icon-f-l{font-weight: bold;}
.btn-success{
    display: block;
    border: none;
    width: 238px;
    margin: 20px auto 0 auto;
    text-align: center;
    line-height: 55px;
    font-size: 24px;
    text-indent: 40px;
    color: #fff;
    text-transform: uppercase;
    background: #d84f14 url("../images/submit_logo.png") 10px center no-repeat;
    border-radius: 5px;
    transition: all .3s ease-in;
    box-shadow: 1px 1px 1px #000;
    background-color: rgba(235, 101, 7, 0.93);
}
/*.btn-success:hover{*/
    /*color: #fff;*/
    /*background: #64AE23;*/
/*}*/
.form-box .help-block{
    margin-top: 10px;
    font-size: 12px;
    color: #000;
    float: right;
}
.form-box .forgot-block{
    margin-top: 10px;
    font-size: 12px;
    color: #000;
    float: left;
}
p.forgot-block a{
    color: #000;
    text-transform: none;
}
p.login-other-way {
    line-height: 30px;
    text-align: center;
    color: #d84f14;
    background: url("../images/or_border.png") center no-repeat;
}
.login-other-way .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    text-indent: -9999em;
}
.icon-f-l{
    background:#3b5998;
    display: block;
    border: none;
    width: 185px;
    margin: 0px auto 10px auto;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    transition: all .3s ease-in;
    box-shadow: 1px 1px 1px #000;
    height: 55px;

}
.icon-f-l:hover{
    background: #275bc8;
    color: #fff;
}
.icon-t-l{background-position: -132px -78px;}
.icon-y-l{background-position: -132px -108px;}
.icon-g-l{background-position: -132px -138px;}
.login-other-way a.forgot_password {
    background: #fff;
    text-align: center;
    color: #333;
}
.login-other-way a span {
    display: block;
    float: left;
    width: 26px;
    height: 25px;
    background: url("../images/btn_share.png?v=1234556") no-repeat;
    margin: 9px 7px 0 15px;
}
.login-other-way a.login-other-way-g span {
    background-position: -28px 0;
    margin: 9px 8px 0 12px;
}
.login-other-way a.login-other-way-f span {
    background-position: -56px 0;
    margin: 9px 2px 0 6px;
}
.form-input .placeholder {
    line-height: 38px;
    text-indent: 12px;
    position: absolute;
    top: 0;
    left: 0;
    color: #555;
    font-size: 14px;
    text-align: left;
}
.success-block{
    font-size: 24px;
    font-weight: normal;
    color: #689f38;
}
/*-- user center --*/
.user-center p{line-height: 26px;color: #555;}
.form-hd{overflow: hidden;}
.form-hd .form-title{
    float: left;
    color: #555;
    font-size: 14px;
    font-weight: normal;
    line-height: 2;
}
.form-hd .input-prompt{
    float: right;
}
.change-email-box,.change-pass-box{
    display: none;
}
/*-- about --*/
.about-box{
    width: 600px;
    margin-left: -300px;
}
.about-box .modal-bd{
    max-height: 220px;
    padding-bottom: 0;
    overflow-y: auto;
}
.about-box .modal-bd p{
    text-align: left;
    color: #555;
    line-height: 20px;
    font-size: 14px;
}
.about-box .modal-bd hr{
    margin: 10px 0;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eee;
}
.about-box .modal-ft{
    background-color: #E8E8E7;
}
@media screen and (max-width: 1000px) {
    .nav,.ft-nav,.search,.language,.share{
        display: none;
    }
    .inner,.main_cap_content,.slider_ctn{
        width: 100%;
    }
    .top-link{
        width: 95%;
    }
    .main_cluster_content .cluster_capsule_image{
        height:28vw;
        background-size: cover;
        background-position: center;
    }
    .main_cap_status{
        padding-left: 10px;
    }
    .content .inner{
        width: 95%;
    }
    .game-list {
        width: 100%;
        text-align: center;
        font-size: 0;
    }
    .game-list li{
        text-align: left;
        font-size: 12px;
        margin:0 0 4vw;
    }
    .game-list-big li{
        width: 32.5%;
        margin-right: 1.25%;
    }
    .game-list-samll li{
        width: 24.3%;
        margin-right: 0.93333333%;
    }
    .game-list-big li:nth-child(3n),.game-list-samll li:nth-child(4n){
        margin-right: 0;
    }
    .game-list-samll li:nth-child(9),.game-list-samll li:nth-child(10){
        display: none;
    }
    .game-img .mask{display: none;}
    .game-img:hover .mask{display: block;}
    .game-img .mask a{
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 45px;
    }
}
@media screen and (max-width: 780px) {
    .welcomes{
        display: none;
    }
    .game-info{
        text-align: center;
    }
    .game-list-big .game-name{
        width: 100%;
        max-width: 100%
    }
    .game-list-big .game-grade{
        float: none;
        margin: 0;
    }
    .game-img .mask a{
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 35px;
    }
    .game-list-samll .game-img .mask a{margin-top: 50px;}
}
@media screen and (max-width: 640px) {
    .form-box .form-input
    input.code_val{
        text-align:center;
        text-indent: 0;
    }
    .game-list-big li{
        width: 49%;
        margin-right: 2%;
    }
    .game-list-samll li{
        width: 32%;
        margin-right: 2%;
    }
    .game-list-big li:nth-child(3n),.game-list-samll li:nth-child(4n){
        margin-right: 2%;
    }
    .game-list-big li:nth-child(2n),
    .game-list-samll li:nth-child(3n){
        margin-right: 0;
    }
    .game-list-samll li:nth-child(9){
        display: block;
    }
    .about-box{
        width: 93vw;
        margin-left: -46.5vw;
    }
    .game-img .mask a{
        margin-top: 55px;
    }
    .game-list-samll .game-img .mask a{margin-top: 70px;}
}
@media screen and (max-width: 480px) {
    .game-list-samll li{
        width: 49%;
        margin-right: 2%;
    }
    .game-list-samll li:nth-child(3n){
        margin-right: 2%;
    }
    .game-list-samll li:nth-child(2n){
        margin-right: 0;
    }
    .game-list-samll li:nth-child(10){
        display: block;
    }
    .modal{
        width: 93vw;
        margin-left: -46.5vw;
    }
    .modal-bd{
        padding: 30px 7.5vw;
    }
    .modal-ft{
        padding: 10px 7.5vw;
    }
    .modal-hd{
        padding:3vw 7.5vw 0;
    }
    .form-box .form-input input{
        width: 70vw;
        padding: 0 5.5vw 0 2vw;
    }
    .form-box .box-verification input{
        width:47.6vw;
        padding-right: 2vw;
    }
    .login-other-way .ways{
        display: block;
    }
    .game-img .mask a{
        margin-top: 30px;
    }
    .game-list-samll .game-img .mask a{margin-top: 80px;}
}
@media screen and (max-width: 420px) {
    .game-list-samll .game-img .mask a{margin-top: 64px;}
}
@media screen and (max-width: 375px) {
    .top-link{
        height: 70px;
        line-height: 70px;
    }
    .game-list-big li{
        width: 100%;
        margin-right: 0;
    }
    .form-box .box-verification input{
        width:43vw;
    }
    .modal-bd .help-block{
        font-size: 12px;
    }
    .form-box .agree-terms{
        margin-bottom: 10px;
    }
    .game-img .mask a{margin-top: 75px;}
    .game-list-samll .game-img .mask a{margin-top: 55px;}
}
@media screen and (max-width: 320px) {
    .logo{
        width:150px;
    }
    .action-menu .login-after{
        font-size: 12px;
    }
    .modal-hd{
        line-height: 40px;
    }
    .modal-bd {
        padding: 22px 7.5vw 16px 7.5vw;
    }
    .modal-close{
        margin-top:9px;
    }
    .form-box .login-submit{
        line-height: 55px;
        margin-top: 10px;
    }
    .form-box .form-input{
        margin-bottom: 5px;
    }
    .form-box .box-verification input{
        width:40vw;
    }
    .forgot-block{
        margin-top: 10px;
        margin-bottom: 2px;
    }
    .form-box .agree-terms{
        margin-bottom: 2px;
    }
    .ft-links a{
        margin: 0 12px;
    }
    .game-img .mask a{margin-top: 60px;}
    .game-list-samll .game-img .mask a{margin-top: 45px;}
}
@media screen and (max-height: 420px) {
    .modal{position: absolute;}

}