@charset "UTF-8";
/* BASE - Base styles, variables, mixin, etc */
.navbar-header, .navbar-nav > li {
  float: left;
}

.form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

.lead {
  font-size: 16px;
}

.page-header {
  margin-bottom: 30px;
}

.page-header .lead {
  margin-bottom: 10px;
}

.form-inline .checkbox, .form-inline .control-label, .form-inline .form-group, .form-inline .radio, .navbar-form .control-label, .navbar-form .form-group {
  margin-bottom: 0;
  vertical-align: middle;
}

.container {
  width: 1200px;
  max-width: none !important;
}

.container .navbar-collapse, .container .navbar-header {
  margin-right: 0;
  margin-left: 0;
}

.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
  border-top: 0;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.navbar-toggle {
  display: none;
}

.navbar-brand {
  margin-left: -15px;
}

.navbar-nav {
  float: left;
  margin: 0;
}

.navbar-nav > li > a {
  padding: 15px;
}

.form-inline .checkbox label, .form-inline .radio label, .navbar-form .checkbox label, .navbar-form .radio label {
  padding-left: 0;
}

.navbar-left {
  float: left;
  margin-left: 0;
}

.navbar-right {
  float: right;
  margin-right: 0;
}

.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
  position: relative;
  margin-left: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #fff !important;
  background-color: #428bca !important;
}

.navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover {
  color: #999 !important;
  background-color: transparent !important;
}

.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-form .form-group {
  display: inline-block;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .checkbox, .navbar-form .radio {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-group {
  display: inline-block;
}

.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 .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .checkbox, .form-inline .radio {
  display: inline-block;
  margin-top: 0;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  font-size: 30px;
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  z-index: 999;
  float: left;
  background-color: #fff;
  margin: 2px 0 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.dl-horizontal dt {
  width: auto;
}

.dl-horizontal dd {
  margin-left: auto;
}

* {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

body {
  font-size: 14px;
  font-family: "Microsoft YaHei", Arial;
  min-width: 1360px;
  background-color: #fbfbfb;
}

ul {
  list-style: none;
}

em {
  font-style: normal;
}

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

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

a:focus,
a:hover {
  text-decoration: none;
}

.container-wrap {
  width: 1100px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}

.wrapper {
  position: relative;
  min-width: 1260px;
  max-width: 1920px;
  margin: 0 auto;
}

.main-container {
  position: relative;
  min-height: 735px;
  margin-left: 175px;
  top: 57px;
  padding-bottom: 57px;
}

.horizontal .wrapper, .activity .wrapper {
  padding-top: 106px;
}

.horizontal .main-container, .activity .main-container {
  margin: 0 auto;
  top: 0;
  padding-bottom: 0;
}

.horizontal .main-container iframe, .activity .main-container iframe {
  display: block;
}

.horizontal .header-wrap, .activity .header-wrap {
  background: #fff;
  left: 0;
}

.horizontal .header-wrap .navbar, .activity .header-wrap .navbar {
  width: 100%;
  margin: 0 auto;
  border: none;
}

.horizontal .header-wrap .navbar .navbar-collapse .logo, .activity .header-wrap .navbar .navbar-collapse .logo {
  background: url("/assets/images/others/global/logo_h.png") center center no-repeat;
  position: absolute;
  width: 310px;
  height: 90px;
  top: 25px;
  left: 50%;
  margin-left: -155px;
  display: block;
}

.horizontal .header-wrap .navbar .navbar-collapse #headImg, .horizontal .header-wrap .navbar .navbar-collapse #vipkehu, .horizontal .header-wrap .navbar .navbar-collapse .gamelobby, .horizontal .header-wrap .navbar .navbar-collapse #congzhitixian a:last-child, .activity .header-wrap .navbar .navbar-collapse #headImg, .activity .header-wrap .navbar .navbar-collapse #vipkehu, .activity .header-wrap .navbar .navbar-collapse .gamelobby, .activity .header-wrap .navbar .navbar-collapse #congzhitixian a:last-child {
  display: none;
}

.horizontal .header-wrap .navbar .navbar-collapse .navbar-after, .activity .header-wrap .navbar .navbar-collapse .navbar-after {
  padding-right: 0;
}

.horizontal .header-wrap .navbar .navbar-collapse .navbar-after .btn-menu, .activity .header-wrap .navbar .navbar-collapse .navbar-after .btn-menu {
  margin-right: 0;
}

.fix-letter {
  position: fixed;
  bottom: 0px;
  width: 350px;
  right: 0px;
  z-index: 9999;
  border: 1px solid #d26725;
  -webkit-animation: fell 1s forwards;
  animation: fell 1s forwards;
}

.fix-letter h4 {
  background: #d26725 url("/assets/images/user/shape.png") 20px 0 no-repeat;
  color: #fff;
  line-height: 35px;
  font-size: 14px;
  text-indent: 70px;
}

.fix-letter h4 .gift_close {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/assets/images/user/gift_close.png") 0 0 no-repeat;
  position: relative;
  left: 120px;
}

.fix-letter .msg-tip {
  padding: 15px;
  background-color: #fbfbfb;
}

.fix-letter .msg-tip h3 {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

@-webkit-keyframes fell {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}

@keyframes fell {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}

.row {
  margin: 0;
}

[class*="col"] {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.go-back-promos {
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 18px;
  color: #554031;
  opacity: 0.7;
  z-index: 10;
}

.go-back-promos i {
  margin-right: 5px;
  font-size: 20px;
}

.go-back-promos:hover {
  color: #554031;
  opacity: 1;
}

.nav-tabs-template {
  border-bottom: 2px solid #be4822;
}

.nav-tabs-template > li.active > a,
.nav-tabs-template > li.active > a:focus,
.nav-tabs-template > li.active > a:hover {
  color: #ffffff;
  background-color: #be4822;
  border: 1px solid #be4822;
  border-bottom: 0;
}

.nav-tabs-template > li > a:focus,
.nav-tabs-template > li > a:hover {
  color: #be4822;
  border: 1px solid #b4b4b4;
  border-bottom: 0;
  background-color: #f4f4f4;
}

.nav-tabs-template > li {
  margin-bottom: 0;
  margin-right: 8px;
}

.nav-tabs-template > li > a {
  background-color: #f4f4f4;
  padding: 10px 0;
  color: #000000;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  border: 1px solid #b4b4b4;
  border-bottom: 0;
}

.pagination-template {
  text-align: center;
  width: 100%;
}

.pagination-template li {
  display: inline-block;
}

.pagination-template > li > a,
.pagination-template > li:first-child > a,
.pagination-template > li:first-child > span {
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #554031;
}

.pagination-template > .active > a,
.pagination-template > .active > a:focus,
.pagination-template > .active > a:hover,
.pagination-template > .active > span,
.pagination-template > .active > span:focus,
.pagination-template > .active > span:hover {
  background-color: #dadada;
  border: 1px solid #c7c7c7;
  color: #be4822;
}

.pagination-template > li > a:focus,
.pagination-template > li > a:hover,
.pagination-template > li > span:focus,
.pagination-template > li > span:hover {
  color: #be4822;
  background-color: #fff;
  border: 1px solid #ddd;
}

body.is-active .wrapper .modal-open .modal {
  overflow-y: hidden;
}

body.is-active .header-wrap .header-overlay {
  display: block;
}

.modal-dialog {
  width: 600px;
  height: 100%;
  pointer-events: none;
}

.modal-content {
  width: 100%;
  position: absolute;
  position: relative\9;
  top: 50%;
  top: auto\9;
  left: 50%;
  left: auto\9;
  -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - .5px));
  -ms-transform: translateX(-50%) translateY(calc(-50% - .5px));
  transform: translateX(-50%) translateY(calc(-50% - .5px));
  pointer-events: all;
}

/* @media screen and (min-width: 2560px) {
   body {
     overflow-x: hidden;
   }
   .wrapper {
     transform-origin: top;
     transform: scale(1.333333);
   }
 }

 @media screen and (min-width: 3840px) {
   .wrapper {
     transform-origin: top;
     transform: scale(1.999999);
   }
 }*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .modal-open {
    overflow: hidden;
  }
  *::-ms-backdrop, .modal {
    overflow: hidden;
  }
  *::-ms-backdrop, .modal .modal-content {
    top: 15%;
    left: auto;
  }
}

body .layui-layer-dialog.first-save {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body .layui-layer-dialog.first-save .layui-layer-title {
  display: none;
}

body .layui-layer-dialog.first-save .layui-layer-content {
  background: transparent url("/assets/images/others/global/first_save_bg.png") no-repeat center center;
  padding: 0;
}

body .layui-layer-dialog.first-save .layui-layer-content .text-content {
  position: relative;
  height: 100%;
}

body .layui-layer-dialog.first-save .layui-layer-content .text-content .use_now {
  display: block;
  position: absolute;
  top: 180px;
  left: 520px;
  width: 184px;
  height: 184px;
  background: transparent url("/assets/images/others/global/use_now.png") no-repeat center center;
  outline: none;
  border: none;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

body .layui-layer-dialog.first-save .layui-layer-content .text-content .use_now:hover {
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

body .layui-layer-dialog.first-save .layui-layer-content .text-content .use_now:focus {
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

body .layui-layer-dialog.first-save .layui-layer-setwin {
  right: 20px;
  width: 38px;
  height: 38px;
  top: 30px;
}

body .layui-layer-dialog.first-save .layui-layer-setwin .layui-layer-ico {
  background: url("/assets/images/others/global/close_btn.png") no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin-left: 0;
  outline: none;
  border: none;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

body .layui-layer-dialog.first-save .layui-layer-setwin .layui-layer-ico:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

body .layui-layer-dialog.first-save .layui-layer-setwin .layui-layer-ico:focus {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

body .layui-layer-dialog .layui-layer-title {
  background: url("/assets/images/others/global/ag_asia.png") 10px center no-repeat;
}

body .layui-layer-dialog .layui-layer-content {
  text-align: center;
  color: #333;
}

body .layui-layer-dialog .layui-layer-btn {
  text-align: center;
}

body .layui-layer-dialog .layui-layer-btn a {
  background: #be4822;
  line-height: 26px;
  border: 1px solid #be4822;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

body .layui-layer-dialog .layui-layer-btn a:hover {
  background: #fff;
  color: #be4822;
}

/**
 * $keyframes \ gelatine
 **/
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    -moz-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    -o-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    -ms-transform: scale(0.95, 1.05);
    -moz-transform: scale(0.95, 1.05);
    -o-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from, to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    -moz-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    -o-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    -ms-transform: scale(0.95, 1.05);
    -moz-transform: scale(0.95, 1.05);
    -o-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    -moz-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    -o-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    -ms-transform: scale(0.95, 1.05);
    -moz-transform: scale(0.95, 1.05);
    -o-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from, to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    -moz-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    -o-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    -ms-transform: scale(0.95, 1.05);
    -moz-transform: scale(0.95, 1.05);
    -o-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

.layui-layer-title {
  padding: 0 80px 0 20px;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #F8F8F8;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}

body .layui-layer-hui .layui-layer-content {
  color: #fff;
}

body .btn-reverse .layui-layer-btn {
  text-align: center;
}

body .btn-reverse .layui-layer-btn a.layui-layer-btn0 {
  background: #ccc;
  border-color: #999;
  color: #333;
}

body .btn-reverse .layui-layer-btn a.layui-layer-btn0:hover {
  background: #fff;
  border-color: #333;
  color: #333;
}

.loading-mask {
  position: absolute;
  background: url("/assets/images/others/global/t_0.5.png") 0 0 repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.loading-mask:before {
  content: '';
  position: absolute;
  background: url("/assets/images/others/global/loading.gif") 0 0 no-repeat;
  width: 120px;
  height: 24px;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
}

.loading-mask:after {
  content: '';
  position: absolute;
  background: url("/assets/images/others/global/logo.png") 0 0 no-repeat;
  width: 243px;
  height: 83px;
  left: 50%;
  top: 50%;
  margin-left: -123px;
  margin-top: -15px;
  -webkit-animation: pulse 1s infinite alternate ease-in-out;
  animation: pulse 1s infinite alternate ease-in-out;
}

.loading-mask.small:before {
  margin-top: -12px;
  margin-left: 0;
}

.loading-mask.small:after {
  margin-top: -42px;
  margin-left: -243px;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}

.placeholder {
  color: #aaa;
}

.cny-theme .header-wrap .navbar {
  background: url("../images/others/cny_theme/header_bg.jpg") 0 0 repeat;
  border-color: #b73119;
}

.cny-theme .header-wrap .navbar .icon-cup, .cny-theme .header-wrap .navbar .icon-bbs, .cny-theme .header-wrap .navbar .icon-users {
  background-image: url("../images/others/cny_theme/header_icons.png");
}

.cny-theme .header-wrap .navbar .navbar-nav > li > a,
.cny-theme .header-wrap .navbar .navbar-nav > li > a:hover,
.cny-theme .header-wrap .navbar .navbar-nav > li > a:focus {
  color: #fff;
}

.cny-theme .header-wrap .navbar .navbar-right .btn-custom.btn-send-coin {
  background: none;
  background-image: url("../images/others/cny_theme/icon-menu2.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.cny-theme .header-wrap .navbar .navbar-right .btn-custom.btn-send-coin:hover {
  background-image: url("../images/others/cny_theme/icon-menu2-active.gif");
}

.cny-theme .header-wrap .navbar .navbar-right .btn-custom {
  background: #eec3a9;
  color: #534031;
  border-color: #b73119;
}

.cny-theme .header-wrap .navbar .navbar-right .btn-custom.btn-orange {
  background: #ffc264;
  color: #534031;
}

.cny-theme .header-wrap .navbar .navbar-after .btn-menu .menu-bar {
  background-image: url("../images/others/header/menu_bar_o.png");
}

.cny-theme .navbar-before #quick-login-btn .icon-user {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -880px 0;
  width: 32px;
  height: 35px;
  top: -5px;
  margin: 0;
}

.cny-theme .navbar-before #quick-login-btn:hover .icon-user {
  background-position: -880px -40px;
}

.cny-theme .navbar-before #try-reg-but .icon-freeplay {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -940px 0;
  width: 33px;
  height: 30px;
  top: -3px;
  margin: 0;
}

.cny-theme .navbar-before #try-reg-but:hover .icon-freeplay {
  background-position: -940px -40px;
}

.cny-theme .navbar-after #zhengqianuser .icon-meg {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1010px 0;
  width: 33px;
  height: 24px;
  top: 0;
  margin: 0;
}

.cny-theme .navbar-after #zhengqianuser .icon-user {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1070px 0;
  width: 38px;
  height: 35px;
  top: -5px;
  margin: 0;
}

