@charset "UTF-8";
.u-change,.u-change1 {
  position:relative;
  text-indent:0
}
.container,body {
  min-width:1144px
}
.btn {
  color:#fff;
  background:#b49a81
}
.scrollbar-wrap,.table,.table1 td,.table1 th {
  background:#fff
}
.hr15 {
  width:100%;
  height:15px
}
.hr15:after,.hr15:before {
  content:" ";
  display:table
}
.u-btn .btn,.u-change,.u-change1,iframe,input,select {
  display:block
}
.hr15:after {
  clear:both
}
.scrollbar-wrap {
  padding:30px 20px 30px 60px;
  -webkit-box-shadow:0 0 2px #ddd;
  box-shadow:0 0 2px #ddd
}
.scrollbar-wrap .m-scrollbar {
  width:100%;
  overflow:auto
}
.m-userInfo .m-power .power-user .photo img,.navbar .navbar-header .navbar-brand .icon,.scrollbar-wrap .m-scrollbar .scrollbar,.user-center .user-tool .user-tip a .icon {
  width:100%;
  height:100%
}
.scrollbar-wrap .m-scrollbar::-webkit-scrollbar {
  width:6px;
  height:1px
}
.scrollbar-wrap .m-scrollbar::-webkit-scrollbar-thumb {
  border-radius:6px;
  -webkit-box-shadow:none;
  background:#b49a81
}
.scrollbar-wrap .m-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow:none;
  border-radius:0;
  background:#f0f3f6;
  border:2px solid #fff
}
.table * {
  border:0
}
.table1,.table1 td {
  border:1px solid #f0f3f6
}
.table thead tr {
  background:#515154;
  color:#fff
}
.table thead tr th {
  border:0;
  text-indent:18px;
  font-weight:400
}
.table tbody tr:nth-child(even) {
  background:#f9f9f9
}
.table tbody tr td {
  border:0;
  text-indent:18px
}
.m-transfer .transfer1 ul li a,.m-transfer .transfer2 ul li a,.m-transfer .transfer3 ul li a,.m-userInfo .panel-wrap .m-tool span a,.side-main .fund-wrap .transfer ul li a,.table tbody tr td a,.text-info {
  color:#656567
}
.u-change,.u-change1,.u-title {
  text-align:center;
  color:#fff
}
.table tbody tr td a:hover {
  color:#b49a81
}
.table1 {
  text-align:center;
  line-height:40px
}
.table1 th {
  text-align:center
}
.u-title {
  background:#b49a81;
  height:50px;
  line-height:50px
}
.text-info h4 {
  color:#b49a81
}
.m-introduce h4,.m-introduce h5,.m-introduce p,.text-info h4,.text-info h5,.text-info p {
  line-height:24px;
  padding:12px 0;
  font-weight:400;
  font-size:13px
}
.u-change {
  background:#b49a81;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.u-change:hover {
  color:#fff
}
.u-change:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#c2a77d;
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition-property:transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.u-change:hover:before {
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
}
.u-change1 {
  background:#6b6b6f;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.u-change1:hover {
  color:#fff
}
.u-change1:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#656567;
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition-property:transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.u-btn .btn,.u-btns .btn {
  background:#b49a81;
  text-align:center;
  color:#fff;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
  width:100%;
  padding:0
}
.u-change1:hover:before {
  -webkit-transform:scaleY(0);
  transform:scaleY(0)
}
.u-btn .btn {
  font-size:14px;
  border-radius:0;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  border:0
}
.icon,.u-btns .btn {
  display:inline-block
}
.u-btn .btn:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  /*background:#c2a77d;*/
  background:none!important;
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition-property:transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.u-btn .btn:hover:before {
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
}
.u-btns {
  text-align:center;
  font-size:0
}
.u-btns .btn {
  border:0;
  border-radius:0;
  font-size:14px;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-box-shadow:0 0 1px transparent;
  box-shadow:0 0 1px transparent;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.u-btns .btn:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#b49a81;
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition-property:transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.u-btns .btn:hover:before {
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
}
.u-btns .btn1 {
  background:#e2e2e2;
  border:1px solid #e2e2e2;
  color:#656567
}
.u-btns .btn1:before {
  background:#fff
}
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform:translateX(-100%)
  }
  to {
    -webkit-transform:translateX(0)
  }
}@-webkit-keyframes moveFromRight {
   from {
     -webkit-transform:translateX(100%)
   }
   to {
     -webkit-transform:translateX(0)
   }
 }@-webkit-keyframes moveFromBottom {
    from {
      -webkit-transform:translateY(150%)
    }
    to {
      -webkit-transform:translateY(0)
    }
  }@-webkit-keyframes moveFromTop {
     from {
       -webkit-transform:translateY(-300%)
     }
     to {
       -webkit-transform:translateY(0)
     }
   }a:active,a:hover,a:link {
      text-decoration:none
    }
