/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,vietnamese,latin-ext);
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.3333333333%; }

.col-xs-2 { width: 16.6666666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.3333333333%; }

.col-xs-5 { width: 41.6666666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.3333333333%; }

.col-xs-8 { width: 66.6666666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.3333333333%; }

.col-xs-11 { width: 91.6666666667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.3333333333%; }

.col-xs-pull-2 { right: 16.6666666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.3333333333%; }

.col-xs-pull-5 { right: 41.6666666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.3333333333%; }

.col-xs-pull-8 { right: 66.6666666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.3333333333%; }

.col-xs-pull-11 { right: 91.6666666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.3333333333%; }

.col-xs-push-2 { left: 16.6666666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.3333333333%; }

.col-xs-push-5 { left: 41.6666666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.3333333333%; }

.col-xs-push-8 { left: 66.6666666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.3333333333%; }

.col-xs-push-11 { left: 91.6666666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.3333333333%; }

.col-xs-offset-2 { margin-left: 16.6666666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.3333333333%; }

.col-xs-offset-5 { margin-left: 41.6666666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.3333333333%; }

.col-xs-offset-8 { margin-left: 66.6666666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.3333333333%; }

.col-xs-offset-11 { margin-left: 91.6666666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.3333333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.3333333333%; }
  .col-sm-pull-2 { right: 16.6666666667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.3333333333%; }
  .col-sm-pull-5 { right: 41.6666666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.3333333333%; }
  .col-sm-pull-8 { right: 66.6666666667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.3333333333%; }
  .col-sm-pull-11 { right: 91.6666666667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.3333333333%; }
  .col-sm-push-2 { left: 16.6666666667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.3333333333%; }
  .col-sm-push-5 { left: 41.6666666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.3333333333%; }
  .col-sm-push-8 { left: 66.6666666667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.3333333333%; }
  .col-sm-push-11 { left: 91.6666666667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.3333333333%; }
  .col-sm-offset-2 { margin-left: 16.6666666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.3333333333%; }
  .col-sm-offset-5 { margin-left: 41.6666666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.3333333333%; }
  .col-sm-offset-8 { margin-left: 66.6666666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.3333333333%; }
  .col-sm-offset-11 { margin-left: 91.6666666667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.3333333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.3333333333%; }
  .col-md-pull-2 { right: 16.6666666667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.3333333333%; }
  .col-md-pull-5 { right: 41.6666666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.3333333333%; }
  .col-md-pull-8 { right: 66.6666666667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.3333333333%; }
  .col-md-pull-11 { right: 91.6666666667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.3333333333%; }
  .col-md-push-2 { left: 16.6666666667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.3333333333%; }
  .col-md-push-5 { left: 41.6666666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.3333333333%; }
  .col-md-push-8 { left: 66.6666666667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.3333333333%; }
  .col-md-push-11 { left: 91.6666666667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.3333333333%; }
  .col-md-offset-2 { margin-left: 16.6666666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.3333333333%; }
  .col-md-offset-5 { margin-left: 41.6666666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.3333333333%; }
  .col-md-offset-8 { margin-left: 66.6666666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.3333333333%; }
  .col-md-offset-11 { margin-left: 91.6666666667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.3333333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.3333333333%; }
  .col-lg-pull-2 { right: 16.6666666667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.3333333333%; }
  .col-lg-pull-5 { right: 41.6666666667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.3333333333%; }
  .col-lg-pull-8 { right: 66.6666666667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.3333333333%; }
  .col-lg-pull-11 { right: 91.6666666667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.3333333333%; }
  .col-lg-push-2 { left: 16.6666666667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.3333333333%; }
  .col-lg-push-5 { left: 41.6666666667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.3333333333%; }
  .col-lg-push-8 { left: 66.6666666667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.3333333333%; }
  .col-lg-push-11 { left: 91.6666666667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.3333333333%; }
  .col-lg-offset-2 { margin-left: 16.6666666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.3333333333%; }
  .col-lg-offset-5 { margin-left: 41.6666666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.3333333333%; }
  .col-lg-offset-8 { margin-left: 66.6666666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.3333333333%; }
  .col-lg-offset-11 { margin-left: 91.6666666667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } }
.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }

.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm { height: 30px; line-height: 30px; }

textarea.input-sm, select[multiple].input-sm { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

select.input-lg { height: 46px; line-height: 46px; }

textarea.input-lg, select[multiple].input-lg { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }
.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }
.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }
.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }
.form-horizontal .form-group:after { clear: both; }
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback { right: 15px; }
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; font-size: 18px; } }
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.428571429px; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.428571429; }