.cny-theme .navbar-after #zhengqianuser a:hover .icon-meg {
  background-position: -1010px -40px;
}

.cny-theme .navbar-after #zhengqianuser a:hover .icon-user {
  background-position: -1070px -40px;
}

.cny-theme .navbar-after #zhengqianuser + .gamelobby .icon-map {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1190px 0;
  width: 28px;
  height: 34px;
  margin: 0 3px 0 0;
  bottom: 3px;
}

.cny-theme .navbar-after #zhengqianuser + .gamelobby a:hover .icon-map {
  background-position: -1190px -40px;
}

.cny-theme .navbar-after #vipkehu {
  position: relative;
}

.cny-theme .navbar-after #vipkehu .icon-vip {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1130px 0;
  width: 23px;
  height: 33px;
  margin: 0;
  top: 0;
}

.cny-theme .navbar-after #vipkehu a:hover .icon-vip {
  background-position: -1130px -40px;
}

.cny-theme .navbar-after #vipkehu + .gamelobby .icon-map {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1190px 0;
  width: 28px;
  height: 34px;
  top: -5px;
}

.cny-theme .navbar-after #vipkehu + .gamelobby a:hover .icon-map {
  background-position: -1190px -40px;
}

.cny-theme .navbar-after #vipkehu.on:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fe0606;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: -6px;
}

.cny-theme .navbar-after #congzhitixian .icon-piggy {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1250px 0;
  width: 32px;
  height: 23px;
  margin: 0 5px 0 0;
  bottom: 0;
}

.cny-theme .navbar-after #congzhitixian .icon-folder {
  background: url("../images/others/cny_theme/header_icons.png") no-repeat -1310px 0;
  width: 39px;
  height: 27px;
  margin: 0 5px 0 0;
  bottom: 0;
}

.cny-theme .navbar-after #congzhitixian a:hover .icon-piggy {
  background-position: -1250px -40px;
}

.cny-theme .navbar-after #congzhitixian a:hover .icon-folder {
  background-position: -1310px -40px;
}