body * {
  padding:0;
  margin:0;
  outline:0
}
em,i {
  font-style:normal
}
li {
  list-style:none
}
body {
  width:100%;
  margin:0;
  background:#f1f2f3;
  font-size:13px;
  color:#656567;
  font-family:'Microsoft Yahei'
}
.container {
  width:1144px;
  margin:0 auto;
  padding:0
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.normal-style {
  display: flex;
  justify-content: center;
  align-items: center;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input,select {
  outline:0;
  background:0;
  border:0;
  -webkit-appearance:none;
  border-radius:0;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-appearance:none
}
select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none
}
.bonus.tabbable .m-list .pull-left.list-node .times>span,.footer .m-joins .m-swiper .m-logos .icon,.footer .m-payment .m-logos .icon,.hot-wrap .img-link,.mrcat-carousel,.navbar .navbar-collapse,.swiper-wrap .discuss-swiper .swiper-slide,.u-select {
  position:relative
}
.u-select .mark {
  z-index:1;
  position:absolute;
  right:3px;
  bottom:13px;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:4px solid #c3c3c3;
  opacity:.95;
  background:0 0;
  padding:0
}
.border-top {
  width:100%;
  height:1px;
  background:#ededed
}
.icon {
  vertical-align:middle;
  background-position:center center;
  background-repeat:no-repeat
}
.icon-logo {
  background-image:url(images/logo.png);
  background-position:left center;
  background-size:auto 80%
}
.icon-user {
  background-image:url(images/icons/user.png)
}
.icon-lock {
  background-image:url(images/icons/lock.png)
}
.icon-coin {
  background-image:url(images/icons/coin.png)
}
.icon-email {
  background-image:url(images/icons/email.png)
}
.icon-qus {
  background-image:url(images/icons/qus.png)
}
.icon-phone {
  background-image:url(images/icons/phone.png)
}
.icon-site {
  background-image:url(images/icons/@.png)
}
.icon-link {
  background-image:url(images/icons/link.png)
}
.icon-id {
  background-image:url(images/icons/id.png)
}
.icon-code {
  background-image:url(images/icons/code.png)
}
.icon-right {
  background-image:url(images/icons/tip.png)
}
.icon-wran {
  background-image:url(images/icons/wran.png)
}
.icon-adv {
  background-image:url(images/icons/adv.png)
}
.icon-logob {
  background-image:url(images/logo.png);
  background-size:auto 50%
}
.footer-white .icon-logob {
  background-image:url(images/logo-w.png)
}
.icon-pay6 {
  background-image:url(images/icons/pay6.png)
}
.icon-wallet {
  background-image:url(images/icons/wallet.png)
}
.icon-msg {
  background-image:url(images/icons/msg.png)
}
.icon-online {
  background-image:url(images/icons/online.png)
}
.icon-safe {
  background-image:url(images/icons/safe.png)
}
.icon-fund {
  background-image:url(images/icons/fund.png)
}
.icon-emails {
  background-image:url(images/icons/emails.png)
}
.icon-name {
  background-image:url(images/icons/name.png)
}
.icon-security {
  background-image:url(images/icons/security.png)
}
.icon-msgs {
  background-image:url(images/icons/msgs.png)
}
a:hover .icon-safe {
  background-image:url(images/icons/safe-h.png)
}
a:hover .icon-fund {
  background-image:url(images/icons/fund-h.png)
}
a:hover .icon-msgs {
  background-image:url(images/icons/msgs-h.png)
}
a:hover .icon-emails {
  background-image:url(images/icons/emails-h.png)
}
a:hover .icon-name {
  background-image:url(images/icons/name-h.png)
}
a:hover .icon-security {
  background-image:url(images/icons/security-h.png)
}
.icon-in {
  background-image:url(images/icons/in.png)
}
.icon-out {
  background-image:url(images/icons/out.png)
}
.icon-vip {
  background-image:url(images/icons/class.png)
}
.icon-userw {
  background-image:url(images/icons/user-w.png)
}
.icon-write {
  background-image:url(images/icons/write.png)
}
.icon-reset {
  background-image:url(images/icons/reset.png)
}
.icon-min {
  background-image:url(images/icons/min.png)
}
.icon-zz {
  background-image:url(images/icons/tran.png)
}
.active .icon-min,a:hover .icon-min {
  background-image:url(images/icons/min-h.png)
}
.icon-zj {
  background-image:url(images/icons/zj.png)
}
.icon-gr {
  background-image:url(images/icons/gr.png)
}
.icon-bc {
  background-image:url(images/icons/bc.png)
}
.icon-qq {
  background-image:url(images/icons/qq.png)
}
.active .icon-qq,a:hover .icon-qq {
  background-image:url(images/icons/qq-h.png)
}
.m-deposit .nav li.active:before {
  background-image:url(images/icons/cur.png)
}
.icon-del {
  background-image:url(images/icons/del.png)
}
.icon-read {
  background-image:url(images/icons/read.png)
}
.icon-notice {
  background-image:url(images/icons/notice.png)
}
.icon-all {
  background-image:url(images/icons/nav-all.png)
}
.icon-sport {
  background-image:url(images/icons/nav-sport.png)
}
.icon-ticket {
  background-image:url(images/icons/nav-ticket.png)
}
.icon-steam {
  background-image:url(images/icons/nav-steam.png)
}
.icon-hotgame {
  background-image:url(images/icons/nav-hot.png);
  background-size:22px auto
}
.icon-money {
  background-image:url(images/icons/nav-money.png)
}
.icon-happy {
  background-image:url(images/icons/nav-happy.png)
}
.icon-game {
  background-image:url(images/icons/nav-game.png)
}
.icon-vipt {
  background-image:url(images/vip-title.png)
}
.icon-vipt1 {
  background-image:url(images/vip-title1.png)
}
.icon-vip1 {
  background-image:url(images/vip1.png)
}
.icon-vip2 {
  background-image:url(images/vip2.png)
}
.icon-vip3 {
  background-image:url(images/vip3.png)
}
.icon-vip4 {
  background-image:url(images/vip4.png)
}
.icon-vip5 {
  background-image:url(images/vip5.png)
}
.icon-casino1 {
  background-image:url(images/icons/m-casino-1.png)
}
.icon-casino2 {
  background-image:url(images/icons/m-casino-2.png)
}
.icon-casino3 {
  background-image:url(images/icons/m-casino-3.png)
}
.icon-casino4 {
  background-image:url(images/icons/m-casino-4.png)
}
.icon-lottery1 {
  background-image:url(images/icons/m-lottery-1.png)
}
.icon-lottery2 {
  background-image:url(images/icons/m-lottery-2.png)
}
.icon-lottery3 {
  background-image:url(images/icons/m-lottery-3.png)
}
.icon-lottery4 {
  background-image:url(images/icons/m-lottery-4.png)
}
.icon-lottery5 {
  background-image:url(images/icons/m-lottery-5.png)
}
.icon-sport1 {
  background-image:url(images/icons/m-sport-1.png)
}
.icon-sport2 {
  background-image:url(images/icons/m-sport-2.png)
}
.icon-sport3 {
  background-image:url(images/icons/m-sport-3.png)
}
.icon-sport4 {
  background-image:url(images/icons/m-sport-4.png)
}
.icon-online-c {
  background-image:url(images/icons/c-online.png)
}
.icon-email-c {
  background-image:url(images/icons/c-email.png)
}
.icon-phone-c {
  background-image:url(images/icons/c-phone.png)
}
.icon-zh {
  background-image:url(images/icons/zh.png)
}
.icon-zhzj {
  background-image:url(images/icons/zhzj.png)
}
.icon-clogo {
  background-image:url(images/icons/c-logo.png)
}
.icon-query {
  background-image:url(images/icons/query.png)
}
.icon-wran-l {
  background-image:url(images/icons/wran-l.png)
}
.icon-star {
  background-image:url(images/icons/star.png)
}
.icon-collect {
  background-image:url(images/icons/collect.png)
}
.icon-refresh {
  background-image:url(images/icons/refresh.png)
}
.icon-close {
  background-image:url(images/icons/close.png)
}
.icon-hlogo {
  background-image:url(images/loading.gif);
  background-size:100% auto
}
.icon-logoname {
  background-image:url(images/name.png)
}
.icon-lines {
  background-image:url(images/icons/lines.png)
}
.icon-top {
  background-image:url(images/icons/top.png)
}
@-webkit-keyframes loading {
  0%,100% {
    background-image:url(images/loading.png)
  }
  25%,75% {
    background-image:url(images/loading1.png)
  }
  50% {
    background-image:url(images/loading2.png)
  }
}@keyframes loading {
   0%,100% {
     background-image:url(images/loading.png)
   }
   25%,75% {
     background-image:url(images/loading1.png)
   }
   50% {
     background-image:url(images/loading2.png)
   }
 }.icon-500 {
    background-image:url(images/500.png)
  }
.icon-404 {
  background-image:url(images/404.png)
}
.icon-update {
  background-image:url(images/update.png)
}
.vip-node.vip1 {
  background-image:url(images/vip1-bg.jpg)
}
.vip-node.vip2 {
  background-image:url(images/vip2-bg.jpg)
}
.vip-node.vip3 {
  background-image:url(images/vip3-bg.jpg)
}
.vip-node.vip4 {
  background-image:url(images/vip4-bg.jpg)
}
.vip-node.vip5 {
  background-image:url(images/vip5-bg.jpg)
}
.icon-title {
  background-image:url(images/icons/game-title.png)
}
.icon-key {
  background-image:url(images/icons/game-key.png)
}
.icon-mobile {
  background-image:url(images/icons/mobile.png)
}
.m-form .u-input,.m-form .u-select,.m-log-box .u-input,.m-log-box .u-select,.m-reg-box .u-input,.m-reg-box .u-select {
  position:relative;
  margin-top:18px
}
.m-form .u-input h5,.m-form .u-select h5 {
  height:14px;
  line-height:14px;
  font-weight:lighter;
  color:#656567;
  font-size:13px
}
.m-form .u-input input,.m-form .u-select input,.m-log-box .u-input input,.m-log-box .u-select input,.m-reg-box .u-input input,.m-reg-box .u-select input {
  width:100%;
  height:34px;
  line-height:34px;
  border-bottom:1px solid #f1f1f1;
  font-size:18px;
  color:#404040;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.m-form .u-input input:focus,.m-form .u-select input:focus {
  border-color:#ddd
}
.m-form .u-input input.wrong,.m-form .u-select input.wrong,.m-log-box .u-input input.wrong,.m-log-box .u-select input.wrong,.m-reg-box .u-input input.wrong,.m-reg-box .u-select input.wrong {
  color:#b49a81;
  border-color:#b49a81
}
.navbar .m-tools .u-link {
  border-left:1px solid #96130f;
  line-height:31px;
  color:#edb6b5
}
.m-form .u-input input.right+.icon,.m-form .u-select input.right+.icon,.m-log-box .u-input input.right+.icon,.m-log-box .u-select input.right+.icon,.m-reg-box .u-input input.right+.icon,.m-reg-box .u-select input.right+.icon {
  background-image:url(images/icons/right.png)
}
.m-form .u-input .tip,.m-form .u-select .tip {
  position:absolute;
  top:100%;
  left:0;
  line-height:20px;
  color:#b49a81;
  padding:5px 0
}
.m-form .u-input select,.m-form .u-select select,.m-log-box .u-input select,.m-log-box .u-select select,.m-reg-box .u-input select,.m-reg-box .u-select select {
  width:100%;
  height:34px;
  line-height:34px;
  border-bottom:1px solid #f1f1f1;
  color:#404040
}
.m-form .u-input>.icon,.m-form .u-select>.icon,.m-log-box .u-input>.icon,.m-log-box .u-select>.icon,.m-reg-box .u-input>.icon,.m-reg-box .u-select>.icon {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  position:absolute;
  right:0;
  bottom:12px;
  width:23px;
  height:16px;
  background-position:right center
}
.m-form .u-input input:focus+.icon,.m-form .u-input select:focus+.icon,.m-form .u-select input:focus+.icon,.m-form .u-select select:focus+.icon {
  opacity:1
}
.m-form .u-select>.icon,.m-log-box .u-select>.icon,.m-reg-box .u-select>.icon {
  bottom:26px
}
.m-form .u-phone .u-select,.m-log-box .u-phone .u-select,.m-reg-box .u-phone .u-select {
  float:left;
  width:68px;
  margin-right:8px;
  margin-top:0
}
.m-form .u-phone input,.m-log-box .u-phone input,.m-reg-box .u-phone input {
  float:left;
  width:238px
}
.m-form .u-phone i,.m-log-box .u-phone i,.m-reg-box .u-phone i {
  position:absolute;
  left:0;
  bottom:0;
  font-style:normal;
  height:34px;
  line-height:34px;
  color:#404040;
  font-size:18px
}
.m-form .u-btn,.m-log-box .u-btn,.m-reg-box .u-btn {
  margin:20px 0 30px
}
.m-form .u-btn a,.m-form .u-btn input,.m-log-box .u-btn a,.m-log-box .u-btn input,.m-reg-box .u-btn a,.m-reg-box .u-btn input {
  height:40px;
  line-height:40px
}
.u-check {
  font-size:14px;
  line-height:20px
}
.u-check input {
  display:none
}
.u-check label {
  position:relative;
  display:block;
  width:18px;
  height:18px;
  line-height:20px;
  -moz-user-select:text;;
  -webkit-user-select:text;;
  -ms-user-select:text;;
  user-select:text;;
  text-align:left
}
.u-check label:before {
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  border:1px solid #dad7d7
}
.u-check label:after {
  opacity:0;
  content:"";
  position:absolute;
  width:8px;
  height:4px;
  background:0 0;
  top:6px;
  left:5px;
  border:2px solid #96130f;
  border-top:none;
  border-right:none;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.u-check input[type=checkbox]:checked+label:after {
  opacity:1
}
.m-notice {
  height:25px;
  line-height:25px;
  color:#fff;
  background:#303235
}
.m-notice .icon {
  width:16px;
  height:15px;
  background-position:top center;
  margin-right:5px
}
.m-notice .f-danger {
  height:25px;
  line-height:25px;
  float:right;
  width:1080px
}
.navbar {
  position:relative;
  z-index:2
}
.navbar .container {
  height:100%
}
.navbar .container a {
  color:#edb6b5
}
.navbar .container a:hover {
  color:#fff
}
.navbar .container .dropdown-menu {
  right:0;
  left:auto
}
.navbar .caret {
  position:absolute;
  bottom:-1px;
  margin:0;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  border-top:0;
  border-left:8px dashed transparent;
  border-right:8px dashed transparent;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.navbar .m-tool-link,.navbar .m-tools,.navbar .navbar-header {
  border-right:1px solid #96130f
}
.navbar .open .caret {
  border-bottom:4px solid #fff
}
.navbar .navbar-header {
  position:relative;
  z-index:1;
  width:214px;
  height:63px
}
.navbar .navbar-header .navbar-brand {
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0
}
.navbar .navbar-nav {
  font-size:16px;
  width:680px
}
.navbar .navbar-nav>li {
  position:relative;
  float:left;
  width:16.66%;
  text-align:center
}
.navbar .navbar-nav>li a .hot {
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px;
  background:url(images/icons/hot.png) center center/22px auto no-repeat
}
.navbar .navbar-nav>li>a:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:15px;
  background:#820b08;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.navbar .navbar-nav>li>a:after {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:1px;
  height:15px;
  background:#c21b15;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.navbar .navbar-nav>li:first-child>a:before {
  display:none
}
.navbar .navbar-nav>li:last-child>a:after {
  display:none
}
.footer .m-other .col-md-8,.navbar .navbar-nav .dropdown {
  position:static
}
.navbar .navbar-nav .dropdown .dropdown-menu {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0;
  height:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  overflow:hidden
}
.navbar .navbar-nav .dropdown .dropdown-menu:hover li a:before {
  content:"";
  z-index:1;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  background:rgba(0,0,0,.15);
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.navbar .navbar-nav .dropdown .dropdown-menu:hover li a:hover:before {
  opacity:0
}
.chess-swiper .swiper-container .swiper-slide.swiper-slide-active a .caption,.navbar .navbar-nav .dropdown .dropdown-menu.dropdown-slot {
  display:block
}
.navbar .navbar-nav .dropdown .dropdown-menu.dropdown-slot li {
  float:left;
  width:33.33%;
  height:55px
}
.navbar .navbar-nav .dropdown .dropdown-menu li {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:99px
}
.navbar .navbar-nav .dropdown .dropdown-menu li a {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  text-align:center;
  line-height:100px;
  position:relative;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  overflow:hidden
}
.navbar .navbar-nav .dropdown .dropdown-menu li a img {
  display:block;
  width:100%;
  height:100%;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  opacity:.95;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:before {
  -webkit-transition:all .3s ease 0s;
  transition:all .3s ease 0s
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover img {
  opacity:1;
  -webkit-transform:scale3d(1.08,1.08,1);
  transform:scale3d(1.08,1.08,1)
}
.navbar .navbar-nav .dropdown .chess-menu li a {
  display:block;
  font-size:0;
  text-align:center
}
.navbar .navbar-nav .dropdown .chess-menu li a .u-img {
  display:inline-block;
  width:14.28%
}
.navbar .navbar-nav .dropdown .chess-menu li a img {
  display:inline;
  width:auto;
  height:auto
}
.navbar .navbar-nav .dropdown .chess-menu li a:hover img {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
}
.navbar .navbar-nav .dropdown .chess-menu .u-title {
  min-width:360px;
  max-width:360px;
  line-height:99px;
  background:#fff
}
.navbar .navbar-nav .dropdown .chess-menu .u-title img {
  display:inline;
  width:auto;
  height:auto;
  vertical-align:middle
}
.navbar .navbar-nav .dropdown .chess-menu .u-title span {
  display:inline-block;
  width:160px;
  line-height:24px;
  vertical-align:middle;
  text-align:left;
  margin-left:30px;
  color:#212a30;
  font-size:14px
}
.navbar .navbar-nav .dropdown:hover .caret {
  border-bottom:6px dashed #fff
}
.navbar .navbar-nav .dropdown:hover .dropdown-menu {
  height:99px
}
.navbar .navbar-nav .dropdown:hover .dropdown-slot {
  height:110px
}
.navbar .m-tools {
  font-size:14px;
  width:180px;
  height:100%
}
.navbar .m-tools .open>a {
  color:#fff
}
.navbar .m-tools .u-link {
  position:relative;
  display:block;
  width:100%;
  height:31px;
  text-align:center;
  border-bottom:1px solid #96130f
}
.navbar .m-tools .u-link:hover {
  color:#fff
}
.navbar .m-tools .u-link.active:before {
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:0;
  height:0;
  border-bottom:5px solid #fff;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0)
}
.navbar .m-tools .u-logined {
  border-left:1px solid #96130f;
  display:block;
  font-size:14px;
  width:100%;
  height:100%
}
.navbar .m-tools .u-logined strong {
  display:block;
  text-align:center;
  color:#fff;
  line-height:31px
}
.navbar .m-tools .u-logined strong em {
  color:#fca221;
  display:inline-block;
  margin-right:8px
}
.navbar .m-tools .u-logined strong em img {
  display:inline-block;
  height:16px;
  position:relative;
  margin-top:-3px
}
.navbar .m-tools .u-logined span {
  display:block;
  text-align:center;
  color:#fff;
  border-top:1px solid #96130f
}
.navbar .m-tools .open .u-logined {
  background:#232323
}
.navbar .m-tools .open .u-logined span {
  border-top-color:#141414
}
.navbar .m-tool-link {
  position:relative;
  width:70px;
  height:63px
}
.navbar .m-tool-link .wifi-symbol {
  position:absolute;
  display:inline-block;
  width:14px;
  height:14px;
  top:50%;
  left:50%;
  -webkit-transform:rotate(45deg) translate(-50%,-50%);
  transform:rotate(45deg) translate(-50%,-50%);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  margin-left:20px;
  margin-top:-7px
}
.navbar .m-tool-link .wifi-symbol.left {
  -webkit-transform:rotate(-135deg) translate(-50%,-50%);
  transform:rotate(-135deg) translate(-50%,-50%);
  margin-left:-20px
}
.navbar .m-tool-link .wifi-symbol .wifi-circle {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  border-color:#fff;
  border-style:solid;
  border-width:2px 2px 0 0;
  border-radius:0 100% 0 0;
  opacity:0;
  -webkit-animation:3s infinite wifianimation;
  animation:3s infinite wifianimation
}
.navbar .m-tool-link .wifi-symbol .wifi-circle.first {
  width:14px;
  height:14px;
  -webkit-animation-delay:.8s;
  animation-delay:.8s
}
.navbar .m-tool-link .wifi-symbol .wifi-circle.second {
  width:10px;
  height:10px;
  -webkit-animation-delay:.4s;
  animation-delay:.4s
}
.navbar .m-tool-link .wifi-symbol .wifi-circle.third {
  width:6px;
  height:6px
}
.navbar .m-tool-link a {
  width:100%;
  height:100%;
  display:block;
  padding:12px;
  text-align:center
}
.navbar .m-tool-link a:hover {
  color:#fff
}
.navbar .m-tool-link a:hover .icon {
  opacity:1
}
.navbar .m-tool-link a .icon {
  display:block;
  width:24px;
  height:24px;
  opacity:.8;
  margin:0 auto
}
.m-log-box,.m-reg-box {
  width:422px;
  padding:12px 54px;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  background:#fff;
  margin-top:-1px
}
.m-log-box h4,.m-reg-box h4 {
  height:72px;
  line-height:72px;
  font-size:18px;
  color:#80120e;
  text-align:center
}
.m-log-box .u-input h5,.m-log-box .u-select h5,.m-reg-box .u-input h5,.m-reg-box .u-select h5 {
  height:14px;
  line-height:14px;
  font-weight:lighter;
  color:#d4d4d4;
  font-size:12px
}
.m-log-box .u-input input:focus,.m-log-box .u-select input:focus,.m-reg-box .u-input input:focus,.m-reg-box .u-select input:focus {
  border-color:#ddd
}
.m-log-box .u-input input:focus+.icon,.m-log-box .u-input select:focus+.icon,.m-log-box .u-select input:focus+.icon,.m-log-box .u-select select:focus+.icon,.m-reg-box .u-input input:focus+.icon,.m-reg-box .u-input select:focus+.icon,.m-reg-box .u-select input:focus+.icon,.m-reg-box .u-select select:focus+.icon {
  opacity:1
}
.m-log-box .u-input .u-wran,.m-log-box .u-select .u-wran,.m-reg-box .u-input .u-wran,.m-reg-box .u-select .u-wran {
  position:absolute;
  left:100%;
  top:12px;
  width:auto;
  margin-left:20px;
  padding:15px 20px;
  background:#f6f6f6
}
.m-log-box .u-input .u-wran:before,.m-log-box .u-select .u-wran:before,.m-reg-box .u-input .u-wran:before,.m-reg-box .u-select .u-wran:before {
  content:"";
  position:absolute;
  left:-6px;
  top:13px;
  border-right:6px solid #f6f6f6;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent
}
.m-log-box .u-input .u-wran p,.m-log-box .u-select .u-wran p,.m-reg-box .u-input .u-wran p,.m-reg-box .u-select .u-wran p {
  line-height:21px;
  margin:0;
  font-size:12px;
  color:#404040;
  white-space:nowrap
}
.m-log-box .u-input .u-wran p .icon,.m-log-box .u-select .u-wran p .icon,.m-reg-box .u-input .u-wran p .icon,.m-reg-box .u-select .u-wran p .icon {
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:8px;
  margin-bottom:1px
}
.m-log-box .u-chack,.m-log-box .u-phone,.m-reg-box .u-phone {
  height:auto;
  overflow:hidden
}
.m-log-box .u-tip,.m-reg-box .u-tip {
  font-size:14px;
  padding:18px 0;
  color:#9d9da5;
  line-height:20px
}
.m-log-box .u-tip input,.m-reg-box .u-tip input {
  display:none
}
.m-log-box .u-tip label,.m-reg-box .u-tip label {
  position:relative;
  display:block;
  line-height:20px;
  padding-left:38px;
  -moz-user-select:text;;
  -webkit-user-select:text;;
  -ms-user-select:text;;
  user-select:text;;
  text-align:left
}
.m-log-box .u-tip label:before,.m-reg-box .u-tip label:before {
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:12px;
  height:12px;
  border:1px solid #e0e0e0;
  background-color:#b49a81
}
.m-log-box .u-tip label:after,.m-reg-box .u-tip label:after {
  opacity:0;
  content:"";
  position:absolute;
  width:8px;
  height:4px;
  background:0 0;
  top:6px;
  left:5px;
  border:2px solid #fff;
  border-top:none;
  border-right:none;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.m-log-box .u-tip input[type=checkbox]:checked+label:after,.m-reg-box .u-tip input[type=checkbox]:checked+label:after {
  opacity:1
}
.m-log-box .u-tip a,.m-reg-box .u-tip a {
  color:#7d7d7d
}
.m-log-box .u-tip a:hover,.m-reg-box .u-tip a:hover {
  color:#b49a81
}
.m-log-box .u-btn,.m-userInfo .u-btn {
  margin:10px 0
}
.m-log-box .u-tip {
  margin:10px 0 0
}
.m-log-box .u-chack .u-tip,.m-transfer .transfer1,.m-transfer .transfer2,.m-transfer .transfer3 {
  float:left
}
.m-log-box .u-chack .link {
  color:#b49a81;
  line-height:20px;
  padding:18px 0;
  margin-top:10px;
  float:right
}
.m-quick .link,.m-quick input {
  line-height:26px;
  border:1px solid #f0f3f6
}
.m-log-box .u-chack .link:hover {
  color:#b49a81
}
.m-log-box .u-loading {
  position:relative;
  height:50px;
  margin:5px
}
.m-log-box .u-loading .u-circle {
  display:block;
  position:relative;
  height:50px;
  width:50px;
  border:1px solid #e0e0e0;
  border-radius:100%;
  margin:0 auto;
  -webkit-animation:1s ease-in-out infinite rotation;
  animation:1s ease-in-out infinite rotation
}
.m-log-box .u-loading .u-circle:before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:5px;
  height:5px;
  background-color:#454545;
  border-radius:100%
}
.m-log-box .u-loading .u-circle:after {
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  height:50px;
  width:50px;
  border:1px solid #454545;
  border-left:1px solid transparent;
  border-radius:100%;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.m-log-box .u-loading .u-img {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  display:block;
  width:42px;
  height:42px;
  border-radius:100%;
  background:url(images/loading2.png) center center/auto 70% no-repeat #b49a81
}
.dropdown-menu {
  border-top:0
}
.m-logined-box {
  width:520px
}
.m-logined-box .m-dls {
  display:-webkit-box;
  display:box
}
.m-logined-box .m-dls dl {
  -webkit-box-flex:1;
  text-align:center
}
.m-logined-box .m-dls dl dt {
  background:#232323;
  border-right:1px solid #141414;
  height:62px;
  line-height:62px;
  color:#fff
}
.m-logined-box .m-dls dl dd {
  background:#fff;
  padding:25px 0 0;
  border-right:1px solid #f0f3f6;
  height:152px
}
.m-logined-box .m-dls dl dd a {
  display:block;
  height:28px;
  line-height:28px;
  text-align:center;
  font-size:14px;
  color:#353535
}
.m-logined-box .m-dls dl dd a em,.user-center .user-menu dd a em {
  display:inline-block;
  line-height:14px;
  width:20px;
  font-size:10px;
  margin-left:5px;
  margin-right:-25px;
  vertical-align:middle
}
.m-logined-box .m-dls dl dd a:hover {
  color:#80120e
}
.m-logined-box .m-dls dl dd a em {
  background:#b49a81;
  color:#fff;
  border-radius:2px;
  position:relative;
  top:-1px
}
.m-logined-box .m-dls dl:last-child dt {
  border:0
}
.m-logined-box .u-tiplink {
  background:#fff;
  padding:20px 25px;
  min-height:68px;
  border-top:1px solid #f0f3f6
}
.m-logined-box .u-tiplink a {
  float:right;
  display:block;
  height:28px;
  width:96px;
  text-align:center;
  line-height:28px;
  font-size:12px;
  border:1px solid #b49a81;
  color:#80120e
}
.m-logined-box .u-tiplink a:hover {
  color:#80120e
}
.m-logined-box .u-tiplink p {
  float:left;
  width:300px;
  font-size:14px;
  line-height:28px;
  color:#353535
}
.footer {
  color:#d4d4d4;
  background:#35373a
}
.footer .m-joins {
  height:172px;
  background:#303235
}
.footer .m-joins .m-info {
  padding-top:24px
}
.footer .m-joins .m-info h4 {
  line-height:64px;
  font-size:16px
}
.footer .m-joins .m-info p {
  line-height:25px;
  width:240px
}
.footer .m-joins .m-swiper {
  width:100%;
  height:172px
}
.footer .m-joins .m-swiper .m-logos .icon {
  width:140px;
  height:172px
}
.footer .m-joins .m-swiper .swiper-pagination {
  position:absolute;
  right:10px;
  top:50%;
  text-align:center;
  -webkit-transition:.3s;
  transition:.3s;
  -webkit-transform:translate3d(0,-50%,0);
  transform:translate3d(0,-50%,0);
  z-index:10
}
.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-bullet,.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-switch {
  width:8px;
  height:8px;
  display:inline-block;
  margin-left:8px;
  border-radius:0;
  background:0 0;
  border:1px solid #fff
}
.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active,.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.footer .m-joins .m-swiper .swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active {
  border:0;
  background:#b49a81
}
.footer .m-copyright,.footer .m-payment {
  height:92px;
  border-bottom:1px solid #24272b
}
.footer .m-payment h4 {
  line-height:90px;
  font-size:16px
}
.footer .m-payment .m-logos .icon {
  width:138px;
  height:90px
}
.footer .m-other {
  height:235px;
  border-bottom:1px solid #24272b;
  position:relative
}
.footer .m-other .m-caution {
  padding-top:10px;
  padding-right:60px;
  border-right:1px solid #24272b;
  height:235px
}
.footer .m-other .m-caution .icon {
  width:75px;
  height:108px;
  background-position:left center
}
.footer .m-other .m-caution p,.hot-wrap .text-link p {
  line-height:25px
}
.footer .m-other .m-contact,.m-gameBox {
  padding-top:20px
}
.footer .m-other .m-contact h4,.footer .m-other .m-contact p {
  line-height:56px;
  padding-left:30px
}
.footer .m-other .m-contact h4 span,.footer .m-other .m-contact p span {
  display:inline-block;
  padding-right:60px
}
.footer .m-other .m-contact h4 {
  font-size:24px;
  font-weight:400
}
.footer .m-other .m-navb {
  position:absolute;
  bottom:0;
  left:50%;
  width:80%;
  height:82px;
  background:#b49a81;
  margin-left:-199px;
  line-height:26px;
  padding:15px 60px
}
.footer .m-other .m-navb .m-con {
  width:620px
}
.footer .m-other .m-navb a {
  display:inline-block;
  width:150px;
  font-size:14px;
  color:#edb6b5;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.footer .m-other .m-navb a:hover {
  color:#fff
}
.footer .m-copyright .u-logob {
  display:block;
  height:90px
}
.footer .m-copyright .u-logob .icon {
  width:100%;
  height:100%;
  background-position:left center
}
.footer .m-copyright p {
  text-align:center;
  line-height:25px;
  padding:20px 0
}
.m-quick {
  padding-left:10px;
  float:right;
  height:28px;
  line-height:28px;
  margin:20px 0
}
.m-quick input {
  display:inline-block;
  width:28px;
  margin:0 5px;
  text-align:center
}
.m-quick .link {
  display:inline-block;
  width:28px;
  background:#b49a81;
  font-size:12px;
  color:#fff;
  text-align:center
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property:opacity;
  transition-property:opacity
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item {
  opacity:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
  opacity:1;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev {
  left:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.carousel-fade .carousel-control {
  z-index:2
}
@-webkit-keyframes vanishIn {
  0% {
    opacity:0;
    -webkit-transform-origin:50% 50%;
    -webkit-transform:scale(2,2);
    -webkit-filter:blur(90px)
  }
  100% {
    opacity:1;
    -webkit-transform-origin:50% 50%;
    -webkit-transform:scale(1,1);
    -webkit-filter:blur(0)
  }
}@-webkit-keyframes rotation {
   0% {
     -webkit-transform:rotate(0)
   }
   100% {
     -webkit-transform:rotate(360deg)
   }
 }@-webkit-keyframes wifianimation {
    0% {
      opacity:.4
    }
    5% {
      opactiy:1
    }
    100%,6% {
      opactiy:.1
    }
  }@keyframes wifianimation {
     0% {
       opacity:.4
     }
     5% {
       opactiy:1
     }
     100%,6% {
       opactiy:.1
     }
   }.m-container,.user-center {
      padding:20px 0
    }
.user-center .user-menu {
  -webkit-box-shadow:0 0 2px #ddd;
  box-shadow:0 0 2px #ddd
}
.user-center .user-menu dt {
  height:50px;
  line-height:50px;
  background:#fff;
  text-align:center;
  color:#000;
  position:relative
}
.user-center .user-menu dt .icon {
  position:absolute;
  left:30px;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  width:24px;
  height:24px
}
.user-center .user-menu dd {
  font-size:14px;
  height:45px;
  line-height:44px;
  text-align:center;
  border-bottom:1px solid #efeded
}
.user-center .user-menu dd:last-child {
  border-bottom:0
}
.user-center .user-menu dd a {
  position:relative;
  display:block;
  height:100%;
  color:#3c3c3c;
  background:#fff
}
.user-center .user-menu dd a:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:100%
}
.user-center .user-menu dd a.cur {
  background:#efeded;
  font-weight:700
}
.user-center .user-menu dd a.cur:before {
  background:#b49a81
}
.user-center .user-menu dd a.cur:hover {
  color:#3c3c3c
}
.user-center .user-menu dd a:hover {
  color:#c2a77d
}
.user-center .user-menu dd a em {
  background:#b49a81;
  color:#fff;
  border-radius:2px;
  position:relative;
  top:-2px
}
.user-center .user-tool,.user-center .user-vip,.user-center .user-wallet {
  height:184px;
  background:#fff;
  -webkit-box-shadow:0 0 2px #ddd;
  box-shadow:0 0 2px #ddd
}
.user-center .user-tool {
  height:184px;
  background:#fff;
  padding:20px 30px
}
.user-center .user-tool .photo {
  float:left;
  width:66px;
  height:66px;
  border-radius:100%;
  overflow:hidden
}
.side-main .side-bar li a,.side-main .side-bar li span,.user-center .user-tool .photo img {
  display:block;
  width:100%;
  height:100%
}
.user-center .user-tool .user-info {
  position:relative;
  border-bottom:1px solid #f0eded;
  padding-bottom:12px
}
.user-center .user-tool .user-info p {
  float:left;
  line-height:66px;
  padding-left:18px;
  font-weight:700;
  color:#515154;
  max-width:150px;
  font-size:0
}
.user-center .user-tool .user-info p span {
  display:inline-block;
  line-height:20px;
  font-size:13px;
  vertical-align:middle
}
.user-center .user-tool .user-info .label {
  position:absolute;
  top:0;
  right:0;
  width:auto;
  padding:0 3px;
  height:18px;
  line-height:18px;
  background:#b49a81;
  color:#fff;
  border-radius:0;
  font-size:12px
}
.user-center .user-tool .user-tip {
  font-size:0;
  padding-top:12px;
  /*text-align:center*/
}
.user-center .user-tool .user-tip a {
  position:relative;
  display:inline-block;
  width:72px;
  height:48px;
  padding:0 12px
}
.user-center .user-tool .user-tip a .label {
  position:absolute;
  top:1px;
  right:10px;
  width:15px;
  height:15px;
  line-height:15px;
  font-size:8px;
  color:#fff;
  background:#b49a81;
  border-radius:100%;
  padding:0
}
.user-center .user-money {
  color:#5e5e5f;
  border-bottom:1px solid #efeded;
  height:92px;
  padding:30px 20px
}
.user-center .user-money:last-child {
  border:0
}
.user-center .user-money .icon {
  float:left;
  width:30px;
  height:30px
}
.user-center .user-money p {
  height:30px;
  line-height:30px;
  font-size:0
}
.user-center .user-money p i {
  float:left;
  display:inline-block;
  width:50px;
  font-size:12px;
  line-height:15px;
  padding-left:12px
}
.user-center .user-money p strong {
  float:left;
  display:inline-block;
  font-size:20px;
  width:88px;
  text-align:right
}
.m-userInfo .m-node .u-info.f-#b49a81,.user-center .user-money p strong.#b49a81 {
  color:#b49a81
}
.user-center .user-money p a {
  float:right;
  display:inline-block;
  height:30px;
  line-height:30px;
  color:#fff;
  border-radius:2px;
  font-size:12px;
  padding:0 12px;
  width:56px;
  text-align:center
}
.user-center .user-money p a.#b49a81 {
  background:#b01917
}
.m-userInfo>h4,.modal-content .modal-body .nav li.active,.tabbable .nav li.active a {
  background:#fff
}
.user-center .user-vip {
  padding:15px 26px
}
.user-center .user-vip dt {
  float:left;
  font-size:0;
  height:54px;
  text-align:center
}
.user-center .user-vip dt .icon {
  width:54px;
  height:54px;
  line-height:10px;
  font-size:10px;
  font-weight:700;
  color:#b49a81;
  background-size:100% auto
}
.user-center .user-vip .progress {
  position:relative;
  float:left;
  width:160px;
  margin:21px 0 21px 10px;
  background:#f0f3f6;
  -webkit-box-shadow:none;
  box-shadow:none;
  height:12px;
  padding:2px;
  border-radius:2px
}
.user-center .user-vip .progress .progress-bar {
  border-radius:2px
}
.user-center .user-vip .progress span {
  position:absolute;
  right:4px;
  line-height:8px;
  font-size:12px;
  color:#1e1f28;
  -webkit-transform:scale(.7,.7);
  transform:scale(.7,.7)
}
.user-center .user-vip p {
  line-height:20px;
  font-size:13px;
  color:#3f3f45
}
.user-center .user-vip p em {
  display:inline-block;
  padding:0 10px
}
.user-center .user-vip p.sm {
  padding:10px 0 5px;
  color:#515154
}
.user-center .user-vip p.sm strong {
  color:#515154;
  font-size:13px;
  font-weight:700
}
.user-center .user-vip p strong {
  color:#b49a81;
  font-size:16px;
  font-weight:400
}
.user-center .user-vip .more {
  float:right;
  font-size:14px
}
.modal-content .modal-header {
  padding:24px 0 12px;
  border:0
}
.modal-content .modal-header h4 {
  background:0 0;
  line-height:52px;
  text-align:center;
  font-size:18px;
  color:#b49a81;
  text-indent:0
}
.modal-content .modal-body {
  font-size:14px;
  padding:0 42px
}
.modal-content .modal-body .line {
  height:1px;
  background:#f2f5f7;
  margin:0 3px
}
.modal-content .modal-body .nav li {
  width:33.33%;
  text-align:center;
  height:40px;
  line-height:40px;
  background:#bfbfbf;
  border:3px solid #fff;
  border-width:0 3px;
  color:#fff
}
.modal-content .modal-body .m-wrap {
  min-height:240px;
  padding:3px
}
.modal-content .modal-body .m-wrap p {
  text-align:center;
  line-height:20px;
  padding:30px 0;
  color:#7d7d7d
}
.modal-content .modal-body .m-wrap .tip-info {
  padding:15px 0
}
.modal-content .modal-body .m-wrap h3 {
  font-size:14px;
  text-align:center;
  line-height:20px;
  padding:70px 0 50px;
  color:#404040
}
.modal-content .modal-body .m-wrap .u-btns .btn {
  width:160px;
  height:40px;
  line-height:40px;
  margin:0 4px
}
.modal-content .modal-body .m-wrap .u-btn .btn {
  display:block;
  height:40px;
  line-height:40px;
  margin:0 auto
}
.modal-content .modal-body .m-wrap .m-keeptxt {
  padding:24px 0
}
.modal-content .modal-body .m-wrap .m-keeptxt p {
  text-align:left;
  padding:10px 0;
  color:#404040
}
.modal-content .modal-body .u-img {
  margin-left:3px;
  width:96px;
  height:96px
}
.draw-modal .modal-dialog .modal-body .m-form .u-btn .btn,.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .u-btn .btn,.game-modal .modal-dialog .modal-body .m-form .u-btn .btn,.modal-content .modal-body .u-img img,.reset-modal .modal-dialog .modal-body .m-form .u-btn .btn {
  width:100%
}
.modal-content .modal-body .m-form {
  padding-left:20px;
  position:relative;
  width:255px;
  padding-bottom:30px
}
.modal-content .modal-body .m-form .u-input a {
  position:absolute;
  left:100%;
  bottom:0;
  width:105px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#fff;
  margin-left:14px
}
.modal-content .modal-body .m-form .u-input a.dis {
  background:#bfbfbf;
  cursor:default
}
.modal-content .modal-body .m-form .u-input a.dis:before {
  display:none
}
.modal-content .modal-body .m-form .u-input .u-time {
  position:absolute;
  top:100%;
  height:50px;
  line-height:50px;
  padding:0
}
.modal-content .modal-footer {
  border:0;
  text-align:center;
  background:#fbfbfb;
  color:#7d7d7d;
  font-size:14px;
  padding:40px 0
}
.draw-modal .modal-dialog,.game-modal .modal-dialog,.safe-modal .modal-dialog {
  width:420px
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form {
  padding:0 0 20px;
  width:100%
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-phone input {
  width:254px
}
.m-userInfo .panel-wrap .page,.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-phone .u-select {
  margin-bottom:0
}
.modal-user .modal-content .m-form .u-input,.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-input,.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-select {
  margin-bottom:30px
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-input .tip,.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-select .tip {
  position:absolute;
  top:100%;
  left:0;
  height:20px;
  line-height:20px;
  margin-top:5px;
  padding:0
}
.down-info,.game-hot,.modal-user .modal-content .m-form .u-btn,.safe-modal .modal-dialog .modal-content .modal-body .m-form .u-btn {
  padding-top:30px
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form .getcode {
  margin-right:100px
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form .getcode a {
  width:86px
}
.safe-modal .modal-dialog .modal-content .modal-body .m-form .tip {
  height:20px;
  line-height:20px;
  color:#b49a81;
  margin:-10px 0;
  text-align:left
}
.modal-user {
  width:336px
}
.modal-user .modal-content p {
  line-height:40px;
  color:#404040
}
.m-getlost .m-info .time,.modal-user .modal-content .m-form {
  padding:0
}
.modal-user .modal-footer {
  background:0 0;
  padding-top:10px
}
.draw-modal .modal-dialog,.game-modal .modal-dialog,.reset-modal .modal-dialog {
  width:340px
}
.draw-modal .modal-dialog .modal-body,.game-modal .modal-dialog .modal-body,.reset-modal .modal-dialog .modal-body {
  padding:0 30px
}
.draw-modal .modal-dialog .modal-body .m-wrap,.game-modal .modal-dialog .modal-body .m-wrap,.reset-modal .modal-dialog .modal-body .m-wrap {
  min-height:auto
}
.draw-modal .modal-dialog .modal-body .m-wrap .tip,.game-modal .modal-dialog .modal-body .m-wrap .tip,.reset-modal .modal-dialog .modal-body .m-wrap .tip {
  color:#b49a81;
  padding:30px 0 10px
}
.draw-modal .modal-dialog .modal-body .nav li,.game-modal .modal-dialog .modal-body .nav li,.reset-modal .modal-dialog .modal-body .nav li {
  height:26px;
  line-height:26px;
  font-size:12px
}
.draw-modal .modal-dialog .modal-body .m-form .u-input,.draw-modal .modal-dialog .modal-body .m-form .u-select,.game-modal .modal-dialog .modal-body .m-form .u-input,.game-modal .modal-dialog .modal-body .m-form .u-select,.reset-modal .modal-dialog .modal-body .m-form .u-input,.reset-modal .modal-dialog .modal-body .m-form .u-select {
  margin-top:0;
  margin-bottom:20px
}
.draw-modal .modal-dialog .modal-body .m-form,.game-modal .modal-dialog .modal-body .m-form,.reset-modal .modal-dialog .modal-body .m-form {
  width:100%;
  padding:20px 80px 20px 0
}
.draw-modal .modal-dialog .modal-body .m-form .u-input a,.game-modal .modal-dialog .modal-body .m-form .u-input a,.reset-modal .modal-dialog .modal-body .m-form .u-input a {
  width:66px;
  height:24px;
  line-height:24px;
  margin-bottom:8px;
  font-size:12px
}
.draw-modal .modal-dialog .modal-body .m-form .u-choose,.game-modal .modal-dialog .modal-body .m-form .u-choose,.reset-modal .modal-dialog .modal-body .m-form .u-choose {
  margin-bottom:25px
}
.draw-modal .modal-dialog .modal-body .m-form .u-choose input,.game-modal .modal-dialog .modal-body .m-form .u-choose input,.reset-modal .modal-dialog .modal-body .m-form .u-choose input {
  padding-left:32px;
  font-size:16px
}
.draw-modal .modal-dialog .modal-body .m-form .u-choose a,.game-modal .modal-dialog .modal-body .m-form .u-choose a,.reset-modal .modal-dialog .modal-body .m-form .u-choose a {
  height:28px;
  line-height:28px;
  margin-bottom:0
}
.draw-modal .modal-dialog .modal-body .m-form .u-choose>.icon,.game-modal .modal-dialog .modal-body .m-form .u-choose>.icon,.reset-modal .modal-dialog .modal-body .m-form .u-choose>.icon {
  left:0;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.draw-modal .modal-dialog .modal-body .m-form .u-btn,.game-modal .modal-dialog .modal-body .m-form .u-btn,.reset-modal .modal-dialog .modal-body .m-form .u-btn {
  margin-right:-80px;
  width:274px;
  margin-bottom:0;
  margin-top:40px
}
.draw-modal .modal-dialog .modal-body .m-form .tip,.game-modal .modal-dialog .modal-body .m-form .tip,.reset-modal .modal-dialog .modal-body .m-form .tip {
  text-align:left;
  padding:0;
  margin:-10px 0
}
.draw-modal .modal-dialog .modal-body .m-form.w-100,.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .m-form,.game-modal .modal-dialog .modal-body .m-form.w-100,.reset-modal .modal-dialog .modal-body .m-form.w-100 {
  padding-right:0
}
.draw-modal .modal-dialog .modal-footer,.game-modal .modal-dialog .modal-footer,.reset-modal .modal-dialog .modal-footer {
  background:0 0;
  line-height:24px;
  padding:0 0 30px
}
.data-modal .modal-dialog {
  width:800px
}
.data-modal .modal-dialog .modal-footer {
  background:0 0;
  padding-top:30px
}
.data-modal .modal-dialog .btn {
  width:90px;
  height:28px;
  line-height:28px
}
.draw-modal .modal-dialog .modal-header,.game-modal .modal-dialog .modal-header {
  border:0;
  text-align:center
}
.draw-modal .modal-dialog .modal-header h4,.game-modal .modal-dialog .modal-header h4 {
  font-size:24px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap,.game-modal .modal-dialog .modal-content .modal-body .m-wrap {
  width:250px;
  margin:0 auto;
  min-height:auto;
  padding-bottom:30px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-textarea textarea,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-textarea textarea {
  width:100%;
  border:1px solid #bababa;
  padding:8px;
  line-height:24px;
  min-height:136px;
  margin:20px 0 10px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .tip,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .tip {
  color:#2d2d2d;
  padding:0;
  height:30px;
  line-height:30px;
  margin-top:15px;
  font-size:16px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .tip strong,.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input .tip strong,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .tip strong,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input .tip strong,.side-main .fund-wrap .fund p strong {
  font-weight:400;
  color:#b49a81
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input input,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input input {
  width:100%;
  border:1px solid #bababa;
  height:34px;
  line-height:32px;
  text-indent:1em;
  margin-bottom:60px;
  margin-top:20px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input .tip,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input .tip {
  color:#2d2d2d;
  padding:0;
  height:30px;
  line-height:30px;
  margin-top:-45px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btn,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btn {
  margin-top:30px;
  text-align:center
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btn .btn,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btn .btn {
  display:inline-block;
  width:160px;
  height:40px;
  line-height:40px;
  border-radius:2px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btns,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btns {
  margin:30px auto 20px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btns .btn,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btns .btn {
  display:inline-block;
  width:110px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .link,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .link {
  display:block;
  text-align:center;
  line-height:30px;
  margin-top:10px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .get-img img,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .get-img img {
  display:block;
  width:150px;
  margin:0 auto
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .get-img span,.game-modal .modal-dialog .modal-content .modal-body .m-wrap .get-img span {
  display:block;
  text-align:center;
  line-height:48px;
  color:#2d2d2d;
  font-size:16px
}
.draw-modal .modal-dialog .modal-content.modal-prize {
  background:url(images/game/prize.png) top center no-repeat #fff
}
.draw-modal .modal-dialog .modal-content.modal-prize .modal-body .m-wrap {
  padding:44px 0
}
.draw-modal .modal-dialog .modal-content.modal-prize .modal-body .m-wrap .get-img {
  padding:32px 0;
  margin-bottom:60px;
  line-height:48px;
  font-size:0;
  text-align:center
}
.draw-modal .modal-dialog .modal-content.modal-prize .modal-body .m-wrap .get-img span {
  display:inline-block;
  vertical-align:middle;
  line-height:24px;
  font-size:15px;
  color:#fff
}
.draw-modal .modal-dialog .modal-content.modal-prize .modal-body .m-wrap .get-img span strong {
  color:#740202
}
.draw-modal .modal-dialog .modal-content.modal-data {
  margin:0 -150px;
  width:720px;
  padding-bottom:40px
}
.draw-modal .modal-dialog .modal-content.modal-data .u-btn {
  width:160px;
  margin:40px auto 0
}
.draw-modal .modal-dialog .modal-content.modal-data .u-btn .btn {
  width:100%;
  height:40px;
  line-height:40px
}
.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap {
  width:100%;
  padding:0 25px
}
.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .u-btn {
  padding-top:30px;
  margin:20px 0;
  width:100%
}
.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .m-form .u-input {
  margin:18px 0 30px
}
.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .m-form .u-input input {
  height:34px;
  line-height:34px;
  border-bottom:1px solid #f1f1f1;
  font-size:18px;
  color:#404040;
  background:0 0;
  margin:0;
  text-align:left
}
.draw-modal .modal-dialog .modal-content.modal-userinfo .modal-body .m-wrap .m-form .u-input .tip {
  position:absolute;
  top:100%;
  left:0;
  height:20px;
  line-height:20px;
  margin-top:5px;
  padding:0;
  color:#b49a81;
  text-align:left;
  font-size:12px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-input input {
  border:0;
  background:#f1f1f1;
  text-align:center;
  text-indent:0;
  margin:20px 0 40px;
  height:40px;
  line-height:40px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-textarea textarea {
  border:0;
  background:#f1f1f1;
  min-height:96px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .u-btn,.table {
  margin-top:15px
}
.m-userInfo,.tabbable {
  margin-top:12px;
  height:auto;
  min-height:449px
}
.draw-modal .modal-dialog .modal-content .modal-body .m-wrap .tip strong {
  font-size:14px;
  color:#ce0202
}
.m-userInfo {
  -webkit-box-shadow:0 0 2px #ddd;
  box-shadow:0 0 2px #ddd;
  width:100%;
  background:#fff
}
.m-userInfo .u-btn .btn {
  display:block;
  width:124px;
  height:36px;
  line-height:36px;
  margin:0 auto
}
.m-userInfo>h4 {
  border-bottom: 1px solid #eee;
  position:relative;
  height:50px;
  line-height:50px;
  color:#000;
  font-size:16px;
  font-weight:400;
  padding:0 20px;
  text-indent:40px
}
.m-userInfo>h4 .icon {
  position:absolute;
  top:50%;
  left:20px;
  width:26px;
  height:26px;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.m-userInfo>h4.u-title {
  text-indent:0
}
.m-userInfo .m-node {
  height:54px;
  line-height:54px;
  border-bottom:1px solid #f4f6f7;
  padding:0 50px;
  font-size:14px;
  color:#656567;
  white-space:nowrap
}
.m-userInfo .m-node:last-child {
  border:0
}
.m-userInfo .m-node .u-name {
  float:left;
  display:block;
  width:215px
}
.m-userInfo .m-node .u-info {
  width:400px;
  float:left;
  display:block
}
.m-userInfo .m-node .u-link {
  width:140px;
  float:left;
  display:block;
  font-size:0;
  text-align:right
}
.m-sponsors-img img,.m-userInfo .m-node .u-link a {
  display:inline-block
}
.m-userInfo .m-node .u-link a .icon {
  width:22px;
  height:23px
}
.m-userInfo .m-bank {
  padding:0 60px
}
.m-userInfo .m-bank .nav {
  margin:24px -6px
}
.m-userInfo .m-bank .nav li {
  width:25%;
  height:40px;
  text-align:center;
  line-height:40px;
  padding:0 6px
}
.m-userInfo .m-bank .nav li a {
  margin:0 auto;
  display:block;
  width:100%;
  height:100%;
  border:1px solid #dcdfe6;
  font-size:13px;
  color:#515154;
  border-radius:0
}
.m-userInfo .m-bank .nav li a.active,.m-userInfo .m-bank .nav li a:hover {
  color:#b49a81;
  background:0 0
}
.m-userInfo .m-bank .nav li a.active {
  color:#b49a81;
  background:0 0
}
.m-userInfo .m-bank .nav li a.active:after {
  content:"";
  width:100%;
  height:2px;
  background:#b49a81;
  position:absolute;
  bottom:0;
  left:0
}
.m-userInfo .m-bank .nav li a .icon {
  width:24px;
  height:24px;
  position:absolute;
  left:30px;
  top:8px
}
.m-userInfo .m-bank .m-form .u-input {
  position:relative;
  font-size:13px;
  margin-bottom:30px
}
.m-userInfo .m-bank .m-form .u-input label,.m-userInfo .m-bank .m-form .u-password label {
  display:block;
  height:45px;
  line-height:45px;
  color:#656567
}
.m-userInfo .m-bank .m-form .u-input input {
  border:1px solid #f0f3f6;
  width:240px;
  height:34px;
  line-height:32px;
  text-indent:12px;
  font-size:13px;
  color:#656567
}
.m-userInfo .m-bank .m-form .u-input .u-wran {
  position:absolute;
  left:260px;
  top:45px;
  line-height:34px;
  color:#b49a81
}
.m-userInfo .m-bank .m-form .u-input .u-tip {
  position:absolute;
  left:260px;
  bottom:34px;
  line-height:20px;
  color:#656567;
  background:#f4f4f4;
  padding:8px 12px;
  font-size:12px
}
.m-userInfo .m-bank .m-form .u-input .u-tip:before {
  content:"";
  position:absolute;
  left:-12px;
  bottom:3px;
  border-left:12px solid transparent;
  border-bottom:12px solid #f4f4f4
}
.m-userInfo .m-keep {
  font-size:13px;
  padding:28px 56px
}
.m-userInfo .m-keep h5 {
  color:#656567;
  font-weight:700;
  padding:20px 0
}
.m-userInfo .m-keep p {
  color:#656567;
  line-height:24px;
  padding:20px 0
}
.m-userInfo .m-keep .u-btn,.side-main .begin-wrap h2 {
  padding:15px
}
.m-userInfo .m-panels {
  padding-bottom:10px
}
.m-userInfo .m-panels .panel-group {
  position:relative;
  margin-bottom:0
}
.m-userInfo .m-panels .panel-group:nth-child(even) .panel-heading {
  background:#f9f9f9
}
.m-userInfo .m-panels .panel-group .u-check {
  position:absolute;
  top:11px;
  left:10px
}
.m-userInfo .m-panels .panel-group .panel-heading {
  height:40px;
  line-height:40px;
  font-weight:400;
  padding-left:38px;
  padding-right:24px
}
.m-userInfo .m-panels .panel-group .panel-heading strong {
  display:inline-block;
  font-weight:400;
  width:180px
}
.m-userInfo .m-panels .panel-group .panel-heading span {
  float:right
}
.m-userInfo .m-panels .panel-group .panel-body {
  border:1px solid #dad7d7;
  background:#fdfcfc;
  margin:0 0 15px;
  padding:10px 15px;
  font-size:13px;
  color:#656567;
  border-radius:2px;
  line-height:20px;
  min-height:80px
}
.m-userInfo .panel-wrap {
  padding:30px 65px 20px
}
.m-userInfo .panel-wrap .m-tool {
  height:28px;
  line-height:28px;
  margin:20px 0
}
.m-userInfo .panel-wrap .m-tool .u-check {
  display:inline-block;
  padding-right:15px
}
.m-userInfo .panel-wrap .m-tool .u-check label {
  width:auto;
  padding-left:24px
}
.m-userInfo .panel-wrap .m-tool span {
  display:inline-block;
  padding:0 15px
}
.m-userInfo .panel-wrap .m-tool span .icon {
  position:relative;
  top:-1px;
  width:20px;
  height:20px;
  margin-right:2px
}
.m-userInfo .m-power {
  padding:70px 110px
}
.m-userInfo .m-power .power-user {
  position:relative;
  padding:0 6px;
  margin-bottom:20px
}
.m-userInfo .m-power .power-user p {
  position:absolute;
  bottom:50px;
  left:0;
  width:100%;
  text-align:center;
  color:#515154
}
.m-userInfo .m-power .power-user .user {
  width:90px;
  float:left;
  margin:0 20px 0 40px
}
.m-userInfo .m-power .power-user .user strong,.m-userInfo .m-power .power-user .vip strong {
  display:block;
  height:48px;
  line-height:48px;
  text-align:center;
  font-weight:400;
  font-size:14px;
  color:#515154
}
.m-userInfo .m-power .power-user .vip {
  width:90px;
  float:right;
  margin:0 40px 0 20px
}
.m-userInfo .m-power .power-user .vip .icon {
  width:90px;
  height:90px;
  text-align:center;
  line-height:90px;
  font-size:40px;
  color:#c28901;
  background-size:100% auto
}
.m-userInfo .m-power .power-user .progress {
  position:relative;
  float:left;
  width:323px;
  height:14px;
  border:1px solid #e2e5e8;
  margin:38px 0
}
.m-userInfo .m-power .power-user .progress span {
  font-size:12px;
  position:absolute;
  right:20px;
  line-height:12px;
  color:#1e1f28;
  top:0;
  -webkit-transform:scale(.8,.8);
  transform:scale(.8,.8)
}
.m-userInfo .m-power .power-user .photo {
  width:90px;
  height:90px;
  border-radius:100%;
  overflow:hidden
}
.m-userInfo .m-power .power-info {
  padding:0 6px;
  width:50%;
  float:left
}
.m-userInfo .m-power .power-info h4 {
  height:45px;
  line-height:45px;
  background:#656567;
  color:#fff;
  font-size:13px;
  text-indent:20px
}
.m-userInfo .m-power .power-info h4 a {
  position:relative;
  height:100%;
  padding:0 15px;
  text-indent:0;
  display:block
}
.m-userInfo .m-power .power-info ol {
  border:1px solid #f5f5f5
}
.m-userInfo .m-power .power-info ol li {
  line-height:36px;
  padding:0 15px;
  background:#fefefe;
  color:#515154
}
.m-userInfo .m-power .power-info ol li:nth-child(even) {
  background:#fbfbfb
}
.m-userInfo .m-safe {
  padding:20px 70px 50px
}
.m-userInfo .m-safe p {
  line-height:50px;
  font-size:13px;
  color:#656567;
  margin-left:-15px
}
.m-userInfo .m-safe .safe-info {
  float:left;
  width:340px;
  background:#f9f9f9;
  margin:0 8px;
  padding:20px
}
.m-userInfo .m-safe .safe-info .icon {
  width:24px;
  height:24px;
  margin-right:20px
}
.m-userInfo .m-safe .safe-info a {
  float:right;
  border:1px solid #dad7d7;
  line-height:22px;
  height:24px;
  font-size:12px;
  color:#656567;
  border-radius:2px;
  width:56px;
  text-align:center
}
.m-module .module-info .table thead tr,.m-userInfo .m-safe .safe-info a.#b49a81,.swiper-wrap .pagination li.swiper-active-switch .caption .lable {
  background:#b49a81;
  color:#fff
}
.m-userInfo .m-safe .node {
  height:40px;
  line-height:24px;
  padding:8px 15px
}
.game-tab .tab-content li,.m-userInfo .m-safe .right-info .node {
  height:80px
}
.m-userInfo .m-safe .right-info .icon {
  display:block;
  margin:4px 0 8px
}
.tabbable {
  width:100%
}
.tabbable .nav {
  margin:0 -4px
}
.tabbable .nav li {
  width:50%;
  text-align:center
}
.tabbable .nav li a {
  display:block;
  padding:0;
  margin:0 4px;
  height:50px;
  line-height:50px;
  background:#bfbfbf;
  color:#fff;
  border-radius:0;
  font-size:16px
}
.tabbable .m-list li {
  height:170px;
  margin-top:10px;
  background:#fff
}
.tabbable .m-list li img {
  display:block;
  width:170px;
  height:auto;
  min-height:100%
}
.tabbable .m-list .list-node {
  width:540px;
  padding-left:30px
}
.tabbable .m-list .list-node h4 {
  padding-top:10px;
  line-height:35px;
  font-size:13px;
  color:#5d5d5f
}
.tabbable .m-list .list-node h4 span {
  display:inline-block;
  height:20px;
  line-height:20px;
  background:#b49a81;
  color:#fff;
  width:auto;
  font-size:10px;
  padding:0 12px
}
.tabbable .m-list .list-node .times span {
  display:inline-block;
  height:30px;
  line-height:30px;
  padding-right:5px
}
.tabbable .m-list .list-node .tooltip {
  margin:5px 10px
}
.tabbable .m-list .list-node .tooltip .tooltip-arrow {
  border-top-color:#515154
}
.tabbable .m-list .list-node .tooltip .tooltip-inner {
  background:#515154
}
.tabbable .m-list .list-node .progress {
  margin-top:10px;
  height:8px;
  border-radius:2px;
  margin-bottom:0
}
.tabbable .m-list .list-node .status {
  line-height:22px;
  padding:10px 0;
  text-align:center
}
.tabbable .m-list .list-link {
  text-align:center;
  background:#5c5c5c;
  color:#fff;
  width:120px;
  height:100%
}
.tabbable .m-list .list-link p {
  height:124px;
  line-height:124px;
  font-size:0
}
.tabbable .m-list .list-link p span {
  line-height:24px;
  display:inline-block;
  vertical-align:middle;
  font-size:16px
}
.tabbable .m-list .list-link p span strong {
  font-size:32px;
  font-weight:400
}
.tabbable .m-list .list-link a {
  position:relative;
  color:#f6cbca;
  background:#b49a81;
  height:46px;
  line-height:46px;
  display:block
}
.tabbable .m-list .list-link a:before {
  position:absolute;
  left:50%;
  top:-4px;
  content:"";
  display:inline-block;
  width:0;
  height:0;
  border-bottom:4px solid #b49a81;
  border-right:4px solid transparent;
  border-left:4px solid transparent
}
.tabbable .m-list .list-link a:hover {
  color:#fff
}
.m-transfer {
  margin:0 -9px
}
.m-transfer .transfer1 .node,.m-transfer .transfer2 .node,.m-transfer .transfer3 .node {
  margin:0 9px;
  border:1px solid #f5f5f5;
  background:#fafafa
}
.m-transfer .transfer1 h4,.m-transfer .transfer2 h4,.m-transfer .transfer3 h4 {
  height:36px;
  line-height:36px;
  background:#515154;
  color:#fff;
  font-size:13px;
  padding:0 10px 0 20px
}
.m-transfer .transfer1 h4 .icon,.m-transfer .transfer2 h4 .icon,.m-transfer .transfer3 h4 .icon,.side-main .fund-wrap .transfer h4 .icon {
  float:right;
  width:36px;
  height:36px
}
.m-transfer .transfer1 ul li,.m-transfer .transfer2 ul li,.m-transfer .transfer3 ul li {
  height:35px;
  line-height:35px;
  padding:0 12px 0 20px
}
.m-transfer .transfer1 ul li:nth-child(even),.m-transfer .transfer2 ul li:nth-child(even),.m-transfer .transfer3 ul li:nth-child(even) {
  background:#fdfdfd
}
.m-transfer .transfer1 ul li a:hover,.m-transfer .transfer2 ul li a:hover,.m-transfer .transfer3 ul li a:hover {
  color:#b49a81
}
.m-transfer .transfer1 ul li .link,.m-transfer .transfer2 ul li .link,.m-transfer .transfer3 ul li .link,.side-main .fund-wrap .transfer ul li .link {
  background:#c2a77d;
  color:#fff;
  height:20px;
  line-height:20px;
  margin-top:8px;
  padding:0 8px;
  font-size:12px
}
.sousuo111 {
  border-color: #c2a77d;
  background-color: #c2a77d;
  color: #fff;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #dcdfe6;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin-left: 15px;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.m-transfer .transfer1 ul li .link.link1,.m-transfer .transfer2 ul li .link.link1,.m-transfer .transfer3 ul li .link.link1,.side-main .fund-wrap .transfer ul li .link.link1 {
  background:#eed4d4
}
.m-transfer .transfer1 ul li .link:hover,.m-transfer .transfer2 ul li .link:hover,.m-transfer .transfer3 ul li .link:hover {
  color:#fff
}
.m-transfer .transfer1 ul li .links,.m-transfer .transfer2 ul li .links,.m-transfer .transfer3 ul li .links {
  color:#656567;
  margin-right:-3px
}
.m-transfer .transfer1 ul li .links a,.m-transfer .transfer2 ul li .links a,.m-transfer .transfer3 ul li .links a {
  display:inline-block;
  padding:0 3px;
  color:#b49a81
}
.m-transfer .transfer1 ul li .links a:hover,.m-transfer .transfer2 ul li .links a:hover,.m-transfer .transfer3 ul li .links a:hover {
  text-decoration:underline
}
.m-transfer .transfer1 .m-form,.m-transfer .transfer2 .m-form,.m-transfer .transfer3 .m-form,.side-main .fund-wrap .transfer .m-form {
  position:relative;
  padding:10px 35px 0 15px
}
.m-transfer .transfer1 .m-form .u-input,.m-transfer .transfer1 .m-form .u-select,.m-transfer .transfer2 .m-form .u-input,.m-transfer .transfer2 .m-form .u-select,.m-transfer .transfer3 .m-form .u-input,.m-transfer .transfer3 .m-form .u-select,.side-main .fund-wrap .transfer .m-form .u-input,.side-main .fund-wrap .transfer .m-form .u-select {
  margin:8px 0
}
.m-transfer .transfer1 .m-form .u-input input,.m-transfer .transfer1 .m-form .u-input select,.m-transfer .transfer1 .m-form .u-select input,.m-transfer .transfer1 .m-form .u-select select,.m-transfer .transfer2 .m-form .u-input input,.m-transfer .transfer2 .m-form .u-input select,.m-transfer .transfer2 .m-form .u-select input,.m-transfer .transfer2 .m-form .u-select select,.m-transfer .transfer3 .m-form .u-input input,.m-transfer .transfer3 .m-form .u-input select,.m-transfer .transfer3 .m-form .u-select input,.m-transfer .transfer3 .m-form .u-select select {
  border:1px solid #f0f3f6;
  background:#fff;
  height:34px;
  line-height:32px;
  width:100%;
  color:#656567;
  text-indent:12px
}
.m-transfer .transfer1 .m-form .u-input select,.m-transfer .transfer1 .m-form .u-select select,.m-transfer .transfer2 .m-form .u-input select,.m-transfer .transfer2 .m-form .u-select select,.m-transfer .transfer3 .m-form .u-input select,.m-transfer .transfer3 .m-form .u-select select {
  text-indent:0;
  padding-left:12px
}
.m-transfer .transfer1 .m-form .u-input .mark,.m-transfer .transfer1 .m-form .u-select .mark,.m-transfer .transfer2 .m-form .u-input .mark,.m-transfer .transfer2 .m-form .u-select .mark,.m-transfer .transfer3 .m-form .u-input .mark,.m-transfer .transfer3 .m-form .u-select .mark,.side-main .fund-wrap .transfer .m-form .u-input .mark,.side-main .fund-wrap .transfer .m-form .u-select .mark {
  right:10px;
  top:50%;
  bottom:auto;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.m-transfer .transfer1 .m-form .u-btn,.m-transfer .transfer2 .m-form .u-btn,.m-transfer .transfer3 .m-form .u-btn,.side-main .fund-wrap .transfer .m-form .u-btn {
  margin-bottom:18px
}
.m-transfer .transfer1 .m-form .u-btn .btn,.m-transfer .transfer2 .m-form .u-btn .btn,.m-transfer .transfer3 .m-form .u-btn .btn {
  height:36px;
  line-height:36px;
  margin:0 auto;
  width:120px
}
.m-transfer .transfer1 .m-form:before,.m-transfer .transfer2 .m-form:before,.m-transfer .transfer3 .m-form:before {
  content:"";
  position:absolute;
  right:18px;
  top:35px;
  width:8px;
  height:42px;
  border:1px solid #b49a81;
  border-left:0;
  border-radius:0 2px 2px 0
}
.m-transfer .transfer1 .m-form:after,.m-transfer .transfer2 .m-form:after,.m-transfer .transfer3 .m-form:after {
  content:"";
  position:absolute;
  right:22px;
  top:72px;
  width:0;
  height:0;
  border-right:5px solid #b49a81;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent
}
.m-transfer .transfer1,.m-transfer .transfer2 {
  width:39%
}
.m-transfer .transfer3 {
  width:22%
}
.page {
  text-align:right;
  padding-bottom:20px
}
.choose-form {
  margin-left:-12px;
  padding:20px 0 10px
}
.choose-form .data-select,.choose-form .u-select {
  float:left;
  padding-left:12px
}
.choose-form .data-select select,.choose-form .u-select select {
  float:left;
  border:1px solid #f0f3f6;
  background:#fdfcfc;
  height:34px;
  line-height:34px;
  width:140px;
  padding-left:15px
}
.choose-form .data-select .mark,.choose-form .u-select .mark {
  margin-right:8px
}
.choose-form .u-btn {
  float:right;
  margin:0
}
.choose-form .u-btn .btn {
  height:34px;
  width:150px
}
.choose-form label {
  float:left;
  display:block;
  width:auto;
  line-height:34px;
  padding-right:4px
}
.m-deposit .nav {
  width:688px;
  margin:0 auto;
  padding:15px 0
}
.m-deposit .nav li {
  position:relative;
  float:left;
  width:108px;
  margin:0 32px
}
.m-deposit .nav li.active:before {
  position:absolute;
  z-index:10;
  content:"";
  top:-8px;
  right:-8px;
  width:20px;
  height:20px
}
.m-deposit .nav li.active a {
  border-color:#b49a81;
  background:#fdfcfc;
  color:#515154
}
.m-deposit .nav li a {
  border:1px solid #f0f3f6;
  text-align:center;
  font-size:12px;
  color:#515154;
  padding:8px 0;
  line-height:24px;
  border-radius:0;
  background:#fdfcfc;
  margin:0
}
.m-deposit .nav li a .icon {
  display:block;
  margin:0 auto;
  width:30px;
  height:30px
}
.m-deposit .nav li a:hover {
  border-color:#b49a81;
  background:#fdfcfc;
  color:#515154
}
.m-deposit .step-one {
  padding:15px 65px 40px
}
.m-deposit .step-one h5 {
  line-height:50px
}
.m-deposit .step-one .choose {
  padding-left:15px
}
.m-deposit .step-one .choose-banks .u-select {
  font-size:13px;
  position:absolute;
  top:0;
  left:35px;
  padding:23px 0;
  width:150px;
  margin-left:15px
}
.m-deposit .step-one .choose-banks .u-select select {
  width:100%;
  border:1px solid #f0f3f6;
  background:#fdfcfc;
  height:34px;
  line-height:34px;
  padding-left:15px
}
.m-deposit .step-one .choose-banks .u-select .mark {
  position:absolute;
  top:50%;
  right:10px;
  bottom:auto;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.m-deposit .step-one .u-input {
  padding:8px 0
}
.m-deposit .step-one .u-input input {
  border:1px solid #f0f3f6;
  background:#fdfcfc;
  height:34px;
  line-height:32px;
  text-indent:12px;
  width:270px
}
.m-deposit .step-one .u-btns .btn {
  width:105px
}
.m-deposit .step-one .tip {
  line-height:20px;
  color:#b49a81;
  padding:10px 0
}
.m-deposit .step-one table {
  margin:20px 0;
  width:100%;
  line-height:36px
}
.user-scroll .m-scrollbar {
  height:700px
}
.carousel {
  position:relative;
  height:570px;
  overflow:hidden
}
.carousel .carousel-inner {
  position:absolute;
  left:50%;
  top:0;
  width:2048px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  margin:0
}
.carousel .carousel-inner .caption {
  position:absolute;
  top:0;
  left:50%;
  width:1144px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  color:#fff;
  padding-top:110px
}
.carousel .carousel-inner .caption .lable {
  display:inline-block;
  height:30px;
  line-height:30px;
  background:#b49a81;
  padding:0 5px
}
.carousel .carousel-inner .caption h4 {
  font-size:40px;
  line-height:60px;
  font-weight:400;
  padding-bottom:15px;
  -webkit-animation-delay:.2s;
  animation-delay:.2s
}
.carousel .carousel-inner .caption p {
  width:570px;
  font-size:24px;
  line-height:38px;
  font-weight:lighter;
  -webkit-animation-delay:.4s;
  animation-delay:.4s
}
.carousel .changes,.mrcat-carousel .slick-arrows,.swiper-wrap .changes {
  position:absolute;
  left:50%;
  margin-left:-572px;
  bottom:200px;
  font-size:0
}
.carousel .changes a,.chess-swiper .swiper-container .changes a,.swiper-wrap .changes a {
  position:relative;
  display:inline-block;
  width:36px;
  height:36px;
  border:1px solid #fff;
  background:0 0
}
.carousel .changes a:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-right:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.carousel .changes a.right {
  background:#fff
}
.carousel .changes a.right:before {
  border-left:4px solid #b49a81;
  border-right:0
}
.swiper-wrap .pagination li img {
  display:block;
  width:100%;
  min-height:100%;
  max-height:100%;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.swiper-wrap .pagination li .caption h4,.swiper-wrap .pagination li .caption p {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.swiper-wrap .pagination li .caption {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  background:rgba(0,0,0,.5);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.swiper-wrap .pagination li .caption h4 {
  text-align:center;
  color:#fff;
  line-height:50px;
  padding-top:8px
}
.swiper-wrap .pagination li .caption p {
  text-align:center;
  color:#fff;
  font-size:13px;
  padding:0 20px;
  line-height:16px;
  height:32px;
  overflow:hidden
}
.carousel .carousel-ticket li,.swiper-wrap .carousel-ticket li {
  font-size:0;
  line-height:150px;
  border-radius:0;
  background:#e3e3e3
}
.carousel .carousel-ticket li:active,.lottery-swiper .pagination li:active,.swiper-wrap .carousel-ticket li:active {
  background:#fbfbfb
}
.carousel .carousel-ticket li:after {
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:1px;
  height:100%;
  background:#fff
}
.carousel .carousel-ticket li img,.lottery-swiper .pagination li img,.swiper-wrap .carousel-ticket li img {
  display:inline-block;
  width:auto;
  height:auto;
  min-width:auto;
  min-height:auto;
  vertical-align:middle
}
.carousel .carousel-ticket li .caption p,.lottery-swiper .pagination li .caption p,.swiper-wrap .carousel-ticket li .caption p {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  color:#5f5f5f;
  height:36px;
  line-height:36px;
  font-size:14px
}
.carousel-lottery,.carousel-real {
  height:717px;
  padding-bottom:147px;
  overflow:hidden
}
.lottery-swiper .pagination,.real-swiper .pagination {
  height:147px;
  bottom:0
}
.lottery-swiper .pagination li,.real-swiper .pagination li {
  padding-top:0
}
.lottery-swiper .pagination li .caption .lable,.real-swiper .pagination li .caption .lable {
  background:#b49a81;
  color:#f6cbca
}
.carousel-lottery .carousel-inner .caption,.carousel-real .carousel-inner .caption {
  text-align:right;
  bottom:43px;
  top:auto;
  padding:0
}
.carousel-lottery .carousel-inner .caption a,.carousel-real .carousel-inner .caption a,.lottery-swiper .discuss-swiper .swiper-slide .caption a,.mrcat-carousel .slick-slide .caption a,.real-swiper .discuss-swiper .swiper-slide .caption a {
  display:inline-block;
  height:36px;
  line-height:36px;
  background:#b49a81;
  color:#fff;
  width:120px;
  text-align:center
}
.hot-wrap {
  margin:50px auto;
  height:236px
}
.hot-wrap .img-link,.hot-wrap .text-link {
  display:block;
  height:236px;
  overflow:hidden
}
.hot-wrap .img-link img,.hot-wrap .text-link img,.main .m-inactive img {
  display:block;
  width:100%;
  height:auto;
  min-height:100%
}
.hot-wrap .img-link:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.hot-wrap .img-link:hover:before {
  background:0 0
}
.hot-wrap .text-link {
  position:relative;
  border:1px solid #e4e4e4;
  padding:24px
}
.hot-wrap .text-link h4 {
  font-size:30px;
  color:#b49a81;
  padding:15px 0
}
.hot-wrap .text-link a {
  position:absolute;
  bottom:25px;
  right:25px;
  width:48px;
  height:48px;
  background:#b49a81;
  color:#fff;
  text-align:center;
  line-height:48px
}
.main {
  background:#fff;
  padding-bottom:20px
}
.main .m-inactive {
  position:relative;
  height:253px;
  margin:12px 0;
  overflow:hidden
}
.main .m-inactive .caption {
  position:absolute;
  top:50%;
  left:0;
  width:230px;
  height:114px;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  background:rgba(171,24,19,.85);
  color:#fff;
  padding:20px 30px
}
.main .m-inactive .caption h4 {
  font-size:32px;
  line-height:48px
}
.main .m-inactive .caption p {
  font-size:16px
}
.main .m-inactive .layer {
  opacity:0;
  z-index:1;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#b49a81;
  color:#fff;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
}
.main .m-inactive .layer h4 {
  height:80px;
  line-height:80px;
  color:#fff;
  text-indent:30px
}
.main .m-inactive .layer ul {
  display:-moz-box;
  display:-webkit-box;
  display:box;
  margin:0 10px
}
.main .m-inactive .layer ul li {
  -webkit-box-flex:1;
  box-flex:1;
  text-align:center
}
.main .m-inactive .layer ul li a {
  display:block;
  color:#fff
}
.main .m-inactive .layer ul li .icon {
  width:50px;
  height:50px
}
.main .m-inactive .layer ul li:hover .icon {
  -webkit-transition:transform .8s;
  -webkit-transition:-webkit-transform .8s;
  transition:-webkit-transform .8s;
  transition:transform .8s;
  transition:transform .8s,-webkit-transform .8s;
  -webkit-transform:rotateX(360deg);
  transform:rotateY(360deg)
}
.main .m-inactive .layer .more {
  position:absolute;
  bottom:20px;
  right:20px;
  width:98px;
  line-height:32px;
  text-align:center;
  border:1px solid #fff;
  color:#fff;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.main .m-inactive .layer .more:hover {
  background:#fff;
  color:#b49a81
}
.main .m-sponsors .media.media1 .media-body,.main .m-sponsors .media.media2 .media-body {
  background:url(upload/sponsor-bg1.png) center center no-repeat
}
.main .m-inactive:hover .layer {
  opacity:1;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1)
}
.main .m-section {
  margin:30px 0;
  text-align:center;
  padding:0 30px
}
.main .m-section a {
  display:block;
  padding:30px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid transparent
}
.main .m-section a:hover {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  border:1px solid #ededed;
  background:#f9fcff
}
.main .m-section a:hover h5 {
  -webkit-animation:.3s moveFromBottom
}
.main .m-section a:hover p {
  -webkit-animation:.5s moveFromBottom
}
.down-info .m-section h5,.main .m-section h5 {
  padding-top:20px;
  font-size:20px;
  color:#2e2e2e;
  line-height:30px
}
.down-info .m-section p,.main .m-section p {
  width:250px;
  margin:0 auto;
  line-height:20px;
  color:#2f3437
}
.main .m-match {
  height:403px;
  margin-bottom:12px
}
.main .m-match a {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden
}
.main .m-match a>img {
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out;
  min-height:100%
}
.main .m-match a:before {
  z-index:1;
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  -webkit-transition:all 1s ease-in;
  transition:all 1s ease-in
}
.main .m-match a:hover:before {
  opacity:0
}
.main .m-match a:hover .caption {
  color:#fff
}
.main .m-match a:hover>img {
  -webkit-transform:scale3d(1.1,1.1,1);
  transform:scale3d(1.1,1.1,1)
}
.main .m-match .caption {
  z-index:2;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  color:#fff
}
.main .m-match .caption h2 {
  font-size:32px;
  line-height:90px;
  text-indent:30px;
  font-weight:lighter
}
.main .m-match .caption p {
  font-size:14px;
  line-height:24px;
  text-align:center;
  padding-top:20px;
  padding-bottom:15px
}
.main .m-match .caption .score {
  width:460px;
  height:140px;
  border-bottom:1px solid #868686;
  margin:0 auto
}
.main .m-match .caption .score .score-nub {
  margin:0 auto;
  display:block;
  width:140px;
  text-align:center;
  line-height:80px;
  font-weight:400;
  font-size:30px
}
.main .m-match .caption .score .score-left,.main .m-match .caption .score .score-right {
  width:160px
}
.main .m-match .caption .score .score-left .score-img,.main .m-match .caption .score .score-right .score-img {
  width:100%;
  height:82px;
  text-align:center;
  line-height:82px
}
.main .m-match .caption .score .score-left .score-img img,.main .m-match .caption .score .score-right .score-img img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  vertical-align:middle
}
.main .m-match .caption .score .score-left span,.main .m-match .caption .score .score-right span {
  display:block;
  text-align:center;
  line-height:40px;
  margin-bottom:20px
}
.main .m-match .caption .score .score-left .nub,.main .m-match .caption .score .score-right .nub {
  font-size:20px;
  line-height:56px
}
.main .m-sponsors {
  height:478px;
  border:1px solid #ededed;
  background:#f9fcff;
  margin-bottom:40px;
  position:relative
}
.main .m-sponsors .jumbotron {
  padding:15px 30px 5px;
  margin-bottom:0;
  background:0 0
}
.main .m-sponsors .jumbotron h2 {
  color:#950010;
  font-size:32px;
  line-height:56px
}
.main .m-sponsors .jumbotron p {
  color:#2f3437;
  line-height:20px;
  font-size:14px;
  padding:10px 0 0;
  margin:0;
  height:80px;
  overflow:hidden
}
.main .m-sponsors .media {
  margin:0;
  height:160px;
  padding:0 30px;
  border-top:1px solid #ededed;
  background:#fdfdfd;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.main .m-sponsors .media .media-img {
  position:relative;
  float:left;
  width:245px;
  margin-left:25px;
  height:100%
}
.main .m-sponsors .media .media-img img {
  position:absolute;
  bottom:0;
  left:0;
  width:auto;
  height:auto
}
.main .m-sponsors .media .media-body {
  float:left;
  width:230px;
  height:100%;
  color:#3b3b3b;
  line-height:20px;
  text-align:center;
  padding:10px 0
}
.main .m-sponsors .media .media-body p {
  text-indent:2em
}
.main .m-sponsors .media .media-body span {
  display:block;
  color:#000;
  line-height:36px
}
.main .m-sponsors .media .media-body img {
  display:block;
  margin:0 auto;
  padding-top:15px
}
.main .m-sponsors .media:hover {
  background:#fff
}
.main .m-sponsors .media:hover .media-body img {
  -webkit-transition:transform .8s;
  -webkit-transition:-webkit-transform .8s;
  transition:-webkit-transform .8s;
  transition:transform .8s;
  transition:transform .8s,-webkit-transform .8s;
  -webkit-transform:rotateX(360deg);
  transform:rotateY(360deg)
}
.main .m-sponsors .media.media1 .media-img {
  margin-left:0;
  margin-right:25px
}
.main .m-sponsors .media.media2 .media-img {
  margin-left:25px;
  margin-right:0
}
.main .m-sponsors .media.media2 .media-body {
  margin-left:-25px
}
.main .m-sportsodd {
  border:1px solid #ededed;
  padding:0 12px 12px;
  height:893px;
  margin-bottom:40px;
  background:url(images/table-bg.png) bottom right no-repeat
}
.main .m-sportsodd .jumbotron {
  background:0 0;
  padding:15px 0;
  margin:0
}
.main .m-sportsodd .jumbotron h2 {
  color:#950010;
  font-size:32px;
  line-height:56px;
  padding-left:15px
}
.main .m-sportsodd .jumbotron p {
  color:#2f3437;
  line-height:20px;
  font-size:14px;
  padding:10px 0 0 15px;
  margin:0;
  overflow:hidden
}
.main .m-sportsodd .jumbotron .dropdown {
  float:right;
  width:120px;
  height:32px;
  margin:10px 0
}
.main .m-sportsodd .jumbotron .dropdown .dropdown-menu {
  min-width:auto;
  width:100%;
  border:0
}
.main .m-sportsodd .jumbotron .dropdown .dropdown-menu li>a {
  height:36px;
  line-height:36px;
  padding-left:12px;
  background:#f5f5f5
}
.main .m-sportsodd .jumbotron .dropdown .dropdown-menu li>a:hover {
  color:#b49a81
}
.main .m-sportsodd .jumbotron .btn-primary {
  position:relative;
  display:block;
  width:120px;
  height:32px;
  font-size:14px;
  line-height:30px;
  border:1px solid #ededed;
  background:0 0;
  color:#343741;
  text-align:center;
  padding:0 30px 0 0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.main .m-sportsodd .jumbotron .btn-primary:before {
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:31px;
  height:100%;
  border-left:1px solid #ededed;
  background:#b49a81
}
.main .m-sportsodd .jumbotron .btn-primary:after {
  content:"";
  position:absolute;
  right:12px;
  top:11px;
  width:0;
  height:0;
  border-left:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent
}
.main .m-sportsodd .table {
  border:1px solid #ededed;
  margin:12px 0;
  color:#343741
}
.main .m-sportsodd .table thead tr {
  height:48px
}
.main .m-sportsodd .table thead tr th {
  font-weight:700
}
.main .m-sportsodd .table thead tr .game-name {
  font-weight:700;
  color:#a4a8b6
}
.main .m-sportsodd .table tbody tr:hover {
  background:#f1f2f3
}
.main .m-sportsodd .table tr {
  background:0 0;
  color:#343741;
  height:54px;
  line-height:54px;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.main .m-sportsodd .table tr span {
  display:inline-block;
  line-height:20px;
  vertical-align:middle;
  color:#8f8f8f
}
.main .m-sportsodd .table tr em {
  font-style:normal;
  color:#8f8f8f
}
.main .m-sportsodd .table tr strong {
  color:#343741;
  font-size:16px
}
.main .m-sportsodd .table tr td,.main .m-sportsodd .table tr th {
  text-indent:0;
  min-width:100px;
  max-width:100px;
  vertical-align:middle;
  text-align:center;
  white-space:nowrap
}
.main .m-sportsodd .table tr td.game,.main .m-sportsodd .table tr th.game {
  font-size:0;
  padding-left:24px
}
.main .m-sportsodd .table tr td.game span,.main .m-sportsodd .table tr th.game span {
  font-size:16px;
  width:150px;
  white-space:normal
}
.main .m-sportsodd .table tr td.game-name,.main .m-sportsodd .table tr th.game-name {
  text-indent:18px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden
}
.main .m-sportsodd .table tr td.game,.main .m-sportsodd .table tr td.game-name,.main .m-sportsodd .table tr th.game,.main .m-sportsodd .table tr th.game-name {
  min-width:240px;
  max-width:240px;
  text-align:left
}
.main .m-sportsodd .table tr td {
  text-indent:0;
  min-width:90px
}
.main .m-sportsodd .table tr td img {
  max-width:36px;
  vertical-align:middle;
  margin-right:10px
}
.m-sponsors-img {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:60px;
  margin-left:10px;
  margin-right:10px
}
.u-title-sponsor {
  background:0 0;
  color:#b49a81;
  line-height:120px;
  text-align:center;
  font-size:28px;
  padding-top:10px
}
.m-introduce {
  height:340px;
  padding-right:40px
}
.m-introduce h4 {
  color:#b49a81
}
.introduce-nav .panel,.introduce-nav .panel+.panel,.introduce-nav .panel-heading {
  border:0;
  margin:0
}
.introduce-nav .panel a,.introduce-nav .panel+.panel a,.introduce-nav .panel-heading a {
  display:block;
  height:40px;
  line-height:40px;
  text-indent:60px;
  color:#fff;
  background:#3b3b3b;
  border-bottom:1px solid #2b2b2b;
  font-size:13px;
  position:relative
}
.introduce-nav .panel a:before,.introduce-nav .panel+.panel a:before,.introduce-nav .panel-heading a:before {
  content:"";
  line-height:0;
  width:0;
  height:0;
  display:inline-block;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:3px solid #fff;
  position:absolute;
  top:50%;
  left:30px;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.introduce-nav .panel a:hover,.introduce-nav .panel+.panel a:hover,.introduce-nav .panel-heading a:hover {
  color:#b49a81
}
.introduce-nav .panel .panel-body,.introduce-nav .panel .panel-heading+.panel-collapse>.panel-body,.introduce-nav .panel+.panel .panel-body,.introduce-nav .panel+.panel .panel-heading+.panel-collapse>.panel-body,.introduce-nav .panel-heading .panel-body,.introduce-nav .panel-heading .panel-heading+.panel-collapse>.panel-body {
  padding:0;
  border:0
}
.introduce-nav .panel .panel-body a,.introduce-nav .panel .panel-heading+.panel-collapse>.panel-body a,.introduce-nav .panel+.panel .panel-body a,.introduce-nav .panel+.panel .panel-heading+.panel-collapse>.panel-body a,.introduce-nav .panel-heading .panel-body a,.introduce-nav .panel-heading .panel-heading+.panel-collapse>.panel-body a {
  background:#2b2b2b
}
.introduce-nav .panel .panel-body a:before,.introduce-nav .panel .panel-heading+.panel-collapse>.panel-body a:before,.introduce-nav .panel+.panel .panel-body a:before,.introduce-nav .panel+.panel .panel-heading+.panel-collapse>.panel-body a:before,.introduce-nav .panel-heading .panel-body a:before,.introduce-nav .panel-heading .panel-heading+.panel-collapse>.panel-body a:before {
  display:none
}
.m-nav ul {
  padding:20px 0 0;
  display:-moz-box;
  display:-webkit-box;
  display:box
}
.m-nav ul li {
  display:block;
  -webkit-box-flex:1;
  box-flex:1;
  padding-right:1px
}
.m-nav ul li a {
  position:relative;
  display:block;
  height:48px;
  line-height:48px;
  padding-left:90px;
  background:#464646;
  color:#fff;
  overflow:hidden
}
.m-nav ul li a .lab {
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  border-top:48px solid #000;
  border-right:48px solid transparent
}
.m-nav ul li a .lab.#b49a81 {
  border-top-color:#9c291f
}
.m-nav ul li a .lab-txt {
  position:absolute;
  top:-8px;
  left:-8px;
  width:48px;
  height:48px;
  text-align:center;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform:rotate(-45deg) scale(.85);
  transform:rotate(-45deg) scale(.85)
}
.m-nav ul li a .icon {
  position:absolute;
  left:30px;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  width:45px;
  height:48px
}
.m-nav ul li a.active,.m-nav ul li a:hover {
  background:#b49a81
}
.m-module {
  margin:60px 0;
  position:relative;
  background:#fff
}
.m-module .module-img {
  width:324px;
  position:relative
}
.m-module .module-img p {
  width:324px;
  position:absolute;
  top:-36px;
  line-height:36px;
  font-size:18px;
  color:#b49a81
}
.m-module .module-img p:after {
  position:absolute;
  content:"";
  top:100%;
  width:0;
  height:0;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  border-top:6px solid #f1f2f3;
  border-left:6px solid transparent;
  border-right:6px solid transparent
}
.m-module .module-img.pull-right p {
  text-align:right
}
.m-module .module-info {
  position:relative;
  height:400px;
  overflow:hidden;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  padding:10px 50px 72px
}
.m-module .module-info .tally {
  position:relative;
  float:right;
  width:45px;
  height:45px;
  background:#525252;
  padding:0;
  border-radius:0;
  border:4px solid #fff;
  margin-top:20px
}
.m-module .module-info .tally .icon {
  display:block;
  width:45px;
  height:45px;
  margin:-4px
}
.m-module .module-info .tally:before {
  position:absolute;
  content:"";
  left:-4px;
  top:50%;
  width:0;
  height:0;
  border-right:4px solid #525252;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.m-module .module-info h4 {
  line-height:24px;
  font-size:30px;
  color:#b49a81;
  padding:30px 0 20px
}
.m-module .module-info h4 span {
  font-size:16px;
  color:#505050
}
.m-module .module-info p {
  line-height:24px;
  color:#2f3437;
  padding:8px 0 7px
}
.m-module .module-info .table {
  margin:8px 0 7px
}
.m-module .module-info .fold-link {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:#fff;
  padding:15px 0 25px
}
.m-module .module-info .fold-link a {
  position:relative;
  display:block;
  width:115px;
  height:32px;
  border:1px solid #ededed;
  color:#fff;
  line-height:30px;
  margin:0 auto;
  text-align:center
}
.m-module .module-info .fold-link a:after {
  content:"";
  display:inline-block;
  border-top:4px solid #fff;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  width:0;
  height:0;
  line-height:0;
  vertical-align:middle;
  margin-left:8px
}
.m-module.autoheight .module-info {
  height:auto
}
.m-module.autoheight .module-info .fold-link a:after {
  border-top:0;
  border-bottom:4px solid #fff
}
.vip-header {
  width:100%;
  height:380px;
  background:url(images/vip-hd.jpg) center top no-repeat
}
.vip-header h2 {
  text-align:center;
  padding:110px 0 40px
}
.vip-header h2 span {
  width:200px;
  height:40px
}
.vip-header p {
  width:550px;
  margin:0 auto;
  text-align:center;
  line-height:24px;
  color:#fff
}
.vip-main {
  background:#0c0601;
  padding:60px 0
}
.vip-table {
  margin-top:30px;
  width:100%;
  color:#fff
}
.vip-table thead th {
  vertical-align:top;
  text-align:center;
  color:#debd4f;
  font-size:18px;
  font-weight:400
}
.vip-table thead th a {
  display:block;
  width:177px;
  height:187px;
  line-height:187px;
  margin:0 auto
}
.vip-table thead th a .icon {
  width:140px;
  height:140px
}
.vip-table thead th strong {
  font-weight:400;
  display:block;
  height:187px;
  line-height:187px;
  font-size:14px;
  color:#fff
}
.vip-table thead th strong i {
  display:inline-block;
  line-height:24px;
  vertical-align:middle
}
.vip-table tbody {
  text-align:center
}
.vip-table tbody tr {
  border-top:1px solid #58461f
}
.vip-table tbody tr td {
  height:54px
}
.vip-swiper {
  position:relative;
  padding:64px
}
.vip-swiper .swiper-slide .vip-node {
  position:relative;
  width:426px;
  height:644px;
  padding-top:250px;
  margin:0 auto;
  background-position:center center;
  background-repeat:no-repeat
}
.vip-swiper .swiper-slide .vip-node span {
  position:absolute;
  top:100px;
  left:54px;
  font-weight:500;
  line-height:26px;
  display:block;
  font-size:14px;
  color:#120c02
}
.vip-swiper .swiper-slide .vip-node p {
  padding:0 65px 0 95px;
  line-height:28px;
  color:#fff
}
.vip-swiper .swiper-slide .vip-node p i {
  width:30px;
  text-align:center;
  display:inline-block;
  margin-left:-30px
}
.vip-swiper .swiper-button-next,.vip-swiper .swiper-button-prev {
  width:36px;
  height:36px;
  border:1px solid #fff;
  background:0 0
}
.m-sorts ul li.cur,.vip-info .info {
  background:#fff
}
.vip-swiper .swiper-button-next:before,.vip-swiper .swiper-button-prev:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-right:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.vip-swiper .swiper-button-next:before {
  border-left:4px solid #fff;
  border-right:0
}
.vip-info {
  padding:10px;
  border:1px solid #5f2901;
  -o-border-image:linear-gradient(#5f2901,#5f2901) 30 30;
  border-image:-webkit-gradient(linear,left top,left bottom,from(#5f2901),to(#5f2901)) 30 30;
  border-image:linear-gradient(#5f2901,#5f2901) 30 30
}
.vip-info .info {
  padding:25px 50px;
  line-height:28px;
  color:#3d3d3d
}
.vip-info .info h6 {
  line-height:50px;
  font-size:18px
}
.vip-info .info i {
  color:#b49a81
}
.vip-center {
  height:730px;
  padding-top:365px;
  background:url(images/vip-center.jpg) top center no-repeat #0c0601
}
.vip-center h2 {
  height:92px;
  line-height:92px;
  text-align:center;
  font-size:0;
  margin-bottom:20px
}
.vip-center .link,.vip-center p {
  font-size:18px;
  text-align:center
}
.vip-center h2 .icon {
  width:400px;
  height:100%
}
.vip-center p {
  width:660px;
  margin:0 auto;
  line-height:28px;
  color:#2f3437
}
.vip-center .link {
  display:block;
  width:140px;
  height:42px;
  line-height:40px;
  margin:30px auto;
  border:1px solid #b49a81
}
.vip-list {
  padding-bottom:20px
}
.vip-list li h5 {
  line-height:24px;
  padding-bottom:36px;
  color:#fff3e4;
  text-align:center;
  font-size:20px
}
.vip-list li p {
  text-align:center;
  line-height:24px;
  color:#fff;
  margin:40px 0;
  height:72px;
  padding:0 15px
}
.vip-list li img {
  display:block;
  width:100%;
  height:auto
}
.game-wrap {
  padding-top:320px;
  background:url(images/game-bg.jpg) top center no-repeat #fff
}
.game-wrap .search-form {
  padding:15px 0 20px
}
.game-wrap .search-form .u-input input {
  text-indent:15px;
  display:block;
  float:left;
  border:1px solid #e9e9e9;
  background:#fff;
  padding:0;
  margin:0;
  border-radius:0;
  width:705px;
  height:36px;
  line-height:34px
}
.game-wrap .search-form .u-input input.btn {
  text-indent:0;
  width:150px;
  background:#b49a81;
  border-color:#b49a81;
  text-align:center;
  line-height:36px;
  color:#fff
}
.m-sorts ul {
  width:100%;
  height:36px;
  line-height:36px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow:hidden
}
.m-sorts ul li {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  height:36px;
  line-height:36px;
  text-align:center;
  background:#424242;
  margin-left:1px
}
.game-hot li>span,.game-nav li.active a,.git-list li .m-info em.over,.git-list li>a em.over,.m-gameBox .game-bd .list li em.over,.side-main .begin-wrap .tab-nav li.active a,.side-main .side-bar li a {
  background:#b49a81
}
.m-sorts ul li.cur a {
  color:#424242
}
.m-sorts ul li a {
  color:#fff
}
.m-sorts ul li a:hover {
  text-shadow:0 0 3px #fff
}
.m-game {
  height:928px;
  padding:36px 0 110px;
  background:url(images/game-main.jpg) top center no-repeat #fff
}
.m-game .m-head {
  height:44px;
  background:#35373a;
  margin-bottom:6px
}
.m-game .m-head .close,.m-game .m-head .refresh {
  font-size:0;
  opacity:.8;
  margin:11px
}
.m-game .m-head .close .icon,.m-game .m-head .refresh .icon {
  width:22px;
  height:22px
}
.m-game .m-head .close:hover,.m-game .m-head .refresh:hover {
  opacity:1
}
.m-game .m-head .u-name {
  color:#fff;
  font-size:0;
  padding:5px 0
}
.m-game .m-head .u-name span {
  display:inline-block;
  font-size:14px;
  border-left:1px solid #fff;
  margin:5px 0;
  padding:0 15px
}
.m-game .m-head .u-name a {
  display:inline-block;
  width:110px;
  height:32px;
  line-height:32px;
  font-size:13px;
  border-radius:2px;
  margin-left:10px
}
.game-hot h2,.game-list .more,.m-game .m-info .loading p {
  line-height:40px;
  text-align:center
}
.m-game .m-info {
  position:relative;
  width:100%;
  height:734px
}
.m-game .m-info .loading {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#b49a81;
  padding-top:120px
}
.m-game .m-info .loading .logo {
  text-align:center;
  margin-bottom:60px
}
.m-game .m-info .loading .logo .icon {
  width:80px;
  height:106px
}
.m-game .m-info .loading .logo-name {
  text-align:center;
  margin-bottom:60px;
  margin-top:-25px
}
.m-game .m-info .loading .logo-name .icon {
  width:61px;
  height:44px
}
.m-game .m-info .loading p {
  color:#f2928e;
  padding:40px
}
.m-game .m-info .loading .progress {
  width:560px;
  margin:0 auto;
  height:4px;
  overflow:visible;
  background:#86100c
}
.m-game .m-info .loading .progress .progress-bar {
  position:relative;
  background:#fff0f0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.m-game .m-info .loading .progress .progress-bar span {
  position:absolute;
  right:0;
  bottom:100%;
  color:#f2928e;
  font-size:12px;
  line-height:50px;
  margin-right:-15px
}
.game-nav {
  height:36px;
  line-height:36px;
  display:-moz-box;
  display:-webkit-box;
  display:box
}
.game-nav li {
  display:block;
  -webkit-box-flex:1;
  box-flex:1;
  text-align:center
}
.game-nav li a {
  display:block;
  height:100%;
  color:#fff
}
.ad-wrap li a img,.game-hot li img {
  height:auto;
  width:100%;
  display:block
}
.game-nav li a:hover {
  text-shadow:0 0 3px #fff
}
.game-nav li.active a:hover {
  text-shadow:none
}
.game-hot .game-swiper {
  position:relative;
  margin-left:20px;
  margin-right:4px
}
.game-hot .game-swiper .swiper-pagination {
  margin-right:16px;
  text-align:center;
  -webkit-transition:.3s;
  transition:.3s;
  z-index:10
}
.game-hot .game-swiper .swiper-pagination .swiper-pagination-bullet,.game-hot .game-swiper .swiper-pagination .swiper-pagination-switch {
  width:5px;
  height:5px;
  display:inline-block;
  margin:0 2px;
  border-radius:0;
  background:0 0;
  border:1px solid #fff
}
.game-hot .game-swiper .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,.game-hot .game-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.game-hot .game-swiper .swiper-pagination .swiper-pagination-bullet.swiper-visible-switch,.game-hot .game-swiper .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.game-hot .game-swiper .swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active,.game-hot .game-swiper .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
  border:0;
  background:#fff
}
.game-hot .game-swiper .swiper-button-next,.game-hot .game-swiper .swiper-button-prev {
  position:absolute;
  top:50%;
  width:27px;
  height:44px;
  z-index:10;
  cursor:pointer;
  background:0 0;
  margin-top:-55px
}
.game-hot .game-swiper .swiper-button-next:before,.game-hot .game-swiper .swiper-button-prev:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.game-hot .game-swiper .swiper-button-prev {
  left:-23px
}
.game-hot .game-swiper .swiper-button-prev:before {
  border-right:6px solid #fff
}
.game-hot .game-swiper .swiper-button-next {
  right:-6px
}
.game-hot .game-swiper .swiper-button-next:before {
  border-left:6px solid #fff
}
.game-hot .swiper-container {
  height:202px
}
.game-hot h2 {
  color:#b49a81;
  font-weight:400;
  background:#fff;
  margin:0 20px 20px;
  font-size:14px
}
.game-hot li {
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-right:16px
}
.game-hot li img {
  min-height:120px
}
.game-hot li>span {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:48px;
  line-height:48px;
  text-align:center;
  color:#fff;
  padding:0
}
.game-hot li .layer {
  opacity:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  position:absolute;
  top:0;
  left:0;
  line-height:154px;
  background:rgba(42,42,42,.8);
  font-size:0
}
.chess-main .chess-hot li .layer .links,.game-hot li .layer .links,.game-list li .layer .links {
  display:inline-block;
  vertical-align:middle;
  width:100%;
  line-height:50px;
  text-align:center;
  font-size:0
}
.chess-main .chess-hot li .layer .links a,.game-hot li .layer .links a {
  width:80%;
  margin:0 10%;
  display:inline-block;
  font-size:14px;
  border:1px solid #dfdfdf;
  color:#fff;
  line-height:32px;
  vertical-align:middle
}
.game-hot li .layer .links a.away,.game-list .more,.game-list li .layer .links a.away {
  background:#fff;
  color:#b49a81
}
.game-hot li .layer .links a:hover {
  background:#b49a81;
  border-color:#b49a81;
  color:#fff
}
.game-hot li .layer .star-link,.game-list li .layer .star-link {
  position:absolute;
  bottom:0;
  right:20px;
  height:34px;
  line-height:34px;
  font-size:12px;
  color:#efd21b
}
.game-hot li .layer .star-link .icon,.game-list li .layer .star-link .icon {
  width:12px;
  height:12px;
  position:relative;
  top:-2px;
  margin-right:4px
}
.game-hot li .layer .star-link:hover {
  opacity:.8
}
.game-hot li:hover .layer {
  opacity:1
}
.game-list {
  padding:12px 12px 30px
}
.game-list li {
  position:relative;
  float:left;
  width:20%;
  height:154px;
  padding:0 8px;
  margin-top:16px
}
.game-list li .name {
  position:absolute;
  bottom:0;
  left:0;
  width:150px;
  height:32px;
  line-height:32px;
  text-align:center;
  background:#fff;
  margin:0 8px
}
.game-list li .label {
  z-index:2;
  position:absolute;
  top:0;
  left:7px;
  width:36px;
  height:16px;
  text-align:center;
  line-height:14px;
  border-radius:0;
  color:#fff
}
.game-list li .label:before {
  content:"";
  position:absolute;
  left:0;
  top:100%;
  border-left:18px solid #fff;
  border-bottom:3px solid transparent
}
.game-list li .label:after {
  content:"";
  position:absolute;
  right:0;
  top:100%;
  border-right:18px solid #fff;
  border-bottom:3px solid transparent
}
.chess-main .chess-list li .label.hot,.game-list li .label.hot {
  background:#d70907
}
.game-list li .label.hot:before {
  border-left-color:#d70907
}
.game-list li .label.hot:after {
  border-right-color:#d70907
}
.chess-main .chess-list li .label.new,.game-list li .label.new {
  background:#e2ba24
}
.game-list li .label.new:before {
  border-left-color:#e2ba24
}
.game-list li .label.new:after {
  border-right-color:#e2ba24
}
.game-list li .layer {
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:100%;
  line-height:154px;
  margin:0 8px;
  background:rgba(42,42,42,.8);
  font-size:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.game-list li .layer .links a {
  width:80%;
  margin:0 10%;
  display:inline-block;
  font-size:14px;
  border:1px solid #dfdfdf;
  color:#fff;
  line-height:32px;
  vertical-align:middle;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.game-list li .layer .links a:hover {
  background:#b49a81;
  border-color:#b49a81;
  color:#fff
}
.game-list li .layer .star-link:hover {
  opacity:.8
}
.game-list li:hover .layer {
  opacity:1
}
.game-list .more {
  display:block;
  width:150px;
  height:40px;
  margin:30px auto 0;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  position:relative;
  -webkit-transition-property:color;
  transition-property:color;
  -webkit-transition-duration:.3s;
  transition-duration:.3s
}
.ad-wrap li a .label,.ad-wrap li a .name {
  color:#fff;
  text-align:center;
  position:absolute
}
.game-list .more:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.1);
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:50%;
  transform-origin:50%;
  -webkit-transition-property:transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out
}
.game-list .more:hover:before {
  -webkit-transform:scaleY(1);
  transform:scaleY(1)
}
.ad-wrap {
  width:270px;
  overflow:hidden
}
.ad-wrap h4 {
  height:36px;
  line-height:36px;
  text-align:center;
  color:#fff;
  background:#dba623;
  font-size:14px;
  margin-bottom:8px
}
.ad-wrap li {
  height:270px;
  margin-bottom:8px
}
.ad-wrap li a {
  position:relative;
  display:block;
  width:100%;
  height:270px;
  overflow:hidden
}
.ad-wrap li a img {
  min-height:100%
}
.ad-wrap li a .name {
  bottom:0;
  width:100%;
  height:200px;
  background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));
  padding-top:140px;
  line-height:60px;
  font-weight:700
}
.ad-wrap li a .label {
  top:16px;
  right:16px;
  width:46px;
  height:42px;
  padding:5px 0;
  line-height:16px;
  border-radius:0;
  background:#e2ba24;
  font-size:13px
}
.ad-wrap li a .label:before {
  content:"";
  position:absolute;
  left:0;
  top:100%;
  border-left:23px solid #e2ba24;
  border-bottom:3px solid transparent
}
.ad-wrap li a .label:after {
  content:"";
  position:absolute;
  right:0;
  top:100%;
  border-right:23px solid #e2ba24;
  border-bottom:3px solid transparent
}
.game-tab {
  position:relative;
  margin-top:20px;
  padding-top:50px
}
.side-main {
  position:fixed;
  height:100%
}
.game-tab:before {
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  content:"";
  width:168px;
  height:77px;
  background:url(images/top.png) center center no-repeat
}
.game-tab .nav,.game-tab .tab-content li a span {
  background:#fff;
  color:#b49a81;
  text-align:center
}
.game-tab .nav {
  height:50px;
  line-height:60px;
  padding:0;
  margin:0;
  -webkit-box-shadow:0 0 2px #ccc inset;
  box-shadow:0 0 2px #ccc inset;
  font-weight:700
}
.game-tab .nav span {
  position:relative;
  z-index:1
}
.game-tab .tab-content {
  height:800px;
  background:#b49a81
}
.game-tab .tab-content li:nth-child(even) {
  background:#ae211c
}
.game-tab .tab-content li a {
  display:block;
  height:100%;
  padding:18px 0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.game-tab .tab-content li a:hover {
  background:rgba(0,0,0,.1)
}
.game-tab .tab-content li a span {
  float:left;
  display:block;
  width:20px;
  height:20px;
  line-height:20px;
  margin:12px 18px
}
.game-tab .tab-content li a img {
  float:left;
  display:block;
  width:44px;
  height:44px
}
.game-tab .tab-content li a p {
  color:#fff;
  padding-left:118px
}
.game-tab .tab-content li a p strong {
  display:block;
  font-size:26px;
  color:#e2ba24;
  line-height:26px
}
.game-bgcolor {
  background:#232527
}
.banner {
  height:308px;
  background:url(upload/steam-banner.jpg) top center no-repeat
}
.banner .m-info {
  padding-top:105px
}
.banner .m-info span {
  display:inline-block;
  width:auto;
  background:#b49a81;
  color:#fff;
  font-size:16px;
  padding:0 10px;
  height:30px;
  line-height:30px
}
.banner .m-info .title {
  font-size:40px;
  color:#fff;
  line-height:60px
}
.m-gameBox .game-hd {
  height:72px;
  line-height:72px;
  font-size:18px;
  color:#fff
}
.m-gameBox .game-hd .icon {
  width:28px;
  height:28px;
  position:relative;
  top:-2.5px;
  margin-right:15px
}
.m-gameBox .game-hd a {
  font-size:18px;
  color:#fff
}
.m-gameBox .game-hd a:hover {
  color:#b49a81
}
.m-gameBox .game-hd .u-back {
  position:relative;
  top:-3px;
  display:inline-block;
  width:30px;
  height:30px;
  background:#fff;
  vertical-align:middle;
  margin-right:20px
}
.m-gameBox .game-hd .u-back:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  border-right:6px solid #b49a81;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.m-gameBox .game-bd {
  text-align:center;
  background:#1d1f21;
  padding:90px 0 60px;
  margin-bottom:40px
}
.m-gameBox .game-bd .u-btns .btn {
  width:160px;
  height:40px;
  line-height:40px;
  margin:0 4px;
  border-radius:2px
}
.m-gameBox .game-bd .u-btns .btn1 {
  border:1px solid #b49a81;
  color:#fff;
  background:#24272b
}
.m-gameBox .game-bd .u-btns .btn1:before {
  background:#1d1f21
}
.m-gameBox .game-bd p {
  font-size:14px;
  color:#fff;
  line-height:30px;
  margin-top:20px
}
.m-gameBox .game-bd p strong {
  font-weight:400
}
.m-gameBox .game-bd p .icon {
  width:24px;
  height:24px;
  position:relative;
  top:-1px;
  margin-right:10px
}
.m-gameBox .game-bd p a {
  width:136px;
  height:30px;
  line-height:30px;
  border-radius:2px;
  display:inline-block;
  margin-left:25px;
  background:#f9f9f9;
  color:#2d2d2d
}
.m-gameBox .game-bd p .u-change:before {
  background:#fff
}
.m-gameBox .game-bd .list {
  height:auto;
  overflow:hidden;
  padding:0 32px;
  margin-top:-30px
}
.m-gameBox .game-bd .list li a {
  display:block;
  position:relative;
  width:220px;
  height:220px;
  background:#252525;
  padding-top:45px;
  float:left;
  margin:25px;
  text-align:center;
  overflow:hidden
}
.git-list li .m-info em,.git-list li>a em,.m-gameBox .game-bd .list li em {
  left:18px;
  background:#09c61f;
  color:#fff;
  position:absolute;
  text-align:center;
  display:block;
  white-space:nowrap
}
.m-gameBox .game-bd .list li a:hover img {
  -webkit-transform:scale3d(1.05,1.05,1);
  transform:scale3d(1.05,1.05,1)
}
.m-gameBox .game-bd .list li img {
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out;
  width:128px;
  display:block;
  margin:0 auto
}
.m-gameBox .game-bd .list li em {
  top:0;
  width:60px;
  height:24px;
  line-height:24px
}
.m-gameBox .game-bd .list li em:after {
  position:absolute;
  content:"";
  top:100%;
  left:0;
  border-top:2px solid #09c61f;
  border-left:30px solid transparent;
  border-right:30px solid transparent
}
.m-gameBox .game-bd .list li em.over:after {
  border-top-color:#b49a81
}
.m-gameBox .game-bd .list li span {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:36px;
  line-height:36px;
  background:#b49a81;
  color:#fff
}
.m-gameBox .game-bd .u-title {
  font-size:18px;
  color:#b49a81;
  font-weight:400;
  background:0 0
}
.m-gameBox .game-bd .btn {
  margin:40px auto 0;
  border-radius:2px;
  width:160px;
  height:40px;
  line-height:40px
}
.m-gameBox .game-bd .u-tip {
  line-height:24px;
  padding:15px 0;
  margin-top:0
}
.m-gameBox .game-bd .u-input input {
  width:400px;
  border:1px solid #bababa;
  height:34px;
  line-height:32px;
  text-indent:1em;
  margin:0 auto;
  color:#fff
}
.git-list {
  height:auto;
  overflow:hidden;
  margin:0 -11px 72px
}
.git-list li {
  margin:0 11px;
  float:left;
  width:172px
}
.git-list li .m-info,.git-list li>a {
  display:block;
  position:relative;
  background:#252525;
  text-align:center;
  overflow:hidden
}
.git-list li .m-info:hover img,.git-list li>a:hover img {
  -webkit-transform:scale3d(1.05,1.05,1);
  transform:scale3d(1.05,1.05,1)
}
.git-list li .m-info .u-refresh,.git-list li>a .u-refresh {
  z-index:1;
  position:absolute;
  top:2px;
  right:10px;
  width:20px;
  height:20px;
  opacity:.8
}
.git-list li .m-info .u-refresh:hover,.git-list li>a .u-refresh:hover {
  opacity:1
}
.git-list li .m-info .u-refresh .icon,.git-list li>a .u-refresh .icon {
  width:14px;
  height:14px;
  margin:3px;
  background-size:100% 100%
}
.git-list li .m-info em,.git-list li>a em {
  z-index:1;
  top:0;
  width:60px;
  height:24px;
  line-height:24px
}
.git-list li .m-info em:after,.git-list li>a em:after {
  position:absolute;
  content:"";
  top:100%;
  left:0;
  border-top:2px solid #09c61f;
  border-left:30px solid transparent;
  border-right:30px solid transparent
}
.git-list li .m-info em.over:after,.git-list li>a em.over:after {
  border-top-color:#b49a81
}
.git-list li .m-info em.fail,.git-list li>a em.fail {
  background:#666
}
.git-list li .m-info em.fail:after,.git-list li>a em.fail:after {
  border-top-color:#666
}
.git-list li .m-info img,.git-list li>a img {
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out;
  width:100%;
  display:block;
  margin:0 auto
}
.git-list li .m-info span,.git-list li>a span {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:28px;
  line-height:28px;
  color:#fff
}
.git-list li .m-info span.bg01,.git-list li>a span.bg01 {
  background:#818181
}
.git-list li .m-info span.bg02,.git-list li>a span.bg02 {
  background:#152781
}
.git-list li .m-info span.bg03,.git-list li>a span.bg03 {
  background:#ce8000
}
.git-list li .m-info span.bg04,.git-list li>a span.bg04 {
  background:#61a40d
}
.git-list li .m-info span.bg05,.git-list li>a span.bg05 {
  background:#bd02d3
}
.git-list li .m-info span.bg06,.git-list li>a span.bg06 {
  background:#0196c7
}
.git-list li .u-state a,.git-list li .u-state span {
  margin:15px 0;
  display:block;
  line-height:28px;
  font-size:12px;
  color:#999;
  border:1px solid #999;
  text-align:center
}
.git-list li .u-state a {
  border-color:#b49a81;
  color:#b49a81;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
.git-list li .u-state a:hover {
  border-color:#b49a81;
  color:#fff;
  background:#b49a81
}
.side-main {
  z-index:2;
  top:0;
  left:100%;
  width:270px;
  background:#fff;
  text-align:center;
  margin-left:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.m-getlost,.swiper-wrap {
  position:relative;
  overflow:hidden
}
.side-main.in {
  margin-left:-270px
}
.side-main .side-bar {
  position:absolute;
  top:50%;
  left:1px;
  width:38px;
  height:auto;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.side-main .side-bar.open {
  left:-38px
}
.side-main .side-bar.open .side-off:after {
  border-left:4px solid #fff;
  border-right:0
}
.side-main .side-bar .side-off {
  position:absolute;
  top:0;
  left:-12px;
  width:11px;
  height:100%;
  background:#b49a81
}
.side-main .side-bar .side-off:after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-right:4px solid #fff;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:.8;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.side-main .begin-wrap,.side-main .fund-wrap,.side-main .online-wrap {
  left:0;
  -webkit-transform:translate(0,-50%);
  width:100%;
  position:absolute;
  top:50%
}
.side-main .side-bar .side-off:hover:after {
  opacity:1
}
.side-main .side-bar li {
  width:100%;
  height:38px
}
.side-main .side-bar li a:hover {
  background:#b4221d
}
.side-main .side-bar li a.cur {
  background:#b4221d
}
.side-main .side-bar li:last-child {
  border:0
}
.side-main .begin-wrap,.side-main .online-wrap {
  transform:translate(0,-50%)
}
.side-main .fund-wrap h2,.side-main .online-wrap h2 {
  color:#b49a81;
  line-height:60px;
  font-size:14px
}
.side-main .online-wrap .node {
  background:#fafafa;
  padding:0 0 20px
}
.side-main .online-wrap .icon {
  display:block;
  width:60px;
  height:60px;
  margin:0 auto
}
.side-main .online-wrap p {
  height:24px;
  line-height:24px;
  color:#373737;
  font-weight:700
}
.side-main .online-wrap p strong {
  color:#b49a81
}
.side-main .online-wrap a {
  display:block;
  width:106px;
  height:36px;
  line-height:36px;
  text-align:center;
  color:#fff;
  margin:20px auto 0
}
.side-main .fund-wrap {
  transform:translate(0,-50%);
  padding:0 15px
}
.side-main .fund-wrap .fund {
  background:#fafafa;
  padding:15px 0
}
.side-main .fund-wrap .fund p {
  line-height:24px
}
.side-main .fund-wrap .u-btns {
  margin:15px 0 5px
}
.side-main .fund-wrap .u-btns .btn {
  display:inline-block;
  width:74px;
  height:30px;
  line-height:30px;
  text-align:center;
  margin:0 6px;
  border-radius:2px;
  padding:0;
  font-size:12px;
  overflow:hidden
}
.side-main .fund-wrap .u-btns .btn.btn1 {
  background:#d57775;
  color:#fff;
  border:0
}
.side-main .fund-wrap .u-btns .btn.btn1:before {
  background:#d08280
}
.side-main .fund-wrap .transfer {
  background:#fafafa;
  padding-bottom:20px
}
.side-main .fund-wrap .transfer h4 {
  height:36px;
  line-height:36px;
  background:#515154;
  color:#fff;
  font-size:13px;
  padding:0 10px 0 20px;
  text-align:left
}
.side-main .fund-wrap .transfer ul li {
  height:35px;
  line-height:35px;
  padding:0 20px
}
.side-main .fund-wrap .transfer ul li:nth-child(even) {
  background:#fdfdfd
}
.side-main .fund-wrap .transfer ul li a:hover {
  color:#b49a81
}
.side-main .fund-wrap .transfer ul li .link:hover {
  color:#fff
}
.side-main .fund-wrap .transfer .m-form .u-input input,.side-main .fund-wrap .transfer .m-form .u-input select,.side-main .fund-wrap .transfer .m-form .u-select input,.side-main .fund-wrap .transfer .m-form .u-select select {
  border:1px solid #f0f3f6;
  background:#fff;
  height:34px;
  line-height:32px;
  width:100%;
  color:#656567;
  text-indent:12px;
  font-size:12px
}
.side-main .fund-wrap .transfer .m-form .u-input select,.side-main .fund-wrap .transfer .m-form .u-select select {
  padding-left:12px;
  text-indent:0
}
.side-main .fund-wrap .transfer .m-form .u-btn .btn {
  height:36px;
  line-height:36px;
  margin:0 auto;
  width:120px;
  font-size:13px
}
.side-main .fund-wrap .transfer .m-form:before {
  content:"";
  position:absolute;
  right:18px;
  top:35px;
  width:8px;
  height:42px;
  border:1px solid #b49a81;
  border-left:0;
  border-radius:0 2px 2px 0
}
.side-main .fund-wrap .transfer .m-form:after {
  content:"";
  position:absolute;
  right:22px;
  top:72px;
  width:0;
  height:0;
  border-right:5px solid #b49a81;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent
}
.side-main .fund-wrap .transfer .m-form p {
  color:#373737;
  text-align:left;
  line-height:28px;
  padding-left:13px
}
.side-main .begin-wrap h2 .icon {
  width:120px;
  height:120px
}
.side-main .begin-wrap .m-form {
  background:#fafafa;
  text-align:left;
  padding:10px 32px 20px
}
.side-main .begin-wrap .m-form .u-btn {
  margin-top:30px
}
.side-main .begin-wrap .tab-nav {
  display:-moz-box;
  display:-webkit-box;
  display:box;
  padding:0 14px
}
.side-main .begin-wrap .tab-nav li {
  -webkit-box-flex:1;
  box-flex:1;
  padding:0 1px
}
.side-main .begin-wrap .tab-nav li a {
  display:block;
  height:34px;
  line-height:34px;
  text-align:center;
  background:#787878;
  color:#fff
}
.side-main .begin-wrap .tab-content>h5 {
  padding:15px 0;
  text-align:center;
  line-height:24px
}
.side-main .begin-wrap .tab-content>h5 strong {
  color:#b49a81;
  font-weight:400
}
.side-main .m-item {
  z-index:1;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  background:#fff
}
.down-head {
  height:650px;
  background:url(images/down-header.jpg) top center no-repeat
}
.down-head .m-phone {
  width:244px;
  height:487px;
  background:url(images/iphone-l.png) center center no-repeat;
  margin:80px 140px 0 0;
  font-size:0;
  text-align:center;
  padding-top:160px
}
.down-head .down-url {
  width:520px;
  margin:0 auto;
  padding-bottom:20px
}
.down-head .down-url .m-item {
  float:left;
  width:50%
}
.down-head .m-down {
  width:600px;
  text-align:center;
  color:#fff;
  padding-top:150px
}
.down-head .m-down h1 {
  font-size:40px;
  line-height:40px
}
.down-head .m-down p {
  font-size:24px;
  font-weight:lighter
}
.down-head .m-down .u-tip {
  font-size:14px
}
.down-head .m-down .u-text {
  line-height:48px;
  text-align:center;
  color:#fff;
  font-size:14px
}
.down-head .m-down .u-img {
  width:180px;
  height:160px;
  background:#fff;
  margin:30px auto 20px;
  font-size:0;
  line-height:160px;
  text-align:center
}
.down-head .m-down .u-img img {
  width:102px;
  height:102px;
  vertical-align:middle
}
.down-info .m-section {
  margin:40px 10px;
  padding:50px 0;
  text-align:center;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.m-getlost {
  width:1070px;
  margin:60px auto 80px;
  height:auto
}
.m-getlost .icon {
  display:block;
  float:left;
  width:469px;
  height:469px
}
.m-getlost .m-info {
  position:absolute;
  top:50%;
  left:470px;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  width:600px
}
.m-getlost .m-info em {
  display:inline-block;
  margin:0 15px;
  width:6px;
  height:6px;
  border-radius:100%;
  background:#555;
  vertical-align:middle
}
.m-getlost .m-info h4 {
  line-height:32px;
  font-size:24px;
  color:#b49a81
}
.m-getlost .m-info h4 strong {
  line-height:70px;
  display:block;
  color:#555;
  font-size:40px
}
.m-getlost .m-info p {
  font-size:18px;
  line-height:32px;
  color:#555;
  padding:20px 0
}
.m-getlost .m-info .time span {
  color:#b49a81
}
.m-getlost .m-info .u-btn .btn {
  width:180px;
  border:1px solid #b49a81;
  background:0 0;
  line-height:38px;
  color:#b49a81;
  font-size:16px
}
.m-getlost .m-info .u-btn .btn:before {
  background:0 0
}
.swiper-wrap {
  z-index:1;
  height:570px
}
.swiper-wrap .discuss-swiper {
  position:absolute;
  left:50%;
  top:0;
  width:100%;
  min-width:2048px;
  height:570px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  margin:0
}
.swiper-wrap .discuss-swiper .swiper-slide>a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden
}
.swiper-wrap .discuss-swiper .swiper-slide .caption {
  display:none;
  position:absolute;
  top:0;
  left:50%;
  width:1144px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  color:#fff;
  padding-top:110px
}
.chess-swiper .swiper-container .swiper-slide a .caption .lable,.swiper-wrap .discuss-swiper .swiper-slide .caption .lable {
  opacity:0;
  display:inline-block;
  height:30px;
  line-height:30px;
  background:#b49a81;
  padding:0 5px;
  -webkit-animation:.8s linear .5s forwards fadeInUp;
  animation:.8s linear .5s forwards fadeInUp
}
.swiper-wrap .discuss-swiper .swiper-slide .caption h4 {
  opacity:0;
  font-size:40px;
  line-height:60px;
  font-weight:400;
  padding-bottom:15px;
  -webkit-animation:.8s linear .5s forwards fadeInUp;
  animation:.8s linear .5s forwards fadeInUp
}
.swiper-wrap .discuss-swiper .swiper-slide .caption p {
  opacity:0;
  width:570px;
  font-size:24px;
  line-height:38px;
  font-weight:lighter;
  -webkit-animation:.8s linear .5s forwards fadeInUp;
  animation:.8s linear .5s forwards fadeInUp
}
.swiper-wrap .changes a:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-right:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.chess-swiper .swiper-container .changes a.right,.swiper-wrap .changes a.right {
  background:#fff
}
.lottery-swiper .pagination li .caption,.mrcat-carousel .slick-active .slick-thumb,.real-swiper .pagination li .caption,.swiper-wrap .pagination li.swiper-active-switch,.swiper-wrap .pagination li.swiper-active-switch .caption {
  background:0 0
}
.swiper-wrap .changes a.right:before {
  border-left:4px solid #b49a81;
  border-right:0
}
.swiper-wrap .pagination {
  position:absolute;
  bottom:10px;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  height:150px;
  font-size:0;
  margin:0
}
.swiper-wrap .pagination li {
  float:left;
  padding-top:32px;
  display:block;
  position:relative;
  overflow:hidden;
  margin:0 0 0 1px;
  border:0;
  height:100%;
  width:228px;
  text-indent:0;
  border-radius:0
}
.swiper-wrap .pagination li:first-child {
  margin-left:0
}
.swiper-wrap .pagination li.swiper-active-switch img,.swiper-wrap .pagination li:hover img {
  -webkit-transform:scale3d(1.08,1.08,1);
  transform:scale3d(1.08,1.08,1)
}
.swiper-wrap .pagination li.swiper-active-switch .caption .lable:after {
  border-top-color:#b49a81
}
.swiper-wrap .pagination li:hover .caption {
  background:0 0
}
.swiper-wrap .pagination li .caption .lable {
  position:relative;
  display:block;
  width:100%;
  height:32px;
  line-height:32px;
  background:#fff;
  color:#b49a81;
  font-size:16px;
  text-align:center
}
.swiper-wrap .pagination li .caption .lable:after {
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:0;
  height:0;
  border-top:5px solid #fff;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}
.lottery-swiper,.real-swiper {
  height:717px
}
.lottery-swiper .discuss-swiper,.real-swiper .discuss-swiper {
  height:717px;
  padding-bottom:147px
}
.lottery-swiper .discuss-swiper .swiper-slide,.real-swiper .discuss-swiper .swiper-slide {
  height:570px!important;
  overflow:hidden
}
.lottery-swiper .discuss-swiper .swiper-slide>img,.real-swiper .discuss-swiper .swiper-slide>img {
  min-width:100%
}
.lottery-swiper .discuss-swiper .swiper-slide .caption,.real-swiper .discuss-swiper .swiper-slide .caption {
  text-align:right;
  bottom:190px;
  top:auto;
  padding:0
}
.lottery-swiper .pagination li .caption .lable:after,.real-swiper .pagination li .caption .lable:after {
  border-top-color:#b49a81
}
.lottery-swiper .pagination li.active .caption .lable:after,.real-swiper .pagination li.active .caption .lable:after {
  bottom:100%;
  top:auto;
  border-top:0;
  border-bottom:4px solid #b49a81
}
.chess-swiper,.chess-swiper .swiper-container {
  height:340px
}
.chess-swiper .swiper-container .swiper-slide {
  overflow:hidden
}
.chess-swiper .swiper-container .swiper-slide a {
  display:block;
  position:relative;
  height:100%
}
.chess-swiper .swiper-container .swiper-slide a img {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  object-fit:cover
}
.chess-swiper .swiper-container .swiper-slide a .caption {
  display:none;
  position:absolute;
  top:0;
  left:50%;
  width:1144px;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0);
  color:#fff;
  padding-top:90px
}
.chess-swiper .swiper-container .swiper-slide a .caption h4 {
  opacity:0;
  font-size:32px;
  line-height:60px;
  font-weight:400;
  -webkit-animation:.8s linear .5s forwards fadeInUp;
  animation:.8s linear .5s forwards fadeInUp
}
.chess-swiper .swiper-container .swiper-slide a .caption p {
  opacity:0;
  width:570px;
  font-size:18px;
  line-height:38px;
  font-weight:lighter;
  -webkit-animation:.8s linear .5s forwards fadeInUp;
  animation:.8s linear .5s forwards fadeInUp
}
.chess-swiper .swiper-container .changes {
  position:absolute;
  left:50%;
  margin-left:-572px;
  bottom:20px;
  font-size:0;
  z-index:12
}
.chess-swiper .swiper-container .changes a:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-right:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.chess-swiper .swiper-container .changes a.right:before {
  border-left:4px solid #b49a81;
  border-right:0
}
.chess-swiper .swiper-container .swiper-pagination {
  width:1144px;
  position:absolute;
  left:50%;
  margin-left:-572px;
  bottom:20px;
  font-size:0;
  -webkit-transition:.3s;
  transition:.3s;
  z-index:10;
  text-align:right
}
.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet,.chess-swiper .swiper-container .swiper-pagination .swiper-pagination-switch {
  width:10px;
  height:10px;
  display:inline-block;
  margin-left:10px;
  border-radius:0;
  background:#fff;
  cursor:pointer
}
.real-swiper .pagination li {
  width:285px
}
.lottery-swiper .pagination li {
  font-size:0;
  line-height:150px;
  border-radius:0;
  background:#e3e3e3;
  text-align:center
}
.chess-main {
  height:auto;
  min-height:1000px;
  background:url(upload/chess_bg.jpg) top center no-repeat
}
.chess-main .chess-hot h2 {
  font-size:18px;
  color:#fff;
  text-align:center;
  padding:20px 0;
  line-height:56px
}
.chess-main .chess-hot ul,.chess-main .chess-list ul {
  width:950px;
  margin:0 auto
}
.chess-main .chess-hot li {
  position:relative;
  float:left;
  width:170px;
  margin:0 10px
}
.chess-main .chess-hot li .u-img {
  display:block;
  height:170px;
  line-height:170px;
  overflow:hidden;
  background:#fff;
  font-size:0;
  text-align:center
}
.chess-main .chess-hot li .u-img img {
  display:inline-block;
  width:85%;
  height:auto;
  vertical-align:middle
}
.chess-main .chess-hot li span {
  display:block;
  line-height:40px;
  text-align:center;
  color:#fff
}
.chess-main .chess-hot li .layer {
  opacity:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  position:absolute;
  top:0;
  left:0;
  width:170px;
  height:170px;
  line-height:170px;
  background:rgba(42,42,42,.8);
  font-size:0
}
.chess-main .chess-hot li .layer .links a:hover {
  background:#b49a81;
  border-color:#b49a81;
  color:#fff
}
.chess-main .chess-hot li:hover .layer {
  opacity:1
}
.chess-main .chess-list {
  margin-top:400px;
  padding-bottom:200px
}
.chess-main .chess-list li {
  position:relative;
  float:left;
  width:170px;
  height:190px;
  margin:0 10px 20px;
  text-align:center;
  padding-bottom:20px;
  line-height:170px
}
.chess-main .chess-list li a:hover span {
  color:#b49a81
}
.chess-main .chess-list li a:hover img {
  -webkit-transform:scale(.95);
  transform:scale(.95)
}
.chess-main .chess-list li a:hover .label {
  color:#fff
}
.chess-main .chess-list li img {
  width:auto;
  height:auto;
  max-width:170px;
  max-height:170px;
  vertical-align:middle;
  -webkit-transition:all .1s ease-in;
  transition:all .1s ease-in
}
.game-list li img,.m-fixed-code .m-code li img {
  width:100%;
  display:block
}
.chess-main .chess-list li span {
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  line-height:20px;
  text-align:center;
  color:#fff
}
.chess-main .chess-list li .label {
  z-index:2;
  position:absolute;
  left:auto;
  top:0;
  right:0;
  width:36px;
  height:16px;
  text-align:center;
  line-height:14px;
  border-radius:0;
  color:#fff
}
.chess-main .chess-list li .label:before {
  content:"";
  position:absolute;
  left:0;
  top:100%;
  border-left:18px solid #fff;
  border-bottom:3px solid transparent
}
.chess-main .chess-list li .label:after {
  content:"";
  position:absolute;
  right:0;
  top:100%;
  border-right:18px solid #fff;
  border-bottom:3px solid transparent
}
.chess-main .chess-list li .label.hot:before {
  border-left-color:#d70907
}
.chess-main .chess-list li .label.hot:after {
  border-right-color:#d70907
}
.chess-main .chess-list li .label.new:before {
  border-left-color:#e2ba24
}
.chess-main .chess-list li .label.new:after {
  border-right-color:#e2ba24
}
.m-fixed-code {
  position:fixed;
  bottom:120px;
  right:0;
  z-index:100
}
.m-fixed-code:hover .m-code {
  opacity:1
}
.m-fixed-code .u-close {
  z-index:10;
  position:absolute;
  top:3px;
  right:3px;
  width:14px;
  height:14px;
  background:url(images/icons/close1.png) center center no-repeat
}
.m-fixed-code .label {
  display:block;
  width:95px;
  height:95px;
  background:url(images/code.png) center 12px no-repeat #b49a81;
  opacity:.96;
  padding:65px 0 0;
  -webkit-box-shadow:0 0 13.3px .7px rgba(48,51,39,.09);
  box-shadow:0 0 13.3px .7px rgba(48,51,39,.09);
  line-height:30px;
  font-weight:400;
  font-size:12px;
  color:#fff
}
.m-fixed-code .m-code {
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  opacity:0;
  position:absolute;
  right:100%;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  background:#fff;
  width:128px;
  padding:15px 15px 0
}
.m-fixed-code .m-code:after {
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid #fff
}
.footer .m-joins .m-swiper .m-logos .icon div,.footer .m-payment .m-logos .icon div {
  width:80%;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  transform:translate(-50%,-50%);
  top:50%;
  position:absolute;
  left:50%
}
.m-fixed-code .m-code li {
  text-align:center;
  line-height:30px;
  margin-bottom:10px
}
.m-fixed-code .m-code li span {
  font-size:14px;
  color:#2f3437
}
.footer .m-joins .m-swiper .m-logos .icon div,.footer .m-payment .m-logos .icon div {
  transition:all .2s linear;
  -webkit-filter:grayscale(1) opacity(.5);
  -moz-filter:grayscale(1) opacity(.5);
  -ms-filter:grayscale(1) opacity(.5);
  -o-filter:grayscale(1) opacity(.5);
  filter:grayscale(1) opacity(.5)
}
.footer .m-joins .m-swiper .m-logos .icon div:hover,.footer .m-payment .m-logos .icon div:hover:hover {
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0)
}
.footer .m-joins .m-swiper .m-logos .icon div {
  height:30%
}
.icon-join1 {
  background-image:url(images/logo/product/AG_hover.png)
}
.icon-join2 {
  background-image:url(images/logo/product/oneworks_hover.png)
}
.icon-join3 {
  background-image:url(images/logo/product/globebetting_hover.png)
}
.icon-join4 {
  background-image:url(images/logo/product/homepage_logo.png)
}
.icon-join5 {
  background-image:url(images/logo/product/QTech_hover.png)
}
.icon-join6 {
  background-image:url(images/logo/product/microgaming_hover.png)
}
.icon-join7 {
  background-image:url(images/logo/product/playtech_hover.png)
}
.footer .m-payment .m-logos .icon div {
  height:70%
}
.icon-pay1 {
  background-image:url(images/logo/payment/alipay_hover.png)
}
.icon-pay2 {
  background-image:url(images/logo/payment/wechatPay_hover.png)
}
.icon-pay3 {
  background-image:url(images/logo/payment/unionPay_hover.png)
}
.icon-pay4 {
  background-image:url(images/logo/payment/visa_hover.png)
}
.icon-pay5 {
  background-image:url(images/logo/payment/PAGCOR_hover.png)
}
.icon-forbid1 {
  background-image:url(images/logo/forbid/GAMCARE_hover.png)
}
.icon-forbid2 {
  background-image:url(images/logo/forbid/18_hover.png)
}
.icon-forbid3 {
  background-image:url(images/logo/forbid/stop_hover.png)
}
.ad-wrap a img {
  object-fit:cover;
  height:100%
}
.game-list li img {
  min-height:120px;
  height:122px
}
.game-hot .slick-track {
  width:100000px
}
.game-hot li {
  height:202px;
  width:208px
}
.game-hot li .layer {
  width:192px;
  height:145.95px
}
.bonus.tabbable .m-list .pull-left.list-node .times .tooltip {
  bottom:20px;
  left:-10px;
  display:none
}
.bonus.tabbable .m-list .pull-left.list-node .times span span:hover+.tooltip {
  display:block
}
.navbar .m-tools .u-logined span {
  line-height:31px
}
.u-btn.dis .btn {
  background-color:#bfbfbf;
  pointer-events:none;
  cursor:auto
}
.u-btn.dis .btn::before {
  background-color:#bfbfbf;
  pointer-events:none
}
.full-loading .mrcat-loading {
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-100px;
  margin-top:-100px;
  width:95px;
  height:106px;
  background:url(images/icons/logo-h.png);
  animation:1.2s steps(1) infinite loading;
  -webkit-animation:1.2s steps(1) infinite loading;
  -moz-animation:1.2s steps(1) infinite loading;
  -o-animation:1.2s steps(1) infinite loading;
  z-index:99999
}
.full-loading .icon-logoname {
  background-image:url(images/name.png);
  width:61px;
  height:44px;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-80px;
  margin-top:30px;
  background-position:0 0
}
.full-loading .loading-overlay {
  width:100%;
  height:100%;
  background:#000;
  opacity:.85;
  position:fixed;
  top:0;
  left:0;
  z-index:99999
}
.m-userInfo .m-power .power-info ol {
  padding-left:20px
}
.m-userInfo .m-power .power-info ol li {
  list-style-type:decimal;
  padding-left:4px;
  height:auto
}
.m-userInfo .m-power .power-info.power-info-next li i strong {
  color:#b49a81
}
.m-userInfo .m-panels .panel-group .panel-body {
  overflow-wrap:break-word
}
.swiper-button-prev {
  left:-10px
}
.swiper-button-next {
  right:-10px
}
.icon-vip0 {
  background-image:url(images/vip1.png);
  -webkit-filter:grayscale(1) opacity(.5);
  -moz-filter:grayscale(1) opacity(.5);
  -ms-filter:grayscale(1) opacity(.5);
  -o-filter:grayscale(1) opacity(.5);
  filter:grayscale(1) opacity(.5)
}
.mrcat-carousel .slick-track {
  white-space:nowrap;
  overflow:hidden
}
.mrcat-carousel .slick-slide {
  display:inline-block;
  position:relative;
  width:100%;
  height:570px;
  overflow:hidden;
  float:none;
  vertical-align:top
}
.mrcat-carousel .slick-slide>img {
  display:block;
  position:absolute;
  left:50%;
  transform:translate(-50%,0);
  object-fit:cover
}
.mrcat-carousel .slick-slide .caption {
  text-align:right;
  width:1144px;
  padding:0;
  color:#fff;
  position:absolute;
  top:auto;
  bottom:190px;
  left:50%;
  transform:translate(-50%,0)
}
.mrcat-carousel .slick-dots {
  width:1144px;
  height:147px;
  font-size:0;
  text-align:center;
  margin:auto
}
.mrcat-carousel .slick-dots>li {
  display:inline-block;
  position:relative;
  height:100%;
  padding-right:1px
}
.mrcat-carousel .slick-thumb {
  overflow:hidden;
  text-align:center;
  width:100%;
  height:100%;
  background-color:#e3e3e3;
  line-height:150px
}
.mrcat-carousel .slick-thumb .caption {
  position:absolute;
  top:0;
  left:0;
  width:calc(100% - 1px);
  height:100%
}
.mrcat-carousel .slick-thumb .caption p {
  position:absolute;
  padding:0 20px;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  color:#5f5f5f;
  height:36px;
  line-height:36px;
  font-size:14px
}
.mrcat-carousel .slick-thumb .label {
  background:#b49a81;
  color:#f6cbca;
  position:relative;
  display:block;
  width:100%;
  height:32px;
  line-height:32px;
  font-size:16px;
  text-align:center;
  border-radius:0
}
.mrcat-carousel .slick-thumb .label::after {
  content:'';
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%,0);
  width:0;
  height:0;
  border-top:5px solid #b49a81;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  transition:all .3s ease-in;
  border-radius:0
}
.mrcat-carousel .slick-thumb img {
  display:inline-block;
  transition:all .3s ease-in
}
.mrcat-carousel .slick-active .slick-thumb .label,li .layer .star-link.white {
  color:#fff
}
.mrcat-carousel .slick-active .slick-thumb img {
  transform:scale3d(1.08,1.08,1)
}
.mrcat-carousel .slick-thumb:hover img {
  transform:scale3d(1.08,1.08,1)
}
.mrcat-carousel .slick-arrows .left-arrow {
  position:relative;
  display:inline-block;
  width:36px;
  height:36px;
  border:1px solid #fff;
  background:0 0;
  opacity:.5
}
.mrcat-carousel .slick-arrows .left-arrow::before {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-right:4px solid #fff;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  transform:translate(-50%,-50%)
}
.mrcat-carousel .slick-arrows .left-arrow:hover {
  opacity:.9
}
.mrcat-carousel .slick-arrows .right-arrow {
  position:relative;
  display:inline-block;
  width:36px;
  height:36px;
  border:1px solid #fff;
  background:#fff
}
.mrcat-carousel .slick-arrows .right-arrow::before {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-left:4px solid #b49a81;
  border-right:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  transform:translate(-50%,-50%)
}
.promotion-card.m-module .module-info .fold-link .u-change {
  padding-left:0;
  text-align:center
}
.promotion-card.m-module .module-info .fold-link .u-change::after {
  right:12px
}
.spinner {
  margin:15px auto;
  width:40px;
  height:40px;
  position:relative;
  text-align:center;
  -webkit-animation:2s linear infinite sk-rotate;
  animation:2s linear infinite sk-rotate
}
.dot1,.dot2 {
  width:60%;
  height:60%;
  display:inline-block;
  position:absolute;
  top:0;
  background-color:#b49a81;
  border-radius:100%;
  -webkit-animation:2s ease-in-out infinite sk-bounce;
  animation:2s ease-in-out infinite sk-bounce
}
.dot2 {
  top:auto;
  bottom:0;
  -webkit-animation-delay:-1s;
  animation-delay:-1s
}
@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform:rotate(360deg)
  }
}@keyframes sk-rotate {
   100% {
     transform:rotate(360deg);
     -webkit-transform:rotate(360deg)
   }
 }@-webkit-keyframes sk-bounce {
    0%,100% {
      -webkit-transform:scale(0)
    }
    50% {
      -webkit-transform:scale(1)
    }
  }@keyframes sk-bounce {
     0%,100% {
       transform:scale(0);
       -webkit-transform:scale(0)
     }
     50% {
       transform:scale(1);
       -webkit-transform:scale(1)
     }
   }.game-modal .modal-dialog .modal-content .modal-body .m-wrap .tip {
      height:initial
    }
.git-list li .m-info img,.git-list li>a img {
  height:125px
}
li .layer .star-link.white .icon.icon-star {
  background-image:url(images/icons/star-white.png)
}
.swiper-wrap .discuss-swiper .swiper-slide>a img {
  min-height:570px;
  min-width:100%;
  min-height:570px;
  min-width:100%;
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0)
}
.swiper-wrap .pagination {
  width:auto;
  display:inline-flex
}
.game-list li .name .icon {
  width:20px;
  height:20px;
  position:absolute;
  left:0;
  top:-21px;
  -webkit-transform:translate(0,0);
  transform:translate(0,0)
}
.m-quick input {
  background-color:#fff
}
a {
  cursor:pointer
}
.m-tools.navbar-left .dropdown a.dropdown-toggle.u-logined>img {
  position:absolute;
  right:10px;
  bottom:10px;
  opacity:.8
}
.m-tools.navbar-left .dropdown a.dropdown-toggle.u-logined>img:hover {
  opacity:1;
  -webkit-animation:3s linear infinite rotate;
  -o-animation:3s linear infinite rotate;
  animation:3s linear infinite rotate
}
@keyframes rotate {
  0% {
    transform:rotate(0);
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0)
  }
  100% {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg)
  }
}.m-tools.navbar-left .dropdown a.dropdown-toggle.u-logined>img:active {
   opacity:.8
 }
.m-tools.navbar-left .hot-chat {
  color:#b49a81;
  opacity:.8
}
.m-tools.navbar-left .hot-chat:hover {
  color:#b49a81;
  opacity:1
}
.m-module .module-info {
  height:initial;
  max-height:400px;
  -webkit-transition:max-height .8s cubic-bezier(0,1,0,1) -.1s;
  transition:max-height .8s cubic-bezier(0,1,0,1) -.1s
}
.m-module.autoheight .module-info {
  height:initial;
  max-height:9999px;
  -webkit-transition-timing-function:cubic-bezier(.1,0,1,0);
  transition-timing-function:cubic-bezier(.1,0,1,0)
}
.chess-swiper .react-swipe-container {
  width:100vw
}
.chess-main {
  background-color:#031523
}
.navbar-default .navbar-nav>li>a {
  white-space:nowrap
}
.m-notice .f-danger.en-us {
  width:1010px
}
.user-center .user-money p strong.en-us {
  width:77px
}
.user-center .user-money p a.u-change.en-us,.user-center .user-money p a.u-change1.en-us {
  width:68px
}
.navbar .navbar-nav .dropdown .dropdown-menu li a.header-en-us.ssc img {
  width:228.8px
}
.icon-vipt1-en-us {
  background-image:url(images/vip-title1-1.png)
}
.icon-vipt-en-us {
  background-image:url(images/vip-title-system.png)
}
@media (min-width:480px) {
  .col-md-4.option-en-us {
    width:50%
  }
}.game-main {
   background:#b49a81;
   padding-bottom:6px;
   margin-bottom:40px
 }
.game-main .search-form {
  padding:20px
}
.game-main .search-form .u-select {
  margin-right:20px
}
.game-main .search-form .u-select select {
  width:196px;
  height:36px;
  line-height:36px;
  border:1px solid #e9e9e9;
  background:#fff;
  padding-left:15px
}
.game-main .search-form .u-select .mark {
  bottom:auto;
  top:50%;
  right:10px;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
}
.game-main .search-form .u-select option {
  display:block;
  padding-left:15px
}
.game-main .search-form .u-input input {
  text-indent:15px;
  display:block;
  float:left;
  border:1px solid #e9e9e9;
  background:#fff;
  padding:0;
  margin:0;
  border-radius:0;
  width:455px;
  height:36px;
  line-height:34px
}
.game-main .search-form .u-input input.btn {
  text-indent:0;
  width:144px;
  background:#424242;
  border-color:#424242;
  text-align:center;
  line-height:36px;
  color:#fff
}
#sponsors-img {
  display:flex;
  justify-content:space-between
}
.m-fixed-code .m-code {
  opacity:1;
  display:none
}
.m-fixed-code:hover .m-code {
  display:block
}