.modal-body { position: relative; padding: 15px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }
@media (min-width: 992px) { .modal-lg { width: 900px; } }
/*End bootstrap*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: 'Roboto', Arial, sans-serif; color: #333; font-size: 13px; background: #eee; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizeLegibility; }

a:hover, a:active { outline: none; }

a { color: #1d6d8f; }

a, a:hover, a:active, a:visited { text-decoration: none !important; outline: 0 !important; }

a:hover { color: #f4811f; text-decoration: none; }

.clearfix:after, .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, .section { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clear { clear: both; }

.fl { float: left !important; }

.fr { float: right !important; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*icon fonts*/
@font-face { font-family: "360game"; src: url("../fonts/360game_1.2.eot"); src: url("../fonts/360game_1.2.eot?#iefix") format("embedded-opentype"), url("../fonts/360game_1.2.woff") format("woff"), url("../fonts/360game_1.2.ttf") format("truetype"), url("../fonts/360game_1.2.svg#360game") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "360game" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "360game" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/**/
.tabs-block .tab-menu li, .uiselector, .webgame-topbaner .lb { float: left; }

.uiselector, .uiselector .select-click, input[type="checkbox"]:checked + label span.checkbox, input[type="radio"]:checked + label span.radio { position: relative; }

.uiselector .select-option, .webgame-topbaner .lb { position: absolute; }

.header .tophead .menu > li > a:before, .header .tophead .menu.lmenu .hotline:before, .header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li.lnk > a:after, .header .tophead .menu.rmenu .gameplayed .wrap .list-game-s2 > li.lnk > a:after, .header .shead .left .search-box .search-row .sbtn:before, .header .menuhead .mainmenu > ul > li .giftcode-ico:before, .header .menuhead .mainmenu > ul > li:first-child a:before, .header .menuhead .right .livestream .tooltip .seemore:after, .footer .top-foot .left ul li.mail a:before, .footer .top-foot .right .desc .seemore:before, .back-top a:before, input[type="checkbox"]:checked + label span.checkbox:before, .item-list-s1 ul li .item-wrap .detail .playing-users:before, .item-list-s1 ul li .item-wrap .detail .play-btn a:after, .list-item-s3 ul li .gift-box .ico:before, .list-item-s3 ul li .detail .topic-row .users:before, .list-item-s3 ul li .detail .playing-game .play-btn:after, .rollcall-alert .alert-box .close-btn:before, .code-pop .warning-ico:before, .code-pop .success-ico:before, .rollcall-history .calendar-box .time-row ul li.done .circle:before, .rollcall-history .calendar-box .cal li.active:before, .rollcall-history .note-list li:before, .breadcrumb ul li:after, .firt-block .left .top-box .login-box .frm:before, .list-detail .right .top-box .login-box .frm:before, .firt-block .left .top-box .login-box .social-list ul li a:before, .list-detail .right .top-box .login-box .social-list ul li a:before, .firt-block .left .top-box .user-box .list .down-btn:before, .list-detail .right .top-box .user-box .list .down-btn:before, .firt-block .left .top-box .user-box .list .up-btn:before, .list-detail .right .top-box .user-box .list .up-btn:before, .firt-block .left .top-box .user-box .list.list01 ul li:before, .list-detail .right .top-box .user-box .list.list01 ul li:before, .firt-block .left .top-box .user-box .list.list02 ul li:before, .list-detail .right .top-box .user-box .list.list02 ul li:before, .firt-block .left .top-box .bottom-list ul li a:before, .list-detail .right .top-box .bottom-list ul li a:before, .home-title-row .seemore:after, .home-title-row .next-prev .next:before, .home-title-row .next-prev .prev:before, .open-server-time .seemore:after, .firt-block .right .banner-slider .bx-next:before, .firt-block .right .banner-slider .bx-prev:before, .firt-block .right .top-game .featured-game-block .detail .playing-users:before, .firt-block .right .new-game .list .bn .detail .lnks a:after, .firt-block .right .new-game .list .slider .items-slide li .detail .lnks a:after, .firt-block .right .new-game .list .slider .bx-next:before, .firt-block .right .new-game .list .slider .bx-prev:before, .firt-block .featured-news .newslist li a:before, .firt-block .featured-news .seemore a:after, .code-block .code-list > ul li .detail .date .arrow:before, .single-game-block .container .game-detail .left .newslist li a:before, .list-item-s2 ul li .detail .play-btn:after, .type-game-block .container .right .game-item .detail .play-btn:after, .list-topblock .detail .playing-game .play-btn:after, .webgame-content .filter-box .f-row ul li.active a:before, .list-detail .show-hide-btn:before, .list-detail .right .play-game-box .playing-game .play-btn:after, .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn:after, .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn:before, .list-detail .left .produce-news-block .news-block .seemore:after, .event-page .left .event-block .events-list ul li .detail .action-box .time:before, .event-page .right .featured-news .newslist li a:before, .event-page .right .featured-news .seemore a:after, .news-page .news-slide .list ul li .detail .seemore:after, .news-page .newslist > ul li .detail .seemore:after, .news-detail .detail-box .related-news ul li a:before, .tag-page .topblock .detail .playing-game .play-btn:after, .result-page .topblock ul li .detail .topic-row .users:before, .result-page .topblock ul li .detail .playing-game .play-btn:after, .acc-page .acc-info .ct .rside .detail .ldt li .lnk:after, .acc-page .acc-info .ct .rside .detail .rdt li .acc-btn:before, .acc-page .acc-info .ct .rside .detail .rdt li .card-btn:before, .acc-page .acc-play-game .lside .list li:before, .acc-page .acc-play-game .rside .vip-page ul li:before, .rollcall-btn:before, .login-block .lgbox .frm:before, .login-block .lgbox .social-list ul li a:before, .support-block .tabs-block .tab-menu li a .ico:before, .code-block-leftside .list .see-all .see-all-lnk:after, .code-page .tabs-block .tab-menu li a:before, .code-page .code-vip-block .search-code .sbtn:before, .code-page .code-vip-block .code-item-list > ul li .detail .date .arrow:before, .new-code .code .detail .date .arrow:before, .gift-code .code-game-block .slider .items-slide li .detail .date .arrow:before, .gift-code .code-game-block .slider .bx-next:before, .gift-code .code-game-block .slider .bx-prev:before, .message-page .tabs-block .tab-menu li a:before, .toggle-list > ul li .title-row .arrow:before, .gameplus .list-item-s3 ul li .detail .topic-row .download:before, .modal-header .close:before { font-family: "360game" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.list-item-s3 ul li .gift-box .ico, .list-item-s3 ul li .gift-box .ico:before, .gameplus .list-item-s3 ul li .gift-box .ico:after { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }

.event-page .right .suggest-game .gamelist li .detail h3 a .txt, .suggest-game-leftside .gamelist li .detail h3 a .txt, .suggestion-box ul li .detail h3 a, .uiselector .select-option li a, .list-item-s2 ul li .title a, .list-item-s3 ul li .gift-box .txt, .breadcrumb ul li:last-child, .firt-block .left .top-box .user-box .list.list02 ul li .server a, .list-detail .right .top-box .user-box .list.list02 ul li .server a, .open-server-time .list li .detail .txt, .firt-block .right .top-game .featured-game-block .small-item .item .detail h3 a, .firt-block .right .top-game .new-game-block .video-box h2, .firt-block .featured-news .newsbox h3 a, .code-block .code-list > ul li .detail h3 a .txt, .code-block .code-list > ul li .detail h3 a .vip, .code-block .code-list > ul li .detail .desc, .code-block .code-list > ul li .detail .getcode .sum, .single-game-block .container .game-detail .left .newslist li a .txt, .type-game-block .container .type-game-content .typegame-list ul li, .topgame .gamelist li .txt, .webgame-sever-list .list li .name, .list-detail .right .sever-list .list li .name, .game-interested .item-list ul li .txt, .news-page .newslist > ul li .detail h3 a, .news-detail .detail-box .title-block .left-title h2 a, .code-block-leftside .list ul li .detail h3 a, .code-page .code-vip-block .code-item-list > ul li .detail h3 a, .new-code .code .detail .getcode .sum, .gift-code .code-game-block .slider .items-slide li .detail .txt, .gift-code .code-game-block .slider .items-slide li .detail .getcode .sum, .toggle-list > ul li .title-row h3 a, .modal-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.firt-block .right .top-game .featured-game-block .detail, .firt-block .right .new-game .list .bn .detail, .firt-block .right .new-game .list .slider .items-slide li .detail, .list-item-s2 ul li .detail, .type-game-block .container .right .game-item .detail { filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); -moz-opacity: 0; opacity: 0.0; }

.firt-block .right .top-game .featured-game-block .big-item:hover .detail, .firt-block .right .top-game .featured-game-block .small-item .item:hover .detail, .firt-block .right .new-game .list .bn:hover .detail, .firt-block .right .new-game .list .slider .items-slide li:hover .detail, .list-item-s2 ul li:hover .detail, .type-game-block .container .right .game-item:hover .detail, .modal-header .close { filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 100; opacity: 1; }

.event-page .right .suggest-game .gamelist li .pic a img, .suggest-game-leftside .gamelist li .pic a img, .suggestion-box ul li .pic img, .code-block .code-list > ul li .pic a img, .list-detail .left .produce-news-block .produce-block img, .game-interested .item-list ul li .pic a img, .event-page .left .event-block .events-list ul li .pic img, .news-page .news-slide .list ul li .pic a img, .acc-page .acc-play-game .rside .list-game-played > li .lbox .pic img, .server-page .server-list .list li .game .pic img, .code-block-leftside .list ul li .pic a img, .code-page .code-vip-block .code-item-list > ul li .pic a img { display: block; width: 100%; height: 100%; }

.event-page .right .suggest-game .gamelist li .pic a:hover img, .suggest-game-leftside .gamelist li .pic a:hover img, .suggestion-box ul li .pic a:hover img, .item-list-s1 ul li .item-wrap .pic a:hover img, .list-item-s3 ul li .pic a:hover img, .list-news-s1 li .pic a:hover img, .firt-block .right .top-game .new-game-block .fp-lnks .list ul li:hover img, .firt-block .featured-news .newsbox .pic a:hover img, .code-block .code-list > ul li .pic a:hover img, .single-game-block .container .game-detail .right .list ul li:hover img, .webgame-slide .nav ul li:hover .pic img, .game-interested .item-list ul li .pic a:hover img, .event-page .left .event-block .events-list ul li .pic a:hover img, .event-page .right .featured-news .newsbox .pic a:hover img, .news-page .news-slide .list ul li .pic a:hover img, .news-page .newslist > ul li .pic a:hover img, .result-page .topblock ul li .pic a:hover img, .acc-page .acc-play-game .rside .list-game-played > li .lbox .pic a:hover img, .server-page .server-list .list li .game .pic a:hover img, .code-block-leftside .list ul li .pic a:hover img, .code-page .code-vip-block .code-item-list > ul li .pic a:hover img, .gift-code .code-game-block .slider .items-slide li .pic a:hover img { -webkit-filter: brightness(115%); filter: brightness(115%); }

.webgame-slide .nav ul li.active .pic img { -webkit-filter: brightness(100%); filter: brightness(100%); }

.point-history .point-his-list .list { display: table; width: 100%; border: 1px solid #e5e5e5; }
.point-history .point-his-list .list li { display: table-row; width: 100%; }
.point-history .point-his-list .list li:last-child > div { border-bottom: 0; }
.point-history .point-his-list .list li > div { display: table-cell; padding: 18px 10px; vertical-align: middle; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px dotted #eaeaea; }
.point-history .point-his-list .list li > div:last-child { border-right: 0; }
.point-history .point-his-list .list li.head-title { background: #e5e5e5; color: #1d6d8f; }
.point-history .point-his-list .list li.head-title > div { padding: 14px 10px; border-right-color: #ccc; border-bottom: 0; }

.event-page .right .suggest-game, .suggest-game-leftside { background: #fff; padding: 1px 15px 0; }
.event-page .right .suggest-game .gamelist, .suggest-game-leftside .gamelist { margin-top: 15px; }
.event-page .right .suggest-game .gamelist li, .suggest-game-leftside .gamelist li { float: left; width: 100%; border-bottom: 1px dotted #e9e9e9; padding: 0 0 10px; margin: 0 0 10px; }
.event-page .right .suggest-game .gamelist li .pic, .suggest-game-leftside .gamelist li .pic { float: left; }
.event-page .right .suggest-game .gamelist li .pic a, .suggest-game-leftside .gamelist li .pic a { display: block; width: 50px; height: 50px; }
.event-page .right .suggest-game .gamelist li .pic a img, .suggest-game-leftside .gamelist li .pic a img { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.event-page .right .suggest-game .gamelist li .detail, .suggest-game-leftside .gamelist li .detail { position: relative; min-height: 50px; margin-left: 60px; padding-bottom: 28px; }
.event-page .right .suggest-game .gamelist li .detail .hot, .suggest-game-leftside .gamelist li .detail .hot, .event-page .right .suggest-game .gamelist li .detail .new, .suggest-game-leftside .gamelist li .detail .new { position: relative; top: -4px; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 3px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.event-page .right .suggest-game .gamelist li .detail .hot:before, .suggest-game-leftside .gamelist li .detail .hot:before, .event-page .right .suggest-game .gamelist li .detail .hot:after, .suggest-game-leftside .gamelist li .detail .hot:after, .event-page .right .suggest-game .gamelist li .detail .new:before, .suggest-game-leftside .gamelist li .detail .new:before, .event-page .right .suggest-game .gamelist li .detail .new:after, .suggest-game-leftside .gamelist li .detail .new:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.event-page .right .suggest-game .gamelist li .detail .hot:before, .suggest-game-leftside .gamelist li .detail .hot:before, .event-page .right .suggest-game .gamelist li .detail .new:before, .suggest-game-leftside .gamelist li .detail .new:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.event-page .right .suggest-game .gamelist li .detail .hot:after, .suggest-game-leftside .gamelist li .detail .hot:after, .event-page .right .suggest-game .gamelist li .detail .new:after, .suggest-game-leftside .gamelist li .detail .new:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.event-page .right .suggest-game .gamelist li .detail .new, .suggest-game-leftside .gamelist li .detail .new { background: #0bc377; }
.event-page .right .suggest-game .gamelist li .detail .new:before, .suggest-game-leftside .gamelist li .detail .new:before { border-color: #0bc377 transparent transparent transparent; }
.event-page .right .suggest-game .gamelist li .detail .new:after, .suggest-game-leftside .gamelist li .detail .new:after { border-color: transparent transparent #0bc377 transparent; }
.event-page .right .suggest-game .gamelist li .detail h3 a, .suggest-game-leftside .gamelist li .detail h3 a { display: block; line-height: 16px; color: #333; font-weight: normal; }
.event-page .right .suggest-game .gamelist li .detail h3 a:hover, .suggest-game-leftside .gamelist li .detail h3 a:hover { color: #f4811f; }
.event-page .right .suggest-game .gamelist li .detail h3 a .txt, .suggest-game-leftside .gamelist li .detail h3 a .txt { display: inline-block; max-width: 125px; }
.event-page .right .suggest-game .gamelist li .detail .play-btn, .suggest-game-leftside .gamelist li .detail .play-btn { position: absolute; bottom: 0; left: 0; background: #f4811f; float: left; height: 22px; line-height: 22px; padding: 0 10px; color: #fff; font-size: 11px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.event-page .right .suggest-game .gamelist li .detail .play-btn:hover, .suggest-game-leftside .gamelist li .detail .play-btn:hover { background: #ff8e2e; }
.event-page .right .suggest-game .gamelist li:last-child, .suggest-game-leftside .gamelist li:last-child { border-bottom: 0; padding-bottom: 5px; }

body { min-width: 960px; }
@media (min-width: 1024px) { body { overflow-x: hidden; } }

.container { width: 100%; max-width: 1170px; padding: 0; }
@media (max-width: 1400px) { .container { max-width: 960px; min-width: 960px; } }

.mt15 { margin-top: 15px; }

.mb15 { margin-bottom: 15px; }

.header { margin-bottom: 15px; }
.header .tophead { position: relative; z-index: 999; background: #f0f0f0; height: 38px; border-bottom: 1px solid #e5e5e5; }
.header .tophead .menu > li { position: relative; float: left; font-size: 12px; }
.header .tophead .menu > li > a { position: relative; display: block; line-height: 37px; padding: 0 15px 0 39px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; color: #333; }
.header .tophead .menu > li > a:before { position: absolute; color: #333; font-size: 15px; }
.header .tophead .menu > li > a:after { position: absolute; top: 12px; right: -1px; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; float: left; width: 1px; height: 13px; }
.header .tophead .menu > li:last-child { margin-right: 0; }
.header .tophead .menu > li:last-child:after, .header .tophead .menu > li:last-child > a:after { display: none; }
.header .tophead .menu > li:hover > a { background: #fff; height: 38px; border-left-color: #e5e5e5; border-right-color: #e5e5e5; }
.header .tophead .menu > li:hover > a:after { display: none; }
.header .tophead .menu.lmenu { float: left; }
.header .tophead .menu.lmenu .list-game > a:before { top: 12px; left: 14px; content: "\75"; }
.header .tophead .menu.lmenu .list-game .tabs-block { display: none; position: absolute; left: 0; top: 38px; background: #fff; width: 510px; padding: 10px 15px 15px; border: 1px solid #e5e5e5; border-top: 0; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); }
.header .tophead .menu.lmenu .list-game .tabs-block .list-game-s1 { margin-right: -20px; }
.header .tophead .menu.lmenu .list-game .tabs-block .list-game-s1 li { width: 33.333%; padding-right: 20px; }
.header .tophead .menu.lmenu .hotline { line-height: 37px; padding-left: 39px; }
.header .tophead .menu.lmenu .hotline:before { position: absolute; top: 12px; left: 15px; content: "\76"; color: #333; font-size: 15px; }
.header .tophead .menu.lmenu .hotline span { color: #f4811f; font-size: 15px; font-weight: bold; white-space: nowrap; }
.header .tophead .menu.lmenu .hotline span a { white-space: nowrap; }
.header .tophead .menu.lmenu > li:hover .tabs-block { display: block; }
.header .tophead .menu.rmenu { float: right; }
.header .tophead .menu.rmenu .mess > a { padding-left: 47px; }
.header .tophead .menu.rmenu .mess > a:before { top: 11px; left: 14px; content: "\77"; font-size: 18px; }
.header .tophead .menu.rmenu .mess > a .num { position: absolute; top: 4px; left: 28px; z-index: 2; background: #ff2a00; float: left; width: 18px; height: 18px; line-height: 18px; padding-right: 1px; text-align: center; color: #fff; font-size: 11px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.header .tophead .menu.rmenu .mess > a .num:before { position: absolute; bottom: 3px; left: -3px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px 10px; border-color: transparent transparent #ff2a00 transparent; }
.header .tophead .menu.rmenu .mess > a .num span { position: relative; }
.header .tophead .menu.rmenu .mess .wrap { display: none; position: absolute; left: 0; top: 38px; background: #fff; width: 250px; padding: 5px 15px 0; border: 1px solid #e5e5e5; border-top: 0; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 { margin-right: -20px; }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li { width: 100%; padding-right: 20px; margin: 0; }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li > a { width: 100%; text-align: left; padding: 10px 0; border-bottom: 1px dotted #ededed; }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li.lnk > a { position: relative; padding: 12px 10px 14px 0; text-align: right; border-bottom: 0; }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li.lnk > a:after { position: absolute; top: 17px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.header .tophead .menu.rmenu .mess .wrap .list-game-s1 > li.lnk > a:hover:after { color: #f4811f; }
.header .tophead .menu.rmenu .mess:hover .wrap { display: block; }
.header .tophead .menu.rmenu .gameplayed:after { position: absolute; top: 17px; right: 15px; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #666 transparent transparent transparent; }
.header .tophead .menu.rmenu .gameplayed > a { padding-left: 44px; padding-right: 37px; }
.header .tophead .menu.rmenu .gameplayed > a:before { top: 6px; left: 10px; content: "\61"; font-size: 26px; }
.header .tophead .menu.rmenu .gameplayed .wrap { display: none; position: absolute; left: 0; top: 38px; background: #fff; width: 250px; padding: 5px 15px 0; border: 1px solid #e5e5e5; border-top: 0; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); }
.header .tophead .menu.rmenu .gameplayed .wrap .list-game-s2 > li.lnk { padding: 0; }
.header .tophead .menu.rmenu .gameplayed .wrap .list-game-s2 > li.lnk > a { position: relative; display: block; padding: 12px 10px 14px 0; text-align: right; border-bottom: 0; }
.header .tophead .menu.rmenu .gameplayed .wrap .list-game-s2 > li.lnk > a:after { position: absolute; top: 17px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.header .tophead .menu.rmenu .gameplayed .wrap .list-game-s2 > li.lnk > a:hover:after { color: #f4811f; }
.header .tophead .menu.rmenu .gameplayed:hover { margin-left: -1px; }
.header .tophead .menu.rmenu .gameplayed:hover > a { padding-left: 45px; }
.header .tophead .menu.rmenu .gameplayed:hover > a:before { left: 11px; }
.header .tophead .menu.rmenu .gameplayed:hover .wrap { display: block; }
.header .tophead .menu.rmenu .account:after { display: block; position: absolute; top: 17px; right: 15px; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #666 transparent transparent transparent; }
.header .tophead .menu.rmenu .account > a { padding-right: 37px; }
.header .tophead .menu.rmenu .account > a:before { top: 11px; left: 15px; content: "\63"; font-size: 16px; }
.header .tophead .menu.rmenu .account .wrap { display: none; position: absolute; right: 0; top: 38px; background: #fff; width: 180px; padding: 5px 0 0; border: 1px solid #e5e5e5; border-top: 0; box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.3); }
.header .tophead .menu.rmenu .account .wrap .account-manage li { padding: 0 15px; }
.header .tophead .menu.rmenu .account .wrap .account-manage li a { display: block; padding: 10px 0; color: #666; font-size: 13px; border-bottom: 1px dotted #ededed; }
.header .tophead .menu.rmenu .account .wrap .account-manage li a:hover { color: #f4811f; }
.header .tophead .menu.rmenu .account .wrap .account-manage li.signout a { color: #1d6d8f; }
.header .tophead .menu.rmenu .account .wrap .account-manage li.signout a:hover { color: #f4811f; }
.header .tophead .menu.rmenu .account .wrap .account-manage li:last-child a { border-bottom: 0; }
.header .tophead .menu.rmenu .account:hover { margin-left: -1px; }
.header .tophead .menu.rmenu .account:hover > a { padding-left: 40px; }
.header .tophead .menu.rmenu .account:hover > a:before { left: 16px; }
.header .tophead .menu.rmenu .account:hover .wrap { display: block; }
.header .tophead .menu.rmenu .login > a:before { top: 11px; left: 14px; content: "\64"; font-size: 18px; }
.header .tophead .menu.rmenu .registry > a:before { top: 11px; left: 14px; content: "\63"; font-size: 16px; }
.header .shead { background: #fff; }
.header .shead .left { float: left; }
.header .shead .left .logo { float: left; width: 265px; height: 100px; padding: 16px 0 0 33px; }
@media (max-width: 1400px) { .header .shead .left .logo { width: 195px; padding-left: 0; } }
.header .shead .left .logo span { display: block; padding: 2px 0 0 12px; color: #666; font-size: 12px; font-weight: normal; }
.header .shead .left .search-box { float: left; width: 472px; padding: 25px 0 0; }
@media (max-width: 1400px) { .header .shead .left .search-box { width: 345px; } }
.header .shead .left .search-box .search-row { position: relative; width: 472px; }
@media (max-width: 1400px) { .header .shead .left .search-box .search-row { width: 345px; } }
.header .shead .left .search-box .search-row .stxt { width: 410px; height: 38px; padding: 9px 15px 10px; border: 1px solid #e5e5e5; border-right: 0; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
@media (max-width: 1400px) { .header .shead .left .search-box .search-row .stxt { width: 283px; } }
.header .shead .left .search-box .search-row .sbtn { position: absolute; top: 0; right: 0; background: #f4811f; float: left; width: 62px; height: 38px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.header .shead .left .search-box .search-row .sbtn input { position: absolute; top: 0; left: 0; z-index: 2; background: none; float: left; width: 100%; height: 100%; border: 0; }
.header .shead .left .search-box .search-row .sbtn:before { position: absolute; top: 9px; left: 20px; content: "\65"; color: #fff; font-size: 23px; }
.header .shead .left .search-box .search-row .sbtn:hover { background: #ff8e2e; }
.header .shead .left .search-box .keyword { max-height: 23px; line-height: 18px; padding: 6px 0 0; color: #666; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.header .shead .right { float: right; padding: 15px 0 0; }
.header .shead .right img { width: auto; max-height: 70px; }
.header .menuhead { background: #1d6d8f; height: 42px; }
.header .menuhead .mainmenu { float: left; }
.header .menuhead .mainmenu > ul { float: left; }
.header .menuhead .mainmenu > ul > li { position: relative; z-index: 2; float: left; border-right: 1px solid #176180; }
.header .menuhead .mainmenu > ul > li .giftcode-ico { position: relative; display: inline-block; width: 1px; height: 7px; }
.header .menuhead .mainmenu > ul > li .giftcode-ico:before { position: absolute; top: -12px; right: -16px; content: "\79"; color: #ff8e2e; font-size: 17px; animation: movedown 1s 0s infinite; -moz-animation: movedown 1s 0s infinite; -webkit-animation: movedown 1s 0s infinite; }
.header .menuhead .mainmenu > ul > li .hot { position: relative; left: 1px; top: -4px; display: inline-block; background: url(../images/ic_fire.png) no-repeat; width: 12px; height: 19px; margin-right: -6px; animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -moz-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -webkit-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; }
.header .menuhead .mainmenu > ul > li:hover > a { background: #155a7c; }
.header .menuhead .mainmenu > ul > li:hover .submenu { display: block; }
.header .menuhead .mainmenu > ul > li > a { display: block; line-height: 42px; padding: 0 35px; color: #fff; font-size: 14px; }
@media (max-width: 1400px) { .header .menuhead .mainmenu > ul > li > a { padding: 0 19px; } }
.header .menuhead .mainmenu > ul > li > a:hover { background: #155a7c; }
.header .menuhead .mainmenu > ul > li:first-child a { padding-left: 45px; padding-right: 23px; }
@media (max-width: 1400px) { .header .menuhead .mainmenu > ul > li:first-child a { padding-left: 40px; padding-right: 19px; } }
.header .menuhead .mainmenu > ul > li:first-child a:before { position: absolute; top: 13px; left: 22px; content: "\67"; color: #fff; font-size: 16px; }
@media (max-width: 1400px) { .header .menuhead .mainmenu > ul > li:first-child a:before { left: 17px; } }
.header .menuhead .mainmenu > ul > li:last-child { border-right: 0; }
.header .menuhead .mainmenu > ul > li.active a { background: #155a7c; }
.header .menuhead .mainmenu > ul > li .submenu { display: none; position: absolute; top: 42px; left: 0; width: 160px; }
.header .menuhead .mainmenu > ul > li .submenu:before { content: ""; position: absolute; top: -7px; left: 10px; width: 0; height: 0; border-style: solid; border-width: 0 8px 7px 8px; border-color: transparent transparent #1d6d8f transparent; }
.header .menuhead .mainmenu > ul > li .submenu a { display: block; background: #1d6d8f; height: 40px; line-height: 40px; padding: 0 0 0 10px; color: #fff; }
.header .menuhead .mainmenu > ul > li .submenu a:hover { background: #20789e; }
.header .menuhead .right { float: right; }
.header .menuhead .right .mgame { position: relative; background: #12a8c0; float: left; height: 42px; line-height: 42px; padding: 0 17px 0 80px; color: #fff; font-size: 14px; text-transform: uppercase; }
.header .menuhead .right .mgame:before { position: absolute; }
.header .menuhead .right .mgame.game-plus { width: 152px; }
.header .menuhead .right .mgame.game-plus:before { content: ""; top: -2px; right: -2px; background: url(../images/360game_plus_1.1.png) no-repeat; float: left; width: 140px; height: 42px; }
.header .menuhead .right .livestream { position: relative; float: left; margin-right: 25px; }
.header .menuhead .right .livestream .live-lnk { background: url(../images/360live_ico_1.2.png) 0 8px no-repeat; float: left; width: 82px; height: 42px; }
.header .menuhead .right .livestream .tooltip { top: 42px; left: 50%; margin-left: -100px; }
.header .menuhead .right .livestream .tooltip:before { display: none; }
.header .menuhead .right .livestream .tooltip:after { content: ""; position: absolute; top: -23px; right: 40px; background: url(../images/tooptip_line_1.2.png) no-repeat; float: left; width: 24px; height: 23px; }
.header .menuhead .right .livestream .tooltip strong { font-weight: bold; }
.header .menuhead .right .livestream .tooltip .seemore { display: inline-block; position: relative; margin-top: 2px; font-size: 11px; color: #555; }
.header .menuhead .right .livestream .tooltip .seemore:before { content: ""; position: absolute; bottom: 3px; left: 0; background: rgba(0, 0, 0, 0.2); float: left; width: 100%; height: 1px; }
.header .menuhead .right .livestream .tooltip .seemore:after { position: absolute; top: 8px; right: -9px; content: "\6b"; color: #fff; font-size: 6px; }
.header .menuhead .right .livestream .tooltip .seemore:hover { color: #de32c3; }
.header .menuhead .right .livestream .tooltip .seemore:hover:before { background: rgba(222, 50, 195, 0.3); }
.header .menuhead .right .livestream:hover .tooltip { display: block; }
.header.tkhead { padding-top: 38px; }
.header.tkhead .tophead { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); }
.header.summer2018 .shead .left .logo { position: relative; }
.header.summer2018 .shead .left .logo .left-mai, .header.summer2018 .shead .left .logo .right-mai, .header.summer2018 .shead .left .logo .longden, .header.summer2018 .shead .left .logo .mai, .header.summer2018 .shead .left .logo .mai1 { position: absolute; float: left; }
.header.summer2018 .shead .left .logo .left-mai { top: -6px; left: -76px; background: url(../images/logo_summer/logo_canh_phuong.png) no-repeat; width: 176px; height: 99px; }
@media (max-width: 1400px) { .header.summer2018 .shead .left .logo .left-mai { left: -108px; } }
.header.summer2018 .shead .left .logo .right-mai { top: 42px; left: 147px; background: url(../images/logo_summer/logo_r_mai.png) no-repeat; width: 32px; height: 30px; }
@media (max-width: 1400px) { .header.summer2018 .shead .left .logo .right-mai { left: 114px; } }
.header.summer2018 .shead .left .logo .longden { top: 56px; left: 154px; background: url(../images/logo_summer/logo_longden.png) no-repeat; width: 30px; height: 30px; animation: wobbleYsummer 2s ease 1s infinite; -moz-animation: wobbleYsummer 2s ease 1s infinite; -webkit-animation: wobbleYsummer 2s ease 1s infinite; }
@media (max-width: 1400px) { .header.summer2018 .shead .left .logo .longden { left: 121px; } }
.header.summer2018 .shead .left .logo .mai { top: 15px; left: -12px; background: url(../images/logo_summer/logo_mai.png) no-repeat; width: 15px; height: 15px; animation: zoomFallO3 5s ease-out 1s both infinite; -moz-animation: zoomFallO3 5s ease-out 1s both infinite; -webkit-animation: zoomFallO3 5s ease-out 1s both infinite; }
@media (max-width: 1400px) { .header.summer2018 .shead .left .logo .mai { left: -47px; } }
.header.summer2018 .shead .left .logo .mai1 { top: 40px; left: 6px; background: url(../images/logo_mai.png) no-repeat; background-size: 7px 8px; width: 7px; height: 8px; }
@media (max-width: 1400px) { .header.summer2018 .shead .left .logo .mai1 { left: -27px; } }
.header.summer2018 .menuhead { background: #4b8619; }
.header.summer2018 .menuhead .mainmenu > ul > li { border-color: #447b18; }
.header.summer2018 .menuhead .mainmenu > ul > li.active a, .header.summer2018 .menuhead .mainmenu > ul > li a:hover { background: #89b53e; }
.header.summer2018 .menuhead .right .mgame { background: #89b53e; }

.suggestion-box { position: absolute; top: 40px; left: 0; z-index: 99; background: #fff; float: left; width: 410px; padding: 15px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); }
@media (max-width: 1400px) { .suggestion-box { width: 283px; } }
.suggestion-box ul { float: left; width: 100%; max-height: 335px; overflow-y: auto; }
.suggestion-box ul li { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #e9e9e9; }
.suggestion-box ul li .pic { float: left; width: 50px; height: 50px; }
.suggestion-box ul li .pic img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.suggestion-box ul li .detail { margin-left: 60px; }
.suggestion-box ul li .detail h3 { margin-bottom: 11px; }
.suggestion-box ul li .detail h3 a { display: block; line-height: 16px; color: #333; font-weight: normal; }
.suggestion-box ul li .detail h3 a:hover { color: #f4811f; }
.suggestion-box ul li .detail .play-btn { display: inline-block; background: #f4811f; height: 22px; line-height: 22px; padding: 0 10px; color: #fff; font-size: 11px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.suggestion-box ul li .detail .play-btn:hover { background: #ff8e2e; }
.suggestion-box ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.footer { margin-top: 30px; }
.footer .top-foot { background: #fff; min-height: 215px; padding: 48px 0 30px; }
.footer .top-foot .left { position: relative; float: left; width: 375px; padding: 0 0 0 145px; border-right: 1px dashed #adadad; }
.footer .top-foot .left:before { position: absolute; top: -8px; left: 15px; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -7px 0; float: left; width: 101px; height: 81px; }
.footer .top-foot .left h2 { color: #1d6d8f; font-size: 15px; text-transform: uppercase; font-weight: normal; }
.footer .top-foot .left ul { margin-top: 14px; }
.footer .top-foot .left ul li { margin-bottom: 15px; }
.footer .top-foot .left ul li a { position: relative; display: block; height: 20px; line-height: 20px; padding-left: 64px; color: #666; text-transform: uppercase; }
.footer .top-foot .left ul li a:hover { color: #f4811f; }
.footer .top-foot .left ul li a:before { position: absolute; left: 0; content: ""; }
.footer .top-foot .left ul li.mail a:before { top: 0; content: "\77"; color: #1d6d8f; font-size: 22px; }
.footer .top-foot .left ul li.cctalk a:before { top: 3px; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -167px 0; width: 50px; height: 14px; }
.footer .top-foot .left ul li.wiki a:before { top: 0; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -167px -19px; width: 47px; height: 17px; }
.footer .top-foot .left ul li:last-child { margin-bottom: 0; }
.footer .top-foot .right { margin-left: 405px; }
.footer .top-foot .right h2 { margin-bottom: 14px; color: #1d6d8f; font-size: 15px; text-transform: uppercase; font-weight: normal; }
.footer .top-foot .right .desc { line-height: 19px; text-align: center; }
.footer .top-foot .right .desc p { margin-bottom: 10px; text-align: left; }
.footer .top-foot .right .desc table tr th { color: #000; text-align: left; font-weight: bold; border-right-color: #ccc; border-bottom: 1px solid #000; }
.footer .top-foot .right .desc table tr td, .footer .top-foot .right .desc table tr th { padding: 12px 10px; text-align: left; }
.footer .top-foot .right .desc table tr td { background: #f2f2f2; }
.footer .top-foot .right .desc table tr:nth-child(even) td { background: #fff; }
.footer .top-foot .right .desc .more-detail { display: none; padding-bottom: 20px; }
.footer .top-foot .right .desc .seemore { position: relative; display: inline-block; height: 30px; font-size: 12px; }
.footer .top-foot .right .desc .seemore:before { position: absolute; left: 50%; bottom: 0; margin-left: -4px; content: "\6b"; color: #1d6d8f; font-size: 8px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.footer .top-foot .right .desc .seemore:hover:before { color: #f4811f; }
.footer .top-foot .right .desc .seemore.active:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.footer .bottom-foot { background: #1d6d8f; min-height: 87px; line-height: 19px; padding-bottom: 16px; color: #fff; font-size: 12px; }
.footer .bottom-foot a { display: inline-block; color: #fff; white-space: nowrap; }
.footer .bottom-foot .left { float: left; width: 800px; white-space: nowrap; }
.footer .bottom-foot .left .flogo { float: left; margin: 16px 0 0 33px; }
.footer .bottom-foot .left .contact { margin: 15px 0 0 210px; }
.footer .bottom-foot .left .contact .foot-menu { width: 100%; height: 20px; }
.footer .bottom-foot .left .contact .foot-menu li { position: relative; float: left; margin-right: 23px; }
.footer .bottom-foot .left .contact .foot-menu li:after { position: absolute; right: -11px; top: 5px; content: ""; background: #fff; float: left; width: 1px; height: 9px; }
.footer .bottom-foot .left .contact .foot-menu li span { font-size: 15px; font-weight: bold; }
.footer .bottom-foot .left .contact .foot-menu li:last-child:after { display: none; }
.footer .bottom-foot .right { position: relative; float: right; line-height: 61px; padding: 0 50px 0 0; margin-top: 14px; }
.footer .bottom-foot .right:after { position: absolute; top: 0; right: 0; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -117px 0; float: left; width: 44px; height: 61px; }

.back-top { position: fixed; right: 20px; bottom: 20px; }
@media (max-width: 1170px) { .back-top { right: 3px; } }
.back-top a { background: #f4811f; float: left; width: 38px; height: 38px; line-height: 40px; color: #fff; font-size: 15px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.back-top a:before { content: "\6f"; margin-left: 3px; }

.tabs-block .tab-menu { height: 31px; border-bottom: 1px solid #e5e5e5; }
.tabs-block .tab-menu li { position: relative; height: 31px; margin-right: 31px; font-size: 13px; }
.tabs-block .tab-menu li:after { position: absolute; top: 9px; right: -15px; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; float: left; width: 1px; height: 13px; }
.tabs-block .tab-menu li a { display: block; line-height: 30px; color: #666; text-transform: uppercase; }
.tabs-block .tab-menu li.active { border-bottom: 3px solid #f4811f; }
.tabs-block .tab-menu li.active a { color: #333; }
.tabs-block .tab-menu li:last-child { margin-right: 0; }
.tabs-block .tab-menu li:last-child:after { display: none; }
.tabs-block .tab-content { position: relative; }
.tabs-block .tab-content > li { visibility: hidden; height: 0; overflow: hidden; }
.tabs-block .tab-content > li.active { visibility: visible; height: auto; border-top: 0; overflow: inherit; }

/*Placeholder text color*/
::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999 !important; }

::-moz-placeholder { color: #999 !important; }

::-ms-input-placeholder { color: #999; }

:focus::-webkit-input-placeholder { color: #cecece; }

:focus:-moz-placeholder { color: #cecece !important; }

:focus::-moz-placeholder { color: #cecece !important; }

:focus::-ms-input-placeholder { color: #cecece; }

button { outline: none !important; }

.uiselector { z-index: 2; min-width: 145px; }
.uiselector .select-click { height: 38px; line-height: 36px; padding: 0 25px 0 20px; color: #333; text-align: left; border: 1px solid #e5e5e5; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; cursor: default; }
.uiselector .select-click:after { content: ""; position: absolute; top: 17px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #666 transparent transparent transparent; }
.uiselector .select-option { display: none; top: 37px; left: 0; background: #fff; width: 100%; text-align: left; border: 1px solid #e5e5e5; }
.uiselector .select-option li { border-bottom: 1px dotted #ebebeb; }
.uiselector .select-option li input { display: none; }
.uiselector .select-option li a { display: block; height: 37px; line-height: 37px; padding: 0 0 0 20px; color: #333; }
.uiselector .select-option li a:hover { color: #f4811f; }
.uiselector .select-option li:last-child { border-bottom: 0; }
.uiselector.open .select-option { display: block; }
.uiselector.open .select-click:after { top: 16px; border-width: 0 4px 5px 4px; border-color: transparent transparent #666 transparent; }

input[type="text"], input[type="password"], textarea, select { outline: none; }

input[type="checkbox"] { display: none; }

input[type="checkbox"] + label span.checkbox { display: inline-block; background: #fff; width: 13px; height: 13px; margin: 5px 4px 1px 0; vertical-align: -3px; cursor: pointer; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

input[type="checkbox"]:checked + label span.checkbox { background: #1d6d8f; border-color: #1d6d8f; }
input[type="checkbox"]:checked + label span.checkbox:before { position: absolute; top: 1px; left: 2px; content: "\68"; color: #fff; font-size: 8px; }

input[type="radio"] { display: none; }

input[type="radio"] + label span.radio { display: inline-block; background: #fff; width: 13px; height: 13px; margin: 2px 4px 1px 0; vertical-align: -3px; cursor: pointer; border: 1px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

input[type="radio"]:checked + label span.radio { border-color: #1d6d8f; }
input[type="radio"]:checked + label span.radio:before { position: absolute; top: 3px; left: 3px; content: ""; background: #1d6d8f; float: left; width: 5px; height: 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

.form-group label { float: left; line-height: 34px; color: #747474; font-size: 14px; }

.form-control { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 34px; padding: 5px 10px 6px; border-color: #e1e1e1; }

/*--Button-------------*/
.btn { display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #f4811f; min-width: 100px; height: 32px; line-height: 32px; padding: 0 14px; font-family: 'Roboto', Arial, sans-serif; color: #fff; font-size: 13px; text-align: center; font-weight: normal; text-transform: uppercase; white-space: nowrap; border: 0; vertical-align: middle; touch-action: manipulation; cursor: pointer; }
.btn:hover { background: #ff8e2e; }
.btn.cancel { background: none; min-width: 70px; color: #1d6d8f; }
.btn.cancel:hover { background: none; color: #1d6d8f; }

input[type="submit"], input[type="button"] { outline: 0; cursor: pointer; }

.error-notify { display: none; margin-top: 5px; color: #f00; font-size: 12px; }

.error input[type="text"], .error input[type="password"], .error textarea, .error select { border-color: #f00 !important; }
.error .error-notify { display: block; }

.paging { display: inline-block; }
.paging li { float: left; margin-right: 5px; color: #868c95; }
.paging li a { display: inline-block; height: 25px; line-height: 23px; padding: 0 8px; color: #6d6d6b; font-size: 13px; text-align: center; border: 1px solid #e5e5e5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.paging li a:hover { color: #1d6d8f; border-color: #1d6d8f; }
.paging li.next a, .paging li.prev a { position: relative; }
.paging li.inactive a { background: none; color: #ccc; border-color: #ccc; cursor: default; }
.paging li.active a { background: #1d6d8f; color: #fff; border-color: #1d6d8f; cursor: default; }
.paging li:last-child { margin-right: 0; }

.list-game-s1 li { float: left; margin: 15px 0 0; }
.list-game-s1 li a { display: table; }
.list-game-s1 li a .pic { float: left; width: 38px; height: 38px; }
.list-game-s1 li a .pic img { display: block; width: 100%; height: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-game-s1 li a .txt { display: table-cell; width: 100%; height: 38px; line-height: 17px; padding-left: 10px; color: #333; font-size: 13px; vertical-align: middle; }
.list-game-s1 li a .txt span { display: block; max-height: 34px; overflow: hidden; }
.list-game-s1 li a:hover .pic img { -webkit-filter: brightness(130%); filter: brightness(130%); }
.list-game-s1 li a:hover .txt { color: #f4811f; }

.list-game-s2 > li { float: left; width: 100%; padding: 10px 0; border-bottom: 1px dotted #ededed; }
.list-game-s2 > li .pic { float: left; width: 50px; height: 50px; }
.list-game-s2 > li .pic a img { display: block; width: 100%; height: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-game-s2 > li .pic a:hover img { -webkit-filter: brightness(130%); filter: brightness(130%); }
.list-game-s2 > li .detail { margin-left: 60px; }
.list-game-s2 > li .detail .txt { padding: 3px 0 12px; font-size: 13px; }
.list-game-s2 > li .detail .txt a { color: #333; }
.list-game-s2 > li .detail .txt a:hover { color: #f4811f; }
.list-game-s2 > li .detail .play-bnt { height: 22px; }
.list-game-s2 > li .detail .play-bnt a { float: left; background: #f4811f; width: 77px; height: 22px; line-height: 22px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-game-s2 > li .detail .play-bnt a:hover { background: #ff8e2e; }

/*---*/
.item-list-s1 { margin-top: 7px; }
.item-list-s1 ul { margin-right: -15px; }
.item-list-s1 ul li { float: left; width: 50%; padding-right: 15px; margin: 8px 0; }
.item-list-s1 ul li .item-wrap { min-height: 164px; padding: 14px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap { min-height: 119px; } }
.item-list-s1 ul li .item-wrap .pic { float: left; width: 220px; height: 132px; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .pic { width: 147px; height: 88px; } }
.item-list-s1 ul li .item-wrap .pic img { display: block; width: 100%; height: 100%; }
.item-list-s1 ul li .item-wrap .detail { position: relative; min-height: 135px; line-height: 22px; margin-left: 240px; font-size: 12px; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .detail { min-height: 91px; margin-left: 155px; } }
.item-list-s1 ul li .item-wrap .detail h3 { max-height: 44px; margin-top: -3px; font-size: 15px; font-weight: normal; overflow: hidden; }
.item-list-s1 ul li .item-wrap .detail .topic { margin-top: 4px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .detail .topic { display: none; } }
.item-list-s1 ul li .item-wrap .detail .topic a { color: #333; }
.item-list-s1 ul li .item-wrap .detail .topic a:hover { color: #f4811f; }
.item-list-s1 ul li .item-wrap .detail .playing-users { position: relative; padding-left: 19px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .detail .playing-users { display: none; } }
.item-list-s1 ul li .item-wrap .detail .playing-users:before { position: absolute; top: 5px; left: 0; content: "\6c"; font-size: 14px; color: #999; }
.item-list-s1 ul li .item-wrap .detail .play-btn { position: absolute; bottom: 0; left: 0; }
.item-list-s1 ul li .item-wrap .detail .play-btn a { display: inline-block; height: 32px; line-height: 30px; padding: 0 30px 0 20px; color: #f4811f; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .detail .play-btn a { height: 28px; line-height: 26px; } }
.item-list-s1 ul li .item-wrap .detail .play-btn a:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.item-list-s1 ul li .item-wrap .detail .play-btn a:after { position: absolute; top: 11px; right: 19px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .item-list-s1 ul li .item-wrap .detail .play-btn a:after { top: 9px; } }
.item-list-s1 ul li:hover .item-wrap { border-color: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }

.list-item-s2 ul { margin-top: 20px; margin-right: -20px; }
.list-item-s2 ul li { position: relative; float: left; width: 25%; padding-right: 20px; margin-bottom: 20px; }
.list-item-s2 ul li .game-item { position: relative; height: 162px; overflow: hidden; }
@media (max-width: 1400px) { .list-item-s2 ul li .game-item { height: 131px; } }
.list-item-s2 ul li .title a { display: block; height: 20px; line-height: 20px; margin-top: 11px; color: #333; font-weight: normal; text-align: center; }
.list-item-s2 ul li .title a:hover { color: #f4811f; }
.list-item-s2.left-side ul { margin-top: 0; margin-right: -16px; }
.list-item-s2.left-side ul li { margin-bottom: 18px; padding-right: 16px; }
@media (max-width: 1400px) { .list-item-s2.left-side ul li { width: 33.333%; } }
.list-item-s2.left-side ul li .game-item { height: 125px; }
@media (max-width: 1400px) { .list-item-s2.left-side ul li .game-item { height: 126px; } }
.list-item-s2.left-side ul li .game-item .pic img { width: 100%; height: 100%; }

.list-item-s3 { background: #fff; margin-bottom: 15px; }
.list-item-s3 ul li { float: left; width: 100%; margin-bottom: 15px; padding: 15px 0 15px 15px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-item-s3 ul li .gift-box { float: right; width: 160px; min-height: 150px; padding: 4px 15px 0; text-align: center; border-left: 1px dotted #ededed; }
.list-item-s3 ul li .gift-box .ico { position: relative; display: inline-block; width: 68px; height: 68px; margin-bottom: 8px; border: 1px solid #ebebeb; border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px; }
.list-item-s3 ul li .gift-box .ico:before { position: absolute; left: 13px; top: 14px; content: "\79"; color: #ebebeb; font-size: 39px; }
.list-item-s3 ul li .gift-box .ico:hover { border-color: #1d6d8f; }
.list-item-s3 ul li .gift-box .ico:hover:before { color: #1d6d8f; }
.list-item-s3 ul li .gift-box .txt { height: 18px; margin-bottom: 13px; color: #666; }
.list-item-s3 ul li .gift-box .btn { display: inline-block; background: none; height: 32px; line-height: 30px; padding: 0 15px; color: #666; text-transform: uppercase; border: 1px solid #ebebeb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-item-s3 ul li .gift-box .btn:hover { background: #1d6d8f; color: #fff; border-color: #1d6d8f; }
.list-item-s3 ul li .pic { float: left; width: 250px; max-height: 150px; }
@media (max-width: 1400px) { .list-item-s3 ul li .pic { width: 200px; } }
.list-item-s3 ul li .pic img { display: block; width: 100%; height: auto; }
.list-item-s3 ul li .detail { margin-left: 265px; margin-right: 180px; }
@media (max-width: 1400px) { .list-item-s3 ul li .detail { margin-left: 215px; } }
.list-item-s3 ul li .detail h3 { font-size: 15px; }
.list-item-s3 ul li .detail .topic-row { float: left; padding: 10px 0 7px; font-size: 12px; }
@media (max-width: 1400px) { .list-item-s3 ul li .detail .topic-row { padding-top: 7px; } }
.list-item-s3 ul li .detail .topic-row .topic, .list-item-s3 ul li .detail .topic-row .users { float: left; }
.list-item-s3 ul li .detail .topic-row .topic span, .list-item-s3 ul li .detail .topic-row .users span { color: #666; }
.list-item-s3 ul li .detail .topic-row .topic { margin-right: 17px; }
.list-item-s3 ul li .detail .topic-row .topic a { color: #333; }
.list-item-s3 ul li .detail .topic-row .topic a:hover { color: #f4811f; }
.list-item-s3 ul li .detail .topic-row .users { position: relative; padding-left: 22px; }
.list-item-s3 ul li .detail .topic-row .users:before { position: absolute; top: 0; left: 0; content: "\6c"; color: #999; font-size: 14px; }
.list-item-s3 ul li .detail .desc { position: relative; float: left; width: 100%; max-height: 60px; line-height: 20px; margin: 0 0 5px; color: #666; overflow: hidden; }
.list-item-s3 ul li .detail .desc span { margin-right: 3px; }
.list-item-s3 ul li .detail .desc span:after { content: "..."; }
.list-item-s3 ul li .detail .playing-game { float: left; width: 100%; margin-top: 7px; }
.list-item-s3 ul li .detail .playing-game .choose-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 15px; margin-right: 10px; color: #666; font-size: 13px; font-weight: normal; text-transform: uppercase; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-item-s3 ul li .detail .playing-game .choose-btn { height: 28px; line-height: 26px; padding-left: 8px; } }
.list-item-s3 ul li .detail .playing-game .choose-btn:hover { color: #f4811f; }
.list-item-s3 ul li .detail .playing-game .play-btn { position: relative; float: left; width: 115px; height: 32px; line-height: 30px; padding-left: 15px; color: #f4811f; font-size: 14px; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-item-s3 ul li .detail .playing-game .play-btn { width: 100px; height: 28px; line-height: 26px; padding-left: 8px; } }
.list-item-s3 ul li .detail .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.list-item-s3 ul li .detail .playing-game .play-btn:after { position: absolute; top: 10px; right: 12px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .list-item-s3 ul li .detail .playing-game .play-btn:after { top: 8px; right: 6px; } }
.list-item-s3 ul li:hover { box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); }

/*---*/
.list-news-s1 li { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #efefef; }
.list-news-s1 li .pic { float: left; width: 220px; }
.list-news-s1 li .pic img { display: block; width: 100%; height: auto; }
.list-news-s1 li .detail { margin-left: 240px; }
.list-news-s1 li .detail h2 a { color: #333; font-size: 15px; }
.list-news-s1 li .detail h2 a:hover { color: #f4811f; }
.list-news-s1 li .detail .note { margin: 6px 0 8px; }
.list-news-s1 li .detail .note a { color: #f4811f; }
.list-news-s1 li .detail .note a:hover { color: #ff8e2e; }
.list-news-s1 li .detail .desc { line-height: 20px; }
.list-news-s1 li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

@-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomOut { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }
@keyframes zoomIn { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } }
@-webkit-keyframes wobbleY2 { 0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(5px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes wobbleY2 { 0% { -moz-transform: translateY(0); }
  50% { -moz-transform: translateY(5px); }
  100% { -moz-transform: translateY(0); } }
@keyframes wobbleY2 { 0% { transform: translateY(0); }
  50% { transform: translateY(5px); }
  100% { transform: translateY(0); } }
@-webkit-keyframes movedown { 0% { -moz-transform: translateY(0%) rotate(-25deg); }
  50% { -moz-transform: translateY(15%) rotate(-25deg); }
  100% { -moz-transform: translateY(0%) rotate(-25deg); } }
@-moz-keyframes movedown { 0% { -ms-transform: translateY(0%) rotate(-25deg); }
  50% { -webkit-transform: translateY(15%) rotate(-25deg); }
  100% { -webkit-transform: translateY(0%) rotate(-25deg); } }
@keyframes movedown { 0% { transform: translateY(0%) rotate(-25deg); }
  50% { -webkit-transform: translateY(15%) rotate(-25deg); }
  100% { -webkit-transform: translateY(0%) rotate(-25deg); } }
@-webkit-keyframes movedownb { 0% { -moz-transform: translateY(0%); }
  50% { -moz-transform: translateY(15%); }
  100% { -moz-transform: translateY(0%); } }
@-moz-keyframes movedownb { 0% { -ms-transform: translateY(0%); }
  50% { -webkit-transform: translateY(15%); }
  100% { -webkit-transform: translateY(0%); } }
@keyframes movedownb { 0% { transform: translateY(0%); }
  50% { -webkit-transform: translateY(15%); }
  100% { -webkit-transform: translateY(0%); } }
@-webkit-keyframes _opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes _opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes _opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }
/*---Key Frame---*/
@-webkit-keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes _opacityb { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes zoomInb { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomInb { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } }
@keyframes rotate { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes fadeInRight { 0% { width: 0; }
  50% { width: 100%; }
  100% { opacity: 0; } }
@-moz-keyframes fadeInRight { 0% { width: 0; }
  50% { width: 100%; }
  100% { opacity: 0; } }
@keyframes fadeInRight { 0% { width: 0; }
  50% { width: 100%; }
  100% { opacity: 0; } }
@-webkit-keyframes zoomInC { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomInC { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomFallO3 { 0% { -webkit-transform: scale(0); }
  10% { -webkit-transform: scale(1); }
  35% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(50px); }
  80% { opacity: 1; transform: translateY(50px); }
  100% { opacity: 0; transform: translateY(50px); } }
@keyframes zoomFallO3 { 0% { transform: scale(0); }
  10% { transform: scale(1); }
  35% { transform: translateY(0); }
  50% { transform: translateY(50px); }
  80% { opacity: 1; transform: translateY(50px); }
  100% { opacity: 0; transform: translateY(50px); } }
@-webkit-keyframes wobbleYsummer { 0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(15px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes wobbleYsummer { 0% { -moz-transform: translateY(0); }
  50% { -moz-transform: translateY(15px); }
  100% { -moz-transform: translateY(0); } }
@keyframes wobbleYsummer { 0% { transform: translateY(0); }
  50% { transform: translateY(15px); }
  100% { transform: translateY(0); } }
.rollcall-alert { position: absolute; top: 180px; left: -140px; z-index: 1000; width: 100%; text-align: center; }
@media (max-width: 1400px) { .rollcall-alert { left: -36px; } }
.rollcall-alert .alert-box { position: relative; display: inline-block; background: #ffe201; width: 360px; height: 38px; line-height: 38px; padding: 0 0 0 70px; text-align: left; }
.rollcall-alert .alert-box:before { content: ""; position: absolute; top: 4px; left: 4px; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -161px -137px; float: left; width: 65px; height: 42px; animation: zoomInb 1.5s ease-in-out 0s infinite; -moz-animation: zoomInb 1.5s ease-in-out 0s infinite; -webkit-animation: zoomInb 1.5s ease-in-out 0s infinite; }
.rollcall-alert .alert-box .close-btn { position: relative; background: #303030; float: right; width: 26px; height: 26px; margin: 6px 5px 0 0; text-indent: -9999px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rollcall-alert .alert-box .close-btn:before { position: absolute; top: 8px; left: 8px; content: "\46"; color: #fff; font-size: 10px; text-indent: 0; }
.rollcall-alert .alert-box .close-btn:hover { background: #434242; }
.rollcall-alert .alert-box .rc-btn { position: relative; background: #0bc377; float: right; width: 90px; height: 26px; line-height: 26px; margin: 6px 5px 0 0; color: #fff; text-align: center; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rollcall-alert .alert-box .rc-btn .txt { position: absolute; top: 0; left: 0; z-index: 9; display: block; width: 90px; height: 26px; }
.rollcall-alert .alert-box .rc-btn .bg { display: block; background: #f4811f; height: 26px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; animation: _opacityb 1.0s ease-in-out 0s infinite; -moz-animation: _opacityb 1.0s ease-in-out 0s infinite; -webkit-animation: _opacityb 1.0s ease-in-out 0s infinite; }
.rollcall-alert .alert-box .rc-btn:hover { background: #02cc79; }

.coin { display: inline-block; background: url(../images/dong360_sprt.png) no-repeat; }
.coin.coin-16 { background-position: 0 0; width: 16px; height: 16px; }
.coin.coin-18 { background-position: 0 -26px; width: 18px; height: 18px; }
.coin.coin-20 { background-position: 0 -54px; width: 20px; height: 20px; }
.coin.coin-24 { background-position: 0 -84px; width: 24px; height: 24px; }
.coin.coin-32 { background-position: 0 -118px; width: 32px; height: 32px; }

.tooltip { display: none; position: absolute; top: 0; left: 0; z-index: 99; background: #fff; float: left; width: 200px; line-height: 22px; padding: 12px 14px 15px; color: #555; text-align: center; word-break: break-word; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
.tooltip:before { content: ""; position: absolute; top: -6px; left: 8px; width: 0; height: 0; border-style: solid; border-width: 0 7px 6px 7px; border-color: transparent transparent #555 transparent; }

.code-pop { font-family: 'Roboto', Arial, sans-serif; padding: 20px 0 30px; text-align: center; }
.code-pop .warning-ico { display: inline-block; position: relative; padding-left: 26px; }
.code-pop .warning-ico:before { position: absolute; top: 2px; left: 0; content: "\43"; color: #ff2a00; font-size: 20px; }
.code-pop .success-ico { display: inline-block; position: relative; padding-left: 26px; }
.code-pop .success-ico:before { position: absolute; top: 1px; left: 0; content: "\68"; color: #1d6d8f; font-size: 20px; }
.code-pop .frm-row { margin-bottom: 10px; }
.code-pop .frm-row h3 { float: left; width: 100px; height: 38px; line-height: 38px; margin-right: 20px; font-size: 13px; font-weight: bold; text-align: right; }
.code-pop .frm-row .choose-frm { margin-left: 120px; margin-right: 15px; }
.code-pop .frm-row .choose-frm .choose-select { float: left; width: 100%; height: 38px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-pop .frm-row .choose-frm .choose-select select { background: none; width: 100%; height: 36px; padding: 0 10px; border: 0; }
.code-pop .frm-btn { margin-top: 15px !important; text-align: left; padding-left: 120px; }

.rollcall-history { font-family: 'Roboto', Arial, sans-serif; }
.rollcall-history .calendar-box { padding: 0 47px 0 43px; }
.rollcall-history .calendar-box .info-rollcall { line-height: 19px; padding: 15px 0 6px; color: #929292; font-size: 13px; border-bottom: 1px solid #e5e5e5; }
.rollcall-history .calendar-box .info-rollcall .left { float: left; margin-top: 2px; }
.rollcall-history .calendar-box .info-rollcall .left span { color: #1d6d8f; font-size: 15px; font-weight: bold; }
.rollcall-history .calendar-box .info-rollcall .right { float: right; }
.rollcall-history .calendar-box .info-rollcall .right span { color: #f4811f; font-size: 14px; font-weight: bold; }
.rollcall-history .calendar-box .info-rollcall .right .coin { position: relative; bottom: -2px; }
.rollcall-history .calendar-box .time-row { position: relative; height: 100px; padding-top: 38px; }
.rollcall-history .calendar-box .time-row .line { background: #f2f2f2; height: 4px; }
.rollcall-history .calendar-box .time-row .line span { display: block; background: #f4811f; height: 4px; }
.rollcall-history .calendar-box .time-row ul li { float: left; width: 25%; }
.rollcall-history .calendar-box .time-row ul li .circle { position: absolute; top: 38px; background: #f2f2f2; float: left; width: 15px; height: 15px; margin: -6px 0 0 -7px; border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; }
.rollcall-history .calendar-box .time-row ul li .txt { position: absolute; top: 11px; float: left; width: 50px; margin: 0 0 0 -25px; color: #666; font-size: 13px; text-align: center; }
.rollcall-history .calendar-box .time-row ul li .point { position: absolute; top: 64px; float: left; width: 80px; line-height: 16px; margin-left: -40px; padding: 4px 3px 5px; color: #929292; font-size: 11px; text-align: center; border: 1px solid #e5e5e5; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: default; }
.rollcall-history .calendar-box .time-row ul li .point span { color: #f4811f; font-size: 13px; font-weight: bold; }
.rollcall-history .calendar-box .time-row ul li .point .coin { position: relative; top: 3px; }
.rollcall-history .calendar-box .time-row ul li .point:before, .rollcall-history .calendar-box .time-row ul li .point:after { content: ""; position: absolute; left: 50%; width: 0; height: 0; border-style: solid; }
.rollcall-history .calendar-box .time-row ul li .point:before { z-index: 2; top: -6px; margin-left: -5px; border-width: 0 5px 7px 5px; border-color: transparent transparent #fff transparent; }
.rollcall-history .calendar-box .time-row ul li .point:after { top: -7px; margin-left: -6px; border-width: 0 6px 7px 6px; border-color: transparent transparent #e5e5e5 transparent; }
.rollcall-history .calendar-box .time-row ul li.one .circle, .rollcall-history .calendar-box .time-row ul li.one .txt, .rollcall-history .calendar-box .time-row ul li.one .point { left: 23.1%; }
.rollcall-history .calendar-box .time-row ul li.two .circle, .rollcall-history .calendar-box .time-row ul li.two .txt, .rollcall-history .calendar-box .time-row ul li.two .point { left: 46.2%; }
.rollcall-history .calendar-box .time-row ul li.three .circle, .rollcall-history .calendar-box .time-row ul li.three .txt, .rollcall-history .calendar-box .time-row ul li.three .point { left: 69.3%; }
.rollcall-history .calendar-box .time-row ul li.four .circle, .rollcall-history .calendar-box .time-row ul li.four .txt, .rollcall-history .calendar-box .time-row ul li.four .point { left: 92.4%; }
.rollcall-history .calendar-box .time-row ul li.active .circle { background: #f4811f; }
.rollcall-history .calendar-box .time-row ul li.active .point { background: #f4811f; color: #fff; border-color: #f4811f; cursor: pointer; }
.rollcall-history .calendar-box .time-row ul li.active .point span { color: #fff; }
.rollcall-history .calendar-box .time-row ul li.active .point:before { border-color: transparent transparent #f4811f transparent; }
.rollcall-history .calendar-box .time-row ul li.active .point:after { border-color: transparent transparent #f4811f transparent; }
.rollcall-history .calendar-box .time-row ul li.done .circle { background: #f4811f; }
.rollcall-history .calendar-box .time-row ul li.done .circle:before { position: absolute; right: 3px; bottom: 3px; z-index: 2; content: "\68"; color: #fff; font-size: 9px; }
.rollcall-history .calendar-box .cal-wrap { background: #f2f2f2; margin: 10px 0 0; padding-bottom: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rollcall-history .calendar-box .name { padding: 12px 0 8px; border-bottom: 1px solid #e5e5e5; }
.rollcall-history .calendar-box .name li { float: left; width: 60px; color: #777; font-size: 14px; text-transform: uppercase; text-align: center; }
.rollcall-history .calendar-box .name li:last-child { margin-right: 0; }
.rollcall-history .calendar-box .name li:first-child, .rollcall-history .calendar-box .name li:last-child { color: #1d6d8f; }
.rollcall-history .calendar-box .cal li { float: left; width: 28px; height: 28px; line-height: 28px; margin: 12px 16px 0 16px; font-size: 14px; text-align: center; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
.rollcall-history .calendar-box .cal li.none { color: #999; border: none; }
.rollcall-history .calendar-box .cal li.inactive { color: #666; }
.rollcall-history .calendar-box .cal li.active { position: relative; background: #0bc377; color: #fff; }
.rollcall-history .calendar-box .cal li.active:before { content: "\68"; position: absolute; top: 1px; right: -5px; background: #fff; float: left; width: 12px; height: 12px; line-height: 10px; text-align: center; color: #0bc377; font-size: 6px; border: 1px solid #0bc377; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.rollcall-history .calendar-box .cal li.current { line-height: 26px; border: 1px solid #0bc377; color: #0bc377; }
.rollcall-history .note-list { margin: 17px 0 14px; padding: 0 47px 0 43px; }
.rollcall-history .note-list li { position: relative; line-height: 18px; margin: 0 0 5px; padding-left: 14px; color: #666; font-size: 12px; }
.rollcall-history .note-list li:before { position: absolute; top: 7px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.rollcall-history .note-list li .color1 { color: #f4811f; }
.rollcall-history .note-list li strong, .rollcall-history .note-list li a { font-weight: 500; }

.imgpopup img { display: block; max-width: 600px; }

.update-info-user { margin: 15px; }
.update-info-user .form-group { margin-bottom: 10px; }
.update-info-user .form-group label { float: left; width: 115px; }
.update-info-user .form-group .frms { margin-left: 115px; }
.update-info-user .btn-row { margin: 20px 0 0 115px !important; text-align: center; }

.breadcrumb { background: #f8f8f8; height: 34px; line-height: 34px; padding: 0 0 0 15px; border-bottom: 1px solid #f2f2f2; }
.breadcrumb ul li { position: relative; float: left; margin-right: 15px; color: #666; font-size: 12px; }
.breadcrumb ul li a { display: block; color: #333; }
.breadcrumb ul li a:hover { color: #f4811f; }
.breadcrumb ul li:after { position: absolute; top: 16px; right: -10px; content: "\6e"; color: #333; font-size: 5px; }
.breadcrumb ul li:last-child { max-width: 460px; margin-right: 0; }
.breadcrumb ul li:last-child:after { display: none; }

.firt-block .left .top-box, .list-detail .right .top-box { background: #fff; min-height: 300px; padding: 15px 15px 0; margin-bottom: 15px; }
.firt-block .left .top-box .login-box .frm, .list-detail .right .top-box .login-box .frm { position: relative; }
.firt-block .left .top-box .login-box .frm:before, .list-detail .right .top-box .login-box .frm:before { position: absolute; color: #888; }
.firt-block .left .top-box .login-box .frm:after, .list-detail .right .top-box .login-box .frm:after { position: absolute; top: 10px; left: 40px; content: ""; background: #e9e9e9; float: left; width: 1px; height: 18px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.firt-block .left .top-box .login-box .frm input, .list-detail .right .top-box .login-box .frm input { width: 100%; height: 38px; padding: 7px 10px 7px 55px; font-size: 12px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.firt-block .left .top-box .login-box .frm.username, .list-detail .right .top-box .login-box .frm.username { margin-bottom: 10px; }
.firt-block .left .top-box .login-box .frm.username:before, .list-detail .right .top-box .login-box .frm.username:before { top: 12px; left: 10px; content: "\63"; font-size: 16px; }
.firt-block .left .top-box .login-box .frm.pass, .list-detail .right .top-box .login-box .frm.pass { margin-bottom: 5px; }
.firt-block .left .top-box .login-box .frm.pass:before, .list-detail .right .top-box .login-box .frm.pass:before { top: 11px; left: 10px; content: "\66"; font-size: 17px; }
.firt-block .left .top-box .login-box .memo-row, .list-detail .right .top-box .login-box .memo-row { margin-bottom: 10px; font-size: 12px; }
.firt-block .left .top-box .login-box .memo-row .memorize, .list-detail .right .top-box .login-box .memo-row .memorize { float: left; }
.firt-block .left .top-box .login-box .memo-row .forgot-pass, .list-detail .right .top-box .login-box .memo-row .forgot-pass { float: right; padding-top: 5px; }
.firt-block .left .top-box .login-box .login-btn, .list-detail .right .top-box .login-box .login-btn { margin-bottom: 10px; }
.firt-block .left .top-box .login-box .login-btn a, .list-detail .right .top-box .login-box .login-btn a { display: block; background: #f4811f; height: 32px; line-height: 32px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.firt-block .left .top-box .login-box .login-btn a:hover, .list-detail .right .top-box .login-box .login-btn a:hover { background: #ff8e2e; }
.firt-block .left .top-box .login-box .no-account, .list-detail .right .top-box .login-box .no-account { color: #666; text-align: center; }
.firt-block .left .top-box .login-box .or, .list-detail .right .top-box .login-box .or { width: 170px; height: 10px; margin: 8px auto 15px; text-align: center; border-bottom: 1px dotted #a9a9a9; }
.firt-block .left .top-box .login-box .or span, .list-detail .right .top-box .login-box .or span { display: inline-block; position: relative; bottom: 3px; background: #fff; height: 22px; line-height: 22px; padding: 0 5px; color: #999; font-size: 12px; }
.firt-block .left .top-box .login-box .social-list, .list-detail .right .top-box .login-box .social-list { height: 42px; text-align: center; }
.firt-block .left .top-box .login-box .social-list ul, .list-detail .right .top-box .login-box .social-list ul { display: inline-block; }
.firt-block .left .top-box .login-box .social-list ul li, .list-detail .right .top-box .login-box .social-list ul li { float: left; margin: 0 5px; }
.firt-block .left .top-box .login-box .social-list ul li a, .list-detail .right .top-box .login-box .social-list ul li a { position: relative; display: block; width: 32px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.firt-block .left .top-box .login-box .social-list ul li a:before, .list-detail .right .top-box .login-box .social-list ul li a:before { position: absolute; color: #fff; }
.firt-block .left .top-box .login-box .social-list ul li.fb a, .list-detail .right .top-box .login-box .social-list ul li.fb a { background: #45619d; }
.firt-block .left .top-box .login-box .social-list ul li.fb a:before, .list-detail .right .top-box .login-box .social-list ul li.fb a:before { content: "\69"; top: 8px; left: 7px; font-size: 18px; }
.firt-block .left .top-box .login-box .social-list ul li.fb a:hover, .list-detail .right .top-box .login-box .social-list ul li.fb a:hover { background: #5476be; }
.firt-block .left .top-box .login-box .social-list ul li.gg a, .list-detail .right .top-box .login-box .social-list ul li.gg a { background: #ea4335; }
.firt-block .left .top-box .login-box .social-list ul li.gg a:before, .list-detail .right .top-box .login-box .social-list ul li.gg a:before { content: "\78"; top: 9px; left: 8px; font-size: 16px; }
.firt-block .left .top-box .login-box .social-list ul li.gg a:hover, .list-detail .right .top-box .login-box .social-list ul li.gg a:hover { background: #fb4e40; }
.firt-block .left .top-box .login-box .social-list ul li.yh a, .list-detail .right .top-box .login-box .social-list ul li.yh a { background: #543f97; }
.firt-block .left .top-box .login-box .social-list ul li.yh a:before, .list-detail .right .top-box .login-box .social-list ul li.yh a:before { content: "\6a"; top: 9px; left: 8px; font-size: 16px; }
.firt-block .left .top-box .login-box .social-list ul li.yh a:hover, .list-detail .right .top-box .login-box .social-list ul li.yh a:hover { background: #6950ba; }
.firt-block .left .top-box .user-box .user-info, .list-detail .right .top-box .user-box .user-info { height: 58px; margin-bottom: 10px; }
.firt-block .left .top-box .user-box .user-info .avatar, .list-detail .right .top-box .user-box .user-info .avatar { float: left; width: 58px; height: 58px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; }
.firt-block .left .top-box .user-box .user-info .avatar img, .list-detail .right .top-box .user-box .user-info .avatar img { display: block; width: 100%; height: 100%; }
.firt-block .left .top-box .user-box .user-info .info, .list-detail .right .top-box .user-box .user-info .info { margin: 0 0 0 68px; }
.firt-block .left .top-box .user-box .user-info .info .name, .list-detail .right .top-box .user-box .user-info .info .name { margin-bottom: 8px; }
.firt-block .left .top-box .user-box .user-info .info .name .nick, .list-detail .right .top-box .user-box .user-info .info .name .nick { margin-right: 3px; color: #333; }
.firt-block .left .top-box .user-box .user-info .info .name .nick:hover, .list-detail .right .top-box .user-box .user-info .info .name .nick:hover { color: #f4811f; }
.firt-block .left .top-box .user-box .user-info .info .level, .list-detail .right .top-box .user-box .user-info .info .level { float: left; width: 100%; margin-bottom: 2px; }
.firt-block .left .top-box .user-box .user-info .info .level .lv, .list-detail .right .top-box .user-box .user-info .info .level .lv { float: left; width: 55px; height: 18px; }
.firt-block .left .top-box .user-box .user-info .info .level .num, .list-detail .right .top-box .user-box .user-info .info .level .num { position: absolute; top: 7px; right: 0; float: right; margin-top: 5px; font-size: 10px; }
.firt-block .left .top-box .user-box .user-info .info .level .num span, .list-detail .right .top-box .user-box .user-info .info .level .num span { color: #f4811f; }
.firt-block .left .top-box .user-box .user-info .info .level .lv-right, .list-detail .right .top-box .user-box .user-info .info .level .lv-right { position: relative; float: right; width: 80px; }
.firt-block .left .top-box .user-box .user-info .info .percent, .list-detail .right .top-box .user-box .user-info .info .percent { background: #f0f0f0; float: left; width: 100%; height: 6px; margin-top: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.firt-block .left .top-box .user-box .user-info .info .percent span, .list-detail .right .top-box .user-box .user-info .info .percent span { background: #f4811f; float: left; height: 6px; }
.firt-block .left .top-box .user-box .user-info .info .score, .list-detail .right .top-box .user-box .user-info .info .score { float: left; width: 100%; color: #666; font-size: 11px; }
.firt-block .left .top-box .user-box .user-info .info .score .num, .list-detail .right .top-box .user-box .user-info .info .score .num { color: #f4811f; font-size: 13px; font-weight: bold; }
.firt-block .left .top-box .user-box .user-info .info .dong360 .coin, .list-detail .right .top-box .user-box .user-info .info .dong360 .coin { position: relative; top: 3px; }
.firt-block .left .top-box .user-box .list, .list-detail .right .top-box .user-box .list { position: relative; min-height: 183px; border-top: 1px solid #e5e5e5; overflow: hidden; }
.firt-block .left .top-box .user-box .list .down-btn, .list-detail .right .top-box .user-box .list .down-btn, .firt-block .left .top-box .user-box .list .up-btn, .list-detail .right .top-box .user-box .list .up-btn { position: absolute; left: 50%; float: left; width: 30px; height: 30px; margin-left: -15px; border: 1px solid #e5e5e5; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.firt-block .left .top-box .user-box .list .down-btn:before, .list-detail .right .top-box .user-box .list .down-btn:before, .firt-block .left .top-box .user-box .list .up-btn:before, .list-detail .right .top-box .user-box .list .up-btn:before { position: absolute; left: 7px; font-size: 12px; }
.firt-block .left .top-box .user-box .list .down-btn, .list-detail .right .top-box .user-box .list .down-btn { top: -18px; }
.firt-block .left .top-box .user-box .list .down-btn:before, .list-detail .right .top-box .user-box .list .down-btn:before { bottom: 0; content: "\6e"; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.firt-block .left .top-box .user-box .list .up-btn, .list-detail .right .top-box .user-box .list .up-btn { bottom: -18px; }
.firt-block .left .top-box .user-box .list .up-btn:before, .list-detail .right .top-box .user-box .list .up-btn:before { top: 0; content: "\6e"; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.firt-block .left .top-box .user-box .list.list01 ul, .list-detail .right .top-box .user-box .list.list01 ul { margin: 12px 0 13px; }
.firt-block .left .top-box .user-box .list.list01 ul li, .list-detail .right .top-box .user-box .list.list01 ul li { position: relative; padding: 9px 0 9px 15px; }
.firt-block .left .top-box .user-box .list.list01 ul li:before, .list-detail .right .top-box .user-box .list.list01 ul li:before { position: absolute; top: 50%; left: 0; content: "\71"; font-size: 5px; margin-top: -3px; }
.firt-block .left .top-box .user-box .list.list01 ul li .orange, .list-detail .right .top-box .user-box .list.list01 ul li .orange { color: #f4811f; font-size: 14px; }
.firt-block .left .top-box .user-box .list.list01 ul li .red, .list-detail .right .top-box .user-box .list.list01 ul li .red { color: #ff2a00; font-size: 14px; }
.firt-block .left .top-box .user-box .list.list01 ul li .grey, .list-detail .right .top-box .user-box .list.list01 ul li .grey { color: #666; }
.firt-block .left .top-box .user-box .list.list01 ul li.rc, .list-detail .right .top-box .user-box .list.list01 ul li.rc { padding-top: 4px; }
.firt-block .left .top-box .user-box .list.list01 ul li.rc:before, .list-detail .right .top-box .user-box .list.list01 ul li.rc:before { display: none; }
.firt-block .left .top-box .user-box .list.list02, .list-detail .right .top-box .user-box .list.list02 { padding: 7px 0 3px; }
.firt-block .left .top-box .user-box .list.list02 h3, .list-detail .right .top-box .user-box .list.list02 h3 { color: #666; font-weight: normal; }
.firt-block .left .top-box .user-box .list.list02 ul li, .list-detail .right .top-box .user-box .list.list02 ul li { position: relative; float: left; width: 100%; padding-left: 15px; margin: 12px 0 0; }
.firt-block .left .top-box .user-box .list.list02 ul li:before, .list-detail .right .top-box .user-box .list.list02 ul li:before { position: absolute; top: 4px; left: 0; content: "\71"; font-size: 5px; }
.firt-block .left .top-box .user-box .list.list02 ul li .server, .list-detail .right .top-box .user-box .list.list02 ul li .server { position: relative; float: left; width: 100%; padding: 5px 0 0 16px; }
.firt-block .left .top-box .user-box .list.list02 ul li .server a, .list-detail .right .top-box .user-box .list.list02 ul li .server a { float: left; max-width: 59px; height: 19px; line-height: 17px; padding: 0 9px; margin-right: 5px; border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.firt-block .left .top-box .user-box .list.list02 ul li .server a:hover, .list-detail .right .top-box .user-box .list.list02 ul li .server a:hover { background: #f4811f; color: #fff; border-color: #f4811f; }
.firt-block .left .top-box .user-box .list.list02 ul li .server:before, .list-detail .right .top-box .user-box .list.list02 ul li .server:before, .firt-block .left .top-box .user-box .list.list02 ul li .server:after, .list-detail .right .top-box .user-box .list.list02 ul li .server:after { position: absolute; content: ""; float: left; }
.firt-block .left .top-box .user-box .list.list02 ul li .server:before, .list-detail .right .top-box .user-box .list.list02 ul li .server:before { top: 3px; left: 0; width: 1px; height: 13px; border-left: 1px dotted #a9a9a9; }
.firt-block .left .top-box .user-box .list.list02 ul li .server:after, .list-detail .right .top-box .user-box .list.list02 ul li .server:after { top: 15px; left: 0; width: 15px; height: 1px; border-bottom: 1px dotted #a9a9a9; }
.firt-block .left .top-box .bottom-list, .list-detail .right .top-box .bottom-list { border-top: 1px solid #e5e5e5; }
.firt-block .left .top-box .bottom-list ul li, .list-detail .right .top-box .bottom-list ul li { position: relative; float: left; width: 50%; height: 30px; line-height: 30px; text-transform: uppercase; }
.firt-block .left .top-box .bottom-list ul li:after, .list-detail .right .top-box .bottom-list ul li:after { position: absolute; top: 9px; right: -1px; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; float: left; width: 1px; height: 13px; }
.firt-block .left .top-box .bottom-list ul li a, .list-detail .right .top-box .bottom-list ul li a { display: block; }
.firt-block .left .top-box .bottom-list ul li a:before, .list-detail .right .top-box .bottom-list ul li a:before { position: absolute; }
.firt-block .left .top-box .bottom-list ul li:last-child:after, .list-detail .right .top-box .bottom-list ul li:last-child:after { display: none; }
.firt-block .left .top-box .bottom-list ul li.gift a, .list-detail .right .top-box .bottom-list ul li.gift a { padding-left: 35px; color: #f4811f; }
.firt-block .left .top-box .bottom-list ul li.gift a:before, .list-detail .right .top-box .bottom-list ul li.gift a:before { top: 7px; left: 10px; content: "\44"; font-size: 19px; }
.firt-block .left .top-box .bottom-list ul li.gift a:hover, .list-detail .right .top-box .bottom-list ul li.gift a:hover { color: #ff8e2e; }
.firt-block .left .top-box .bottom-list ul li.play a, .list-detail .right .top-box .bottom-list ul li.play a { padding-left: 44px; }
.firt-block .left .top-box .bottom-list ul li.play a:before, .list-detail .right .top-box .bottom-list ul li.play a:before { top: 7px; left: 18px; content: "\79"; font-size: 17px; }
.firt-block .left .top-box .bottom-list ul li.play a:hover, .list-detail .right .top-box .bottom-list ul li.play a:hover { color: #2387b1; }

.lv { background: url(../images/img_sprt_1.3.png) no-repeat; }
.lv.vip { background-position: -55px -166px; }
.lv.vip0 { background-position: 0 -166px; }
.lv.vip1 { background-position: 0 -88px; }
.lv.vip2 { background-position: -55px -88px; }
.lv.vip3 { background-position: 0 -107px; }
.lv.vip4 { background-position: -55px -107px; }
.lv.vip5 { background-position: 0 -127px; }
.lv.vip6 { background-position: -55px -127px; }
.lv.vip7 { background-position: 0 -146px; }
.lv.vip8 { background-position: -55px -146px; }

.left-right-banner { position: absolute; top: 0; left: 0; right: 0; }
@media (max-width: 1170px) { .left-right-banner { display: none; } }
.left-right-banner img { max-width: 500px; height: auto; }
.left-right-banner .container { position: relative; }
.left-right-banner .container .left { position: absolute; top: 195px; left: -515px; float: left; width: 500px; text-align: right; }
.left-right-banner .container .right { position: absolute; top: 195px; right: -515px; float: left; width: 500px; }

.ticky-banner { position: absolute; top: 0; left: 0; right: 0; }
@media (max-width: 1170px) { .ticky-banner { display: none; } }
.ticky-banner img { max-width: 160px; height: auto; }
.ticky-banner .container { position: relative; }
.ticky-banner .container .left { position: absolute; top: 195px; left: -175px; float: left; width: 160px; text-align: right; }
.ticky-banner .container .right { position: absolute; top: 195px; right: -175px; float: left; width: 160px; }
.ticky-banner.tkbanner { position: fixed; top: 53px; }
.ticky-banner.tkbanner .container .left, .ticky-banner.tkbanner .container .right { top: 0; }

.ticky-banner-bottom { position: fixed; bottom: 0; left: 0; right: 0; }
@media (max-width: 1170px) { .ticky-banner-bottom { display: none; } }
@media (max-height: 850px) { .ticky-banner-bottom { display: none; } }
.ticky-banner-bottom img { max-width: 160px; height: auto; }
.ticky-banner-bottom .container { position: relative; }
.ticky-banner-bottom .container .left { position: absolute; bottom: 10px; left: -175px; float: left; width: 160px; text-align: right; }
.ticky-banner-bottom .container .right { position: absolute; bottom: 10px; right: -175px; float: left; width: 160px; }

.home-title-row { height: 37px; border-bottom: 1px solid #e5e5e5; }
.home-title-row h2 { float: left; height: 33px; line-height: 33px; margin-top: 4px; font-size: 15px; text-transform: uppercase; border-bottom: 3px solid #f4811f; }
.home-title-row h2 a { color: #333; }
.home-title-row h2 a:hover { color: #f4811f; }
.home-title-row .seemore { position: relative; float: right; height: 30px; line-height: 30px; padding-right: 15px; margin-top: 3px; }
.home-title-row .seemore:after { position: absolute; top: 13px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.home-title-row .seemore:hover:after { color: #f4811f; }
.home-title-row .next-prev { float: right; margin-top: 12px; }
.home-title-row .next-prev .num, .home-title-row .next-prev .next, .home-title-row .next-prev .prev { float: left; }
.home-title-row .next-prev .num { line-height: 19px; margin-right: 10px; color: #666; font-size: 14px; }
.home-title-row .next-prev .num span { color: #1d6d8f; }
.home-title-row .next-prev .next, .home-title-row .next-prev .prev { position: relative; width: 19px; height: 19px; border: 1px solid #e4e4e4; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.home-title-row .next-prev .next:before, .home-title-row .next-prev .prev:before { position: absolute; left: 50%; color: #e8e8e8; font-size: 12px; margin-left: -6px; }
.home-title-row .next-prev .next.active:before, .home-title-row .next-prev .prev.active:before { color: #333; }
.home-title-row .next-prev .prev:before { top: 2px; content: "\6d"; }
.home-title-row .next-prev .next { margin-left: 3px; }
.home-title-row .next-prev .next:before { top: 2px; content: "\6e"; }
.home-title-row .view-type { float: right; margin-top: 8px; }
.home-title-row .view-type .lb { float: left; line-height: 18px; color: #999; }
.home-title-row .view-type .view-menu { margin-left: 10px; }
.home-title-row .view-type .view-menu.active span { background: #1d6d8f; }
.home-title-row .view-type .vgrid { float: left; width: 20px; height: 18px; }
.home-title-row .view-type .vgrid span { background: #999; float: left; width: 8px; height: 8px; margin: 0 2px 2px 0; }
.home-title-row .view-type .vlist { float: left; width: 18px; height: 18px; }
.home-title-row .view-type .vlist span { display: block; background: #999; height: 3px; margin-bottom: 4px; }

.open-server-time { background: #fff; min-height: 639px; padding: 0 15px; margin-bottom: 15px; }
@media (max-width: 1400px) { .open-server-time { min-height: 521px; } }
.open-server-time .list { float: left; width: 100%; margin-top: 7px; }
@media (max-width: 1400px) { .open-server-time .list { height: 443px; overflow: hidden; } }
.open-server-time .list li { float: left; width: 100%; padding: 8px 0; border-bottom: 1px dotted #ebebeb; }
@media (max-width: 1400px) { .open-server-time .list li { padding: 12px 0; } }
.open-server-time .list li .pic { float: left; width: 38px; height: 38px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.open-server-time .list li .pic img { display: block; width: 100%; height: 100%; }
.open-server-time .list li .detail { margin-left: 48px; line-height: 19px; }
.open-server-time .list li .detail .txt { position: relative; display: inline-block; max-width: 100%; padding-right: 38px; }
.open-server-time .list li .detail .hot { position: absolute; top: 2px; right: 5px; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 7px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.open-server-time .list li .detail .hot:before, .open-server-time .list li .detail .hot:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.open-server-time .list li .detail .hot:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.open-server-time .list li .detail .hot:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.open-server-time .list li a { color: #333; }
.open-server-time .list li a .openning-time { margin-top: -5px; }
.open-server-time .list li a .openning-time .time { color: #1d6d8f; }
.open-server-time .list li a .openning-time .server { color: #f4811f; }
.open-server-time .list li a:hover img { -webkit-filter: brightness(130%); filter: brightness(130%); }
.open-server-time .list li a:hover .txt { color: #f4811f; }
.open-server-time .seemore { position: relative; float: left; width: 100%; height: 30px; line-height: 30px; padding-right: 15px; margin-top: 5px; text-align: right; }
@media (max-width: 1400px) { .open-server-time .seemore { margin-top: 0; } }
.open-server-time .seemore:after { position: absolute; top: 13px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.open-server-time .seemore:hover a, .open-server-time .seemore:hover:after { color: #f4811f; }

.firt-block { margin-bottom: 15px; }
.firt-block .left { float: left; width: 250px; }
.firt-block .right { margin-left: 265px; }
.firt-block .right .banner-slider { position: relative; height: 300px; margin-bottom: 15px; overflow: hidden; }
.firt-block .right .banner-slider .bn-slide li { position: relative; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .banner-slider .bn-slide li { width: 695px; } }
.firt-block .right .banner-slider .bn-slide li img { width: 905px; height: 300px; }
@media (max-width: 1400px) { .firt-block .right .banner-slider .bn-slide li img { margin-right: -210px; } }
.firt-block .right .banner-slider .bx-next, .firt-block .right .banner-slider .bx-prev { position: absolute; top: 50%; background: rgba(225, 225, 225, 0.2); float: left; width: 35px; height: 58px; color: rgba(255, 255, 255, 0); margin-top: -29px; overflow: hidden; }
.firt-block .right .banner-slider .bx-next:before, .firt-block .right .banner-slider .bx-prev:before { line-height: 61px; text-align: center; color: #fff; font-size: 25px; margin-right: 10px; }
.firt-block .right .banner-slider .bx-next:hover, .firt-block .right .banner-slider .bx-prev:hover { background: rgba(225, 225, 225, 0.6); }
.firt-block .right .banner-slider .bx-next { right: 0; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.firt-block .right .banner-slider .bx-next:before { content: "\71"; margin-left: 7px; }
.firt-block .right .banner-slider .bx-prev { left: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.firt-block .right .banner-slider .bx-prev:before { content: "\70"; margin-left: 3px; }
.firt-block .right .banner-slider .bx-pager { position: absolute; bottom: 10px; left: 0; float: left; width: 100%; text-align: center; }
.firt-block .right .banner-slider .bx-pager .bx-pager-item { display: inline-block; }
.firt-block .right .banner-slider .bx-pager .bx-pager-item a { background: #828080; float: left; width: 10px; height: 10px; margin: 0 8px; text-indent: -9999px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.firt-block .right .banner-slider .bx-pager .bx-pager-item a.active { background: #fff; }
.firt-block .right .top-game { background: #fff; float: left; width: 100%; height: 412px; padding: 0 15px; margin-bottom: 15px; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .top-game { height: 329px; } }
.firt-block .right .top-game .home-title-row .tab-menu { float: left; height: auto; margin-top: 1px; border-bottom: 0; }
.firt-block .right .top-game .home-title-row .tab-menu li { height: 36px; }
.firt-block .right .top-game .home-title-row .tab-menu li a { height: 36px; line-height: 38px; color: #666; font-size: 15px; font-weight: bold; }
.firt-block .right .top-game .home-title-row .tab-menu li.active a { color: #333; }
.firt-block .right .top-game .home-title-row .tab-menu li:after { top: 11px; }
.firt-block .right .top-game .home-title-row .tab-menu li .hot { position: absolute; right: -36px; top: 10px; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 5px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -moz-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -webkit-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; }
.firt-block .right .top-game .home-title-row .tab-menu li .hot:before, .firt-block .right .top-game .home-title-row .tab-menu li .hot:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.firt-block .right .top-game .home-title-row .tab-menu li .hot:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.firt-block .right .top-game .home-title-row .tab-menu li .hot:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.firt-block .right .top-game .featured-game-block { padding: 15px 0 0; }
.firt-block .right .top-game .featured-game-block img { display: block; }
.firt-block .right .top-game .featured-game-block .detail { visibility: hidden; transition: all 0.5s ease 0s; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); float: left; width: 100%; height: 100%; line-height: 22px; padding: 0 30px; text-align: center; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail { line-height: 18px; padding: 0 20px; } }
.firt-block .right .top-game .featured-game-block .detail h3 { line-height: 24px; margin: 70px 0 9px; font-size: 20px; font-weight: normal; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail h3 { line-height: 22px; margin: 57px 0 7px; font-size: 16px; } }
.firt-block .right .top-game .featured-game-block .detail h3 a { color: #fff; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail h3 a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } }
.firt-block .right .top-game .featured-game-block .detail h3 a:hover { color: #f4811f; }
.firt-block .right .top-game .featured-game-block .detail .topic { margin-top: 4px; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .topic { font-size: 11px; } }
.firt-block .right .top-game .featured-game-block .detail .topic a { color: #fff; }
.firt-block .right .top-game .featured-game-block .detail .topic a:hover { color: #f4811f; }
.firt-block .right .top-game .featured-game-block .detail .playing-users { position: relative; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .playing-users { font-size: 11px; } }
.firt-block .right .top-game .featured-game-block .detail .playing-users:before { position: relative; top: 2px; right: 5px; content: "\6c"; font-size: 14px; color: #fff; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .playing-users:before { top: 1px; font-size: 12px; } }
.firt-block .right .top-game .featured-game-block .detail .play-btn { margin: 48px 0 5px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .play-btn { margin: 35px 0 5px; } }
.firt-block .right .top-game .featured-game-block .detail .play-btn a { display: inline-block; background: #f4811f; width: 115px; height: 32px; line-height: 32px; color: #fff; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .play-btn a { width: 90px; height: 28px; line-height: 28px; font-size: 11px; } }
.firt-block .right .top-game .featured-game-block .detail .play-btn a:hover { background: #ff8e2e; }
.firt-block .right .top-game .featured-game-block .detail .lnks a { position: relative; margin-right: 23px; color: #fff; font-size: 12px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .lnks a { font-size: 11px; margin-right: 13px; } }
.firt-block .right .top-game .featured-game-block .detail .lnks a:after { content: ""; position: absolute; top: 6px; right: -12px; background: rgba(255, 255, 255, 0.5); float: left; width: 1px; height: 7px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .detail .lnks a:after { right: -8px; } }
.firt-block .right .top-game .featured-game-block .detail .lnks a:last-child { margin-right: 0; }
.firt-block .right .top-game .featured-game-block .detail .lnks a:last-child:after { display: none; }
.firt-block .right .top-game .featured-game-block .detail .lnks a:hover { text-decoration: underline !important; }
.firt-block .right .top-game .featured-game-block .big-item { position: relative; float: left; width: 289px; margin-right: 4px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .big-item { width: 219px; } }
.firt-block .right .top-game .featured-game-block .big-item .pic img { width: 289px; height: 345px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .big-item .pic img { width: 219px; height: 262px; } }
.firt-block .right .top-game .featured-game-block .big-item:hover .detail { visibility: visible; }
.firt-block .right .top-game .featured-game-block .small-item { float: left; width: 289px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item { width: 219px; } }
.firt-block .right .top-game .featured-game-block .small-item .item { position: relative; height: 171px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item { height: 129px; } }
.firt-block .right .top-game .featured-game-block .small-item .item img { width: 289px; height: 171px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item img { width: 219px; height: 129px; } }
.firt-block .right .top-game .featured-game-block .small-item .item .detail h3 { margin-top: 40px; font-size: 16px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item .detail h3 { margin-top: 22px; font-size: 15px; } }
.firt-block .right .top-game .featured-game-block .small-item .item .detail h3 a { display: block; }
.firt-block .right .top-game .featured-game-block .small-item .item .detail .play-btn { margin-top: 20px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item .detail .play-btn { margin: 13px 0 3px; } }
.firt-block .right .top-game .featured-game-block .small-item .item .detail .play-btn a { width: 90px; height: 26px; line-height: 26px; font-size: 11px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item .detail .play-btn a { width: 80px; height: 24px; line-height: 24px; font-size: 10px; } }
.firt-block .right .top-game .featured-game-block .small-item .item .detail .lnks a { font-size: 11px; }
.firt-block .right .top-game .featured-game-block .small-item .item:first-child { margin-bottom: 3px; }
@media (max-width: 1400px) { .firt-block .right .top-game .featured-game-block .small-item .item:first-child { margin-bottom: 4px; } }
.firt-block .right .top-game .featured-game-block .small-item .item:hover .detail { visibility: visible; }
.firt-block .right .top-game .new-game-block { padding: 15px 0 0; }
.firt-block .right .top-game .new-game-block .video-box { position: relative; float: left; width: 613px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .video-box { width: 452px; } }
.firt-block .right .top-game .new-game-block .video-box h2 { position: absolute; top: 7px; left: 7px; background: rgba(0, 0, 0, 0.6); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width: 97%; height: 28px; line-height: 28px; padding: 0 10px; color: #fff; font-size: 13px; }
.firt-block .right .top-game .new-game-block .video-box h2 a { color: #fff; }
.firt-block .right .top-game .new-game-block .video-box .video { position: relative; height: 345px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .video-box .video { height: 262px; } }
.firt-block .right .top-game .new-game-block .video-box .video .play-btn { position: absolute; bottom: 0; right: 0; display: block; background: #f4811f; width: 126px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; text-transform: uppercase; text-align: center; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .video-box .video .play-btn { width: 100px; height: 40px; line-height: 40px; font-size: 14px; } }
.firt-block .right .top-game .new-game-block .video-box .video .play-btn:hover { background: #ff8e2e; }
.firt-block .right .top-game .new-game-block .video-box .video .lnk { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 50px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .video-box .video .lnk { height: 40px; } }
.firt-block .right .top-game .new-game-block .fp-lnks { margin-left: 625px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .fp-lnks { margin-left: 465px; } }
.firt-block .right .top-game .new-game-block .fp-lnks .fb-fanpage, .firt-block .right .top-game .new-game-block .fp-lnks .fp-fanpage { margin-bottom: 7px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .fp-lnks .fb-fanpage, .firt-block .right .top-game .new-game-block .fp-lnks .fp-fanpage { margin-bottom: 4px; } }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .fp-lnks .list { overflow: hidden; } }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li { margin-bottom: 7px; }
@media (max-width: 1400px) { .firt-block .right .top-game .new-game-block .fp-lnks .list ul li { margin-bottom: 8px; } }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li .pic { float: left; width: 38px; height: 38px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li .pic img { display: block; width: 100%; height: 100%; }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li .lnk { height: 36px; line-height: 18px; margin-left: 48px; overflow: hidden; }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li .lnk a { color: #333; }
.firt-block .right .top-game .new-game-block .fp-lnks .list ul li .lnk a:hover { color: #f4811f; }
.firt-block .right .new-game { background: #fff; float: left; width: 100%; min-height: 212px; padding: 0 15px; margin-bottom: 15px; }
@media (max-width: 1400px) { .firt-block .right .new-game { min-height: 177px; } }
.firt-block .right .new-game img { display: block; }
.firt-block .right .new-game .list { padding: 15px 0 0; }
.firt-block .right .new-game .list .bn { position: relative; float: left; width: 289px; margin-right: 4px; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn { width: 219px; } }
.firt-block .right .new-game .list .bn img { width: 289px; height: 145px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn img { width: 219px; height: 110px; } }
.firt-block .right .new-game .list .bn.new .pic { position: relative; }
.firt-block .right .new-game .list .bn.new .pic:before { content: "NEW"; position: absolute; top: 0; right: 0; z-index: 9; background: #0bc377; float: left; width: 40px; height: 23px; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn.new .pic:before { width: 34px; height: 18px; line-height: 17px; font-size: 10px; } }
.firt-block .right .new-game .list .bn .detail { visibility: hidden; transition: all 0.5s ease 0s; position: absolute; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.8); float: left; width: 100%; height: 100%; line-height: 22px; padding: 0 30px; text-align: center; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn .detail { line-height: 18px; padding: 0 20px; } }
.firt-block .right .new-game .list .bn .detail .play-btn { margin: 52px 0 5px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn .detail .play-btn { margin: 36px 0 5px; } }
.firt-block .right .new-game .list .bn .detail .play-btn a { display: inline-block; background: #f4811f; width: 90px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn .detail .play-btn a { width: 80px; height: 24px; line-height: 25px; font-size: 10px; } }
.firt-block .right .new-game .list .bn .detail .play-btn a:hover { background: #ff8e2e; }
.firt-block .right .new-game .list .bn .detail .lnks a { position: relative; color: #fff; font-size: 12px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .bn .detail .lnks a { font-size: 11px; } }
.firt-block .right .new-game .list .bn .detail .lnks a:after { content: "\6b"; position: absolute; top: 7px; right: -10px; color: #ccc; font-size: 5px; }
.firt-block .right .new-game .list .bn .detail .lnks a:hover { text-decoration: underline !important; }
.firt-block .right .new-game .list .bn:hover .detail { visibility: visible; }
.firt-block .right .new-game .list .slider { position: relative; float: left; width: 582px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider { width: 442px; } }
.firt-block .right .new-game .list .slider .items-slide { float: left; }
.firt-block .right .new-game .list .slider .items-slide li { float: left; width: 289px !important; margin-right: 4px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li { width: 219px !important; } }
.firt-block .right .new-game .list .slider .items-slide li img { width: 289px; height: 145px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li img { width: 219px; height: 110px; } }
.firt-block .right .new-game .list .slider .items-slide li .detail { visibility: hidden; transition: all 0.5s ease 0s; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); float: left; width: 100%; height: 100%; line-height: 22px; padding: 0 30px; text-align: center; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li .detail { line-height: 18px; padding: 0 20px; } }
.firt-block .right .new-game .list .slider .items-slide li .detail .play-btn { margin: 52px 0 5px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li .detail .play-btn { margin: 36px 0 5px; } }
.firt-block .right .new-game .list .slider .items-slide li .detail .play-btn a { display: inline-block; background: #f4811f; width: 90px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li .detail .play-btn a { width: 80px; height: 24px; line-height: 25px; font-size: 10px; } }
.firt-block .right .new-game .list .slider .items-slide li .detail .play-btn a:hover { background: #ff8e2e; }
.firt-block .right .new-game .list .slider .items-slide li .detail .lnks a { position: relative; color: #fff; font-size: 12px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .items-slide li .detail .lnks a { font-size: 11px; } }
.firt-block .right .new-game .list .slider .items-slide li .detail .lnks a:after { content: "\6b"; position: absolute; top: 7px; right: -10px; color: #ccc; font-size: 5px; }
.firt-block .right .new-game .list .slider .items-slide li .detail .lnks a:hover { text-decoration: underline !important; }
.firt-block .right .new-game .list .slider .items-slide li:hover .detail { visibility: visible; }
.firt-block .right .new-game .list .slider .bx-next, .firt-block .right .new-game .list .slider .bx-prev { position: absolute; top: 0; background: rgba(0, 0, 0, 0.7); float: left; width: 25px; height: 100%; color: rgba(255, 255, 255, 0); overflow: hidden; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .bx-next, .firt-block .right .new-game .list .slider .bx-prev { width: 20px; } }
.firt-block .right .new-game .list .slider .bx-next:before, .firt-block .right .new-game .list .slider .bx-prev:before { position: absolute; top: 50%; margin-top: -10px; text-align: center; color: #fff; font-size: 20px; }
@media (max-width: 1400px) { .firt-block .right .new-game .list .slider .bx-next:before, .firt-block .right .new-game .list .slider .bx-prev:before { margin-top: -7px; font-size: 15px; } }
.firt-block .right .new-game .list .slider .bx-next:hover, .firt-block .right .new-game .list .slider .bx-prev:hover { background: rgba(0, 0, 0, 0.9); }
.firt-block .right .new-game .list .slider .bx-next { right: 0; }
.firt-block .right .new-game .list .slider .bx-next:before { content: "\71"; right: 2px; }
.firt-block .right .new-game .list .slider .bx-prev { left: 0; }
.firt-block .right .new-game .list .slider .bx-prev:before { content: "\70"; left: 2px; }
.firt-block .featured-news { position: relative; background: #fff; height: 485px; padding: 0 15px; }
@media (max-width: 1400px) { .firt-block .featured-news { height: 425px; } }
.firt-block .featured-news .time { position: relative; padding-left: 14px; margin: 7px 0 8px; color: #666; font-size: 12px; font-style: italic; }
.firt-block .featured-news .newsbox { margin: 15px 0 0; }
.firt-block .featured-news .newsbox .pic a { display: block; }
.firt-block .featured-news .newsbox .pic a img { display: block; width: 100%; height: auto; max-height: 118px; }
.firt-block .featured-news .newsbox h3 { margin: 10px 0 2px; }
.firt-block .featured-news .newsbox h3 a { display: block; line-height: 19px; color: #333; }
.firt-block .featured-news .newsbox h3 a:hover { color: #f4811f; }
.firt-block .featured-news .newsbox .desc { max-height: 57px; line-height: 19px; color: #666; font-size: 12px; overflow: hidden; }
.firt-block .featured-news .newslist { max-height: 195px; overflow: hidden; }
@media (max-width: 1400px) { .firt-block .featured-news .newslist { max-height: 136px; } }
.firt-block .featured-news .newslist li { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px dotted #ededed; }
.firt-block .featured-news .newslist li a { position: relative; display: block; max-height: 38px; line-height: 19px; padding-left: 14px; color: #333; font-weight: bold; overflow: hidden; }
.firt-block .featured-news .newslist li a:before { position: absolute; top: 8px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.firt-block .featured-news .newslist li a:hover { color: #f4811f; }
.firt-block .featured-news .newslist li a:hover:before { color: #f4811f; }
.firt-block .featured-news .seemore { position: absolute; right: 15px; bottom: 5px; text-align: right; }
.firt-block .featured-news .seemore a { position: relative; display: inline-block; height: 30px; line-height: 30px; padding-right: 10px; }
.firt-block .featured-news .seemore a:after { position: absolute; top: 13px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.firt-block .featured-news .seemore a:hover:after { color: #f4811f; }

.great-web-game .container { background: #fff; width: 100%; min-height: 212px; padding: 0 15px; }
.great-web-game .container .loadmore { background: #eee; height: 90px; margin: 0 -15px; padding: 18px 0 0; text-align: center; }
.great-web-game .container .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.great-web-game .container .loadmore a:hover { background: #f4811f; color: #fff; }

.code-block { background: #fff; float: left; width: 100%; height: 485px; padding: 0 15px; overflow: hidden; }
@media (max-width: 1400px) { .code-block { height: 425px; } }
.code-block .home-title-row .tab-menu { float: left; height: auto; margin-top: 1px; border-bottom: 0; }
.code-block .home-title-row .tab-menu li { height: 36px; }
.code-block .home-title-row .tab-menu li a { height: 36px; line-height: 36px; color: #666; font-size: 15px; font-weight: bold; }
.code-block .home-title-row .tab-menu li.active a { color: #333; }
.code-block .home-title-row .tab-menu li:after { top: 11px; }
.code-block .tabs-block .tab-content { margin: 15px 0 0; }
.code-block .code-list > ul { margin-right: -30px; }
@media (max-width: 1400px) { .code-block .code-list > ul { margin-right: -20px; } }
.code-block .code-list > ul li { float: left; width: 50%; padding-right: 30px; margin-bottom: 15px; }
@media (max-width: 1400px) { .code-block .code-list > ul li { padding-right: 20px; padding-bottom: 23px; margin-bottom: 22px; border-bottom: 1px solid rgba(238, 238, 238, 0.6); } }
.code-block .code-list > ul li .pic { float: left; width: 213px; height: 128px; }
@media (max-width: 1400px) { .code-block .code-list > ul li .pic { width: 143px; height: 86px; } }
.code-block .code-list > ul li .detail { position: relative; margin-left: 223px; height: 128px; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail { margin-left: 153px; height: 86px; } }
.code-block .code-list > ul li .detail h3 a { display: block; line-height: 22px; color: #333; }
.code-block .code-list > ul li .detail h3 a .txt { display: block; margin: -4px 0 -5px; font-size: 13px; }
.code-block .code-list > ul li .detail h3 a .vip { display: block; font-size: 11px; font-weight: normal; }
.code-block .code-list > ul li .detail h3 a:hover { color: #f4811f; }
.code-block .code-list > ul li .detail .date { display: inline-block; padding: 8px 0 10px; margin-bottom: 5px; color: #666; font-size: 11px; font-style: italic; border-bottom: 1px dotted #ededed; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail .date { padding: 4px 0 0; font-size: 9px; border-bottom: 0; } }
.code-block .code-list > ul li .detail .date .begin { margin-right: 3px; }
.code-block .code-list > ul li .detail .date .end { margin-left: 4px; }
.code-block .code-list > ul li .detail .date .arrow { position: relative; top: -1px; display: inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.code-block .code-list > ul li .detail .date .arrow:before { content: "\6f"; font-size: 9px; }
.code-block .code-list > ul li .detail .desc { max-height: 40px; line-height: 20px; color: #666; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail .desc { display: none; } }
.code-block .code-list > ul li .detail .getcode { margin-top: 10px; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail .getcode { margin-top: 4px; } }
.code-block .code-list > ul li .detail .getcode .get-btn { background: #1d6d8f; float: left; width: 90px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail .getcode .get-btn { width: 70px; font-size: 10px; } }
.code-block .code-list > ul li .detail .getcode .get-btn:hover { background: #f4811f; }
.code-block .code-list > ul li .detail .getcode .sum { line-height: 28px; margin-left: 100px; color: #666; font-size: 11px; }
@media (max-width: 1400px) { .code-block .code-list > ul li .detail .getcode .sum { margin-left: 75px; font-size: 10px; } }
.code-block .code-list > ul li .detail .getcode .sum .num { color: #f4811f; font-weight: bold; }
.code-block .code-list > ul li:last-child { border-bottom-color: #fff; }

.single-game-block { margin-bottom: 15px; }
.single-game-block img { display: block; }
.single-game-block .container { background: #fff; padding: 0 15px 12px; }
.single-game-block .container .home-title-row { margin-bottom: 15px; }
.single-game-block .container .game-detail .left { margin-right: 267px; }
.single-game-block .container .game-detail .left .bn { float: left; width: 100%; width: 873px; height: 180px; }
@media (max-width: 1400px) { .single-game-block .container .game-detail .left .bn { width: 663px; height: 137px; } }
.single-game-block .container .game-detail .left .bn img { width: 100%; height: 100%; }
.single-game-block .container .game-detail .left .newslist { float: left; width: 100%; margin-top: 15px; }
.single-game-block .container .game-detail .left .newslist li { float: left; width: 50%; }
.single-game-block .container .game-detail .left .newslist li a { position: relative; display: block; max-height: 38px; line-height: 19px; padding-left: 14px; overflow: hidden; }
.single-game-block .container .game-detail .left .newslist li a .txt { display: inline-block; max-width: 335px; color: #333; font-size: 13px; font-weight: bold; }
@media (max-width: 1400px) { .single-game-block .container .game-detail .left .newslist li a .txt { max-width: 245px; } }
.single-game-block .container .game-detail .left .newslist li a .date { position: relative; top: -5px; color: #666; font-size: 11px; }
.single-game-block .container .game-detail .left .newslist li a:before { position: absolute; top: 8px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.single-game-block .container .game-detail .left .newslist li a:hover .txt, .single-game-block .container .game-detail .left .newslist li a:hover .date { color: #f4811f; }
.single-game-block .container .game-detail .left .newslist li a:hover:before { color: #f4811f; }
.single-game-block .container .game-detail .right { float: right; width: 252px; }
.single-game-block .container .game-detail .right .list { max-height: 90px; overflow: hidden; }
@media (max-width: 1400px) { .single-game-block .container .game-detail .right .list { max-height: 45px; } }
.single-game-block .container .game-detail .right .list ul li { margin-top: 7px; }
.single-game-block .container .game-detail .right .list ul li .pic { float: left; width: 38px; height: 38px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.single-game-block .container .game-detail .right .list ul li .pic img { display: block; width: 100%; height: 100%; }
.single-game-block .container .game-detail .right .list ul li .lnk { height: 38px; line-height: 18px; margin-left: 48px; overflow: hidden; }
.single-game-block .container .game-detail .right .list ul li .lnk a { color: #333; }
.single-game-block .container .game-detail .right .list ul li .lnk a:hover { color: #f4811f; }

.video-block { margin-bottom: 15px; }
.video-block .video-list { margin-right: -15px; }
.video-block .video-list li { float: left; width: 33.333%; padding-right: 15px; }
.video-block .video-list li .box { background: #fff; padding: 0 15px 15px; }
.video-block .video-list li .box .video-detail { position: relative; margin-top: 15px; }
.video-block .video-list li .box .video-detail:before, .video-block .video-list li .box .video-detail:after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; }
.video-block .video-list li .box .video-detail:before { float: left; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 2px solid #fff; }
.video-block .video-list li .box .video-detail:after { margin-top: -11px; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 16px; border-color: transparent transparent transparent #fff; }
.video-block .video-list li .box .video-detail a { display: block; }
.video-block .video-list li .box .video-detail a:before { content: ""; position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.6); float: left; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
.video-block .video-list li .box .video-detail:hover:before, .video-block .video-list li .box .video-detail:hover:after, .video-block .video-list li .box .video-detail:hover a:before { display: none; }

.list-item-s2 ul li, .type-game-block .container .right .game-item { position: relative; }
.list-item-s2 ul li .lb, .type-game-block .container .right .game-item .lb { position: absolute; top: 0; right: 0; float: left; width: 40px; height: 23px; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase; }
.list-item-s2 ul li.new .lb, .type-game-block .container .right .new.game-item .lb { background: #0bc377; }
.list-item-s2 ul li.new .lb:before, .type-game-block .container .right .new.game-item .lb:before { content: "new"; }
.list-item-s2 ul li.hot .lb, .type-game-block .container .right .hot.game-item .lb { background: #ff2a00; }
.list-item-s2 ul li.hot .lb:before, .type-game-block .container .right .hot.game-item .lb:before { content: "hot"; }
.list-item-s2 ul li .pic, .type-game-block .container .right .game-item .pic { height: 100%; overflow: hidden; }
.list-item-s2 ul li .pic img, .type-game-block .container .right .game-item .pic img { display: block; width: 100%; min-height: 100%; }
.list-item-s2 ul li .detail, .type-game-block .container .right .game-item .detail { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); float: left; width: 100%; height: 100%; visibility: hidden; transition: all 0.5s ease 0s; }
.list-item-s2 ul li .detail .middle, .type-game-block .container .right .game-item .detail .middle { position: absolute; top: 50%; left: 0; float: left; width: 100%; margin-top: -15px; text-align: center; }
.list-item-s2 ul li .detail .play-btn, .type-game-block .container .right .game-item .detail .play-btn { display: inline-block; position: relative; background: #f4811f; width: 100px; height: 28px; line-height: 28px; color: #fff; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: all 0.3s ease 0s; }
.list-item-s2 ul li .detail .play-btn:hover, .type-game-block .container .right .game-item .detail .play-btn:hover { background: #ff8e2e; }
.list-item-s2 ul li .detail .play-btn:after, .type-game-block .container .right .game-item .detail .play-btn:after { position: relative; top: -1px; left: 2px; content: "\6e"; font-size: 7px; }
.list-item-s2 ul li .detail .links, .type-game-block .container .right .game-item .detail .links { margin-top: 8px; }
.list-item-s2 ul li .detail .links a, .type-game-block .container .right .game-item .detail .links a { display: inline-block; position: relative; color: #fff; font-size: 12px; margin-right: 12px; }
.list-item-s2 ul li .detail .links a:after, .type-game-block .container .right .game-item .detail .links a:after { content: ""; position: absolute; top: 3px; right: -8px; background: rgba(255, 255, 255, 0.7); float: left; width: 1px; height: 8px; }
.list-item-s2 ul li .detail .links a:last-child, .type-game-block .container .right .game-item .detail .links a:last-child { margin-right: 0; }
.list-item-s2 ul li .detail .links a:last-child:after, .type-game-block .container .right .game-item .detail .links a:last-child:after { display: none; }
.list-item-s2 ul li .detail .links a:hover, .type-game-block .container .right .game-item .detail .links a:hover { text-decoration: underline !important; }
.list-item-s2 ul li:hover .detail, .type-game-block .container .right .game-item:hover .detail { visibility: visible; }

.type-game-block { margin-bottom: 15px; }
.type-game-block .container .left { margin-right: 265px; }
.type-game-block .container .left .webgame-wrap { float: left; width: 100%; }
.type-game-block .container .right { float: right; width: 250px; }
.type-game-block .container .right .game-item .pic { width: 250px; height: 150px; }
.type-game-block .container .type-game-content .arrange-box { display: inline-block; margin: 5px 0 0; text-align: left; }
.type-game-block .container .type-game-content .arrange-box .lb { float: left; line-height: 20px; margin-right: 20px; }
.type-game-block .container .type-game-content .arrange-box .list-sort { float: left; }
.type-game-block .container .type-game-content .arrange-box .list-sort li { float: left; line-height: 20px; margin-right: 20px; }
.type-game-block .container .type-game-content .list-item-s2 ul { margin-top: 15px; }
.type-game-block .container .type-game-content .view-content { display: none; }
.type-game-block .container .type-game-content .view-content.active { display: block; }
.type-game-block .container .type-game-content .loadmore { height: 80px; margin: 0 -15px; padding: 18px 0 0; text-align: center; }
.type-game-block .container .type-game-content .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.type-game-block .container .type-game-content .loadmore a:hover { background: #f4811f; color: #fff; }
.type-game-block .container .type-game-content .page-list { margin: 10px 0 25px; text-align: center; }
.type-game-block .container .type-game-content .typegame-list { margin-bottom: 20px; margin-top: 20px; }
.type-game-block .container .type-game-content .typegame-list ul { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.type-game-block .container .type-game-content .typegame-list ul li { background: #f8f8f8; float: left; width: 20%; line-height: 18px; padding: 15px; vertical-align: middle; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
@media (max-width: 1400px) { .type-game-block .container .type-game-content .typegame-list ul li { width: 25%; } }
.type-game-block .container .type-game-content .typegame-list ul li a { color: #666; }
.type-game-block .container .type-game-content .typegame-list ul li a:hover { color: #f4811f; }

.suggest-game-block { margin-bottom: 15px; }
.suggest-game-block .container { background: #fff; padding: 3px 15px 0; }
.suggest-game-block .container .home-title-row .tab-menu { float: left; height: auto; margin-top: 1px; border-bottom: 0; }
.suggest-game-block .container .home-title-row .tab-menu li { height: 36px; }
.suggest-game-block .container .home-title-row .tab-menu li a { height: 36px; line-height: 36px; color: #666; font-size: 15px; font-weight: bold; }
.suggest-game-block .container .home-title-row .tab-menu li.active a { color: #333; }
.suggest-game-block .container .home-title-row .tab-menu li:after { top: 11px; }
.suggest-game-block .container .tabs-block .tab-content { margin: 0 0 5px; }

.list-title { margin-bottom: -3px; }
.list-title.mt20 { margin-top: 20px; }
.list-title h2 { line-height: normal; margin-bottom: 10px; color: #333; font-size: 22px; font-weight: bold; text-transform: uppercase; }
.list-title .list-game-type { margin-bottom: -8px; }
.list-title .list-game-type li { position: relative; float: left; margin-right: 17px; margin-bottom: 8px; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.list-title .list-game-type li:before { content: ""; position: absolute; top: 1px; right: -9px; background: #e5e5e5; float: left; width: 1px; height: 8px; }
.list-title .list-game-type li:last-child:before { display: none; }

.list-topblock { background: #fff; margin-top: 15px; margin-bottom: 15px; }
.list-topblock .pic { float: left; width: 270px; }
.list-topblock .pic img { display: block; width: 100%; height: auto; }
.list-topblock .detail { margin-left: 290px; }
.list-topblock .detail h3 { font-size: 15px; }
.list-topblock .detail .topic-row { float: left; padding: 11px 0 13px; font-size: 12px; border-bottom: 1px dotted #b6b6b6; }
.list-topblock .detail .topic-row .topic, .list-topblock .detail .topic-row .users { float: left; }
.list-topblock .detail .topic-row .topic span, .list-topblock .detail .topic-row .users span { color: #666; }
.list-topblock .detail .topic-row .topic { margin-right: 17px; }
.list-topblock .detail .topic-row .topic a { color: #333; }
.list-topblock .detail .topic-row .topic a:hover { color: #f4811f; }
.list-topblock .detail .desc { float: left; width: 100%; max-height: 40px; line-height: 20px; margin: 10px 0 5px; color: #666; overflow: hidden; }
.list-topblock .detail .playing-game { float: left; width: 100%; margin-top: 10px; }
.list-topblock .detail .playing-game .choose-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 30px 0 15px; margin-right: 10px; color: #666; font-size: 13px; font-weight: normal; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-topblock .detail .playing-game .choose-btn { height: 28px; line-height: 26px; padding-left: 8px; } }
.list-topblock .detail .playing-game .choose-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #999; }
@media (max-width: 1400px) { .list-topblock .detail .playing-game .choose-btn:after { top: 11px; } }
.list-topblock .detail .playing-game .choose-btn:hover { color: #f4811f; }
.list-topblock .detail .playing-game .choose-btn:hover:after { border-color: transparent transparent transparent #f4811f; }
.list-topblock .detail .playing-game .play-btn { position: relative; float: left; width: 115px; height: 32px; line-height: 30px; padding-left: 15px; color: #f4811f; font-size: 14px; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-topblock .detail .playing-game .play-btn { width: 100px; height: 28px; line-height: 26px; padding-left: 8px; } }
.list-topblock .detail .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.list-topblock .detail .playing-game .play-btn:after { position: absolute; top: 10px; right: 12px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .list-topblock .detail .playing-game .play-btn:after { top: 8px; right: 6px; } }

.topgame { background: #fff; padding: 1px 15px 0; }
.topgame .gamelist { margin-top: 5px; }
.topgame .gamelist li { float: left; width: 100%; padding: 10px 0; border-bottom: 1px dotted #eaeaea; }
.topgame .gamelist li .num { background: #f2f2f2; float: left; width: 30px; height: 30px; line-height: 30px; color: #999; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.topgame .gamelist li .desc { display: block; margin-left: 40px; margin-top: -3px; }
.topgame .gamelist li .txt { display: block; height: 20px; line-height: 20px; color: #333; font-weight: 500; }
.topgame .gamelist li .num-of-player { display: block; color: #999; font-size: 11px; }
.topgame .gamelist li a:hover .txt { color: #f4811f; }
.topgame .gamelist li:nth-child(1) .num, .topgame .gamelist li:nth-child(2) .num, .topgame .gamelist li:nth-child(3) .num, .topgame .gamelist li:nth-child(4) .num, .topgame .gamelist li:nth-child(5) .num { color: #fff; }
.topgame .gamelist li:nth-child(1) .num { background: #ff2851; }
.topgame .gamelist li:nth-child(2) .num { background: #fd7727; }
.topgame .gamelist li:nth-child(3) .num { background: #ffae13; }
.topgame .gamelist li:nth-child(4) .num { background: #0bc377; }
.topgame .gamelist li:nth-child(5) .num { background: #0277bd; }

.sticker-box .topgame { margin-top: 0 !important; }

.webgame-topbaner { position: relative; height: 315px; overflow: hidden; }
@media (max-width: 1400px) { .webgame-topbaner img { margin-left: -210px; } }
.webgame-topbaner .lb { top: 7px; left: -21px; width: 83px; height: 26px; line-height: 27px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; text-transform: uppercase; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.36); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.36); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.36); }
.webgame-topbaner.hot .lb { background: #ff2a00; }
.webgame-topbaner.hot .lb:before { content: "hot"; }
.webgame-topbaner.new .lb { background: #0bc377; }
.webgame-topbaner.new .lb:before { content: "new"; }

.webgame-slide { position: relative; height: 315px; overflow: hidden; }
.webgame-slide .list { margin-left: 195px; }
.webgame-slide .list ul > li { position: relative; display: none; }
.webgame-slide .list ul > li.active { display: block; }
.webgame-slide .list ul > li .pic { width: 710px; height: 315px; overflow: hidden; }
@media (max-width: 1400px) { .webgame-slide .list ul > li .pic { width: 500px; } }
.webgame-slide .list ul > li .pic img { display: block; min-width: 100%; min-height: 100%; }
@media (max-width: 1400px) { .webgame-slide .list ul > li .pic img { margin-left: -105px; } }
.webgame-slide .list ul > li .detail { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 32px; }
.webgame-slide .list ul > li .detail h2 { float: left; line-height: 32px; padding-left: 27px; }
.webgame-slide .list ul > li .detail h2 a { color: #f4811f; font-size: 14px; font-weight: normal; }
.webgame-slide .list ul > li .detail h2 a:hover { color: #ff8e2e; }
.webgame-slide .list ul > li .detail .links { float: right; margin-right: 15px; }
.webgame-slide .list ul > li .detail .links li { position: relative; display: block; float: left; height: 32px; line-height: 30px; margin-right: 16px; }
.webgame-slide .list ul > li .detail .links li:after { position: absolute; right: -8px; top: 12px; content: ""; background: #7d7a77; float: left; width: 1px; height: 8px; }
.webgame-slide .list ul > li .detail .links li a { color: #fff; }
.webgame-slide .list ul > li .detail .links li a:hover { text-decoration: underline !important; }
.webgame-slide .list ul > li .detail .links li:last-child { margin-right: 0; }
.webgame-slide .list ul > li .detail .links li:last-child:after { display: none; }
.webgame-slide .nav { position: absolute; top: 0; left: 0; float: left; width: 201px; border-right: 6px solid rgba(255, 255, 255, 0.3); }
.webgame-slide .nav ul { height: 315px; }
.webgame-slide .nav ul li { position: relative; background: #f8f8f8; width: 100%; height: 79px; border-bottom: 1px solid #eee; cursor: pointer; }
.webgame-slide .nav ul li.active { background: #fff; cursor: default; }
.webgame-slide .nav ul li.active:after { content: ""; position: absolute; right: -6px; top: 0; background: #f4811f; float: left; width: 6px; height: 100%; }
.webgame-slide .nav ul li.active .txt { color: #333 !important; }
.webgame-slide .nav ul li:last-child { border-bottom: 0; }
.webgame-slide .nav ul li a { display: table; width: 100%; height: 78px; }
.webgame-slide .nav ul li .pic { display: table-cell; width: 72px; padding-left: 20px; vertical-align: middle; }
.webgame-slide .nav ul li .pic img { width: 38px; height: 38px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.webgame-slide .nav ul li .txt { display: table-cell; height: 100%; line-height: 16px; padding-right: 10px; vertical-align: middle; }
.webgame-slide .nav ul li:hover .txt { color: #f4811f; }

.webgame-content { background: #fff; padding: 3px 15px 35px; }
.webgame-content .filter-box { background-image: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#fff'); background-color: #fff; padding: 30px 15px 13px; }
.webgame-content .filter-box .f-row { line-height: 24px; margin-bottom: 7px; }
.webgame-content .filter-box .f-row h3 { float: left; width: 65px; }
.webgame-content .filter-box .f-row ul { margin-left: 65px; }
.webgame-content .filter-box .f-row ul li { float: left; margin-bottom: 10px; margin-right: 3px; }
.webgame-content .filter-box .f-row ul li a { display: block; padding: 0 12px; color: #333; white-space: nowrap; }
.webgame-content .filter-box .f-row ul li a:hover { color: #f4811f; }
.webgame-content .filter-box .f-row ul li.active a { background: #f4811f; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.webgame-content .filter-box .f-row ul li.active a:before { content: "\68"; margin-right: 5px; color: #fff; font-size: 10px; }
.webgame-content .filter-box .f-row ul li.active a:hover { color: #fff; }
.webgame-content .loadmore { text-align: center; }
.webgame-content .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 20px; color: #f4811f; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.webgame-content .loadmore a:hover { background: #f4811f; color: #fff; }
.webgame-content .list-item-s3 ul li .pic { overflow: hidden; }

.webgame-sever-list { background: #fff; height: 315px; padding: 0 15px; margin-bottom: 15px; }
.webgame-sever-list .home-title-row { position: relative; margin-bottom: 18px; }
.webgame-sever-list .home-title-row .next-prev .num { line-height: 17px; margin-right: 2px; }
.webgame-sever-list .home-title-row h2 { letter-spacing: -0.3px; }
.webgame-sever-list .home-title-row .new { position: absolute; right: 8px; top: 8px; display: inline-block; background: #0bc377; width: 32px; height: 19px; line-height: 19px; margin-left: 5px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -moz-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; -webkit-animation: movedownb 0.7s cubic-bezier(0, 0, 0.34, 0.76) 0.1s both infinite; }
.webgame-sever-list .home-title-row .new:before, .webgame-sever-list .home-title-row .new:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.webgame-sever-list .home-title-row .new:before { top: 0; border-width: 8px 5px 0 5px; border-color: #0bc377 transparent transparent transparent; }
.webgame-sever-list .home-title-row .new:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #0bc377 transparent; }
.webgame-sever-list .list li { float: left; width: 100%; line-height: 16px; margin: 0 0 15px; }
.webgame-sever-list .list li .name, .webgame-sever-list .list li .date, .webgame-sever-list .list li .time { float: left; }
.webgame-sever-list .list li .name, .webgame-sever-list .list li .date { padding-right: 5px; }
.webgame-sever-list .list li .name { width: 110px; color: #f4811f; }
.webgame-sever-list .list li .date { color: #333; width: 70px; }
.webgame-sever-list .list li .time { width: 40px; color: #1d6d8f; text-align: right; }
.webgame-sever-list.newgame .list li .name { color: #333; }
.webgame-sever-list.newgame .list li .date { color: #666; }
.webgame-sever-list.newgame .list li.top .name { color: #f4811f; }

.list-detail-bn { background-position: center 0; background-repeat: no-repeat; height: 300px; margin: -15px 0 15px; text-align: center; }
@media (max-width: 1400px) { .list-detail-bn { height: 246px; } }
.list-detail-bn .container { background-size: auto 100%; background-position: center top; height: 100%; }

.list-detail { margin-top: -15px; padding-top: 210px; }
.list-detail.top { padding-top: 0; margin-top: 0; }
.list-detail .show-hide-btn { position: absolute; bottom: 0; left: 50%; margin-left: -30px; color: #999; font-size: 13px; }
.list-detail .show-hide-btn:before { position: absolute; top: -40px; left: 50%; content: "\6e"; background: #fff; float: left; width: 39px; height: 39px; line-height: 39px; margin-left: -20px; padding-left: 2px; color: #666; font-size: 17px; text-align: center; border: 1px solid #e5e5e5; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.list-detail .show-hide-btn:hover:before { background: #666; color: #fff; border-color: #666; }
.list-detail .show-hide-btn.down:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.list-detail .right { float: right; width: 250px; }
.list-detail .right .sever-list { background: #fff; padding: 0 15px; margin-bottom: 15px; }
.list-detail .right .sever-list .home-title-row { margin-bottom: 12px; }
.list-detail .right .sever-list .home-title-row .next-prev .num { line-height: 17px; margin-right: 2px; }
.list-detail .right .sever-list .home-title-row h2 { letter-spacing: -0.3px; }
.list-detail .right .sever-list .list li { float: left; width: 100%; line-height: 16px; margin: 0 0 11px; }
.list-detail .right .sever-list .list li .name, .list-detail .right .sever-list .list li .date, .list-detail .right .sever-list .list li .time { float: left; }
.list-detail .right .sever-list .list li .name, .list-detail .right .sever-list .list li .date { padding-right: 5px; }
.list-detail .right .sever-list .list li .name { width: 110px; color: #f4811f; }
.list-detail .right .sever-list .list li .date { color: #333; width: 70px; }
.list-detail .right .sever-list .list li .time { width: 40px; color: #1d6d8f; text-align: right; }
.list-detail .right .play-game-box { background: #fff; padding: 15px; }
.list-detail .right .play-game-box .pic { margin-bottom: 12px; }
.list-detail .right .play-game-box .pic img { display: block; width: 100%; }
.list-detail .right .play-game-box h2 { line-height: 22px; font-size: 15px; }
.list-detail .right .play-game-box h2 a { color: #333; }
.list-detail .right .play-game-box h2 a:hover { color: #f4811f; }
.list-detail .right .play-game-box .txt { line-height: 19px; font-size: 12px; }
.list-detail .right .play-game-box .txt .lb { color: #666; }
.list-detail .right .play-game-box .txt a { color: #333; }
.list-detail .right .play-game-box .txt a:hover { color: #f4811f; }
.list-detail .right .play-game-box .playing-game { margin-top: 10px; }
.list-detail .right .play-game-box .playing-game .choose-btn { display: block; position: relative; height: 32px; line-height: 30px; margin-bottom: 5px; color: #666; font-size: 13px; font-weight: normal; text-transform: uppercase; text-align: center; white-space: nowrap; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-detail .right .play-game-box .playing-game .choose-btn:hover { color: #f4811f; }
.list-detail .right .play-game-box .playing-game .play-btn { display: block; position: relative; background: #f4811f; height: 32px; line-height: 32px; color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; white-space: nowrap; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.list-detail .right .play-game-box .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.list-detail .right .play-game-box .playing-game .play-btn:after { content: "\6e"; font-size: 10px; margin-left: 3px; }
.list-detail .left { margin-right: 265px; }
.list-detail .left .r-wrapper { background: #fff; float: left; width: 100%; padding: 20px; margin-bottom: 15px; }
.list-detail .left .game-desc { margin-bottom: 25px; }
.list-detail .left .game-desc .left-desc { float: left; width: 250px; }
.list-detail .left .game-desc .left-desc .pic a { display: block; width: 250px; overflow: hidden; }
.list-detail .left .game-desc .left-desc .pic a img { display: block; width: 100%; }
.list-detail .left .game-desc .right-desc { margin-left: 270px; }
.list-detail .left .game-desc .right-desc .row1 { position: relative; float: left; width: 100%; }
.list-detail .left .game-desc .right-desc .row1 .r1-left { float: left; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left { width: 100%; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left h2 { margin-bottom: 10px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left h2 a { color: #333; font-size: 15px; text-transform: uppercase; }
.list-detail .left .game-desc .right-desc .row1 .r1-left h2 a:hover { color: #f4811f; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .txt { margin-bottom: 10px; font-size: 12px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .txt .lb { color: #666; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .txt .space { margin: 0 10px; color: #e5e5e5; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .txt a { color: #333; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .txt a:hover { color: #f4811f; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .line { height: 1px; border-bottom: 1px dotted #b5b5b5; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .rating { margin-top: 10px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .rating .rate-box { background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -117px -88px; float: left; width: 105px; height: 15px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .rating .rate-box p { background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -117px -113px; height: 15px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .rating .num { float: left; margin: 1px 0 0 5px; color: #666; font-size: 12px; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game { float: left; width: 100%; margin-top: 33px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game { margin-top: 12px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .choose-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 15px; margin-right: 10px; color: #666; font-size: 13px; font-weight: normal; text-transform: uppercase; white-space: nowrap; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .choose-btn { height: 28px; line-height: 26px; padding-left: 8px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .choose-btn:hover { color: #f4811f; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn { position: relative; background: #f4811f; float: left; width: 115px; height: 32px; line-height: 32px; padding-left: 15px; margin-right: 10px; color: #fff; font-size: 14px; text-transform: uppercase; white-space: nowrap; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn { width: 100px; height: 28px; line-height: 28px; padding-left: 8px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn:after { position: absolute; top: 10px; right: 12px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .play-btn:after { top: 8px; right: 6px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 13px 0 33px; color: #666; font-size: 14px; text-transform: uppercase; white-space: nowrap; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn { height: 28px; line-height: 26px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn:hover, .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn:hover:before { color: #f4811f; }
.list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn:before { position: absolute; top: 7px; left: 9px; content: "\79"; font-size: 17px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-left .playing-game .gift-btn:before { top: 5px; right: 6px; } }
.list-detail .left .game-desc .right-desc .row1 .r1-right { position: absolute; top: 0; right: 0; float: right; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-right { position: inherit; top: auto; right: auto; float: left; width: 100%; } }
.list-detail .left .game-desc .right-desc .row1 .r1-right .like-block { float: left; }
.list-detail .left .game-desc .right-desc .row1 .r1-right .like-fb { float: left; margin: 18px 0 0 27px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-right .like-fb { margin: 12px 0 0 0; } }
.list-detail .left .game-desc .right-desc .row1 .r1-right .like-gg { float: left; margin: 18px 0 0 17px; }
@media (max-width: 1400px) { .list-detail .left .game-desc .right-desc .row1 .r1-right .like-gg { margin-top: 12px; } }
.list-detail .left .game-desc .row-desc { line-height: 19px; margin-top: 25px; margin-bottom: 5px; color: #666; }
.list-detail .left .produce-news-block { margin-bottom: 50px; border: 1px solid #e5e5e5; }
.list-detail .left .produce-news-block .tab-menu { background: #f8f8f8; height: 42px; }
.list-detail .left .produce-news-block .tab-menu li { height: 42px; margin: -1px 0 0; padding-top: 2px; border-bottom: 0; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.list-detail .left .produce-news-block .tab-menu li a { line-height: 38px; padding: 0 20px; font-size: 15px; font-weight: bold; }
.list-detail .left .produce-news-block .tab-menu li.active { height: 43px; padding-top: 0; border-top: 3px solid #f4811f; }
.list-detail .left .produce-news-block .tab-menu li.active a { background: #fff; height: 43px; }
.list-detail .left .produce-news-block .tab-menu li.active:last-child { border-right: 1px solid #e5e5e5; }
.list-detail .left .produce-news-block .tab-menu li:after { display: none; }
.list-detail .left .produce-news-block .tab-menu li:last-child { border-right: 0; }
.list-detail .left .produce-news-block .produce-block { position: relative; line-height: 19px; padding: 20px; }
.list-detail .left .produce-news-block .produce-block .show-hide-box { max-height: 860px; overflow: hidden; }
.list-detail .left .produce-news-block .produce-block .show-hide-box.show-content { max-height: inherit; }
.list-detail .left .produce-news-block .produce-block .show-hide-btn { bottom: -40px; }
.list-detail .left .produce-news-block .produce-block .video { margin-bottom: 10px; }
.list-detail .left .produce-news-block .produce-block p { margin-bottom: 10px; }
.list-detail .left .produce-news-block .news-block { padding: 20px; }
.list-detail .left .produce-news-block .news-block .seemore { position: relative; padding-right: 15px; margin-top: 3px; white-space: nowrap; }
.list-detail .left .produce-news-block .news-block .seemore:after { position: relative; left: 4px; top: -1px; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.list-detail .left .produce-news-block .news-block .seemore:hover:after { color: #f4811f; }
.list-detail .left .comment-block .tab-menu li { margin-right: 47px; font-size: 15px; font-weight: bold; }
.list-detail .left .comment-block .tab-menu li:after { right: -23px; }
.list-detail .left .comment-block .tab-content { padding-top: 20px; }

.game-interested { background: #fff; float: left; width: 100%; min-height: 212px; padding: 0 15px; }
.game-interested .item-list { margin-top: 15px; }
.game-interested .item-list ul { height: 150px; margin-right: -15px; overflow: hidden; }
@media (max-width: 1400px) { .game-interested .item-list ul { margin-right: -24px; } }
.game-interested .item-list ul li { float: left; width: 25%; padding-right: 15px; padding-bottom: 3px; }
@media (max-width: 1400px) { .game-interested .item-list ul li { width: 33.333%; padding-right: 24px; } }
.game-interested .item-list ul li .pic a { display: block; width: 206px; height: 124px; }
.game-interested .item-list ul li .txt { height: 18px; margin-top: 10px; }
.game-interested .item-list ul li .txt a { color: #333; }
.game-interested .item-list ul li .txt a:hover { color: #f4811f; }

.featured-news.events2 .newslist { padding-bottom: 20px; }
.featured-news.events2 .newslist li:first-child { margin-top: 5px !important; border-top: 0 !important; }

.content_event360 { background: #fff; float: left; width: 100%; padding: 20px; }

.embed_event { background: url(../icon/sk_01.jpg) no-repeat; }

.head_bg_event { background: url(http://st.360cdn.vn/v3/360game/event/icon/hd_bg.jpg) no-repeat; height: 482px; }
@media (max-width: 1400px) { .head_bg_event { background-size: 100%; height: 380px; } }

.event_april { position: relative; max-width: 825px; padding: 0 40px 20px 40px; background: url(http://st.360cdn.vn/v3/360game/event/icon/body_bg.jpg) repeat-y; }
@media (max-width: 1400px) { .event_april { background-size: 100%; } }

.head_april { background: url(icon/haed.jpg); height: 519px; position: relative; }

.body_april { position: relative; background: url(icon/body.jpg) no-repeat top center; }

.all_bodyapril { margin: 0 auto; position: relative; top: -20px; }

.tag_april { position: relative; margin-right: 20px; overflow: auto; }

.tag_april .list_april { background: #a29a98; float: right; margin: 0 0 0 5px; border-radius: 5px 5px 0 0; font-size: 15px; font-weight: bold; color: #fff; cursor: pointer; text-transform: capitalize; }
.tag_april .list_april a { display: block; padding: 15px 20px; text-align: center; color: #333; }

.tag_april .list_april:hover, .tag_april .list_april.active { background: #e75035; }

.content_april { border-radius: 10px; box-shadow: 0 0 3px #ccc; min-height: 50px; background: #fff; padding: 60px 0 30px 0; position: relative; z-index: 999; }
.content_april .tab-ctn { display: none; }
.content_april .tab-ctn.active { display: block; }

.content_april .embark { margin: 0 auto; padding: 0 40px; }

.text_april { line-height: 18px; font-size: 13px; color: #000; }

.embark .fan_page { margin: 20px 0; }

.play_now { background: url(http://sukien.360game.vn/icon/btn.jpg) no-repeat; width: 200px; height: 60px; display: block; margin: 27px  auto 0; }

.rules { padding: 0 30px; }

.title_rules { color: #e64e36; font-weight: bold; font-size: 14px; margin: 10px 0 10px 0; }

.text_rules { padding: 0 0 0 20px; line-height: 18px; color: #000; margin: 5px 0; font-size: 13px; }

.footer_april { background: #f9f7ed none repeat scroll 0 0; float: left; padding: 25px; position: relative; }

.footer_april h2 { text-transform: uppercase; border-bottom: 1px dashed #000; margin: 0 0 20px 0; }

.tilte_fotril { position: relative; background: #faf7ee; padding: 0 15px 0 0; font-size: 14px; color: #0c4676; top: 5px; }

.footer_april .game_hay { position: relative; margin-left: -18px; }

.footer_april .game_hay .list_gamehay { float: left; width: 218px; height: 163px; border: 1px solid #000; margin-left: 17px; }

.bonus_list { margin: 0 auto; overflow: auto; padding: 0 40px; }

.table_bonus { float: left; width: 50%; }
.table_bonus table { width: 100%; }
.table_bonus:first-child { padding-right: 10px; }
.table_bonus:last-child { padding-left: 10px; }

.align_mid { text-align: center; padding: 10px 0; font-size: 13px; color: #000; border: 1px solid #c8c8c8; }

.color_rules { color: #e64e36; font-weight: bold; }

.name_mid { padding: 0 0 0 20px; font-size: 13px; color: #000; border: 1px solid #c8c8c8; }

.margin_rules { margin-left: 40px; }

.date_bonus .tilte_bonus { font-size: 13px; color: #000; }

.in_datebonus { padding: 0 0 20px 0; }

.event-page .left { margin-right: 265px; }
.event-page .left .event-block { background: #fff; float: left; width: 100%; padding: 7px 15px 0; margin-bottom: 58px; }
.event-page .left .event-block .tab-menu li { margin-right: 47px; font-size: 15px; font-weight: bold; }
.event-page .left .event-block .tab-menu li:after { right: -23px; }
.event-page .left .event-block .events-list { margin-top: 15px; }
.event-page .left .event-block .events-list ul { margin-right: -17px; }
.event-page .left .event-block .events-list ul li { position: relative; float: left; width: 50%; padding: 0 17px 17px 0; }
.event-page .left .event-block .events-list ul li .pic { width: 100%; height: 230px; }
@media (max-width: 1400px) { .event-page .left .event-block .events-list ul li .pic { height: 174px; } }
.event-page .left .event-block .events-list ul li .detail { padding: 0 15px 15px; border: 1px solid #e5e5e5; }
.event-page .left .event-block .events-list ul li .detail h2 { height: 36px; margin: 10px 0 8px; overflow: hidden; }
.event-page .left .event-block .events-list ul li .detail h2 a { line-height: 18px; color: #333; font-size: 14px; }
.event-page .left .event-block .events-list ul li .detail h2 a:hover { color: #f4811f; }
.event-page .left .event-block .events-list ul li .detail .action-box .time { position: relative; float: left; padding-left: 27px; margin-top: 2px; }
.event-page .left .event-block .events-list ul li .detail .action-box .time:before { position: absolute; top: 6px; left: 0; content: "\42"; color: #888; font-size: 17px; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm { position: relative; float: left; margin-right: 9px; text-align: center; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm:after { position: absolute; top: 0; right: -6px; content: ":"; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm:last-child { margin-right: 0; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm:last-child:after { display: none; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm .num, .event-page .left .event-block .events-list ul li .detail .action-box .time .tm .txt { display: block; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm .num { margin: 0 0 2px; }
.event-page .left .event-block .events-list ul li .detail .action-box .time .tm .txt { color: #999; font-size: 12px; }
.event-page .left .event-block .events-list ul li .detail .action-box .join-btn { float: right; width: 130px; height: 32px; line-height: 30px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .event-page .left .event-block .events-list ul li .detail .action-box .join-btn { width: 120px; } }
.event-page .left .event-block .events-list ul li .detail .action-box .join-btn:hover { background: #f4811f; color: #fff; }
.event-page .left .event-block .events-list ul li.inactive .detail .action-box .time { margin-top: 10px; padding-left: 0; color: #999; }
@media (max-width: 1400px) { .event-page .left .event-block .events-list ul li.inactive .detail .action-box .time { width: 120px; line-height: 16px; margin-top: 0; } }
.event-page .left .event-block .events-list ul li.inactive .detail .action-box .time:before { display: none; }
.event-page .left .event-block .events-list ul li.inactive .detail .action-box .join-btn, .event-page .left .event-block .events-list ul li.inactive .detail .action-box .join-btn:hover { background: none; color: #ccc; border-color: #ccc; cursor: default; }
.event-page .left .event-block .events-list .seemore-btn { position: absolute; bottom: -58px; left: 0; float: left; width: 100%; height: 38px; text-align: center; }
.event-page .left .event-block .events-list .seemore-btn a { display: inline-block; height: 38px; line-height: 36px; padding: 0 15px; color: #f4811f; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.event-page .left .event-block .events-list .seemore-btn a:hover { background: #f4811f; color: #fff; }
.event-page .right { float: right; width: 250px; }
.event-page .right .featured-news { background: #fff; padding: 1px 15px 0; margin-bottom: 15px; }
.event-page .right .featured-news .time { position: relative; padding-left: 14px; margin: 7px 0 8px; color: #666; font-size: 12px; font-style: italic; }
.event-page .right .featured-news .newsbox { margin: 15px 0 0; }
.event-page .right .featured-news .newsbox .pic a { display: block; }
.event-page .right .featured-news .newsbox .pic a img { display: block; width: 100%; height: auto; }
.event-page .right .featured-news .newsbox h3 { margin: 10px 0 2px; }
.event-page .right .featured-news .newsbox h3 a { display: block; line-height: 19px; color: #333; }
.event-page .right .featured-news .newsbox h3 a:hover { color: #f4811f; }
.event-page .right .featured-news .newsbox .desc { line-height: 19px; color: #666; font-size: 12px; }
.event-page .right .featured-news .newslist li { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px dotted #ededed; }
.event-page .right .featured-news .newslist li a { position: relative; display: block; line-height: 19px; padding-left: 14px; color: #333; font-weight: bold; }
.event-page .right .featured-news .newslist li a:before { position: absolute; top: 8px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.event-page .right .featured-news .newslist li a:hover { color: #f4811f; }
.event-page .right .featured-news .newslist li a:hover:before { color: #f4811f; }
.event-page .right .featured-news .seemore { margin: 10px 0 0; padding: 2px 0 5px; text-align: right; border-top: 1px dotted #ededed; }
.event-page .right .featured-news .seemore a { position: relative; display: inline-block; height: 30px; line-height: 30px; padding-right: 10px; }
.event-page .right .featured-news .seemore a:after { position: absolute; top: 13px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.event-page .right .featured-news .seemore a:hover:after { color: #f4811f; }

.news-page .loadmore { background: #eee; height: 70px; margin: 0 -30px -15px; padding: 18px 0 0; text-align: center; }
.news-page .loadmore a { display: inline-block; width: 250px; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.news-page .loadmore a:hover { background: #f4811f; color: #fff; }
.news-page .left-newswrap { background: #fff; float: left; width: 100%; padding: 15px; }
.news-page .tabs-block { background: #fff; float: left; width: 100%; padding: 5px 15px 0; }
.news-page .tabs-block .tab-menu li { margin-right: 47px; font-size: 15px; font-weight: bold; }
.news-page .tabs-block .tab-menu li:after { right: -23px; }
.news-page .tabs-block.news .tab-menu { float: left; height: auto; margin-top: 1px; border-bottom: 0; }
.news-page .tabs-block.news .tab-menu li { height: 36px; }
.news-page .tabs-block.news .tab-menu li a { line-height: 36px; }
.news-page .news-slide { position: relative; height: 300px; padding: 15px; margin-bottom: 7px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .news-page .news-slide { height: 241px; } }
.news-page .news-slide .list { float: left; width: 100%; height: 270px; overflow: hidden; }
@media (max-width: 1400px) { .news-page .news-slide .list { height: 211px; } }
.news-page .news-slide .list ul li { background: #fff; float: left; width: 843px; height: 270px; }
@media (max-width: 1400px) { .news-page .news-slide .list ul li { width: 633px; height: 211px; } }
.news-page .news-slide .list ul li .pic { float: left; width: 504px; height: 270px; }
@media (max-width: 1400px) { .news-page .news-slide .list ul li .pic { width: 394px; height: 211px; } }
.news-page .news-slide .list ul li .pic a { display: block; }
.news-page .news-slide .list ul li .detail { margin-left: 534px; }
@media (max-width: 1400px) { .news-page .news-slide .list ul li .detail { margin-left: 424px; } }
.news-page .news-slide .list ul li .detail h2 a { display: block; line-height: 19px; font-size: 15px; }
.news-page .news-slide .list ul li .detail .date { margin: 5px 0 10px; color: #666; }
.news-page .news-slide .list ul li .detail .date a { color: #f4811f; }
.news-page .news-slide .list ul li .detail .date a:hover { color: #ff8e2e; }
.news-page .news-slide .list ul li .detail .desc { max-height: 60px; line-height: 20px; color: #666; overflow: hidden; }
.news-page .news-slide .list ul li .detail .seemore { position: relative; float: left; height: 20px; line-height: 20px; padding-right: 10px; margin-top: 3px; }
.news-page .news-slide .list ul li .detail .seemore:after { position: absolute; top: 8px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.news-page .news-slide .list ul li .detail .seemore:hover:after { color: #f4811f; }
.news-page .news-slide .nav { position: absolute; right: 15px; bottom: 30px; float: left; }
.news-page .news-slide .nav ul { float: left; }
.news-page .news-slide .nav ul li { background: #ccc; float: left; width: 14px; height: 14px; margin-left: 10px; text-indent: -9999px; cursor: pointer; }
.news-page .news-slide .nav ul li.active { background: #f4811f; }
.news-page .newslist { margin-top: 15px; }
.news-page .newslist > ul { margin-bottom: 15px; }
.news-page .newslist > ul li { float: left; width: 100%; padding-bottom: 11px; margin-bottom: 15px; border-bottom: 1px dotted #ededed; }
.news-page .newslist > ul li .pic { float: left; width: 220px; }
.news-page .newslist > ul li .pic a { display: block; }
.news-page .newslist > ul li .pic a img { display: block; width: 100%; height: auto; }
.news-page .newslist > ul li .detail { min-height: 122px; margin-left: 240px; }
.news-page .newslist > ul li .detail h3 a { display: block; line-height: 16px; color: #333; font-size: 14px; }
.news-page .newslist > ul li .detail h3 a:hover { color: #f4811f; }
.news-page .newslist > ul li .detail .date { margin: 3px 0 7px; color: #666; }
.news-page .newslist > ul li .detail .date a { color: #f4811f; }
.news-page .newslist > ul li .detail .date a:hover { color: #ff8e2e; }
.news-page .newslist > ul li .detail .desc { max-height: 60px; line-height: 20px; color: #666; overflow: hidden; }
.news-page .newslist > ul li .detail .seemore { position: relative; display: inline-block; height: 20px; line-height: 20px; padding-right: 10px; margin-top: 3px; }
.news-page .newslist > ul li .detail .seemore:after { position: absolute; top: 8px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.news-page .newslist > ul li .detail .seemore:hover:after { color: #f4811f; }
.news-page .newslist > ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.news-page .newslist .page-list { margin-top: 40px; text-align: center; }

.news-list-page { float: left; width: 100%; }
.news-list-page .newslist { background: #fff; padding: 15px; margin: 0; }

.news-detail { background: #fff; float: left; width: 100%; }
.news-detail .detail-box { padding: 25px 30px; }
.news-detail .detail-box .title-block { border-bottom: 1px solid #e5e5e5; }
.news-detail .detail-box .title-block .left-title { float: left; max-width: 655px; }
@media (max-width: 1400px) { .news-detail .detail-box .title-block .left-title { max-width: 445px; } }
.news-detail .detail-box .title-block .left-title h2 a { display: block; line-height: normal; color: #333; font-size: 18px; }
.news-detail .detail-box .title-block .left-title h2 a:hover { color: #f4811f; }
.news-detail .detail-box .title-block .left-title .date { margin: 5px 0 7px; color: #666; font-size: 14px; }
.news-detail .detail-box .title-block .left-title .date a { color: #f4811f; }
.news-detail .detail-box .title-block .left-title .date a:hover { color: #ff8e2e; }
.news-detail .detail-box .title-block .right-title { float: right; margin-top: 17px; }
.news-detail .detail-box .title-block .right-title .like-fb, .news-detail .detail-box .title-block .right-title .like-gg { float: left; }
.news-detail .detail-box .title-block .right-title .like-fb { margin-right: 17px; }
.news-detail .detail-box .title-block .right-title .like-gg { width: 60px !important; }
.news-detail .detail-box .txt-content { line-height: 22px; padding: 15px 0 0; font-size: 14px; }
.news-detail .detail-box .txt-content strong { font-weight: bold; }
.news-detail .detail-box .txt-content h2, .news-detail .detail-box .txt-content h3, .news-detail .detail-box .txt-content h4, .news-detail .detail-box .txt-content h5 { margin-bottom: 7px; font-size: 15px; }
.news-detail .detail-box .txt-content p, .news-detail .detail-box .txt-content div { margin-bottom: 5px; }
.news-detail .detail-box .txt-content img { max-width: 100%; height: auto; }
.news-detail .detail-box .txt-content table td { padding: 5px 10px; border: 1px solid #e5e5e5; }
.news-detail .detail-box .txt-content ul li { list-style: circle; margin-left: 19px; margin-bottom: 5px; }
.news-detail .detail-box .related-news { margin-top: 40px; margin-bottom: 5px; }
.news-detail .detail-box .related-news h3 { background: #f8f8f8; height: 37px; padding: 14px 0 0 14px; margin-bottom: 6px; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; }
.news-detail .detail-box .related-news ul { padding: 0 15px; }
.news-detail .detail-box .related-news ul li { border-bottom: 1px dotted #eee; }
.news-detail .detail-box .related-news ul li a { position: relative; display: block; line-height: 18px; padding: 9px 0 11px 16px; color: #333; }
.news-detail .detail-box .related-news ul li a .date { color: #666; }
.news-detail .detail-box .related-news ul li a:before { position: absolute; top: 16px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.news-detail .detail-box .related-news ul li a:hover, .news-detail .detail-box .related-news ul li a:hover:before, .news-detail .detail-box .related-news ul li a:hover .date { color: #f4811f; }
.news-detail .detail-box .related-news ul li:last-child { border-bottom: 0; }
.news-detail .detail-box .comment-block { float: none; padding: 7px 0 0; }
.news-detail .detail-box .comment-block .tab-content { padding-top: 20px; }

.tag-page .title { background: #f8f8f8; height: 52px; line-height: 52px; padding-left: 15px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #f2f2f2; }
.tag-page .title span, .tag-page .title strong { color: #1d6d8f; }
.tag-page .topblock { background: #fff; padding: 15px; margin-bottom: 15px; }
.tag-page .topblock .pic { float: left; width: 270px; }
.tag-page .topblock .pic img { display: block; width: 100%; height: auto; }
.tag-page .topblock .detail { margin-left: 290px; }
.tag-page .topblock .detail h3 { font-size: 15px; }
.tag-page .topblock .detail .topic-row { float: left; padding: 11px 0 13px; font-size: 12px; border-bottom: 1px dotted #b6b6b6; }
.tag-page .topblock .detail .topic-row .topic, .tag-page .topblock .detail .topic-row .users { float: left; }
.tag-page .topblock .detail .topic-row .topic span, .tag-page .topblock .detail .topic-row .users span { color: #666; }
.tag-page .topblock .detail .topic-row .topic { margin-right: 17px; }
.tag-page .topblock .detail .topic-row .topic a { color: #333; }
.tag-page .topblock .detail .topic-row .topic a:hover { color: #f4811f; }
.tag-page .topblock .detail .desc { float: left; width: 100%; max-height: 40px; line-height: 20px; margin: 10px 0 5px; color: #666; overflow: hidden; }
.tag-page .topblock .detail .playing-game { float: left; width: 100%; margin-top: 10px; }
.tag-page .topblock .detail .playing-game .choose-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 30px 0 15px; margin-right: 10px; color: #666; font-size: 13px; font-weight: normal; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .tag-page .topblock .detail .playing-game .choose-btn { height: 28px; line-height: 26px; padding-left: 8px; } }
.tag-page .topblock .detail .playing-game .choose-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #999; }
@media (max-width: 1400px) { .tag-page .topblock .detail .playing-game .choose-btn:after { top: 11px; } }
.tag-page .topblock .detail .playing-game .choose-btn:hover { color: #f4811f; }
.tag-page .topblock .detail .playing-game .choose-btn:hover:after { border-color: transparent transparent transparent #f4811f; }
.tag-page .topblock .detail .playing-game .play-btn { position: relative; float: left; width: 115px; height: 32px; line-height: 30px; padding-left: 15px; color: #f4811f; font-size: 14px; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .tag-page .topblock .detail .playing-game .play-btn { width: 100px; height: 28px; line-height: 26px; padding-left: 8px; } }
.tag-page .topblock .detail .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.tag-page .topblock .detail .playing-game .play-btn:after { position: absolute; top: 10px; right: 12px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .tag-page .topblock .detail .playing-game .play-btn:after { top: 8px; right: 6px; } }
.tag-page .type-game-content { padding-bottom: 5px; }

.result-page .title { background: #f8f8f8; height: 52px; line-height: 52px; padding-left: 15px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #f2f2f2; }
.result-page .title span { color: #1d6d8f; font-weight: bold; }
.result-page .topblock { background: #fff; padding: 15px; margin-bottom: 15px; }
.result-page .topblock ul li { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ebebeb; }
.result-page .topblock ul li .pic { float: left; width: 270px; }
.result-page .topblock ul li .pic img { display: block; width: 100%; height: auto; }
.result-page .topblock ul li .detail { margin-left: 290px; }
.result-page .topblock ul li .detail h3 { font-size: 15px; }
.result-page .topblock ul li .detail .topic-row { float: left; padding: 11px 0 13px; font-size: 12px; border-bottom: 1px dotted #b6b6b6; }
.result-page .topblock ul li .detail .topic-row .topic, .result-page .topblock ul li .detail .topic-row .users { float: left; }
.result-page .topblock ul li .detail .topic-row .topic span, .result-page .topblock ul li .detail .topic-row .users span { color: #666; }
.result-page .topblock ul li .detail .topic-row .topic { margin-right: 17px; }
.result-page .topblock ul li .detail .topic-row .topic a { color: #333; }
.result-page .topblock ul li .detail .topic-row .topic a:hover { color: #f4811f; }
.result-page .topblock ul li .detail .topic-row .users { position: relative; padding-left: 22px; }
.result-page .topblock ul li .detail .topic-row .users:before { position: absolute; top: 0; left: 0; content: "\6c"; color: #999; font-size: 14px; }
.result-page .topblock ul li .detail .desc { float: left; width: 100%; max-height: 40px; line-height: 20px; margin: 10px 0 5px; color: #666; overflow: hidden; }
.result-page .topblock ul li .detail .playing-game { float: left; width: 100%; margin-top: 10px; }
.result-page .topblock ul li .detail .playing-game .choose-btn { position: relative; float: left; height: 32px; line-height: 30px; padding: 0 30px 0 15px; margin-right: 10px; color: #666; font-size: 13px; font-weight: normal; border: 1px solid #efefef; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .result-page .topblock ul li .detail .playing-game .choose-btn { height: 28px; line-height: 26px; padding-left: 8px; } }
.result-page .topblock ul li .detail .playing-game .choose-btn:after { content: ""; position: absolute; top: 13px; right: 15px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #999; }
@media (max-width: 1400px) { .result-page .topblock ul li .detail .playing-game .choose-btn:after { top: 12px; } }
.result-page .topblock ul li .detail .playing-game .choose-btn:hover { color: #f4811f; }
.result-page .topblock ul li .detail .playing-game .choose-btn:hover:after { border-color: transparent transparent transparent #f4811f; }
.result-page .topblock ul li .detail .playing-game .play-btn { position: relative; float: left; width: 115px; height: 32px; line-height: 30px; padding-left: 15px; color: #f4811f; font-size: 14px; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
@media (max-width: 1400px) { .result-page .topblock ul li .detail .playing-game .play-btn { width: 100px; height: 28px; line-height: 26px; padding-left: 8px; } }
.result-page .topblock ul li .detail .playing-game .play-btn:hover { background: #ff8e2e; color: #fff; border-color: #ff8e2e; }
.result-page .topblock ul li .detail .playing-game .play-btn:after { position: absolute; top: 10px; right: 12px; content: "\6e"; font-size: 10px; }
@media (max-width: 1400px) { .result-page .topblock ul li .detail .playing-game .play-btn:after { top: 8px; right: 6px; } }
.result-page .topblock ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.result-page .notfound { background: #fff; padding: 15px; margin-bottom: 15px; text-align: center; }
.result-page .notfound .wrap { background: url(../images/boring_face.png) 0 19px no-repeat; display: inline-block; min-height: 170px; width: 650px; padding: 19px 0 28px 215px; text-align: left; }
.result-page .notfound .wrap .txt1 { margin: 13px 0 21px; font-size: 18px; }
.result-page .notfound .wrap .txt1 span { color: #1d6d8f; }
.result-page .notfound .wrap h3 { line-height: 24px; }
.result-page .notfound .wrap ul li { position: relative; line-height: 24px; padding-left: 17px; }
.result-page .notfound .wrap ul li:before { position: absolute; top: 11px; left: 3px; content: ""; background: #999; float: left; width: 4px; height: 4px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.acc-page .acc-info { position: relative; background: #fff; min-height: 170px; margin-bottom: 15px; }
.acc-page .acc-info .btns { position: absolute; top: 33px; right: 30px; z-index: 3; }
.acc-page .acc-info .btns a { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.acc-page .acc-info .ct { position: absolute; top: 0; left: 0; z-index: 2; float: left; width: 100%; }
.acc-page .acc-info .ct .lside { float: left; width: 150px; }
.acc-page .acc-info .ct .lside .avatar { background: #fff; float: left; width: 100px; height: 100px; padding: 4px; margin: 30px 0 0 30px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.acc-page .acc-info .ct .lside .avatar img { display: block; width: 92px; height: 92px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.acc-page .acc-info .ct .rside { margin-left: 150px; }
.acc-page .acc-info .ct .rside .wrap { float: left; width: 100%; padding: 34px 0 0; }
.acc-page .acc-info .ct .rside .name { margin-bottom: 14px; color: #fff; font-size: 18px; }
.acc-page .acc-info .ct .rside .level { margin-bottom: 33px; }
.acc-page .acc-info .ct .rside .level .lv { float: left; width: 55px; height: 18px; margin-right: 18px; }
.acc-page .acc-info .ct .rside .level .percent { background: #f0f0f0; float: left; width: 156px; height: 10px; margin: 6px 6px 0 0; border: 2px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
.acc-page .acc-info .ct .rside .level .percent span { background: #f4811f; float: left; height: 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.acc-page .acc-info .ct .rside .level .num { float: left; margin-top: 4px; color: #fff; font-size: 14px; }
.acc-page .acc-info .ct .rside .level .num span { color: #fff200; font-weight: bold; }
.acc-page .acc-info .ct .rside .detail .ldt { float: left; }
.acc-page .acc-info .ct .rside .detail .ldt li { float: left; padding-right: 26px; margin-right: 25px; border-right: 1px dotted #bababa; }
@media (max-width: 1400px) { .acc-page .acc-info .ct .rside .detail .ldt li { padding-right: 21px; margin-right: 20px; } }
.acc-page .acc-info .ct .rside .detail .ldt li:last-child { padding: 0; margin: 0; border: 0; }
.acc-page .acc-info .ct .rside .detail .ldt li .score, .acc-page .acc-info .ct .rside .detail .ldt li .lvl { margin-bottom: 11px; color: #666; }
.acc-page .acc-info .ct .rside .detail .ldt li .score .num, .acc-page .acc-info .ct .rside .detail .ldt li .lvl .num { color: #f4811f; font-size: 15px; font-weight: bold; }
.acc-page .acc-info .ct .rside .detail .ldt li .dong360 { margin-top: -5px; }
.acc-page .acc-info .ct .rside .detail .ldt li .dong360 .coin { position: relative; top: 1px; }
.acc-page .acc-info .ct .rside .detail .ldt li .lnk { position: relative; padding-right: 8px; font-size: 12px; }
.acc-page .acc-info .ct .rside .detail .ldt li .lnk:after { position: absolute; top: 7px; right: 0; content: "\6b"; font-size: 5px; }
.acc-page .acc-info .ct .rside .detail .rdt { float: right; margin: 1px 30px 0 0; }
.acc-page .acc-info .ct .rside .detail .rdt li { float: left; margin-right: 10px; }
.acc-page .acc-info .ct .rside .detail .rdt li:last-child { margin-right: 0; }
.acc-page .acc-info .ct .rside .detail .rdt li .acc-btn { position: relative; display: block; background: #f4811f; height: 32px; line-height: 32px; padding: 0 15px 0 36px; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.acc-page .acc-info .ct .rside .detail .rdt li .acc-btn:hover { background: #ff8e2e; color: #fff; }
.acc-page .acc-info .ct .rside .detail .rdt li .acc-btn:before { position: absolute; top: 8px; left: 10px; content: "\63"; color: #fff; font-size: 18px; }
.acc-page .acc-info .ct .rside .detail .rdt li .card-btn { position: relative; display: block; background: #009ddc; height: 32px; line-height: 32px; padding: 0 15px 0 38px; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.acc-page .acc-info .ct .rside .detail .rdt li .card-btn:hover { background: #03a7e9; color: #fff; }
.acc-page .acc-info .ct .rside .detail .rdt li .card-btn:before { position: absolute; top: 7px; left: 10px; content: "\44"; color: #fff; font-size: 20px; }
.acc-page .acc-info .bg { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100px; }
.acc-page .notify { background: #fff; padding: 20px 0 27px; font-size: 18px; text-align: center; }
.acc-page .acc-play-game { background: #398bae url(../images/acc_ct_bg.jpg) no-repeat; }
.acc-page .acc-play-game .lside { float: left; width: 250px; color: #fff; }
.acc-page .acc-play-game .lside a { color: #fff; }
.acc-page .acc-play-game .lside .lmenu { margin-top: 7px; }
.acc-page .acc-play-game .lside .lmenu li a { display: block; height: 50px; line-height: 49px; margin: 0 25px; font-size: 14px; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid #74adc6; }
.acc-page .acc-play-game .lside .lmenu li a .num { display: inline-block; position: relative; top: -2px; left: 5px; background: #ff2a00; width: 18px; height: 18px; line-height: 18px; font-size: 11px; text-align: center; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.acc-page .acc-play-game .lside .lmenu li.active a { position: relative; background: #fff; margin: -1px 0 0 6px; padding-left: 19px; color: #1d6d8f; font-weight: bold; border-bottom-color: #2e80a4; border-top: 1px solid #2e80a4; border-left: 1px solid #2e80a4; }
.acc-page .acc-play-game .lside .lmenu li.active a:after { content: ""; position: absolute; top: 0; right: -1px; background: #fff; float: left; width: 1px; height: 100%; }
.acc-page .acc-play-game .lside .lmenu li.active a .num { color: #fff; }
.acc-page .acc-play-game .lside h3 { margin: 15px 25px 14px; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.acc-page .acc-play-game .lside .list li { position: relative; line-height: 19px; margin: 0 25px 10px; padding-left: 15px; }
.acc-page .acc-play-game .lside .list li:before { content: "\71"; position: absolute; top: 7px; left: 0; color: #fff; font-size: 5px; }
.acc-page .acc-play-game .lside .list li a strong { color: #fcff00; font-weight: bold; }
.acc-page .acc-play-game .lside .list li a .hot { position: relative; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 7px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.acc-page .acc-play-game .lside .list li a .hot:before, .acc-page .acc-play-game .lside .list li a .hot:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.acc-page .acc-play-game .lside .list li a .hot:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.acc-page .acc-play-game .lside .list li a .hot:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.acc-page .acc-play-game .rside { margin-left: 250px; }
.acc-page .acc-play-game .rside > .wrap { background: #fff; float: left; width: 100%; min-height: 550px; margin-top: 6px; padding: 30px 30px 0 30px; border-left: 1px solid #2e80a4; border-top: 1px solid #2e80a4; }
.acc-page .acc-play-game .rside .message-page .toggle-list { padding: 30px 0 20px; }
.acc-page .acc-play-game .rside .list-game-played { margin-right: -16px; margin-bottom: 50px; }
.acc-page .acc-play-game .rside .list-game-played > li { float: left; width: 33.333%; padding: 0 16px 15px 0; margin-bottom: 15px; }
.acc-page .acc-play-game .rside .list-game-played > li:nth-child(3n+1) { clear: both; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox { float: left; width: 100%; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .pic { position: relative; width: 270px; height: 145px; }
@media (max-width: 1400px) { .acc-page .acc-play-game .rside .list-game-played > li .lbox .pic { width: 200px; height: 100px; } }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail .dbox { position: relative; float: left; width: 100%; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail h3 { padding: 12px 0 17px; border-bottom: 1px dotted #d2d1d1; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail h3 a { line-height: 16px; color: #333; font-size: 15px; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail h3 a:hover { color: #f4811f; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail .server-lb { margin: 9px 0; color: #666; font-size: 12px; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail ul { float: left; width: 100%; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail ul li { float: left; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail ul li a { display: block; height: 28px; line-height: 26px; padding: 0 9px; margin: 0 5px 5px 0; color: #666; border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.acc-page .acc-play-game .rside .list-game-played > li .lbox .detail ul li a:hover { background: #f4811f; color: #fff; border-color: #f4811f; }
.acc-page .acc-play-game .rside .list-game-played > li .lb { display: none; position: absolute; top: 0; right: 0; z-index: 2; float: left; width: 40px; height: 23px; line-height: 23px; color: #fff; text-transform: uppercase; text-align: center; }
.acc-page .acc-play-game .rside .list-game-played > li.hot .lb { display: block; background: #ff2a00; }
.acc-page .acc-play-game .rside .list-game-played > li.hot .lb:before { content: "hot"; }
.acc-page .acc-play-game .rside .list-game-played > li.new .lb { display: block; background: #0bc377; }
.acc-page .acc-play-game .rside .list-game-played > li.new .lb:before { content: "new"; }
.acc-page .acc-play-game .rside .great-web-game .list-item-s2 ul li { width: 33.333%; }
@media (max-width: 1400px) { .acc-page .acc-play-game .rside .great-web-game .list-item-s2 ul li .playing-game .play-btn { width: 85px; font-size: 11px; }
  .acc-page .acc-play-game .rside .great-web-game .list-item-s2 ul li .playing-game .play-btn:after { top: 9px; font-size: 7px; }
  .acc-page .acc-play-game .rside .great-web-game .list-item-s2 ul li .playing-game .choose-btn { padding: 0 25px 0 8px; }
  .acc-page .acc-play-game .rside .great-web-game .list-item-s2 ul li .playing-game .choose-btn:after { right: 9px; } }
.acc-page .acc-play-game .rside .great-web-game .loadmore { height: 90px; margin: 0 -15px; padding: 18px 0 0; text-align: center; }
.acc-page .acc-play-game .rside .great-web-game .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.acc-page .acc-play-game .rside .great-web-game .loadmore a:hover { background: #f4811f; color: #fff; }
.acc-page .acc-play-game .rside .point-history .top-view { padding: 0; }
.acc-page .acc-play-game .rside .point-history .top-view .tvrow:first-child { padding-top: 0; }
.acc-page .acc-play-game .rside .point-history .point-his-list { padding: 15px 0; }
.acc-page .acc-play-game .rside .vip-page { padding: 0 0 30px; }
.acc-page .acc-play-game .rside .vip-page img { width: 100%; }
.acc-page .acc-play-game .rside .vip-page h3 { margin: 20px 0 7px; font-size: 15px; }
.acc-page .acc-play-game .rside .vip-page ul li { position: relative; display: block; line-height: 18px; padding: 3px 0 3px 12px; color: #333; }
.acc-page .acc-play-game .rside .vip-page ul li:before { position: absolute; top: 10px; left: 0; content: "\6e"; color: #9f9f9f; font-size: 5px; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li { width: 50%; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li a, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li a { background: none; height: 44px; line-height: 44px; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li a .num, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li a .num { top: -7px; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li.active, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li.active { border-top: 1px solid #e5e5e5; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li.active a, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li.active a { line-height: 43px; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li:first-child.active, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li:first-child.active { border-left: 1px solid #e5e5e5; }
.acc-page .acc-play-game .rside .message-page .tabs-block .tab-menu li:last-child.active, .acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li:last-child.active { border-right: 1px solid #e5e5e5; }
.acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li a .ico:before { left: 3px; font-size: 22px; }
.acc-page .acc-play-game .rside .support-block .tabs-block .tab-menu li a .ico span { height: 1px; }
.acc-page .acc-play-game .rside .support-block .mail-box { padding: 20px 32px 40px; }
@media (max-width: 1400px) { .acc-page .acc-play-game .rside .support-block .mail-box { padding: 10px 2px 30px; } }

.rollcall-btn { position: relative; display: inline-block; background: #0bc377; height: 32px; line-height: 32px; padding: 0 15px 0 36px; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rollcall-btn:hover { background: #0dd683; color: #fff; }
.rollcall-btn:before { position: absolute; top: 8px; left: 10px; content: "\45"; color: #fff; font-size: 18px; }

.login-page { background: #fff; }
.login-page .container { max-width: 940px; min-width: 940px; }

.header-s2 .logo { float: left; width: 265px; padding: 48px 0 32px; }
.header-s2 .logo span { display: block; padding: 2px 0 0 12px; color: #666; font-size: 12px; font-weight: normal; }
.header-s2 .mainmenu { float: right; margin-top: 104px; }
.header-s2 .mainmenu ul li { position: relative; float: left; margin-right: 34px; }
.header-s2 .mainmenu ul li:after { position: absolute; right: -17px; top: 3px; content: ""; background: #e5e5e5; float: left; width: 1px; height: 11px; }
.header-s2 .mainmenu ul li a { color: #333; font-size: 15px; }
.header-s2 .mainmenu ul li a:hover { color: #f4811f; }
.header-s2 .mainmenu ul li:last-child { margin-right: 0; }
.header-s2 .mainmenu ul li:last-child:after { display: none; }

.footer-s2 { min-height: 87px; line-height: 19px; padding: 27px 0 30px; color: #666; font-size: 12px; }
.footer-s2 a { color: #666; }
.footer-s2 .left { float: left; width: 570px; }
.footer-s2 .left .contact { margin: 15px 0 0; }
.footer-s2 .left .contact .foot-menu { float: left; width: 100%; }
.footer-s2 .left .contact .foot-menu li { position: relative; float: left; margin-right: 23px; }
.footer-s2 .left .contact .foot-menu li:after { position: absolute; right: -11px; top: 5px; content: ""; background: #888; float: left; width: 1px; height: 9px; }
.footer-s2 .left .contact .foot-menu li span { font-size: 15px; font-weight: bold; }
.footer-s2 .left .contact .foot-menu li:last-child:after { display: none; }
.footer-s2 .right { position: relative; float: right; line-height: 61px; padding: 0 50px 0 0; margin-top: 14px; }
.footer-s2 .right:after { position: absolute; top: 0; right: 0; content: ""; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -117px 0; float: left; width: 44px; height: 61px; }

.login-block { background: #b9ebff url(../images/login_bg.jpg) center bottom no-repeat; min-height: 480px; }
.login-block .lgbox { background: #fff; float: right; width: 360px; margin: 70px 0 0; padding: 0 30px 20px; }
.login-block .lgbox h2 { height: 30px; line-height: 30px; margin: 10px 0 12px; font-size: 15px; text-transform: uppercase; }
.login-block .lgbox .frm { position: relative; }
.login-block .lgbox .frm:before { position: absolute; color: #888; }
.login-block .lgbox .frm:after { position: absolute; top: 10px; left: 40px; content: ""; background: #e9e9e9; float: left; width: 1px; height: 18px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.login-block .lgbox .frm input { width: 100%; height: 38px; padding: 7px 10px 7px 55px; font-size: 12px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login-block .lgbox .frm.username { margin-bottom: 10px; }
.login-block .lgbox .frm.username:before { top: 12px; left: 10px; content: "\63"; font-size: 16px; }
.login-block .lgbox .frm.pass { margin-bottom: 5px; }
.login-block .lgbox .frm.pass:before { top: 11px; left: 10px; content: "\66"; font-size: 17px; }
.login-block .lgbox .memo-row { margin-bottom: 18px; font-size: 12px; }
.login-block .lgbox .memo-row .memorize { float: left; }
.login-block .lgbox .memo-row .forgot-pass { float: right; padding-top: 5px; }
.login-block .lgbox .login-btn { margin-bottom: 15px; }
.login-block .lgbox .login-btn a { display: block; background: #f4811f; height: 32px; line-height: 32px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login-block .lgbox .login-btn a:hover { background: #ff8e2e; }
.login-block .lgbox .no-account { color: #666; text-align: center; }
.login-block .lgbox .or { width: 250px; height: 10px; margin: 12px auto 17px; text-align: center; border-bottom: 1px dotted #a9a9a9; }
.login-block .lgbox .or span { display: inline-block; position: relative; bottom: 3px; background: #fff; height: 22px; line-height: 22px; padding: 0 5px; color: #999; font-size: 12px; }
.login-block .lgbox .social-list { height: 42px; text-align: center; }
.login-block .lgbox .social-list ul { display: inline-block; }
.login-block .lgbox .social-list ul li { float: left; margin: 0 5px; }
.login-block .lgbox .social-list ul li a { position: relative; display: block; width: 32px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.login-block .lgbox .social-list ul li a:before { position: absolute; color: #fff; }
.login-block .lgbox .social-list ul li.fb a { background: #45619d; }
.login-block .lgbox .social-list ul li.fb a:before { content: "\69"; top: 8px; left: 7px; font-size: 18px; }
.login-block .lgbox .social-list ul li.fb a:hover { background: #5476be; }
.login-block .lgbox .social-list ul li.gg a { background: #ea4335; }
.login-block .lgbox .social-list ul li.gg a:before { content: "\78"; top: 9px; left: 8px; font-size: 16px; }
.login-block .lgbox .social-list ul li.gg a:hover { background: #fb4e40; }
.login-block .lgbox .social-list ul li.yh a { background: #543f97; }
.login-block .lgbox .social-list ul li.yh a:before { content: "\6a"; top: 9px; left: 8px; font-size: 16px; }
.login-block .lgbox .social-list ul li.yh a:hover { background: #6950ba; }
.login-block .lgbox .bottom-list { display: none !important; }

.support-block { background: #fff; float: left; width: 100%; }
.support-block .tabs-block .tab-menu { height: auto; border: 0; }
.support-block .tabs-block .tab-menu li { width: 50%; height: auto; margin: 0; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.support-block .tabs-block .tab-menu li:after { display: none; }
.support-block .tabs-block .tab-menu li a { background: #f8f8f8; height: 72px; line-height: 72px; color: #666; font-size: 15px; font-weight: bold; box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); }
.support-block .tabs-block .tab-menu li a .ico { position: relative; top: 8px; display: inline-block; width: 30px; height: 29px; }
.support-block .tabs-block .tab-menu li a .ico span { display: block; background: #999; height: 2px; margin-bottom: 1px; }
.support-block .tabs-block .tab-menu li a .ico span.line1 { width: 11px; }
.support-block .tabs-block .tab-menu li a .ico span.line2 { width: 8px; }
.support-block .tabs-block .tab-menu li a .ico span.line3 { width: 6px; margin-bottom: 15px; }
.support-block .tabs-block .tab-menu li a .ico span.line4 { width: 5px; }
.support-block .tabs-block .tab-menu li a .ico:before { position: absolute; top: 0; left: 1px; content: "\77"; -ms-transform: rotate(-46deg); -webkit-transform: rotate(-46deg); transform: rotate(-46deg); color: #999; font-size: 28px; }
.support-block .tabs-block .tab-menu li:last-child { border-right: 0; }
.support-block .tabs-block .tab-menu li.active { border-bottom-color: #fff; }
.support-block .tabs-block .tab-menu li.active a { background: #fff; color: #333; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.support-block .tabs-block .tab-menu li.active a .ico span { background: #1d6d8f; }
.support-block .tabs-block .tab-menu li.active a .ico:before { color: #1d6d8f; }
.support-block .mail-box { padding: 50px 60px; }
@media (max-width: 1400px) { .support-block .mail-box { padding: 30px; }
  .support-block .mail-box iframe { width: 635px !important; } }
.support-block .mail-box .choose-game { margin-right: 10px; margin-bottom: 30px; text-align: center; }
@media (max-width: 1400px) { .support-block .mail-box .choose-game { margin-right: 0; } }
.support-block .mail-box .choose-game .wrap { display: inline-block; }
.support-block .mail-box .choose-game .wrap .lb { float: left; height: 38px; line-height: 38px; margin-right: 20px; font-weight: bold; }
.support-block .mail-box .choose-game .wrap .choose-select { float: left; width: 350px; height: 38px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.support-block .mail-box .choose-game .wrap .choose-select select { background: none; width: 340px; height: 36px; padding: 0 10px; border: 0; }

.server-page { float: left; width: 100%; }
.server-page .title { background: #f8f8f8; height: 52px; line-height: 51px; padding: 0 15px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #f2f2f2; }
.server-page .server-list { background: #fff; padding: 15px; margin-bottom: 15px; }
.server-page .server-list .list { border: 1px solid #e5e5e5; }
.server-page .server-list .list li { display: table; float: left; width: 100%; border-bottom: 1px dotted #eaeaea; }
.server-page .server-list .list li .game, .server-page .server-list .list li .server, .server-page .server-list .list li .date, .server-page .server-list .list li .action { display: table-cell; width: 20%; padding: 10px; text-align: center; vertical-align: middle; border-right: 1px solid #e5e5e5; }
.server-page .server-list .list li .game { width: 40%; text-align: left; }
.server-page .server-list .list li .game .pic { float: left; width: 50px; height: 50px; margin-right: 15px; }
.server-page .server-list .list li .game .pic img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.server-page .server-list .list li .game h3 { display: table-cell; height: 50px; vertical-align: middle; }
.server-page .server-list .list li .game h3 a { line-height: 16px; color: #333; font-weight: normal; }
.server-page .server-list .list li .game h3 a:hover { color: #f4811f; }
.server-page .server-list .list li .game h3 .hot { position: relative; top: -1px; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 3px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.server-page .server-list .list li .game h3 .hot:before, .server-page .server-list .list li .game h3 .hot:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.server-page .server-list .list li .game h3 .hot:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.server-page .server-list .list li .game h3 .hot:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.server-page .server-list .list li .server { color: #f4811f; }
.server-page .server-list .list li .date span { color: #1d6d8f; }
.server-page .server-list .list li .action { border-right: 0; }
.server-page .server-list .list li .action .play-btn { display: inline-block; width: 115px; height: 32px; line-height: 30px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.server-page .server-list .list li .action .play-btn:hover { background: #f4811f; color: #fff; }
.server-page .server-list .list li:last-child { border-bottom: 0; }
.server-page .server-list .page-list { margin: 30px 0 0; text-align: center; }

.code-block-leftside { background: #fff; padding: 7px 15px 7px; }
.code-block-leftside .tabs-block .tab-menu li a { font-size: 15px; font-weight: bold; }
.code-block-leftside .list ul { margin-top: 15px; }
.code-block-leftside .list ul li { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ececec; }
.code-block-leftside .list ul li .pic { float: left; width: 50px; height: 50px; }
.code-block-leftside .list ul li .pic a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-block-leftside .list ul li .detail { position: relative; min-height: 50px; margin-left: 60px; }
.code-block-leftside .list ul li .detail h3 a { display: block; line-height: 16px; color: #333; font-weight: normal; }
.code-block-leftside .list ul li .detail h3 a:hover { color: #f4811f; }
.code-block-leftside .list ul li .detail .get-btn { position: absolute; bottom: 0; background: #f4811f; float: left; height: 22px; line-height: 22px; padding: 0 10px; color: #fff; font-size: 11px; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-block-leftside .list ul li .detail .get-btn:hover { background: #ff8e2e; }
.code-block-leftside .list ul li:last-child { margin-bottom: 0; }
.code-block-leftside .list .see-all { height: 35px; padding-top: 5px; text-align: right; }
.code-block-leftside .list .see-all .see-all-lnk { position: relative; float: right; height: 30px; line-height: 30px; padding-right: 15px; }
.code-block-leftside .list .see-all .see-all-lnk:after { position: absolute; top: 13px; right: 0; content: "\6b"; color: #1d6d8f; font-size: 6px; }
.code-block-leftside .list .see-all .see-all-lnk:hover:after { color: #f4811f; }

.code-page { float: left; width: 100%; }
.code-page .notify { position: relative; height: 40px; line-height: 32px; padding: 0 0 0 47px; }
.code-page .notify:before { content: ""; position: absolute; top: 4px; left: 6px; background: url(../images/img_sprt_1.3.png) no-repeat; background-position: -117px -137px; float: left; width: 36px; height: 25px; }
.code-page .notify a { color: #333; }
.code-page .notify a:hover { color: #1d6d8f; }
.code-page .notify .hot, .code-page .notify .new { position: relative; display: inline-block; background: #ff2a00; width: 28px; height: 16px; line-height: 16px; margin-left: 5px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-page .notify .hot:before, .code-page .notify .hot:after, .code-page .notify .new:before, .code-page .notify .new:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.code-page .notify .hot:before, .code-page .notify .new:before { top: 0; border-width: 8px 5px 0 5px; border-color: #ff2a00 transparent transparent transparent; }
.code-page .notify .hot:after, .code-page .notify .new:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #ff2a00 transparent; }
.code-page .notify .new { background: #0bc377; }
.code-page .notify .new:before { border-color: #0bc377 transparent transparent transparent; }
.code-page .notify .new:after { border-color: transparent transparent #0bc377 transparent; }
.code-page .tabs-block { margin-bottom: 15px; }
.code-page .tabs-block .tab-menu { height: auto; border: 0; }
.code-page .tabs-block .tab-menu li { width: 33.333%; height: auto; margin: 0; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.code-page .tabs-block .tab-menu li:after { display: none; }
.code-page .tabs-block .tab-menu li .new { position: relative; top: -3px; display: inline-block; background: #0bc377; width: 28px; height: 16px; line-height: 16px; margin-left: 5px; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-page .tabs-block .tab-menu li .new:before, .code-page .tabs-block .tab-menu li .new:after { position: absolute; right: -5px; content: ""; width: 0; height: 0; border-style: solid; }
.code-page .tabs-block .tab-menu li .new:before { top: 0; border-width: 8px 5px 0 5px; border-color: #0bc377 transparent transparent transparent; }
.code-page .tabs-block .tab-menu li .new:after { bottom: 0; border-width: 0 5px 8px 5px; border-color: transparent transparent #0bc377 transparent; }
.code-page .tabs-block .tab-menu li a { background: #f8f8f8; height: 72px; line-height: 72px; color: #666; font-size: 15px; font-weight: bold; box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); }
.code-page .tabs-block .tab-menu li a:before { position: relative; top: 4px; margin-right: 3px; content: "\79"; color: #acacac; font-size: 24px; }
.code-page .tabs-block .tab-menu li:last-child { border-right: 0; }
.code-page .tabs-block .tab-menu li.active { border-bottom-color: #fff; }
.code-page .tabs-block .tab-menu li.active a { background: #fff; color: #333; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.code-page .tabs-block .tab-menu li.active a:before { color: #1d6d8f; }
.code-page .tabs-block .tab-content > li { background: #fff; }
.code-page .code-vip-block { padding: 0 15px; text-align: center; }
.code-page .code-vip-block .search-code { display: inline-block; margin: 50px 0 30px; text-align: left; }
.code-page .code-vip-block .search-code .lb { float: left; line-height: 38px; margin-right: 20px; }
.code-page .code-vip-block .search-code .search-input { position: relative; float: left; width: 290px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.code-page .code-vip-block .search-code .search-input input { background: none; width: 100%; height: 36px; line-height: 16px; padding: 10px 20px; border: 0; }
.code-page .code-vip-block .search-code .search-input .suggestion-box { top: 39px; width: 290px; }
.code-page .code-vip-block .search-code .sbtn { position: relative; background: #e5e5e5; float: left; width: 41px; height: 38px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.code-page .code-vip-block .search-code .sbtn input { position: absolute; top: 0; left: 0; z-index: 2; background: none; float: left; width: 100%; height: 100%; border: 0; }
.code-page .code-vip-block .search-code .sbtn:before { position: absolute; top: 8px; left: 8px; content: "\65"; color: #666; font-size: 24px; }
.code-page .code-vip-block .search-code .sbtn:hover { background: #dfdfdf; }
.code-page .code-vip-block .frm-block.novip .search-code .search-input { width: 407px; border-left: 1px solid #e5e5e5; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.code-page .code-vip-block .frm-block.novip .search-code .search-input .suggestion-box { width: 406px; }
.code-page .code-vip-block .code-item-list { text-align: left; }
.code-page .code-vip-block .code-item-list > ul { margin-bottom: 15px; padding: 15px 15px 0; border: 1px solid #e5e5e5; }
.code-page .code-vip-block .code-item-list > ul li { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ededed; }
.code-page .code-vip-block .code-item-list > ul li .pic { float: left; width: 270px; height: 162px; }
@media (max-width: 1400px) { .code-page .code-vip-block .code-item-list > ul li .pic { width: 240px; height: 144px; } }
.code-page .code-vip-block .code-item-list > ul li .detail { position: relative; height: 162px; margin-left: 290px; }
@media (max-width: 1400px) { .code-page .code-vip-block .code-item-list > ul li .detail { height: 144px; margin-left: 260px; } }
.code-page .code-vip-block .code-item-list > ul li .detail h3 a { display: block; line-height: 18px; color: #333; font-size: 15px; }
.code-page .code-vip-block .code-item-list > ul li .detail h3 a .vip { font-size: 13px; font-weight: normal; }
.code-page .code-vip-block .code-item-list > ul li .detail h3 a:hover { color: #f4811f; }
.code-page .code-vip-block .code-item-list > ul li .detail .date { display: inline-block; padding: 5px 0 15px; margin-bottom: 10px; color: #666; font-size: 12px; font-style: italic; border-bottom: 1px dotted #ededed; }
.code-page .code-vip-block .code-item-list > ul li .detail .date .begin { margin-right: 5px; }
.code-page .code-vip-block .code-item-list > ul li .detail .date .end { margin-left: 7px; }
.code-page .code-vip-block .code-item-list > ul li .detail .date .arrow { position: relative; top: 1px; display: inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.code-page .code-vip-block .code-item-list > ul li .detail .date .arrow:before { content: "\6f"; }
.code-page .code-vip-block .code-item-list > ul li .detail .desc { max-height: 40px; line-height: 20px; color: #666; overflow: hidden; }
.code-page .code-vip-block .code-item-list > ul li .detail .getcode { position: absolute; bottom: 0; }
.code-page .code-vip-block .code-item-list > ul li .detail .getcode .get-btn { background: #1d6d8f; float: left; width: 115px; height: 32px; line-height: 32px; color: #fff; text-align: center; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-page .code-vip-block .code-item-list > ul li .detail .getcode .get-btn:hover { background: #f4811f; }
.code-page .code-vip-block .code-item-list > ul li .detail .getcode .sum { float: left; line-height: 32px; margin-left: 20px; color: #666; }
.code-page .code-vip-block .code-item-list > ul li .detail .getcode .sum .num { color: #f4811f; }
.code-page .code-vip-block .code-item-list > ul li:last-child { border-bottom-color: #fff; }
.code-page .code-vip-block .code-item-list .page-list { margin-top: 30px; padding-bottom: 20px; text-align: center; }
.code-page .code-vip-block .code-item-list .loadmore { background: #eee; height: 90px; margin: 0 -15px; padding: 18px 0 0; text-align: center; }
.code-page .code-vip-block .code-item-list .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.code-page .code-vip-block .code-item-list .loadmore a:hover { background: #f4811f; color: #fff; }
.code-page .code-notfound { padding: 48px 0 80px; text-align: center; }
.code-page .code-notfound .txt1 { margin: 10px 0 9px; font-size: 18px; }
.code-page .code-notfound .txt2 { font-size: 14px; }
.code-page .code-desc { background: #f8f8f8; float: left; width: 100%; line-height: 17px; padding: 13px 15px; margin-top: 15px; }

.new-code { background: #fff; padding: 1px 15px 15px; }
.new-code .code { margin: 15px 0 0; }
.new-code .code .pic img { display: block; width: 100%; }
.new-code .code .detail { position: relative; margin-top: 10px; }
.new-code .code .detail h3 a { display: block; line-height: 22px; color: #333; }
.new-code .code .detail h3 a .txt { display: block; line-height: 18px; font-size: 13px; }
.new-code .code .detail h3 a .vip { display: block; font-size: 11px; font-weight: normal; }
.new-code .code .detail h3 a:hover { color: #f4811f; }
.new-code .code .detail .date { display: inline-block; padding: 8px 0 10px; margin-bottom: 5px; color: #666; font-size: 11px; font-style: italic; border-bottom: 1px dotted #ededed; }
.new-code .code .detail .date .begin { margin-right: 3px; }
.new-code .code .detail .date .end { margin-left: 4px; }
.new-code .code .detail .date .arrow { position: relative; top: -1px; display: inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.new-code .code .detail .date .arrow:before { content: "\6f"; font-size: 9px; }
.new-code .code .detail .desc { line-height: 20px; color: #666; }
.new-code .code .detail .getcode { margin-top: 10px; }
.new-code .code .detail .getcode .get-btn { background: #1d6d8f; float: left; width: 90px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.new-code .code .detail .getcode .get-btn:hover { background: #f4811f; }
.new-code .code .detail .getcode .sum { line-height: 28px; margin-left: 100px; color: #666; font-size: 11px; }
.new-code .code .detail .getcode .sum .num { color: #f4811f; font-weight: bold; }

.gift-code .banner-block { margin-bottom: 15px; }
.gift-code .banner-block img { width: 100%; height: auto; }
.gift-code .banner-block .left-bn { float: left; width: 445px; max-height: 315px; overflow: hidden; }
@media (max-width: 1400px) { .gift-code .banner-block .left-bn { width: 340px; max-height: 241px; } }
.gift-code .banner-block .right-bn { margin-left: 460px; }
@media (max-width: 1400px) { .gift-code .banner-block .right-bn { margin-left: 355px; } }
.gift-code .banner-block .right-bn .top-bn, .gift-code .banner-block .right-bn .bottom-bn { max-height: 150px; overflow: hidden; }
@media (max-width: 1400px) { .gift-code .banner-block .right-bn .top-bn, .gift-code .banner-block .right-bn .bottom-bn { max-height: 115px; } }
.gift-code .banner-block .right-bn .top-bn { margin-bottom: 15px; }
@media (max-width: 1400px) { .gift-code .banner-block .right-bn .top-bn { margin-bottom: 11px; } }
.gift-code .code-game-block { background: #fff; padding: 3px 15px 15px; margin-bottom: 15px; }
.gift-code .code-game-block .slider { position: relative; width: 874px; margin-top: 12px; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider { width: auto; } }
.gift-code .code-game-block .slider .items-slide { float: left; min-width: 1000px; }
.gift-code .code-game-block .slider .items-slide li { position: relative; float: left; width: 280px !important; padding-top: 3px; margin-right: 17px; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .items-slide li { width: 211px !important; margin-right: 16px; } }
.gift-code .code-game-block .slider .items-slide li .lv { position: absolute; top: 0; right: 0; z-index: 1; float: left; width: 55px; height: 18px; }
.gift-code .code-game-block .slider .items-slide li .pic { width: 280px; height: 166px; overflow: hidden; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .items-slide li .pic { width: 211px; height: 125px; } }
.gift-code .code-game-block .slider .items-slide li .pic img { width: 100%; height: auto; }
.gift-code .code-game-block .slider .items-slide li .detail .date { padding: 7px 0 10px; margin-bottom: 7px; color: #666; font-size: 11px; font-style: italic; border-bottom: 1px dotted #e5e5e5; }
.gift-code .code-game-block .slider .items-slide li .detail .date .begin { margin-right: 5px; }
.gift-code .code-game-block .slider .items-slide li .detail .date .end { margin-left: 7px; }
.gift-code .code-game-block .slider .items-slide li .detail .date .arrow { position: relative; top: 1px; display: inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.gift-code .code-game-block .slider .items-slide li .detail .date .arrow:before { content: "\6f"; }
.gift-code .code-game-block .slider .items-slide li .detail .txt { height: 20px; line-height: 18px; margin-bottom: 12px; }
.gift-code .code-game-block .slider .items-slide li .detail .getcode { height: 30px; }
.gift-code .code-game-block .slider .items-slide li .detail .getcode .get-btn { background: #1d6d8f; float: left; width: 90px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gift-code .code-game-block .slider .items-slide li .detail .getcode .get-btn:hover { background: #f4811f; }
.gift-code .code-game-block .slider .items-slide li .detail .getcode .sum { line-height: 28px; margin-left: 100px; color: #666; font-size: 11px; }
.gift-code .code-game-block .slider .items-slide li .detail .getcode .sum .num { color: #f4811f; font-weight: 500; }
.gift-code .code-game-block .slider .bx-next, .gift-code .code-game-block .slider .bx-prev { position: absolute; top: 80px; background: rgba(0, 0, 0, 0.7); float: left; width: 30px; height: 60px; color: rgba(255, 255, 255, 0); overflow: hidden; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .bx-next, .gift-code .code-game-block .slider .bx-prev { top: 55px; width: 20px; } }
.gift-code .code-game-block .slider .bx-next:before, .gift-code .code-game-block .slider .bx-prev:before { position: absolute; top: 50%; margin-top: -9px; text-align: center; color: #fff; font-size: 20px; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .bx-next:before, .gift-code .code-game-block .slider .bx-prev:before { margin-top: -7px; font-size: 15px; } }
.gift-code .code-game-block .slider .bx-next:hover, .gift-code .code-game-block .slider .bx-prev:hover { background: rgba(0, 0, 0, 0.9); }
.gift-code .code-game-block .slider .bx-next { right: 0; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.gift-code .code-game-block .slider .bx-next:before { content: "\71"; right: 4px; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .bx-next:before { right: 1px; } }
.gift-code .code-game-block .slider .bx-prev { left: 0; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
.gift-code .code-game-block .slider .bx-prev:before { content: "\70"; left: 5px; }
@media (max-width: 1400px) { .gift-code .code-game-block .slider .bx-prev:before { left: 2px; } }
.gift-code .loadmore { background: #eee; height: 90px; margin: 0 -15px; padding: 18px 0 0; text-align: center; }
.gift-code .loadmore a { display: inline-block; height: 38px; line-height: 36px; padding: 0 35px; color: #f4811f; text-align: center; text-transform: uppercase; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gift-code .loadmore a:hover { background: #f4811f; color: #fff; }
.gift-code .new-game-code { background: #fff; height: 315px; padding: 1px 15px 0; margin-bottom: 15px; }
.gift-code .new-game-code .list-vip { margin: 15px -11px 0; }
.gift-code .new-game-code .list-vip li { float: left; margin: 0 11px 15px; }
.gift-code .new-game-code .list-vip li a { display: block; background: url(../images/code_vip_sprt.png) no-repeat; width: 99px; height: 36px; text-indent: -9999px; }
.gift-code .new-game-code .list-vip li.vip1 a { background-position: 0 0; }
.gift-code .new-game-code .list-vip li.vip1 a:hover { background-position: -230px 0; }
.gift-code .new-game-code .list-vip li.vip2 a { background-position: -121px 0; }
.gift-code .new-game-code .list-vip li.vip2 a:hover { background-position: -351px 0; }
.gift-code .new-game-code .list-vip li.vip3 a { background-position: 0 -51px; }
.gift-code .new-game-code .list-vip li.vip3 a:hover { background-position: -230px -51px; }
.gift-code .new-game-code .list-vip li.vip4 a { background-position: -121px -51px; }
.gift-code .new-game-code .list-vip li.vip4 a:hover { background-position: -351px -51px; }
.gift-code .new-game-code .list-vip li.vip5 a { background-position: 0 -102px; }
.gift-code .new-game-code .list-vip li.vip5 a:hover { background-position: -230px -102px; }
.gift-code .new-game-code .list-vip li.vip6 a { background-position: -121px -102px; }
.gift-code .new-game-code .list-vip li.vip6 a:hover { background-position: -351px -102px; }
.gift-code .new-game-code .list-vip li.vip7 a { background-position: 0 -154px; }
.gift-code .new-game-code .list-vip li.vip7 a:hover { background-position: -230px -154px; }
.gift-code .new-game-code .list-vip li.vip8 a { background-position: -121px -154px; }
.gift-code .new-game-code .list-vip li.vip8 a:hover { background-position: -351px -154px; }
.gift-code .new-game-code .list-vip li.plus a { background-position: 0 -204px; height: 42px; }
.gift-code .new-game-code .list-vip li.plus a:hover { background-position: -230px -204px; }
.gift-code .new-game-code .list-vip li.tanthu a { background-position: -121px -206px; }
.gift-code .new-game-code .list-vip li.tanthu a:hover { background-position: -351px -206px; }

.message-page { float: left; width: 100%; }
.message-page .tabs-block { margin-bottom: 15px; }
.message-page .tabs-block .tab-menu { height: auto; border: 0; }
.message-page .tabs-block .tab-menu li { width: 33.333%; height: auto; margin: 0; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.message-page .tabs-block .tab-menu li:after { display: none; }
.message-page .tabs-block .tab-menu li a { background: #f8f8f8; height: 72px; line-height: 72px; color: #666; font-size: 15px; font-weight: bold; box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); -webkit-box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.03); }
.message-page .tabs-block .tab-menu li a:before { position: relative; top: 8px; margin-right: 3px; content: "\77"; color: #acacac; font-size: 27px; }
.message-page .tabs-block .tab-menu li a .num { position: relative; top: -12px; background: #ff2a00; display: inline-block; width: 18px; height: 18px; line-height: 18px; padding-right: 1px; margin-left: 3px; text-align: center; color: #fff; font-size: 11px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.message-page .tabs-block .tab-menu li a .num:before { position: absolute; bottom: 3px; left: -3px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px 10px; border-color: transparent transparent #ff2a00 transparent; }
.message-page .tabs-block .tab-menu li a .num span { position: relative; }
.message-page .tabs-block .tab-menu li:last-child { border-right: 0; }
.message-page .tabs-block .tab-menu li.active { border-bottom-color: #fff; }
.message-page .tabs-block .tab-menu li.active a { background: #fff; color: #333; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.message-page .tabs-block .tab-menu li.active a:before { color: #1d6d8f; }
.message-page .tabs-block .tab-content > li { background: #fff; }

.toggle-list { padding: 50px 30px 20px; }
.toggle-list > ul li { margin-bottom: 10px; border: 1px solid #f2f2f2; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; }
.toggle-list > ul li .title-row { position: relative; height: 40px; line-height: 40px; padding-left: 20px; cursor: pointer; }
.toggle-list > ul li .title-row h3 { float: left; max-width: 625px; margin-right: 20px; font-weight: normal; }
@media (max-width: 1400px) { .toggle-list > ul li .title-row h3 { max-width: 437px; } }
.toggle-list > ul li .title-row h3 a { display: block; color: #666; font-size: 14px; }
.toggle-list > ul li .title-row .date { float: left; color: #666; font-style: italic; }
.toggle-list > ul li .title-row .arrow { position: absolute; top: 10px; right: 10px; float: left; width: 19px; height: 19px; border: 1px solid #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.toggle-list > ul li .title-row .arrow:before { position: absolute; top: 4px; left: 3px; content: "\6e"; color: #737373; font-size: 10px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.toggle-list > ul li .title-row.unread h3 { font-weight: bold; }
.toggle-list > ul li .title-row.unread h3 a { color: #1d6d8f; }
.toggle-list > ul li .detail { display: none; background: #f8f8f8; line-height: 20px; padding: 15px 20px; color: #666; border-top: 1px solid #f2f2f2; }
.toggle-list > ul li .detail a { color: #f4811f !important; }
.toggle-list > ul li .detail a:hover { color: #ff8e2e !important; }
.toggle-list > ul li .detail img { max-width: 100%; height: auto; }
.toggle-list > ul li .detail .code { font-style: italic; }
.toggle-list > ul li .detail .code p { margin-bottom: 4px; }
.toggle-list > ul li .detail .code p:last-child { margin-bottom: 0; }
.toggle-list > ul li .detail .code .code-text { color: #333; font-size: 15px; }
.toggle-list > ul li.active .title-row .arrow:before { top: 3px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.toggle-list > ul li.active .detail { display: block; }
.toggle-list .page-list { padding: 20px 0 0; text-align: center; }

.point-history { float: left; width: 100%; }
.point-history .title { background: #f8f8f8; height: 52px; line-height: 51px; padding: 0 15px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #f2f2f2; }
.point-history .point-his-list { background: #fff; padding: 15px; margin-bottom: 15px; }
.point-history .point-his-list .list .stt { width: 58px; }
.point-history .point-his-list .list .time { width: 26%; }
.point-history .point-his-list .list .product, .point-history .point-his-list .list .money { width: 16%; }
.point-history .point-his-list .list .code { max-width: 205px; word-wrap: break-word; }
@media (max-width: 1400px) { .point-history .point-his-list .list .code { max-width: 149px; } }
.point-history .point-his-list .page-list { margin: 30px 0 0; text-align: center; }
.point-history .top-view { background: #fff; padding: 15px 15px 0; }
.point-history .top-view .tvrow { line-height: 28px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.point-history .top-view .tvrow:last-child { padding: 10px 0 5px; border-bottom: 0; }
.point-history .top-view .tvrow .lb { float: left; width: 170px; }
.point-history .top-view .tvrow .ctn { margin-left: 170px; }
.point-history .top-view .tvrow .ctn .level, .point-history .top-view .tvrow .ctn .date, .point-history .top-view .tvrow .ctn .num { float: left; width: 115px; }
.point-history .top-view .tvrow .ctn .lv { display: block; width: 55px; height: 18px; margin-top: 3px; }
.point-history .top-view .tvrow .ctn .date { color: #666; }
.point-history .top-view .tvrow .ctn .num { color: #f4811f; font-size: 18px; }
.point-history .top-view .tvrow .ctn .view-btn { float: left; width: 75px; height: 28px; line-height: 25px; color: #f4811f; text-align: center; border: 1px solid #f4811f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.point-history .top-view .tvrow .ctn .view-btn:hover { background: #f4811f; color: #fff; }
.point-history .top-view .tvrow.dong360 .lb { width: auto; margin-right: 5px; }
.point-history .top-view .tvrow.dong360 .ctn { margin-left: 0; }
.point-history .top-view .tvrow.dong360 .coin { position: relative; top: 2px; }
.point-history.ps-dong360 .point-his-list { text-align: center; }
.point-history.ps-dong360 .point-his-list .list .product, .point-history.ps-dong360 .point-his-list .list .time { width: 32%; }

.dial-all { background: #136e9c url(../images/dial_all/dial_all_bg.jpg) center top no-repeat; min-height: 490px; margin: -15px 0 -30px; }
.dial-all .wrapper { width: 810px; margin: 0 auto; }
.dial-all .wrapper .detail { float: right; margin-top: 130px; margin-right: 20px; text-align: center; }
.dial-all .wrapper .detail h2 { background: url(../images/dial_all/dial_all_sprt_1.0.png) no-repeat; width: 400px; height: 155px; margin-left: 26px; }
.dial-all .wrapper .detail h2 span { display: block; background: url(../images/dial_all/dial_all_sprt_1.0.png) no-repeat; background-position: 0 -179px; height: 155px; text-indent: -9999px; animation: fadeInRight 1.5s ease 1s both; -moz-animation: fadeInRight 1.5s ease 1s both; -webkit-animation: fadeInRight 1.5s ease 1s both; }
.dial-all .wrapper .detail ul { display: inline-block; max-width: 440px; margin: 20px 0 0 12px; }
.dial-all .wrapper .detail ul li { position: relative; float: left; width: 214px; height: 84px; margin-right: 5px; }
.dial-all .wrapper .detail ul li:last-child { margin-right: 0; }
.dial-all .wrapper .detail ul li .circle { position: absolute; top: 0; left: 0; background: url(../images/dial_all/dial_all_sprt_1.0.png) no-repeat; background-position: 0 -347px; float: left; width: 84px; height: 84px; animation: rotate 2s ease-out 0s infinite; -moz-animation: rotate 2s ease-out 0s infinite; -webkit-animation: rotate 2s ease-out 0s infinite; }
.dial-all .wrapper .detail ul li a { display: block; position: absolute; top: 10px; left: 10px; z-index: 2; background: url(../images/dial_all/dial_all_sprt_1.0.png) no-repeat; background-position: -100px -347px; width: 204px; height: 64px; }
.dial-all .wrapper .detail ul li a .img { float: left; margin-top: 2px; }
.dial-all .wrapper .detail ul li a .txt { float: left; padding-top: 7px; }
.dial-all .wrapper .detail ul li a .txt .txt1, .dial-all .wrapper .detail ul li a .txt .txt2 { display: block; line-height: 22px; }
.dial-all .wrapper .detail ul li a .txt .txt1 { color: #00eaff; font-size: 18px; }
.dial-all .wrapper .detail ul li a .txt .txt2 { color: #ff2851; font-size: 20px; font-weight: bold; text-transform: uppercase; }

.terms-of-use { background: #fff; line-height: 18px; padding: 25px 30px; }
.terms-of-use .title { padding: 0 0 7px; margin-bottom: 10px; font-size: 18px; border-bottom: 1px solid #e5e5e5; }
.terms-of-use p { margin-bottom: 7px; }
.terms-of-use h3 { margin: 10px 0 7px; font-size: 14px; }
.terms-of-use h4 { margin-bottom: 5px; text-decoration: underline; }
.terms-of-use .num-list { list-style: decimal; margin: 0 0 0 15px; }
.terms-of-use .num-list li { margin-bottom: 7px; padding-left: 3px; }
.terms-of-use .child-num-list { list-style: lower-alpha; margin: 0 0 0 17px; }
.terms-of-use .child-circle-list { list-style: disc; margin: 0 0 0 19px; }
.terms-of-use .lb { color: #666; }

.gameplus { position: relative; padding: 350px 0 0; margin-top: -15px; }
.gameplus .top-banner, .gameplus .top-banner-lnk { position: absolute; top: 0; left: 0; width: 100%; height: 350px; }
.gameplus .top-banner { z-index: -1; background-position: center top; height: 500px; }
.gameplus .list-item-s3 ul li .detail { margin-right: 200px; }
.gameplus .list-item-s3 ul li .detail .desc { max-height: 100px; }
.gameplus .list-item-s3 ul li .detail .topic-row .download { float: left; position: relative; padding-left: 16px; }
.gameplus .list-item-s3 ul li .detail .topic-row .download:before { position: absolute; top: 0; left: 0; content: "\6f"; color: #999; font-size: 12px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
.gameplus .list-item-s3 ul li .detail .topic-row .download span { color: #666; }
.gameplus .list-item-s3 ul li .gift-box { width: 180px; }
.gameplus .list-item-s3 ul li .gift-box .ico:before { left: 14px; top: 12px; content: "\6f"; font-size: 36px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.gameplus .list-item-s3 ul li .gift-box .ico:after { position: absolute; bottom: 12px; left: 50%; content: ""; background: #ebebeb; float: left; width: 20px; height: 3px; margin-left: -10px; border-radius: 1.5px; -moz-border-radius: 1.5px; -webkit-border-radius: 1.5px; }
.gameplus .list-item-s3 ul li .gift-box .ico:hover { border-color: #f4811f; }
.gameplus .list-item-s3 ul li .gift-box .ico:hover:before { color: #f4811f; }
.gameplus .list-item-s3 ul li .gift-box .ico:hover:after { background: #f4811f; }
.gameplus .list-item-s3 ul li .gift-box .btn:hover { background: #f4811f; border-color: #f4811f; }

/*--Modal-------------*/
.modal-open { overflow: inherit; }

.modal-dialog { width: 400px !important; margin: 30px auto !important; }

.modal-header { background: #1d6d8f; height: 45px; padding: 0 0 0 15px; border: 0; }
.modal-header .close { margin: 12px 15px 0 0; text-shadow: none; }
.modal-header .close span { display: none; }
.modal-header .close:before { content: "\74"; color: #fff; }

.modal-content { background: none; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; }

.modal-title { max-width: 335px; line-height: 45px; color: #fff; font-size: 15px; text-transform: uppercase; }

.modal-body { background: #fff; padding: 10px 15px; font-size: 14px; }
.modal-body .txt1 { line-height: 20px; font-size: 18px; }
.modal-body .txt2 { line-height: 18px; margin-top: 12px; }
.modal-body .btn-row { margin-top: 25px; }

.modal-footer { border: 0; padding: 0 15px 15px; }

.w540 .modal-dialog { width: 540px !important; }

.w800 .modal-dialog { width: 800px !important; }

.modal-s2 button.close { position: absolute; top: 3px; right: 5px; color: #fff; opacity: 1; filter: alpha(opacity=1); }
.modal-s2 .modal-dialog { position: absolute; top: 50%; left: 50%; width: 600px !important; margin: -200px 0 0 -300px !important; }
.modal-s2 .modal-body { padding: 0; }
.modal-s2 .modal-content { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.w80p .modal-dialog { width: 75% !important; }
.w80p .modal-content { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.w80p .modal-body { background: none; padding: 0; }
.w80p button.close { position: fixed; top: -12px; right: -11px; z-index: 9999; background: #333; width: 22px; height: 22px; line-height: 18px; color: #fff; opacity: 1; text-shadow: none; font-size: 18px; text-align: center; text-shadow: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #fff; }

/*--End Modal-------------*/

/*# sourceMappingURL=360game.css.map */