.cny-theme .sidebar {
  background-color: #f3d7c6;
  background-image: -webkit-linear-gradient(264.15deg, #f3d7c6 65%, #b73119 100%);
  background-image: linear-gradient(185.85deg, #f3d7c6 65%, #b73119 100%);
  height: 767px;
}

.cny-theme .sidebar .logo {
  background: url("../images/others/cny_theme/logo.jpg") center center no-repeat !important;
}

.cny-theme .sidebar ul li a {
  color: #534031;
}

.cny-theme .sidebar ul li a:before {
  background: url("../images/others/cny_theme/li_active.jpg") 0 0 no-repeat;
}

.cny-theme .sidebar ul li a:hover {
  color: #ffc264;
}

.cny-theme .sidebar ul li.active a {
  color: #ffc264;
}

.cny-theme .sidebar li[data-sidebar^="home"].active a, .cny-theme .sidebar li[data-sidebar^="home"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_1.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="agin"].active a, .cny-theme .sidebar li[data-sidebar^="agin"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_2.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="agq"].active a, .cny-theme .sidebar li[data-sidebar^="agq"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_3.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="ag86"].active a, .cny-theme .sidebar li[data-sidebar^="ag86"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_4.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="scg"].active a, .cny-theme .sidebar li[data-sidebar^="scg"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_5.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="fishing"].active a, .cny-theme .sidebar li[data-sidebar^="fishing"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_6.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="agstar"].active a, .cny-theme .sidebar li[data-sidebar^="agstar"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_7.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="agches"].active a, .cny-theme .sidebar li[data-sidebar^="agches"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_8.png") !important;
}

.cny-theme .sidebar li[data-sidebar^="sportssabah"].active a, .cny-theme .sidebar li[data-sidebar^="sportssabah"]:hover a {
  background-image: url("../images/others/cny_theme/left_icon_9.png") !important;
}

.cny-theme .sidebar .qr-wrap {
  background: none;
}

.cny-theme .sidebar .qr-wrap #img_qr canvas {
  border-color: #b73119;
}

.cny-theme .sidebar .qr-wrap p {
  color: #fff;
}

.cny-theme .home-wrap {
  background: url("../images/others/cny_theme/bg.jpg") no-repeat center top;
}

.cny-theme .home-wrap .container-wrap {
  position: relative;
  overflow: hidden;
  min-height: 710px;
}

.cny-theme .home-wrap .container-wrap .carousel .carousel-inner .reset_btn .btn-link {
  background: url("../images/others/cny_theme/btn_link.jpg") 0 0 no-repeat;
  background-size: 100% 100%;
  color: #ffc264;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 18px;
}

.cny-theme .home-wrap .container-wrap .carousel .carousel-inner .reset_btn .btn-link:hover {
  color: #FFD700;
}

.cny-theme .home-wrap.yuanxiao {
  background: url("../images/others/cny_theme/bg_v2.jpg") no-repeat center top;
}

.activity .cny-theme .header-wrap .navbar .navbar-collapse .logo, .horizontal .cny-theme .header-wrap .navbar .navbar-collapse .logo {
  background: url("/assets/images/others/cny_theme/logo_h.png") center center no-repeat;
}

.activity .cny-theme .header-wrap, .horizontal .cny-theme .header-wrap {
  background: url("../images/others/cny_theme/header_bg.jpg") 0 0 repeat;
}

.activity .cny-theme .header-wrap .navbar, .horizontal .cny-theme .header-wrap .navbar {
  background: none;
}

.activity .cny-theme .sidebar, .horizontal .cny-theme .sidebar {
  background: #f3d7c6;
}

.activity .cny-theme .sidebar ul li a, .horizontal .cny-theme .sidebar ul li a {
  background-position: 8px !important;
}

.activity .cny-theme .sidebar ul li:hover, .horizontal .cny-theme .sidebar ul li:hover {
  background: url("../images/others/cny_theme/li_active.jpg") 0 0 no-repeat;
  background-size: 100% 100%;
}

.activity .cny-theme .sidebar ul li:hover a, .horizontal .cny-theme .sidebar ul li:hover a {
  color: #ffc264;
}

body.mask-on:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

body .hb-main.is-online .hb-activity {
  display: block;
}

body .hb-main.is-online .hb-time {
  display: none;
}

body .hb-main.is-online .hb-time .date {
  display: none;
}

body .hb-main.is-online .hb-time .countdown {
  display: block;
}

body .hb-main.is-online .hb-back {
  display: block;
}

body .hb-main .countdown {
  display: inline-block;
  vertical-align: middle;
}

body .hb-main .countdown i, body .hb-main .countdown em {
  color: #ffe87b;
  font-style: normal;
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
  width: 35px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  background: url("../images/others/hongbao/bg_timer.png") no-repeat center top;
  vertical-align: middle;
}

body .hb-main .countdown em {
  line-height: 43px;
}

body .hb-main .hb-time {
  background: url("../images/others/hongbao/bg_small_hb.png") no-repeat center top;
  width: 365px;
  height: 288px;
  position: fixed;
  right: 0;
  bottom: 0;
  text-align: center;
  padding-top: 160px;
  z-index: 9999;
}

body .hb-main .hb-time .date {
  width: 240px;
  margin-left: 71px;
  color: #7d0a0d;
  font-size: 16px;
  text-align: center;
}

body .hb-main .hb-time .countdown {
  display: none;
  margin-bottom: 20px;
}

body .hb-main .hb-time .hb-trigger {
  color: #fefcc3;
  border: 0;
  background-color: transparent;
}

body .hb-main .hb-time .hb-trigger:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1921px) {
  body .hb-main .hb-time {
    left: 50%;
    margin-left: 595px;
    right: auto;
  }
}

body .hb-main .hb-activity {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19891015;
  display: none;
}

body .hb-main .hb-activity:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

body .hb-main .hb-activity .hb-wrap {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
}

body .hb-main .hb-activity .btn-close {
  background: #fff url("../images/others/global/icon-close-lg.png") center center no-repeat;
  background-size: 20px 20px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #000;
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  z-index: 1001;
  -webkit-box-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 1px #000;
}

body .hb-main .hb-activity .btn-close:hover {
  background-color: #ccc;
}

body .hb-main .hb-activity .hb-back {
  background-color: transparent;
  border: 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  display: none;
}

body .hb-main .hb-activity .hb-info {
  width: 800px;
  overflow-x: hidden;
}

body .hb-main .hb-activity .hb-belt {
  position: relative;
  width: 200%;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body .hb-main .hb-activity .hb-belt.is-slide {
  left: -100%;
}

body .hb-main .hb-activity .hb-menu {
  display: inline-block;
  vertical-align: top;
  background: url("../images/others/hongbao/bg_hb.jpg") no-repeat center top;
  width: 800px;
  height: 500px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  text-align: center;
  padding-top: 325px;
}

body .hb-main .hb-activity .hb-menu strong {
  font-size: 20px;
  color: #c50405;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}

body .hb-main .hb-activity .hb-menu .hb-trigger {
  width: 198px;
  height: 38px;
  line-height: 35px;
  color: #c50405;
  font-weight: bold;
  font-size: 21px;
  border: 1px solid #c50405;
  background: transparent;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px #6a1e1e;
  box-shadow: 0 0 4px #6a1e1e;
  display: block;
  margin: 30px auto 10px;
  -webkit-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}

body .hb-main .hb-activity .hb-menu .hb-trigger:hover {
  color: #fff;
  background-color: #c50405;
}

body .hb-main .hb-activity .hb-menu p {
  font-size: 16px;
  color: #045816;
}

body .hb-main .hb-activity .hb-rules {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  width: 800px;
  height: 500px;
  padding: 30px 20px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  font-size: 18px;
}

body .hb-main .hb-activity .hb-rules h3 {
  font-size: 26px;
  color: #c50405;
  text-align: center;
  margin-bottom: 30px;
}

body .hb-main .hb-activity .hb-rules > ol {
  list-style-type: none;
  color: #ffffff;
  line-height: 30px;
}

body .hb-main .hb-activity .hb-rules > ol > li {
  position: relative;
}

body .hb-main .hb-activity .hb-rules > ol > li span {
  display: inline-block;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}

body .hb-main .hb-activity .hb-rules > ol > li ol {
  list-style-type: none;
}

body .hb-main .hb-activity .hb-rules > ol > li ol li {
  text-indent: 30px;
}

body .hb-main .hb-result {
  background: url("../images/others/hongbao/bg_result.jpg") no-repeat center top;
  width: 800px;
  height: 500px;
  padding: 30px 20px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -400px;
  z-index: 19891015;
  text-align: center;
  font-size: 20px;
  color: #b90609;
  padding-top: 140px;
  display: none;
}

body .hb-main .hb-result .money {
  display: block;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 170px;
}

body .hb-main .hb-result .money:after {
  content: '元';
  font-size: 20px;
  vertical-align: middle;
  margin-left: 5px;
}

body .hb-main .hb-result p {
  color: #065913;
  font-size: 16px;
}

#originModal {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 9999;
}

#originModal > .content {
  width: 800px;
  height: 500px;
  background: url(/assets/images/home/popup.jpg);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#originModal > .content > .submit {
  width: 237px;
  height: 75px;
  display: block;
  background: url(/assets/images/home/popup-2_03.png);
  background-size: cover;
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
  color: #e3b778;
  font-weight: bold;
  line-height: 70px;
  margin-top: 390px;
  margin-left: 98px;
}

#originModal > .content .modal-close {
  display: block;
  width: 45px;
  height: 45px;
  float: right;
  background: url(/assets/images/home/popup_close.png);
  margin-right: -20px;
  margin-top: -20px;
}

#originModal > .content .modal-close:hover {
  cursor: pointer;
}

#rechargeModal {
  position: fixed;
  max-width: 1920px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 9999;
}

#rechargeModal > .content {
  width: 800px;
  height: 500px;
  background: url(/assets/images/home/popup-2.jpg);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#rechargeModal > .content > .submit {
  width: 267px;
  height: 85px;
  display: block;
  background: url(/assets/images/home/popup-2_03.png);
  background-size: cover;
  text-align: center;
  font-size: 30px;
  letter-spacing: 2px;
  color: #e3b778;
  font-weight: bold;
  line-height: 80px;
  margin-top: 350px;
  margin-left: 98px;
}

#rechargeModal > .content .modal-close {
  display: block;
  width: 45px;
  height: 45px;
  float: right;
  background: url(/assets/images/home/popup_close.png);
  margin-right: -20px;
  margin-top: -20px;
}

#rechargeModal > .content .modal-close:hover {
  cursor: pointer;
}

/* INCLUDES - Include sections layout styles */
#nb_fast_bet > div {
  z-index: 999999;
}

/*NB体育样式兼容*/
.nb-qk-arrow:before, .nb-qk-arrow:after, .nb-qk-prev::before, .nb-qk-next::before, #nb_qk_btn_money_2, #nb_qk_btn_money_1 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#nb_qk_btn_money_1 {
  color: #0a0a0a;
}

.header-wrap {
  position: fixed;
  top: 0;
  left: 175px;
  right: 0;
  z-index: 1000;
}

.header-wrap .logo {
  display: none;
}

.header-wrap .date-wrap {
  background: url("../images/others/header/top_cny.png") no-repeat center top;
  height: 56px;
  width: 186px;
  float: left;
  margin: 0;
  text-align: right;
}

.header-wrap .date-wrap ul {
  margin: 0;
  font-size: 0;
  height: 56px;
  padding: 37px 12px 0 0;
}

.header-wrap .date-wrap ul li {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  font-family: "Arial Rounded MT";
  color: #333;
  width: 9px;
  text-align: center;
  line-height: 18px;
  height: 18px;
  margin: 0 3px;
  /*&.one {
          left: 70px;
        }
        &.two {
          left: 118px;
        }
        &.three {
          left: 160px;
        }
        &.four {
          left: 201px;
        }*/
}

.header-wrap .date-wrap ul li:first-child + li + li {
  font-size: 10px;
  width: 20px;
}

.header-wrap .date-wrap ul li.text {
  width: 11px;
  margin: 0;
  visibility: hidden;
}

.header-wrap .xin-wrap {
  height: 56px;
  width: 186px;
  float: left;
  margin: 0;
  text-align: right;
  height: 56px;
  padding: 37px 12px 0 0;
}

.header-wrap .xin-wrap ul li {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  font-family: "Arial Rounded MT";
  color: #B70105;
  width: 9px;
  text-align: center;
  line-height: 18px;
  height: 18px;
  margin: 0 3px;
}

.header-wrap .xin-wrap ul li:first-child + li + li {
  font-size: 10px;
  width: 18px;
}

.header-wrap .xin-wrap ul li.text {
  width: 12px;
  margin: 0;
  visibility: hidden;
}

.header-wrap .header-overlay {
  background: url("../images/others/global/t_0.5.png") repeat;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  display: none;
}

.header-wrap .navbar-collapse {
  padding: 0;
  min-width: 1115px;
}

.header-wrap .navbar-collapse .navbar-after #vipkehu {
  position: relative;
}

.header-wrap .navbar-collapse .navbar-after #vipkehu.on:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fe0606;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: -6px;
}

.header-wrap .navbar {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #cecece;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.header-wrap .navbar-nav > li > a {
  padding-top: 0;
  padding-bottom: 0;
  height: 56px;
  line-height: 56px;
  color: #554031;
}

.header-wrap .navbar-nav > .active > a,
.header-wrap .navbar-nav > .active > a:hover,
.header-wrap .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #d1601a;
}

.header-wrap .navbar-nav > li > a:hover,
.header-wrap .navbar-nav > li > a:focus {
  color: #d1601a;
}

.header-wrap .navbar-right {
  margin: 0;
  padding: 13px 0;
  padding-right: 15px;
}

.header-wrap .navbar-right > .btn-group {
  margin-left: 5px;
}

.header-wrap .navbar-right .btn-custom {
  color: #554031;
  background-color: #dbcec6;
  border: 1px solid #baaca4;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 0;
  width: 110px;
  height: 30px;
  line-height: 28px;
  outline: none;
}

.header-wrap .navbar-right .btn-custom:hover {
  color: #d1601a;
}

.header-wrap .navbar-right .btn-custom.btn-orange {
  background-color: #d1601a;
  border: 1px solid #d1601a;
  color: #fff;
}

.header-wrap .navbar-right .btn-custom.btn-orange:hover {
  color: #fff;
}

.header-wrap .navbar-right .btn-custombtn {
  color: #554031;
  background-color: #dbcec6;
  border: 1px solid #baaca4;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 0;
  width: 110px;
  height: 30px;
  line-height: 28px;
}

.header-wrap .navbar-right .btn-deposit {
  position: relative;
  padding-left: 25px;
  width: 100px;
  margin-left: 5px;
}

.header-wrap .navbar-right .btn-deposit:before {
  content: '';
  background: url("../images/others/header/gift_icon.png") no-repeat;
  position: absolute;
  width: 55px;
  height: 55px;
  top: 50%;
  margin-top: -27px;
  left: -15px;
}

.header-wrap .navbar-right .btn-message {
  position: relative;
  width: 90px;
}

.header-wrap .navbar-right .btn-message .badge {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  background-color: #d1601a;
  position: absolute;
  top: -8px;
}

.header-wrap .navbar-right .btn-message:focus {
  outline: none;
}

.header-wrap [class^="icon-"] {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/others/header/header_icons.png");
  background-repeat: no-repeat;
  position: relative;
  margin-right: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.header-wrap .icon-cup {
  background-position: 0 -3px;
  width: 19px;
  height: 19px;
  top: -3px;
}

.header-wrap li.active .icon-cup, .header-wrap a:hover .icon-cup {
  background-position: 0 -37px;
}

.header-wrap .icon-bbs {
  background-position: -50px -4px;
  width: 22px;
  height: 18px;
  top: -2px;
}

.header-wrap li.active .icon-bbs, .header-wrap a:hover .icon-bbs {
  background-position: -50px -38px;
}

.header-wrap .icon-diamond {
  background-position: -104px -6px;
  width: 18px;
  height: 13px;
  top: -2px;
}

.header-wrap li.active .icon-diamond, .header-wrap a:hover .icon-diamond {
  background-position: -104px -40px;
}

.header-wrap .icon-users {
  background-position: -158px -4px;
  width: 27px;
  height: 17px;
  top: -2px;
}

.header-wrap li.active .icon-users, .header-wrap a:hover .icon-users {
  background-position: -158px -38px;
}

.header-wrap li.active .icon-vip, .header-wrap a:hover .icon-vip {
  background-position: -817px -35px;
}

.header-wrap .icon-meg {
  background-position: -774px -3px;
  width: 22px;
  height: 18px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.header-wrap button:hover .icon-meg, .header-wrap a:hover .icon-meg {
  background-position: -774px -37px;
}

.header-wrap .icon-user {
  background-position: -226px -3px;
  width: 19px;
  height: 20px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.header-wrap .icon-vip {
  background-position: -817px 0px;
  width: 30px;
  height: 20px;
  position: relative;
  top: -1px;
  margin-right: 0px;
}

.header-wrap li.active .icon-question-circle, .header-wrap a:hover .icon-question-circle {
  background-position: 0 -28px;
}

.header-wrap .icon-question-circle {
  background-image: url("../images/others/icon_question_circle.png");
  background-position: 0 0;
  width: 18px;
  height: 18px;
}

.header-wrap button:hover .icon-user, .header-wrap a:hover .icon-user {
  background-position: -226px -37px;
}

.header-wrap .icon-reg {
  background-position: -292px 0;
  width: 21px;
  height: 27px;
  position: relative;
  bottom: 3px;
}

.header-wrap button:hover .icon-reg {
  background-position: -292px -31px;
}

.header-wrap .icon-card {
  background-position: -726px -7px;
  width: 18px;
  height: 13px;
  position: relative;
  top: -1px;
}

.header-wrap button:hover .icon-card {
  background-position: -726px -39px;
}

.header-wrap .icon-try {
  background-position: -366px -3px;
  position: relative;
  top: -1px;
  width: 22px;
  height: 20px;
}

.header-wrap button:hover .icon-try {
  background-position: -366px -35px;
}

.header-wrap .dropdown-menu .dropdown-content {
  background-color: #fff;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: 0px 0px 7px 2px rgba(191, 190, 190, 0.11);
  box-shadow: 0px 0px 7px 2px rgba(191, 190, 190, 0.11);
  padding: 20px;
}

.header-wrap .dropdown-menu .dropdown-content:before {
  content: '';
  position: absolute;
  top: -4px;
  right: 50px;
  border: 6px solid transparent;
  border-bottom: 5px solid #fff;
}

.header-wrap .navbar .navbar-nav .open .dropdown-menu {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  border: 0;
  width: 320px;
}

.header-wrap .dropdown-header {
  background-color: #f4f4f4;
  margin: -20px -20px 0;
  padding: 10px 20px;
}

.header-wrap .dropdown-header .nav-tabs {
  margin-bottom: 0;
  border-bottom: 0;
  text-align: center;
  font-size: 0;
}

.header-wrap .dropdown-header .nav-tabs li {
  margin-bottom: 0;
  float: none;
  display: inline-block;
  width: 50%;
}

.header-wrap .dropdown-header .nav-tabs li:first-child a {
  -webkit-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  border-right: transparent;
}

.header-wrap .dropdown-header .nav-tabs li:last-child a {
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  border-left: transparent;
}

.header-wrap .dropdown-header .nav-tabs a {
  color: #554031;
  background-color: #fff;
  border: 1px solid #554031;
  margin-right: 0;
  font-size: 14px;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 5px 0;
}

.header-wrap .dropdown-header .nav-tabs > li.active > a,
.header-wrap .dropdown-header .nav-tabs > li.active > a:hover,
.header-wrap .dropdown-header .nav-tabs > li.active > a:focus {
  background-color: #554031;
  color: #fff;
  border: 1px solid #554031;
}

.header-wrap .modal-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: auto;
  top: 12%;
  margin-left: auto\9;
}

.header-wrap .modal-dialog {
  width: 600px;
  height: 100%;
  height: auto\9;
  margin: 30px\9 auto 0 !important;
  pointer-events: none;
}

.header-wrap #loginModal .modal-content .bookmark {
  cursor: pointer;
  background: url("../images/others/header/register.gif") center no-repeat;
  width: 113px;
  height: 129px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}

.header-wrap .modal-header {
  position: relative;
  background: url("../images/others/header/modal_logo.png") center 20px no-repeat;
  border: none;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  padding: 95px 0 0;
}

.header-wrap .modal-header .close {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 50%;
  right: 10px;
  margin-top: -64px;
  font-size: 50px;
}

.header-wrap .modal-header h4 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 5px;
}

.header-wrap .modal-header .nav-tabs {
  background: #fff;
  text-align: center;
  font-size: 0;
  border: 1px solid #554031;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin: 0 125px;
  overflow: hidden;
}

.header-wrap .modal-header .nav-tabs li {
  margin-bottom: 0;
  float: none;
  display: inline-block;
  width: 50%;
}

.header-wrap .modal-header .nav-tabs li a {
  margin: 0;
  padding: 5px 0 6px;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #554031;
  font-size: 16px;
}

.header-wrap .modal-header .nav-tabs > li.active > a,
.header-wrap .modal-header .nav-tabs > li.active > a:hover,
.header-wrap .modal-header .nav-tabs > li.active > a:focus {
  background: #554031;
  color: #fff;
}

.header-wrap .modal-body {
  padding: 20px 120px 30px;
}

.header-wrap .modal-body .tab-pane {
  padding: 0;
}

.header-wrap .modal-body .input-group-addon:first-child {
  width: 40px;
}

.header-wrap .modal-body .form-control {
  height: 40px;
}

.header-wrap .modal-body .btn-resend, .header-wrap .modal-body .btn-resend3 {
  padding: 9px 12px;
}

.header-wrap .modal-body .btn-submit {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 18px;
  letter-spacing: 10px;
}

.header-wrap .modal-body .sm-margin {
  margin-bottom: 5px;
}

.header-wrap .tab-pane {
  padding-top: 15px;
}

.header-wrap .icon-user-o {
  background: url("../images/others/header/icon-user-o.png") no-repeat;
  width: 21px;
  height: 21px;
}

.header-wrap .icon-lock-o {
  background: url("../images/others/header/icon-lock-o.png") no-repeat;
  width: 15px;
  height: 19px;
}

.header-wrap .icon-cp {
  background: url("../images/others/header/icon-cp.png") no-repeat;
  width: 16px;
  height: 21px;
}

.header-wrap .captcha {
  padding: 0;
}

.header-wrap .input-group {
  width: 100%;
}

.header-wrap .input-group-addon {
  border: 1px solid #cccccc;
}

.header-wrap .input-group-addon:first-child {
  background-color: #ffffff;
  border-right: none;
  padding: 6px 0;
  width: 35px;
}

.header-wrap .input-group-addon:not(:first-child):not(:last-child) {
  border-right: none;
}

.header-wrap .input-group-addon:last-child {
  border-left: none;
}

.header-wrap .input-group-btn:last-child > .btn {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.header-wrap #readonly {
  padding: 6px 5px;
  background: #fff;
  border-left-color: #eaeaea;
}

.header-wrap .ag-icon {
  background: url("../images/others/ag.png");
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 20px;
}

.header-wrap .dropdown-content .form-control {
  height: 40px;
  padding: 0 12px;
  line-height: 40px;
}

.header-wrap .forget-password-wrap, .header-wrap .new-password, .header-wrap .confirmed-password {
  display: none;
}

.header-wrap .btn-submit {
  background-color: #554031;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
}

.header-wrap .btn-submit:hover, .header-wrap .btn-submit:focus {
  text-decoration: none;
  background-color: #453428;
}

.header-wrap .btn-link {
  color: #ff7c18;
}

.header-wrap .btn-link:hover {
  text-decoration: underline;
}

.header-wrap .btn-link:hover, .header-wrap .btn-link:focus {
  color: #ff7c18;
}

.header-wrap .form-group:last-child {
  margin-bottom: 0;
}

.header-wrap .btn-resend, .header-wrap .btn-resend3 {
  background-color: #554031;
  color: #fff;
  padding: 9px 12px;
}

.header-wrap .help-block {
  font-size: 12px;
  margin: 0 0 -15px;
  padding: 5px 0;
  color: #3cb410;
}

.header-wrap .help-block .fa {
  font-size: 14px;
  margin-right: 5px;
}

.header-wrap .help-block:before {
  content: "\f058";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 5px;
}

.header-wrap .help-block.has-error {
  color: #ff7c18;
}

.header-wrap .help-block.has-error:before {
  content: "\f06a";
}

.header-wrap .form-group.required {
  position: relative;
}

.header-wrap .form-group.required:before {
  content: '*';
  position: absolute;
  top: 0;
  left: -10px;
  color: red;
}

.header-wrap .text-red {
  color: red;
}

.header-wrap .btn-orange ~ .modal .control-label {
  font-weight: normal;
  text-align: left;
}

.header-wrap .btn-orange ~ .modal .btn-submit {
  margin-bottom: 15px;
  margin-bottom: 0 \9;
}

.header-wrap .btn-orange ~ .modal p {
  margin-bottom: 15px;
}

.header-wrap .btn-orange ~ .modal p ~ a {
  color: #333;
  display: block;
  border: 1px solid #dedede;
  padding: 3px;
  margin-bottom: 5px;
  margin-right: 15px;
  position: relative;
}

.header-wrap .btn-orange ~ .modal p ~ a:hover {
  text-decoration: none;
  background-color: #b8a583;
  border: 1px solid #b8a583;
  color: #fff;
}

.header-wrap .btn-orange ~ .modal p ~ a:hover:before, .header-wrap .btn-orange ~ .modal p ~ a:hover:after {
  border-left: 15px solid #b8a583;
}

.header-wrap .btn-orange ~ .modal p ~ a:before {
  content: '';
  border: 14px solid transparent;
  border-left: 15px solid #dedede;
  position: absolute;
  top: -1px;
  right: -30px;
}

.header-wrap .btn-orange ~ .modal p ~ a:after {
  content: '';
  border: 13px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
  top: 0px;
  right: -28px;
}

.header-wrap .btn-orange ~ .modal p ~ .text-center a {
  margin-top: 15px;
  display: block;
}

.header-wrap .icon-map {
  background-position: -441px -4px;
  width: 23px;
  height: 17px;
  position: relative;
  bottom: 2px;
}

.header-wrap a:hover .icon-map {
  background-position: -441px -38px;
}

.header-wrap .icon-piggy {
  background-position: -514px 0;
  width: 24px;
  height: 26px;
  position: relative;
  bottom: 2px;
}

.header-wrap a:hover .icon-piggy {
  background-position: -514px -35px;
}

.header-wrap .icon-folder {
  background-position: -594px -3px;
  width: 22px;
  height: 19px;
  position: relative;
  bottom: 2px;
}

.header-wrap a:hover .icon-folder {
  background-position: -594px -37px;
}

.header-wrap .input-password .input-group-addon.last {
  background-color: #fff;
}

.header-wrap .input-password button {
  border-left: 0\9;
  padding: 0;
  height: 40px;
  width: 35px;
}

.header-wrap .input-password button:hover, .header-wrap .input-password button:focus {
  outline: none;
  background: #fff;
}

.header-wrap .input-password button.is-click .fa {
  color: #554031;
}

.header-wrap .input-password button.is-click .fa:before {
  content: "\f06e";
}

.header-wrap .navbar-after {
  display: block;
}

.header-wrap .navbar-after .gamelobby.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.header-wrap .navbar-after .gamelobby:hover .dropdown-menu {
  display: block;
}

.header-wrap .navbar-after .gamelobby .dropdown-container {
  position: absolute;
  top: 100%;
  right: -130%;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu {
  border: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 9px 0 0;
  margin: 0;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby {
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-color: #dbcec6;
  border: 1px solid #baaca3;
  position: relative;
  height: 95px;
  width: 810px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby:before {
  content: '';
  border: 8px solid transparent;
  border-bottom: 5px solid #dbcec6;
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: 200px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby:after {
  content: '';
  border: 10px solid transparent;
  border-bottom: 5px solid #baaca3;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: 198px;
  z-index: -1;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul {
  font-size: 0;
  margin: 0;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li {
  font-size: 14px;
  display: inline-block;
  padding-top: 10px;
  margin-left: 35px;
  vertical-align: bottom;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a {
  color: #554031;
  display: block;
  cursor: pointer;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon {
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon1 {
  background-position: 0 -57px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon2 {
  background-position: -99px -59px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon3 {
  background-position: -210px -60px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon4 {
  background-position: -318px -55px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon5 {
  background-position: -425px -60px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon6 {
  background-position: -527px -59px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon7 {
  background-position: -628px -57px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon8 {
  background-position: -732px -56px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon9 {
  background-position: -821px -56px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li a:hover .menu-gamelobby-icon.gamelobby-icon11 {
  background-position: -1021px -56px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon {
  background: url("../images/others/header/header_menu_gamelobby.png") no-repeat;
  display: block;
  margin: 0 auto 5px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon1 {
  background-position: 0 -2px;
  width: 50px;
  height: 48px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon2 {
  background-position: -99px -4px;
  width: 59px;
  height: 47px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon3 {
  background-position: -210px -5px;
  width: 47px;
  height: 50px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon4 {
  background-position: -318px 0;
  width: 53px;
  height: 51px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon5 {
  background-position: -425px -5px;
  width: 52px;
  height: 46px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon6 {
  background-position: -527px -4px;
  width: 53px;
  height: 47px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon7 {
  background-position: -628px -2px;
  width: 53px;
  height: 49px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon8 {
  background-position: -732px 0;
  width: 55px;
  height: 43px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon9 {
  background-position: -821px 0;
  width: 50px;
  height: 50px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon10 {
  background-position: -921px 0;
  width: 49px;
  height: 49px;
}

.header-wrap .navbar-after .gamelobby .dropdown-container .dropdown-menu .menu-gamelobby ul li .menu-gamelobby-icon.gamelobby-icon11 {
  background-position: -1021px 0;
  width: 49px;
  height: 50px;
}

.header-wrap .navbar-after .btn-menu {
  margin: -15px -15px -13px 0;
}

.header-wrap .navbar-after .btn-menu .btn-menu-trigger {
  padding: 0;
  border: 0;
  background: transparent;
  padding: 15px 15px;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header-wrap .navbar-after .btn-menu .btn-menu-trigger:active,
.header-wrap .navbar-after .btn-menu .btn-menu-trigger.active,
.header-wrap .navbar-after .btn-menu .open > .dropdown-toggle.btn-menu-trigger,
.header-wrap .navbar-after .btn-menu .btn-menu-trigger:active, .header-wrap .navbar-after .btn-menu .btn-menu-trigger.active,
.header-wrap .navbar-after .btn-menu.open .dropdown-toggle {
  background: url("../images/others/header/bg.png") center center;
}

.header-wrap .navbar-after .btn-menu .btn-menu-trigger:active .menu-bar,
.header-wrap .navbar-after .btn-menu .btn-menu-trigger.active .menu-bar,
.header-wrap .navbar-after .btn-menu .open > .dropdown-toggle.btn-menu-trigger .menu-bar,
.header-wrap .navbar-after .btn-menu .btn-menu-trigger:active .menu-bar, .header-wrap .navbar-after .btn-menu .btn-menu-trigger.active .menu-bar,
.header-wrap .navbar-after .btn-menu.open .dropdown-toggle .menu-bar {
  background: url("../images/others/header/menu_bar_o.png") no-repeat center center;
}

.header-wrap .navbar-after .btn-menu .menu-bar {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/others/header/menu_bar.png") no-repeat center center;
  width: 33px;
  height: 25px;
}

.header-wrap .navbar-after .btn-menu .menu-bar:before {
  content: none;
}

.header-wrap .navbar-after .btn-menu .dropdown-menu:before {
  content: none;
}

.header-wrap .navbar-after .btn-menu.open .dropdown-menu {
  margin-top: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  padding: 0;
  width: 240px;
}

.header-wrap .navbar-after .btn-menu .menu-header {
  background: url("../images/others/header/bg.png") center center;
  color: #dbcec6;
  padding: 15px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media {
  margin-bottom: 10px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media .media-left, .header-wrap .navbar-after .btn-menu .menu-header .media .media-body {
  vertical-align: middle;
  width: auto;
}

.header-wrap .navbar-after .btn-menu .menu-header .media .media-left {
  padding: 0 15px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media em {
  display: block;
  margin-bottom: 7px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media span {
  display: block;
  width: 47px;
  height: 16px;
  line-height: 14px;
  border: 1px solid #f87604;
  color: #fff;
  font-size: 12px;
  font-family: "Berlin Sans FB";
  text-align: center;
  background: #fc9702;
  background: -moz-linear-gradient(top, #fc9702 0%, #f77405 100%);
  background: -webkit-linear-gradient(top, #fc9702 0%, #f77405 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fc9702), to(#f77405));
  background: linear-gradient(to bottom, #fc9702 0%, #f77405 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9702', endColorstr='#f77405',GradientType=0 );
  margin-bottom: 4px;
  position: relative;
  margin-left: 10px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media span:before {
  content: '';
  background: url("../images/user/crowns.png") no-repeat -15px -15px;
  width: 17px;
  height: 16px;
  position: absolute;
  top: -2px;
  left: -10px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media span.level-1:before {
  background-position: -62px -15px;
}

.header-wrap .navbar-after .btn-menu .menu-header .media span.level-2:before {
  background-position: -109px -15px;
}

.header-wrap .navbar-after .btn-menu .menu-header small {
  text-align: center;
  display: block;
}

.header-wrap .navbar-after .btn-menu .menu-body {
  border: 1px solid #c6b3a8;
  text-align: center;
  padding: 10px 0px;
}

.header-wrap .navbar-after .btn-menu .menu-body span, .header-wrap .navbar-after .btn-menu .menu-body h2 {
  color: #ff6a00;
  display: block;
  font-size: 14px;
}

.header-wrap .navbar-after .btn-menu .menu-body span:before, .header-wrap .navbar-after .btn-menu .menu-body h2:before {
  content: '\00A5';
  font-size: 14px;
  padding-left: 2px;
}

.header-wrap .navbar-after .btn-menu .menu-body h2 {
  padding: 5px 0;
  border-bottom: 1px solid #d6d6d6;
  font-size: 20px;
}

.header-wrap .navbar-after .btn-menu .menu-body h2:after {
  font-size: 14px;
}

.header-wrap .navbar-after .btn-menu .menu-body ul {
  margin: 0;
  font-size: 0;
  padding: 10px;
}

.header-wrap .navbar-after .btn-menu .menu-body ul li {
  font-size: 12px;
  width: 50%;
  border-left: 1px solid #d6d6d6;
}

.header-wrap .navbar-after .btn-menu .menu-body ul li:first-child {
  border-left: 0;
}

.header-wrap .navbar-after .btn-menu .menu-body .btn {
  padding: 0;
  width: 88px;
  height: 22px;
  line-height: 20px;
  background-color: #e6e6e6;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.header-wrap .navbar-after .btn-menu .menu-body .btn:hover {
  background-color: #d9d9d9;
}

.header-wrap .navbar-after .btn-menu .menu-body .btn-logout {
  display: block;
  text-align: center;
  background-color: #f4f4f4;
  margin: 10px 0 -10px;
  padding: 5px 0;
  color: #554031;
}

.header-wrap .navbar-after .btn-menu .menu-body .btn-logout .fa {
  margin-right: 5px;
}

.header-wrap .navbar-after .btn-menu .menu-body .btn-logout:hover {
  background-color: #efefef;
}

@media screen and (min-width: 1921px) {
  .header-wrap {
    width: 1745px;
    left: auto;
    right: auto;
    margin-left: 175px;
  }
  .activity .header-wrap, .horizontal .header-wrap {
    width: 1920px;
    left: auto;
    right: auto;
    margin: 0;
  }
  .pop-up-left0, .pop-up-left1, .tools-btn {
    width: 30px;
    left: 50%;
    margin-left: 930px;
  }
}

.recom-friend {
  float: left;
  color: red;
  position: relative;
  top: -5px;
}

.recom-friend .peo-icon {
  float: left;
  width: 34px;
  height: 37px;
  vertical-align: bottom;
  margin-right: 5px;
  background: url("../images/others/header/gift-icon.png") 0 0 no-repeat;
  background-size: 100%;
}

.recom-friend em {
  float: left;
  padding-top: 6px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  to {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  to {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@media (max-width: 1366px) {
  .header-wrap .navbar-nav > li > a {
    padding: 0 8px;
  }
}

/* shake effect */
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}

.header-wrap .navbar-right.new {
  padding-top: 0;
}

.header-wrap .navbar-right.new .btn-group {
  vertical-align: bottom;
}

.header-wrap .navbar-right .btn-custom.btn-send-coin {
  width: 134px;
  height: 43px;
  background: url("../images/others/header/icon-menu2.gif") center no-repeat;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header-wrap .navbar-right .btn-custom.btn-send-coin:hover {
  background: url("../images/others/header/icon-menu2-active.gif") center no-repeat;
}

.header-wrap .navbar-right .btn-custom.btn-freeplay {
  width: 110px;
  height: 30px;
  color: #fff;
  background: #ff9500;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), color-stop(100%, #ff6a2d), color-stop(100%, #2989d8), to(#ff6a2d));
  background: -webkit-linear-gradient(top, #ff9500 0%, #ff6a2d 100%, #2989d8 100%, #ff6a2d 100%);
  background: linear-gradient(to bottom, #ff9500 0%, #ff6a2d 100%, #2989d8 100%, #ff6a2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 0;
  -webkit-border-radius: 50px\0;
  border-radius: 50px\0;
}

.header-wrap .navbar-right .btn-custom.btn-freeplay .icon-freeplay {
  width: 36px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/others/header/icon-menu3.png");
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  margin-right: 0;
  margin-top: -12px;
}

.header-wrap .navbar-right .btn-custom.btn-freeplay:hover {
  background: #fe8445;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8445), to(#ed4a52));
  background: -webkit-linear-gradient(top, #fe8445 0%, #ed4a52 100%);
  background: linear-gradient(to bottom, #fe8445 0%, #ed4a52 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 50px\0;
  border-radius: 50px\0;
}

.header-wrap .navbar-right .btn-demo {
  width: 133px;
  border: 1px solid #554031;
  background-color: #554031;
  color: #fff;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 50px !important;
  border-radius: 50px !important;
}

.header-wrap .navbar-right .btn-demo .icon-add-user {
  background: url("../images/others/user_icons.png") 0 0;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  margin-right: 5px;
}

.header-wrap .navbar-right .btn-demo:hover {
  background-color: transparent;
  color: #554031;
}

.header-wrap .navbar-right .btn-demo:hover .icon-add-user {
  background-position: 0 -34px;
}

.w-lg {
  float: left;
  margin-left: 20px;
}

.w-lg a img {
  margin-bottom: 4px;
}

.w-lg .btn_half i {
  margin-left: 8px;
}

.dygame-dropdown .dygame-dropdown-menu .w-lg p span {
  display: block;
  position: relative;
  border: 1px solid #fff;
  border-left: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 50%;
  height: 38px;
  line-height: 36px;
  padding: 0;
  font-size: 14px;
  color: #666;
  float: left;
  background: #e4e4e4;
}

.dygame-dropdown .dygame-dropdown-menu .w-lg p span:hover {
  background: #1fa4d9;
  color: #fff;
}

.specific-Domain {
  display: none;
}

.specific-Domain > .modal-dialog {
  width: 990px;
}

.specific-Domain > .modal-dialog .bg {
  float: left;
  top: 12%;
  position: absolute;
  display: block;
  width: 394px;
}

.specific-Domain > .modal-dialog .bg img {
  float: right;
  display: block;
  margin-right: 4px;
}

.specific-Domain > .modal-dialog .modal-content {
  width: 600px;
  float: right;
  right: 0;
}

.sidebar {
  width: 175px;
  position: absolute;
  top: 0;
  background: #f6f6f6;
  z-index: 997;
}

.sidebar.fixed {
  position: fixed;
  top: -175px;
}

.sidebar.fixedsm {
  position: fixed;
}

.sidebar .logo {
  background: url("/assets/images/maintenance/logo.png") center center no-repeat;
  background-color: #dbcec6;
  display: block;
  width: 175px;
  height: 175px;
  margin-bottom: 1px;
  position: relative;
  z-index: 2;
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

.sidebar ul {
  margin: 0;
  overflow: hidden;
}

.sidebar ul li a {
  background-image: url("/assets/images/others/sidebar/sidebar_icons.png");
  background-position: 35px center;
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  line-height: 40px;
  color: #554031;
  margin-bottom: 1px;
  text-align: center;
  position: relative;
  padding-left: 25px;
}

.sidebar ul li a .hot {
  margin-left: 5px;
  margin-top: 7px;
  position: absolute;
}

.sidebar ul li a .more {
  margin-left: 5px;
  margin-top: 3px;
  position: absolute;
}

.sidebar ul li a.home {
  background-position: 22px 11px;
}

.sidebar ul li a.international {
  background-position: 22px -32px;
}

.sidebar ul li a.flagship {
  background-position: 22px -74px;
  position: relative;
}

.sidebar ul li a.gamecity {
  background-position: 22px -409px;
}

.sidebar ul li a.liveroom {
  background-position: 22px -369px;
}

.sidebar ul li a.tel {
  background-position: 22px -490px;
}

.sidebar ul li a.casino {
  background-position: 22px -156px;
}

.sidebar ul li a.bbin {
  background-position: 22px -197px;
}

.sidebar ul li a.sports {
  background-position: 22px -242px;
}

.sidebar ul li a.promotions {
  background-position: 22px -285px;
}

.sidebar ul li a.mobile {
  background-position: 22px -325px;
}

.sidebar ul li a.fishing {
  background-position: 22px -449px;
}

.sidebar ul li a.ggc {
  background-position: 22px -530px;
}

.sidebar ul li a:before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d9d9d9;
  -webkit-transition: .35s ease all;
  transition: .35s ease all;
}

.sidebar ul li.active a,
.sidebar ul li a:hover {
  color: #d1601a;
}

.sidebar ul li.active a:before,
.sidebar ul li a:hover:before {
  left: 0;
}

.sidebar .ag_ewm {
  display: inline-block;
  width: 150px;
  height: 185px;
  background: url("/assets/images/others/global/ag_indexewm.jpg") 0 0 no-repeat;
  margin-left: 15px;
}

.sidebar .ag_ewm em {
  display: inline-block;
  width: 150px;
  position: relative;
  top: 130px;
  color: #999;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 700;
}

.sidebar .ag_ewm .qrcode-line {
  left: 2px;
  position: relative;
  width: 150px;
  -webkit-animation: roll 3s linear infinite;
  animation: roll 3s linear infinite;
}

@-webkit-keyframes roll {
  from {
    top: 6px;
  }
  to {
    top: 120px;
  }
}

@keyframes roll {
  from {
    top: 6px;
  }
  to {
    top: 120px;
  }
}

.sidebar .envelope {
  width: 25px;
  position: absolute;
  margin-top: 10px;
}

.sidebar .scanner {
  position: absolute;
  top: 0;
  left: 25px;
  -webkit-animation: scanner 2s infinite;
  animation: scanner 2s infinite;
}

.sidebar .qr-wrap {
  position: relative;
  height: 175px;
  text-align: center;
  background: -webkit-linear-gradient(89deg, #fbfbfb 0, #F6F6F6 100%);
  background: linear-gradient(1deg, #fbfbfb 0, #F6F6F6 100%);
}

.sidebar .qr-wrap p {
  margin-top: 5px;
  font-size: 12px;
}

.sidebar .qr-wrap #img_qr canvas {
  border: 15px solid #fff;
}

.horizontal .sidebar, .activity .sidebar {
  background: #dbcec6;
  position: fixed;
  width: 100%;
  max-width: 1920px;
  height: 50px;
  top: 56px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.horizontal .sidebar .more, .activity .sidebar .more {
  display: none;
}

.horizontal .sidebar .logo, .activity .sidebar .logo {
  display: none;
}

.horizontal .sidebar ul, .activity .sidebar ul {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  text-align: right;
  font-size: 0;
}

.horizontal .sidebar ul li, .activity .sidebar ul li {
  display: inline-block;
  border-right: 1px solid #baaca4;
}

.horizontal .sidebar ul li a, .activity .sidebar ul li a {
  background-position: 8px center;
  display: block;
  width: 120px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  padding-left: 30px;
  font-size: 16px;
}

.horizontal .sidebar ul li a:before, .activity .sidebar ul li a:before {
  display: none;
}

.horizontal .sidebar ul li:after, .activity .sidebar ul li:after {
  display: none;
}

.horizontal .sidebar ul li.active, .horizontal .sidebar ul li:hover, .activity .sidebar ul li.active, .activity .sidebar ul li:hover {
  background: #ab8f7b;
}

.horizontal .sidebar ul li.active a, .horizontal .sidebar ul li:hover a, .activity .sidebar ul li.active a, .activity .sidebar ul li:hover a {
  color: #000;
}

.horizontal .sidebar ul li.active a:before, .horizontal .sidebar ul li:hover a:before, .activity .sidebar ul li.active a:before, .activity .sidebar ul li:hover a:before {
  top: 0;
}

.horizontal .sidebar ul li:last-child, .activity .sidebar ul li:last-child {
  border-right: none;
}

.horizontal .sidebar ul li:first-child, .activity .sidebar ul li:first-child {
  display: none;
}

.horizontal .sidebar ul li.left, .activity .sidebar ul li.left {
  float: left;
}

.horizontal .sidebar ul li.left.show-home, .activity .sidebar ul li.left.show-home {
  display: block;
}

.horizontal .sidebar ul li.left.no-right-border, .activity .sidebar ul li.left.no-right-border {
  border: none;
}

@media screen and (min-width: 1367px) {
  .horizontal .sidebar ul li, .activity .sidebar ul li {
    width: 140px;
  }
}

@media screen and (min-width: 1601px) {
  .horizontal .sidebar ul li, .activity .sidebar ul li {
    width: 180px;
  }
}

@media screen and (max-width: 1366px) {
  .horizontal .sidebar ul li a, .horizontal .sidebar ul li a:hover, .horizontal .sidebar ul li:hover a, .horizontal .sidebar ul li:hover a:hover, .activity .sidebar ul li a, .activity .sidebar ul li a:hover, .activity .sidebar ul li:hover a, .activity .sidebar ul li:hover a:hover {
    background: none !important;
    padding-left: 0 !important;
  }
}

.horizontal .sidebar .qr-wrap, .activity .sidebar .qr-wrap {
  display: none;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scanner {
  0% {
    top: 0;
  }
  50% {
    top: 110px;
  }
  100% {
    top: 0;
  }
}

/* Standard syntax */
@keyframes scanner {
  0% {
    top: 0;
  }
  50% {
    top: 110px;
  }
  100% {
    top: 0;
  }
}

.footer {
  position: relative;
  background: #fff;
  width: 100%;
  min-height: 150px;
  padding-bottom: 10px;
  border-top: 1px solid #bbbbbb;
  text-align: center;
  font-size: 12px;
  color: #ccc;
}

.footer .logoes {
  height: 70px;
  line-height: 70px;
  margin-bottom: 12px;
  margin-top: 10px;
}

.footer .logoes a {
  padding: 0 8px;
}

.footer .logoes a.p5 {
  padding-right: 0;
}

.footer a {
  display: inline-block;
  padding: 0 15px;
  color: #666;
  vertical-align: middle;
}

.footer a:hover {
  text-decoration: underline;
  color: #81511c;
}

.footer em {
  display: inline-block;
  line-height: 120%;
  margin-left: 5px;
  margin-right: -5px;
  padding-top: 5px;
  color: #81511c;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
}

.footer span {
  color: #666;
  width: 100%;
  display: block;
  margin: 10px 0;
}

.footer .year {
  font-size: 12px;
}

.fixed-bottom {
  position: fixed;
  background: #554031;
  z-index: 1000;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

.fixed-bottom .bottom-bar {
  position: relative;
  height: 43px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.fixed-bottom .bottom-bar .tabs {
  width: 225px;
  float: left;
}

.fixed-bottom .bottom-bar .tabs a {
  background-repeat: no-repeat;
  display: block;
  width: 110px;
  height: 43px;
  padding-left: 40px;
  line-height: 43px;
  border-right: 1px solid #3d2b1e;
  float: left;
  cursor: pointer;
  color: #dbcec6;
}

.fixed-bottom .bottom-bar .tabs a.active, .fixed-bottom .bottom-bar .tabs a:hover {
  background-color: #dbcec6;
  color: #333;
}

.fixed-bottom .bottom-bar .tabs a.recommend {
  background-image: url("../images/others/footer/recommend.png");
  background-position: 10px center;
}

.fixed-bottom .bottom-bar .tabs a.hot-games {
  background-image: url("../images/others/footer/flame.png");
  background-position: 17px center;
}

.fixed-bottom .bottom-bar .tabs a.recommend.active, .fixed-bottom .bottom-bar .tabs a.recommend:hover {
  background-image: url("../images/others/footer/recommend-ov.png");
}

.fixed-bottom .bottom-bar .tabs a.hot-games.active, .fixed-bottom .bottom-bar .tabs a.hot-games:hover {
  background-image: url("../images/others/footer/flame-ov.png");
}

.fixed-bottom .bottom-bar .search-wrap {
  width: 305px;
  height: 43px;
  padding-top: 6px;
  padding-left: 20px;
  border-right: 1px solid #3d2b1e;
  float: left;
}

.fixed-bottom .bottom-bar .search-wrap input {
  float: left;
}

.fixed-bottom .bottom-bar .search-wrap .searchbar {
  padding: 5px 5px 5px 30px;
  border: none;
  background-image: url("../images/others/footer/search.png");
  background-repeat: no-repeat;
  background-position: 7px;
}

.fixed-bottom .bottom-bar .search-wrap .submitbtn {
  padding: 5px 20px 6px;
  border: 0;
  color: #fff;
  background-color: #282121;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}

.fixed-bottom .bottom-bar .marquee-wrap .fa {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25px;
  height: 100%;
  line-height: 45px;
  background: #554031;
  padding: 0 10px;
}

.fixed-bottom .bottom-bar .marquee {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 60px 0 530px;
  padding: 13px 0;
}

.fixed-bottom .bottom-bar .btn-toggle {
  position: absolute;
  width: 60px;
  height: 43px;
  right: 0;
  top: 0;
  border-left: 1px solid #3d2b1e;
  text-align: center;
}

.fixed-bottom .bottom-bar .btn-toggle i {
  background: url("../images/others/footer/close.png") center center no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 8px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fixed-bottom .bottom-bar .btn-toggle.active i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.fixed-bottom .bottom-carousel {
  background-color: #dbcec6;
  display: none;
  width: 100%;
  height: 110px;
  position: relative;
}

.fixed-bottom .footer-carousel {
  width: 1300px;
  margin: 0 auto;
}

.fixed-bottom .footer-carousel .carousel-control {
  width: 34px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  background: none;
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.fixed-bottom .footer-carousel .carousel-control.left {
  left: -5%;
}

.fixed-bottom .footer-carousel .carousel-control.right {
  right: -5%;
}

.fixed-bottom .footer-carousel .carousel-control:hover {
  opacity: 0.8;
}

.fixed-bottom .footer-carousel .carousel-inner ul.list-inline {
  margin: 0;
  width: 100%;
  font-size: 0;
}

.fixed-bottom .footer-carousel .carousel-inner ul.list-inline li {
  padding: 15px;
  font-size: 12px;
  text-align: center;
  width: 12.5%;
}

.header-wrap .modal-header .close:focus {
  outline: none;
}

.header-wrap .modal-header .close i {
  background: url("../images/others/header/close_button.png") center no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  right: 0px;
}

.sticky-wrap .sticky-container {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  width: 30px;
  z-index: 999 !important;
  /*add contact*/
}

.sticky-wrap .sticky-container .pop-up-left0 {
  padding-right: 0;
  position: fixed;
  top: 185px;
  right: 0;
  z-index: 4;
}

.sticky-wrap .sticky-container .pop-up-left1 {
  width: 30px;
  height: 100px;
  position: fixed;
  top: 315px;
  right: 0px;
  z-index: 10;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.sticky-wrap .sticky-container .to_left {
  margin-right: 165px;
}

.sticky-wrap .sticky-container .ag-sticky-left {
  background: #b8a684;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b8a684 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b8a684 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#b8a684), to(#ffffff));
  background: linear-gradient(to bottom, #b8a684 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8a684', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  width: 168px;
  height: 385px;
  margin-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.sticky-wrap .sticky-container .a-img-sticky {
  width: 30px;
  height: 109px;
  background: url("../images/others/sticky/chat-btn.gif") no-repeat;
  cursor: pointer;
  position: absolute;
}

.sticky-wrap .sticky-container .chat_btn {
  width: 96px;
  height: 36px;
  line-height: 36px;
  margin: 5px;
  background-color: #564031;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  margin: 5px auto;
}

.sticky-wrap .sticky-container .chat_btn a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.sticky-wrap .sticky-container .chat_btn:hover > a {
  color: #FDAE03;
}

.sticky-wrap .sticky-container .qq-p {
  color: #ae8a48;
  font-size: 13px;
  text-align: center;
  margin: 3px;
}

.sticky-wrap .sticky-container .qq-p span {
  color: #666;
}

.sticky-wrap .sticky-container .contact_title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #cab898;
  font-size: 14px;
  color: #FFF;
  text-align: center;
}

.sticky-wrap .sticky-container .contact_title .down_icon + p, .sticky-wrap .sticky-container .contact_title .down_icon + p + p {
  margin: 0 20px;
  font-size: 12px;
  line-height: 16px;
  color: #564031;
}

.sticky-wrap .sticky-container .contact_title .down_icon + p span, .sticky-wrap .sticky-container .contact_title .down_icon + p + p span {
  display: block;
  color: #ae8a48;
}

.sticky-wrap .sticky-container .contact_title .down_icon + p {
  border-bottom: 1px solid #e2dbd4;
  padding-bottom: 15px;
  margin: 20px 20px 15px;
}

.sticky-wrap .sticky-container img.live-chat {
  width: 96px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sticky-wrap .sticky-container img.down_icon {
  vertical-align: text-top;
  width: 11px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1px;
  margin-bottom: 6px;
}

.sticky-wrap .sticky-container p.p-num {
  color: #666;
  text-align: center;
  font-size: 13px;
  margin: 0px;
}

.sticky-wrap .sticky-container .contact_title .home_custom {
  background: url("../images/others/sticky/nav2-icon.png");
  background-repeat: no-repeat;
  background-position: -75px 1px;
  margin-bottom: 0;
}

.sticky-wrap .sticky-container .list-num {
  position: absolute;
  left: -80px;
  display: inline-block;
  width: 116px;
  height: 56px;
  background: url("../images/others/sticky/mobile_num.png") 0 0 no-repeat;
}

.sticky-wrap .sticky-container .login-pop-up4 {
  position: absolute;
  width: 396px;
  min-height: 145px;
  height: 216px;
  background-color: #f3f3f3;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-top-left-radius: 14px;
  border-top-left-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  top: 108px;
  right: 0;
  padding: 37px 15px 8px 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index: 4;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  letter-spacing: 1px;
}

.sticky-wrap .sticky-container .login-pop-up4 .title {
  font-size: 15px;
  color: #564031;
}

.sticky-wrap .sticky-container .login-pop-up4 .left {
  float: left;
  margin: -5px 0 0 34px;
  text-align: center;
}

.sticky-wrap .sticky-container .login-pop-up4 .left .three-mins {
  margin-top: 29px;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl {
  color: #564031;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl dt {
  font-size: 17px;
  margin: 20px 0 5px;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl dt span {
  font-size: 14px;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl dt span.online {
  color: #fd97a9;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl dt span.offline {
  color: #a0a0a0;
}

.sticky-wrap .sticky-container .login-pop-up4 .left dl dd {
  font-size: 15px;
}

.sticky-wrap .sticky-container .login-pop-up4.is-open {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 108px;
  visibility: visible;
}

.sticky-wrap .sticky-container .login-pop-up4:after {
  bottom: 100%;
  left: 75%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #f3f3f3;
  border-width: 10px;
  margin-left: -10px;
}

.sticky-wrap .sticky-container img.login4-close-popup {
  position: absolute;
  top: 3px;
  right: 2px;
  cursor: pointer;
}

.sticky-wrap .sticky-container .form-group-2 {
  margin: 10px 0;
}

.sticky-wrap .sticky-container .login-pop-up4 .form-control, .sticky-wrap .sticky-container .login-pop-up4 .input-group .form-control {
  width: 178px;
  padding-left: 8px;
  color: #564031;
}

.sticky-wrap .sticky-container .login-pop-up4.form-control.code-ag_inter {
  width: 140px !important;
  padding-left: 20px;
}

.sticky-wrap .sticky-container .login-pop-up4 span {
  font-size: 12px;
  color: #cb451a;
  text-align: left;
  letter-spacing: 0;
}

.sticky-wrap .sticky-container .login-pop-up4 .form-inline {
  float: left;
  width: 212px;
  margin-left: 22px;
}

.sticky-wrap .sticky-container .btn.btn-add-contact-tab1 {
  width: 180px;
  height: 34px;
  background-color: #be4822;
  text-align: center;
  color: #f3f3f3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-top: 6px;
  margin: 0 12px 12px 0;
}

.sticky-wrap .sticky-container .btn.btn-add-contact-tab1 .i-call {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/others/sticky/call.png") no-repeat;
  margin-right: 5px;
}

.sticky-wrap .sticky-container .btn.btn-add-contact-tab1.btn.btn-add-contact-tab2 {
  background-color: #564031;
}

.sticky-wrap .sticky-container .login-pop-up4 red {
  font-size: 16px;
  color: #cb451a;
  text-align: left;
  font-weight: bold;
}

.sticky-wrap .sticky-container .login-pop-up4 p {
  margin: -3px 0 10px;
}

.sticky-wrap .sticky-container .login-pop-up5 {
  width: 461px;
  height: 118px;
  background-color: #f3f3f3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-top-left-radius: 14px;
  border-top-left-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  position: relative;
  top: 393px;
  right: 165px;
  padding: 24px 15px 8px 0px;
  z-index: 5;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
}

.sticky-wrap .sticky-container .login-pop-up5.is-open {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  top: -304px;
}

.sticky-wrap .sticky-container .login-pop-up5:after {
  bottom: 100%;
  left: 75%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #f3f3f3;
  border-width: 10px;
  margin-left: -10px;
}

.sticky-wrap .sticky-container .form-wrap-reload {
  width: 308px;
  height: 245px;
  background: url(../img/header-pop-up.png) no-repeat;
  padding: 46px 46px 46px 94px;
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
}

.sticky-wrap .sticky-container .topmarket {
  position: absolute;
  right: 70px;
  top: 60px;
  z-index: 80;
}

.sticky-wrap .sticky-container .form-control {
  padding: 0;
  background-color: #fff;
  font-size: 13px;
  border-color: #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 32px;
  line-height: 32px;
}

.sticky-wrap .sticky-container .form-control::-webkit-input-placeholder {
  color: #564031;
}

.sticky-wrap .sticky-container .form-control:-moz-placeholder {
  color: #564031;
}

.sticky-wrap .sticky-container .form-control::-moz-placeholder {
  color: #564031;
}

.sticky-wrap .sticky-container .form-control:-ms-input-placeholder {
  color: #564031;
}

.sticky-wrap .sticky-container .form-control.vali-code {
  width: 98px !important;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.sticky-wrap .sticky-container .login-pop-up4 .captcha {
  padding: 0;
  border: 0;
  background: #b5a08f;
}

.sticky-wrap .sticky-container .login-pop-up4 .captcha img {
  width: 80px;
  height: 28px;
}

.sticky-wrap .sticky-container .tools-btn {
  width: 30px;
  height: 130px;
  position: fixed;
  top: 445px;
  right: 0;
  z-index: 8;
}

.sticky-wrap .sticky-container .tools-btn a {
  cursor: pointer;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .sticky-container {
    width: 30px;
  }
  *::-ms-backdrop, .sticky-item {
    padding-right: 17px;
  }
  html {
    -ms-overflow-style: none;
  }
}