* {
  margin: 0;
  border: 0; }

html, body {
  height: 100%; }

.again_login {
  z-index: 1010;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../../../static/images/againlogin/again_login.jpg) no-repeat; }

.again_login .again_container {
  width: 440px;
  margin: 8% auto 0; }

.again_login .again_container .logo_wrap {
  text-align: center;
  margin-bottom: 25px; }

.again_login .again_containerbox {
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  margin-top: 60%; }

.again_login .again_container .input_header h5 {
  background: #006733;
  color: #fff;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  padding-left: 25px; }

.again_login .again_container .input_body {
  width: 380px;
  margin: 0 auto;
  padding: 20px 0 10px; }

.again_container .input_body .input_wrap {
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px; }

.input_body .input_wrap input {
  border: 1px solid #dadada;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  width: 290px; }

.input_body .input_wrap span {
  display: inline-block;
  width: 70px; }

.again_container .input_body .RBLogin {
  background: #eed185;
  border-radius: 4px;
  width: 144px;
  margin: 0 auto;
  display: block;
  height: 32px;
  line-height: 32px;
  color: #0e0c08;
  margin-top: 15px;
  font-weight: bolder; }

.CloseGame {
  position: absolute;
  background: #012D20;
  height: 75px;
  width: 75px;
  right: -74px;
  z-index: 98;
  font-size: 32px;
  text-align: center;
  border-radius: 45px;
  color: white;
  line-height: 75px;
  cursor: pointer;
  top: 0px; }

.Setopengame .ant-btn-primary {
  background: #00623B;
  border: 0; }

.RBHomeSlot-Banner {
  position: relative;
  height: 420px; }

.RBHomeSlot-Banner img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.RBHomeSlot-Banner .GameBanner-R {
    width: 320px;
    height: 100%;
    position: absolute;
    right: 150px;
    background: #000000c7; }

.RBHomeSlot-Banner .GameBanner-R .one {
      background: #00623B;
      height: 128px;
      margin: 25px 0 0;
      text-align: center;
      color: white; }

.RBHomeSlot-Banner .GameBanner-R .one h1 {
        color: white;
        padding: 13px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.45); }

.RBHomeSlot-Banner .GameBanner-R .one p {
        font-size: 26px;
        line-height: 30px;
        font-weight: 800; }

.RBHomeSlot-Banner .GameBanner-R .two {
      border-bottom: 1px solid #696969;
      color: white;
      text-align: center;
      font-size: 20px;
      line-height: 51px;
      height: 51px; }

.RBHomeSlot-Banner .GameBanner-R .three {
      color: white;
      text-align: center;
      padding: 18px 10px;
      font-size: 18px;
      height: 90px; }

.RBHomeSlot-Banner .GameBanner-R .four {
      color: white;
      text-align: center; }

.RBHomeSlot-Banner .GameBanner-R .four h3 {
        color: white;
        text-align: center; }

.RBIMsports-Banner {
  background: url(../../../static/images/Game/imsports/esport_banner.jpg) center center no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.RBPage-Gameslothome {
  background: white;
  padding: 30px 100px; }

.RBPage-Gameslothome .ant-card {
    cursor: pointer; }

.RBPage-Gameslothome .ant-card-meta-title {
    text-align: center; }

.RBPage-Gameslothome .LastPlayed {
    border-right: 0 !important; }

.RBPage-Gamelivehome {
  background: white;
  padding: 30px 100px 0px 100px; }

.RBPage-Gamelivehome .ant-card {
    cursor: pointer; }

.RBPage-Gamelivehome .ant-card-body {
    padding: 0; }

.RBPage-Gamelivehome .ant-card-meta-title {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 40px;
    margin: 0; }

.RBPage-Gamelivehome .getbtn {
    height: 40px;
    background: #025E3B;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: white;
    border-radius: 25px;
    cursor: pointer;
    margin: 15px; }

.RBPage-Gamelivehome .getbtn:hover {
    background-color: #012D20; }

.RBHomeLive-Banner {
  height: 447px;
  background: url(../../../static/images/Game/live/LDPageBanner.jpg) center center no-repeat;
  background-size: cover;
  margin-bottom: 30px; }

.activegame {
  border: 10px solid #015036 !important;
  background: #015036 !important; }

.activegame .ant-card-meta-title {
    color: white !important; }

.RBPage-GameLivehome {
  padding: 70px 100px; }

.RBPage-GameLivehome .ant-card {
    cursor: pointer; }

.RBPage-GameLivehome .ant-card-meta-title {
    text-align: center; }

.GamePublic {
  background: #00110E;
  padding-top: 95px; }

.Gamesports {
  min-height: 850px;
  padding-top: 95px; }

.RBPage-Gamehome {
  padding: 0px 113px;
  padding: 0px 0px;
  width: 78%;
  margin: 0 auto;
  min-height: 900px; }

.RBPage-Gamehome iframe body {
    margin: 0 auto; }

.SportsNavright {
  position: absolute;
  background: #000;
  right: -182px;
  height: 420px;
  width: 180px;
  top: 125px; }

.LeftMenu {
  color: rgba(0, 0, 0, 0.85); }

.LeftMenu .ant-tabs-nav .ant-tabs-tab:hover {
    color: #faad14; }

.LeftMenu .ant-tabs-tab-active {
    color: #006d43;
    border-bottom: 4px solid #006d43 !important;
    text-align: center; }

.LeftMenu .ant-tabs-tab {
    text-align: left !important;
    border-bottom: 1px solid #ddd;
    border-right: 0;
    height: 73px;
    line-height: 39px;
    font-size: 16px; }

.LeftMenu .ant-tabs-tab:first-child {
    border-radius: 15px 15px 0px 0px; }

.LeftMenu .ant-tabs-ink-bar {
    display: none !important; }

.SlotTopMenu {
  text-align: center;
  padding-bottom: 25px;
  cursor: pointer; }

.SlotTopMenu .ant-col-4, .SlotTopMenu .ant-col-5 {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.65);
    font-weight: 600;
    font-size: 17px; }

.activeNav {
  border-bottom: 2px solid #012D20;
  padding: 10px; }

.TryGame {
  position: absolute;
  background: #00623b61;
  width: 100%;
  top: 90px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  font-size: 17px; }

.GameNameSet {
  width: 200px;
  border: 10px solid #dddddd;
  min-height: 220px; }

.GameNameSet .ant-card-cover {
    min-height: 116px; }

.GameNameSet .ant-card-body {
    padding: 10px 0px 0px 0px; }

.GameNameSet .ant-card-body .ant-card-meta-description {
      background: #00623b;
      color: white;
      text-align: center;
      padding: 10px;
      cursor: pointer;
      font-size: 17px; }

.GameNameSet:hover {
  border-color: #00623b; }

.SBT-BG {
  background: url(../../../static/images/Game/bg/bti.jpg) center top no-repeat;
  background-size: 100% 100%; }

.IPSB-BG {
  background: url(../../../static/images/Game/bg/im.jpg) center top no-repeat;
  background-size: 100% 100%; }

.leftNav-Game {
  position: fixed;
  right: 0;
  top: calc(50% - 51px);
  width: 160px;
  height: 50px;
  background: #000;
  z-index: 1009; }

.leftNav-FullScreen {
  position: fixed;
  z-index: 1009;
  right: 0;
  top: calc(50% - 51px);
  width: 70px;
  height: 50px;
  background: #000;
  cursor: pointer;
  text-align: center; }

.leftNav-FullScreen > div {
    padding-top: 15px;
    height: 50px;
    line-height: 20px; }

.leftNav-FullScreen > div span {
      display: none;
      float: left;
      color: #fff;
      font-size: 17px;
      padding-left: 15px; }

.leftNav-FullScreen:hover div {
    position: absolute;
    right: 0;
    width: 160px;
    background: #00ad77; }

.leftNav-FullScreen:hover div span {
      display: block; }

.leftNav-FullScreen .svg-fullscreen {
    display: inline-block;
    width: 20px;
    height: 20px; }

@charset "UTF-8";
.RBDownloadContent {
  position: relative;
  padding: 140px 100px 10px;
  background-color: white;
  min-height: 900px;
  font-size: 16px;
  background: url(../../../static/images/download/BG.jpg) center no-repeat;
  background-size: cover; }
.RBDownloadContent .pageTitle {
    position: absolute;
    top: 140px;
    left: 130px; }
.RBDownloadContent .ant-tabs-nav .ant-tabs-tab:first-child {
    margin-top: 60px; }
.RBDownloadContent .ant-tabs .ant-tabs-left-bar {
    border-right: none; }
.RBDownloadContent .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
      width: 0; }
.RBDownloadContent .ant-tabs .ant-tabs-left-content {
    border-left: none; }
.RBDownloadContent .btnDownload {
    border-radius: 20px;
    background: url(../../../static/images/download/btndownload.png);
    border: none;
    width: 140px;
    height: 34px;
    text-align: center;
    cursor: pointer; }
.RBDownloadContent .btnDownload span {
      line-height: 33px;
      color: white;
      font-size: 11pt; }
.RBDownloadContent .ant-tabs-tab:hover {
    color: #005A36  !important; }
.RBDownloadContent .ant-tabs-tab-active.ant-tabs-tab {
    color: #005A36  !important; }
.RBDownloadContent .ant-tabs-ink-bar {
    background-color: #005A36 !important; }
.RBDownloadContent .iconfont {
    vertical-align: middle;
    padding: 0 5px; }
.RBDownloadContent .set-center-x {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    display: block;
    position: absolute;
    top: 50px;
    left: 24px; }
.RBDownloadContent .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
    text-align: left; }
.RBDownloadContent .ant-layout-content {
    padding: 40px 24px; }
.RBDownloadContent #components-layout-demo-top-side .logo {
    width: 120px;
    height: 31px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px 28px 16px 0;
    float: left; }
.RBDownloadContent .DownloadContainer {
    width: 100%;
    margin: 0 auto;
    height: 800px; }
.RBDownloadContent .DownloadContainer canvas {
      width: 100% !important;
      padding-right: 10px;
      min-width: 163px;
      height: auto !important; }
.RBDownloadContent .DownloadContainer .Dleft {
      width: 45%;
      height: 100%;
      text-align: left;
      display: inline-block;
      color: #000;
      position: relative;
      font-size: 16px; }
.RBDownloadContent .DownloadContainer .Dleft h1 {
        color: #065737;
        font-weight: 700; }
.RBDownloadContent .DownloadContainer .Dleft .QRcodeimg {
        width: 160px;
        display: inline-block;
        padding-top: 40px;
        margin-left: 5px; }
.RBDownloadContent .DownloadContainer .Dleft .APPTextdate {
        width: 250px;
        display: inline-block;
        float: right;
        padding-top: 30px;
        margin-right: 71px; }
.RBDownloadContent .DownloadContainer .Dleft .browserBoxLeft {
        width: 50%;
        display: inline-block;
        padding-top: 15px; }
.RBDownloadContent .DownloadContainer .Dleft .browserBoxRight {
        width: 50%;
        display: inline-block;
        float: right;
        padding-top: 15px; }
.RBDownloadContent .DownloadContainer .Dleft .DleftBtn {
        position: absolute;
        width: 100%;
        height: 400px;
        top: 0;
        right: 0;
        margin: auto; }
.RBDownloadContent .DownloadContainer .Dleft .browerLogo {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 46px;
        height: 46px; }
.RBDownloadContent .DownloadContainer .Dleft .FireFoxLogo {
        background: url(../../../static/images/download/Firefox_Logo.png) no-repeat center;
        background-size: 100%; }
.RBDownloadContent .DownloadContainer .Dleft .SogouLogo {
        background: url(../../../static/images/download/sogouLogo.png) no-repeat center;
        background-size: 100%; }
.RBDownloadContent .DownloadContainer .Dleft .GoogleLogo {
        background: url(../../../static/images/download/chromeLogo.png) no-repeat center;
        background-size: 100%; }
.RBDownloadContent .DownloadContainer .Dleft .EdgeLogo {
        width: 42px;
        background: url(../../../static/images/download/Edge.png) no-repeat center;
        background-size: 100%; }
.RBDownloadContent .DownloadContainer .Dleft .btnLiveChatDownload {
        border-radius: 20px;
        background: url(../../../static/images/download/btndownload.png);
        border: none;
        width: 140px;
        height: 34px;
        text-align: center;
        cursor: pointer; }
.RBDownloadContent .DownloadContainer .Dleft .btnLiveChatDownload span {
          line-height: 33px;
          color: white;
          font-size: 11pt; }
.RBDownloadContent .DownloadContainer .Dleft .CommonDownloadTab {
        padding: 5% 0;
        border-bottom: 2px solid #aeafb7; }
.RBDownloadContent .DownloadContainer .Dleft .CommonDownloadTab.borderless {
        border-bottom: 0; }
.RBDownloadContent .DownloadContainer .Dright {
      width: 45%;
      margin-left: 20px;
      height: 100%;
      text-align: right;
      display: inline-block;
      position: relative; }
.RBDownloadContent .DownloadContainer .Dright img {
        display: block;
        max-width: 100%;
        height: auto; }
.RBDownloadContent .DownloadContainer .Dright > div {
        position: absolute;
        top: 0;
        left: 0; }
.RBDownloadContent .DownloadPT {
    height: auto;
    min-width: 800px; }
.RBDownloadContent .DownloadPT h1 {
      font-size: 30px; }
.RBDownloadContent .DownloadPT .Dleft {
      float: left;
      width: 50%; }
.RBDownloadContent .DownloadPT .Dleft .DleftBtn {
        position: relative;
        height: auto; }
.RBDownloadContent .DownloadPT .Dleft .DleftBtn p {
          padding-top: 20px; }
.RBDownloadContent .DownloadPT .Dleft .DleftBtn ul {
          display: inline-block;
          vertical-align: top;
          margin-left: 25px; }
.RBDownloadContent .DownloadPT .Dleft .DleftBtn ul li {
            line-height: 28px; }
.RBDownloadContent .DownloadPT .Dright {
      width: 45%; }
.RBDownloadContent .DownloadPT .Dright > div {
        position: relative; }
.RBDownloadContent .DownloadPT .Dright img {
        height: 350px; }

.DownloadPage-RB88App .ant-modal-header {
  display: none; }

.DownloadPage-RB88App .ant-modal-content {
  border-radius: 10px; }

.DownloadPage-RB88App .ant-modal-body {
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 10px;
  text-align: center;
  background: url(../../../static/images/download/BG.png) no-repeat top; }

.DownloadPage-RB88App .ant-modal-body .ant-tabs-bar.ant-tabs-top-bar {
    border-bottom: 0px; }

.DownloadPage-RB88App .ant-modal-body .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
    display: none !important; }

.DownloadPage-RB88App .ant-modal-body .TabHeader {
    color: white; }

.DownloadPage-RB88App .ant-modal-body .TabHeader img {
      width: 24px;
      height: 30px;
      margin-right: 20px; }

.DownloadPage-RB88App .ant-modal-body .TabHeader.gold {
    color: #be9b61; }

.DownloadPage-RB88App .ant-modal-body .TabHeader.gold img {
      width: 24px;
      height: 30px;
      margin-right: 20px; }

.DownloadPage-RB88App .ant-modal-body .tutorialContainer {
    height: 450px; }

.DownloadPage-RB88App .ant-modal-body .tutorialContainer .qrContainer {
      height: 65%;
      padding-top: 100px;
      padding-left: 20px;
      text-align: left; }

.DownloadPage-RB88App .ant-modal-body .tutorialContainer .stepContainer {
      text-align: center; }

.DownloadPage-RB88App .ant-modal-body .tutorialContainer .stepContainer .step {
        width: 33%;
        float: left;
        padding: 0 19px;
        font-size: 13px; }

@charset "UTF-8";
.HelpContent {
  padding: 94px 100px 10px 100px;
  background-color: white;
  min-height: 900px;
  font-size: 16px; }
.HelpContent .iconfont {
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px; }
.HelpContent .set-center-x {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(90deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    display: block;
    position: absolute;
    top: 50px;
    left: 27px;
    color: #005A36; }
.HelpContent .ant-tabs-tab:hover {
    color: #005A36  !important; }
.HelpContent .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar .ant-tabs-tab {
    text-align: left; }
.HelpContent .ant-layout-content {
    padding: 40px 24px; }
.HelpContent #components-layout-demo-top-side .logo {
    width: 120px;
    height: 31px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px 28px 16px 0;
    float: left; }
.HelpContent .popupcontainerMain ul {
    list-style: disc;
    list-style-type: none; }
.HelpContent .popupcontainerMain ul.number {
    counter-reset: first;
    margin-top: 10px;
    margin-left: 50px; }
.HelpContent .popupcontainerMain ul.number li:before {
    counter-increment: first;
    content: counter(first) ". "; }
.HelpContent .popupcontainerMain ul.number li ul {
    counter-reset: second;
    margin-left: 60px; }
.HelpContent .popupcontainerMain ul.number li ul li:before {
    counter-increment: second;
    content: counter(first) ". " counter(second) ". ";
    margin-left: -35px;
    vertical-align: top; }
.HelpContent .popupcontainerMain ul.number li ul li ul {
    counter-reset: third;
    margin-left: 75px; }
.HelpContent .popupcontainerMain ul.number li ul li ul li:before {
    counter-increment: third;
    content: counter(first) ". " counter(second) ". " counter(third) ". ";
    margin-left: -53px; }
.HelpContent .imgForCompany {
    display: block;
    width: 50%;
    max-width: 1400px;
    margin: 30px auto 0; }
.HelpContent .ant-tabs .ant-tabs-left-bar {
    border-right: 1px solid #80b399; }
.HelpContent .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
      margin: 0 0 25px; }
.HelpContent .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:before {
        position: absolute;
        content: '';
        height: 100%;
        top: 35px;
        left: 41px;
        width: 0;
        border-right: 1px dashed #006733; }
.HelpContent .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child:before {
        height: 0; }
.HelpContent .ant-tabs .ant-tabs-left-content {
    border-left: 1px solid #80b399; }
.HelpContent .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
    width: 3px; }
.HelpContent .left-tab {
    font-size: 18px; }
.HelpContent .ant-collapse-content-box {
    padding: 20px 40px; }
.HelpContent .list-wrap {
    position: relative;
    padding-left: 20px;
    padding-bottom: 30px; }
.HelpContent .list-wrap::before {
      position: absolute;
      content: '';
      height: 100%;
      top: 3px;
      left: 0;
      width: 0;
      border-right: 1px dashed #006733; }
.HelpContent .list-wrap:last-child::before {
      border: none; }
.HelpContent .list-wrap h5 {
      font-size: 16px; }
.HelpContent .list-wrap h5::before {
        content: "\E68D";
        font-family: "iconfont" !important;
        position: absolute;
        top: -2px;
        margin: auto;
        font-size: 18px;
        color: #006733;
        z-index: 10;
        left: -9px; }
.HelpContent .list-wrap .ul_box {
      padding-top: 10px; }
.HelpContent .list-wrap .ul_box img {
        margin: 15px 0; }
.HelpContent .list-wrap h6 {
      font-size: 14px; }
.HelpContent .list-wrap p {
      line-height: 30px; }
.HelpContent .list-wrap .text-indent-p {
      text-indent: 1em; }
.HelpContent .list-wrap .height-small {
      line-height: 22px;
      margin-top: 10px; }
.HelpContent .list-wrap a, .HelpContent .list-wrap .link-style {
      color: #006733; }
.HelpContent .list-wrap a:hover, .HelpContent .list-wrap .link-style:hover {
        color: #006733; }
.HelpContent .ant-collapse {
    border-color: #707070;
    border-top: none;
    border-bottom: 1px solid #707070;
    border-radius: 12px; }
.HelpContent .ant-collapse > .ant-collapse-item {
      border-bottom: none;
      margin-bottom: 2px; }
.HelpContent .ant-collapse > .ant-collapse-item > .ant-collapse-header {
        background-color: #006733;
        color: #fff; }
.HelpContent .ant-collapse > .ant-collapse-item:last-child {
        margin-bottom: 0; }
.HelpContent .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
          border-radius: 0 0 12px 12px; }
.HelpContent .ant-collapse .ant-collapse-item-active > .ant-collapse-header, .HelpContent .ant-collapse .ant-collapse-item:first-child > .ant-collapse-header {
      border-radius: 12px 12px 0 0; }
.HelpContent .ant-collapse .ant-collapse-content {
      border-top: none;
      border-radius: 12px; }
.HelpContent table {
    color: #fff;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    border: 1px solid #8bdaa6;
    margin: 10px 0; }
.HelpContent table thead {
      background: #3f905b; }
.HelpContent table tbody {
      background: #5ea677; }
.HelpContent table tr {
      line-height: 30px;
      border-bottom: 1px solid #8bdaa6; }
.HelpContent table th {
      border-right: 1px solid #8bdaa6; }

.RBHomeOffer-Banner {
  background: #ddd;
  background-size: cover;
  /* For demo */ }
  .RBHomeOffer-Banner .ant-carousel .slick-slide {
    text-align: center;
    background: #364d79;
    overflow: hidden; }
  .RBHomeOffer-Banner .ant-carousel .slick-slide h3 {
    color: #fff; }
  .PromotionSet.promotion-large {
  width: 80%;
  height: 80%;
  min-width: 700px;
  min-height: 588px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
  .PromotionSet.promotion-large .ant-modal-content {
  width: 100%;
  height: 100%; }
  .PromotionSet.promotion-large .ant-modal-content .ant-modal-body {
    height: calc(100% - 115px);
    padding: 0; }
  .PromotionSet .ant-modal-header {
  background: #00623B; }
  .PromotionSet .ant-modal-header .ant-modal-title {
    color: white; }
  .PromotionSet .ant-modal-close-x {
  color: white; }
  .PromotionSet .ant-modal-footer {
  text-align: center; }
  .PromotionSet .OkBtn {
  width: 100%;
  background-color: #005E38;
  border-color: #005E38; }
  .RBPromotions {
  padding: 0px 100px 75px 100px;
  background: white;
  min-height: 600px; }
  .RBPromotions .Spin-set {
    width: 100%;
    margin: 0 auto;
    padding-top: 150px; }
  .RBPromotions .ant-empty {
    min-height: 490px;
    padding-top: 190px; }
  .RBPromotions .PromotionsList {
    padding: 30px 10px 0; }
  .RBPromotions .PromotionsList .yh-icon {
      height: 30px;
      width: 50px;
      background: url(../../../static/images/icon/yh.png) center no-repeat;
      position: absolute;
      top: 14px; }
  .RBPromotions .PromotionsList .ant-card {
      border: 10px solid #DDDDDD;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
  .RBPromotions .PromotionsList .ant-card:hover img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
  .RBPromotions .PromotionsList .ant-card .ant-card-cover {
        overflow: hidden; }
  .RBPromotions .PromotionsList .ant-card .ant-card-cover img {
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body {
        padding: 0;
        position: relative; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body .ant-card-meta {
          height: 90px; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body .ant-card-meta-detail {
          width: 100%; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body .ant-card-meta-title {
          vertical-align: middle;
          width: 100%;
          border-bottom: 1px solid #ddd;
          margin: 0;
          padding: 10px 0px 0px 38px;
          height: 60px;
          font-size: 16px;
          text-overflow: unset;
          overflow: hidden;
          white-space: unset;
          margin-left: 10px; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body .ant-card-meta-title div {
            display: table-cell;
            vertical-align: middle;
            width: 266px; }
  .RBPromotions .PromotionsList .ant-card .ant-card-body .ant-card-meta-description {
          padding: 10px 10px;
          font-size: 14px;
          height: 35px;
          position: absolute;
          left: 0;
          top: 55px; }
  .RBPromotions .PromotionsList li {
      cursor: pointer; }
  .RBPromotions .PromotionsList .getbtn {
      height: 40px;
      background: #025E3B;
      text-align: center;
      line-height: 40px;
      font-size: 20px;
      color: white;
      border-radius: 25px;
      cursor: pointer;
      margin: 15px; }
  .RBPromotions .PromotionsList .select-nav {
      padding: 5px;
      font-weight: 600; }
  .RBPromotions .PromotionsList .listNubmer {
      color: #07613D;
      font-weight: 600; }
  .RBPromotions .PromotionsList ul li {
      position: relative;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      float: left;
      padding: 0 21px;
      border-right: 1px solid #C7C7C7;
      text-align: center;
      font-size: 17px;
      margin-top: 10px;
      color: #000; }
  .RBPromotions .PromotionsList ul li > span {
        padding: 5px 0;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in; }
  .RBPromotions .PromotionsList ul li > span.active {
          font-weight: bold;
          border-bottom: 3px solid #07613D; }
  .RBPromotions .PromotionsList ul li .history-icon {
        display: inline-block;
        width: 21px;
        height: 25px;
        background-image: url(../../../static/images/promotions/history-icon.png);
        background-repeat: no-repeat;
        background-size: 100%;
        vertical-align: middle; }
  .RBPromotions .PromotionsList ul li:hover {
        color: #07613D; }
  .RBPromotions .PromotionsList ul li:hover > span {
          border-bottom: 3px solid #07613D; }
  .RBPromotions .PromotionsList ul li:hover .history-icon {
          background-image: url(../../../static/images/promotions/history-icon-active.png); }
  .RBPromotions .PromotionsList ul li.no-border {
        border-right: 0; }

@charset "UTF-8";
/*>=1024的分辨率*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }
@media only screen and (max-width: 1024px) {
  .slot-content-set {
    background-size: 85% !important; }
  .RBHeader-TOP-Next .ant-menu-item {
    padding: 0 15px; } }
@media only screen and (max-width: 1100px) {
  .slot-content-set {
    background-size: 85% !important; } }
@media only screen and (min-width: 1280px) {
  .LiveAutoWidth {
    height: 625px;
    width: 1100px;
    margin: 0 auto; }
  .SlotAutoWidth {
    width: 1100px;
    margin: 0 auto; } }
@media only screen and (min-width: 1400px) {
  .LiveAutoWidth {
    height: 625px;
    width: 1295px;
    margin: 0 auto; }
  .SlotAutoWidth {
    width: 1295px;
    margin: 0 auto; } }
@media only screen and (min-width: 1920px) {
  .RBHeader .ant-menu-dark .ant-menu-item > a {
    font-size: 18px; }
  .RBPage-home .Game-content-text {
    font-size: 16px; } }
#affiche {
  margin: 0 !important; }
.RBPage-home .RBHomeBanner {
  background: #0e0e0e;
  min-height: 250px;
  position: relative;
  max-height: 700px; }
.RBPage-home .RBHomeBanner .ant-carousel .slick-slide img {
    max-height: 700px; }
.RBPage-home .RBHomeBanner .ant-carousel .slick-dots li button {
    padding: 5px 30px;
    border-radius: 10px;
    margin: -9px 5px; }
.RBPage-home .RBHomeBanner .left-next {
    top: 0;
    bottom: 0;
    width: 70px;
    height: 100px;
    margin: auto;
    position: absolute;
    background: url(../../../static/images/home/banner_arrow.png) center no-repeat;
    left: 0;
    cursor: pointer; }
.RBPage-home .RBHomeBanner .right-next {
    top: 0;
    bottom: 0;
    width: 70px;
    height: 100px;
    margin: auto;
    position: absolute;
    background: url(../../../static/images/home/banner_arrow.png) center no-repeat;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer; }
.RBPage-home .ant-breadcrumb > span:last-child {
  font-weight: 600;
  color: white;
  font-size: 17px; }
.RBPage-home .ant-breadcrumb > span:last-child i {
    font-size: 23px;
    padding: 5px;
    font-weight: 800; }
.RBPage-home .ant-carousel .slick-slide {
  text-align: center;
  overflow: hidden; }
.RBPage-home .ant-carousel .slick-slide h3 {
  color: #fff; }
.RBPage-home .HomeContentDown {
  background-color: #012D20;
  padding: 10px;
  color: white;
  text-align: center; }
.RBPage-home .set-slot-show {
  bottom: 0;
  padding: 0px 75px 0px 75px;
  background: #FCE5D3; }
.RBPage-home .set-slot-show .ant-breadcrumb-link {
    color: #A14C0C; }
.RBPage-home .set-slot-show .icon {
    color: #A14C0C !important; }
.RBPage-home .set-slot-show .HometextContent {
    background: #FCE5D3; }
.RBPage-home .set-slot-show .HometextContent:hover .ant-card-bordered {
      background: #A14C0C !important; }
.RBPage-home .HomeProductadvantages .ant-breadcrumb {
  line-height: 38px;
  padding-top: 10px; }
.RBPage-home .HomeProductadvantages .icon-l {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: url(../../../static/images/icon/iconall.png) center no-repeat;
  background-position: 0px -2px;
  float: left;
  margin: 0 5px; }
.RBPage-home .HomeProductadvantages .icon-r {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: url(../../../static/images/icon/iconall.png) center no-repeat;
  background-position: -76px -2px;
  float: left;
  margin: 0 5px; }
.RBPage-home .HomeProductadvantages .Bnerleft {
  background-size: cover; }
.RBPage-home .HomeProductadvantages .Bnerright {
  background-size: cover; }
@media only screen and (min-width: 1920px) {
  .RBPage-home .HomeProductadvantages .HomeProductContent {
    height: 460px !important; }
    .RBPage-home .HomeProductadvantages .HomeProductContent .GogameBanner {
      bottom: -59px;
      left: 35%; } }
.RBPage-home .HomeProductadvantages .HomeProductContent {
  height: 340px;
  margin: 10px 5px;
  position: relative; }
.RBPage-home .HomeProductadvantages .HomeProductContent .GogameBanner {
    width: 212px;
    background: #01613b;
    position: absolute;
    bottom: 8px;
    left: 0;
    text-align: center;
    color: white;
    padding: 5px 0px;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
    right: 0;
    margin: auto; }
.RBPage-home .HomeProductadvantages .HomeProductContent img {
    height: 100%;
    width: 100%; }
.RBPage-home .HomeProductadvantages .HometextContent {
  height: 100px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
.RBPage-home .HomeProductadvantages .HometextContent .ant-card {
    border-radius: 0;
    background: transparent;
    border: 0;
    border-right: 1px solid #94B4A8; }
.RBPage-home .HomeProductadvantages .HometextContent .ant-card .ant-card-meta-avatar {
      padding-top: 3px; }
.RBPage-home .HomeProductadvantages .HometextContent .ant-card .ant-card-meta-avatar .icon {
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        font-size: 35px;
        color: #084535; }
.RBPage-home .HomeProductadvantages .HometextContent:hover .icon, .RBPage-home .HomeProductadvantages .HometextContent:hover .ant-card-meta-title, .RBPage-home .HomeProductadvantages .HometextContent:hover .ant-card-meta-description {
    color: #fff !important; }
.RBPage-home .HomeProductadvantages .HometextContent:hover .ant-card-bordered {
  background: #084535; }
.RBPage-home .HomeServiceadvantage {
  padding: 50px 0px; }
.RBPage-home .HomeServiceadvantage .circle_process {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto; }
.RBPage-home .HomeServiceadvantage .circle_process .wrapper {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    overflow: hidden; }
.RBPage-home .HomeServiceadvantage .circle_process .right {
    right: 0; }
.RBPage-home .HomeServiceadvantage .circle_process .left {
    left: 0; }
.RBPage-home .HomeServiceadvantage .circle_process .circle {
    width: 100%;
    height: 200px;
    border: 9px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg); }
.RBPage-home .HomeServiceadvantage .circle_process .rightcircle {
    border-top: 10px solid #034631;
    right: 0px; }
.RBPage-home .HomeServiceadvantage .circle_process .leftcircle {
    border-bottom: 10px solid #EDEDED;
    border-left: 10px solid #EDEDED;
    left: 0px; }
.RBPage-home .HomeServiceadvantage .Ball-line {
    width: 8%;
    height: 5px;
    background: #A8A8A8;
    position: absolute;
    right: -9px;
    top: 98px; }
.RBPage-home .HomeServiceadvantage .Ball-content {
    width: 140px;
    position: absolute;
    top: 65px;
    left: 30px;
    text-align: center; }
.RBPage-home .HomeServiceadvantage .Ball-content p {
      font-size: 40px;
      font-weight: 600;
      margin-top: -17px;
      color: #BE9B61; }
.RBPage-home .circle-wrap {
  padding-left: 13px;
  margin-top: 14px; }
.RBPage-home .circle-process {
  width: 23%;
  min-width: 130px;
  height: 0;
  padding-bottom: 23%;
  margin-right: 2%;
  display: inline-block;
  text-align: center;
  position: relative; }
.RBPage-home .number-wrap {
  white-space: nowrap;
  font-size: 1.4em;
  line-height: 1.2;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
.RBPage-home .number-wrap h3 {
    font-size: 1.5em;
    color: #BE9B61; }
.RBPage-home .circle-process .ball-content {
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; }
.RBPage-home .circle-process .ball-content svg.circle {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0; }
.RBPage-home .circle-process .ball-content svg.circle.animate circle {
    -webkit-transition: all 1s linear;
    transition: all 1s linear; }
.RBPage-home .HomeIntroduction {
  color: #333;
  padding-bottom: 60px; }
.RBPage-home .HomeIntroduction .IntroductionTop {
    text-align: center;
    padding: 10px 0px 15px; }
.RBPage-home .HomeIntroduction .IntroductionTop h1 {
      color: #013525;
      font-weight: 600; }
.RBPage-home .HomeIntroduction .GameType .GameTypeContent {
    height: 130px;
    position: relative;
    font-size: 14px;
    overflow: hidden;
    text-indent: 2em;
    margin: 0 75px 0;
    text-align: center;
    padding: 10px;
    background: #DDDDDD; }
.RBPage-home .HomeIntroduction .GameType .GameTypeContent .Left-Top-Icon {
      font-size: 13px;
      line-height: 3em;
      width: 4em;
      background: #005335;
      position: absolute;
      left: 0;
      top: 0;
      z-Index: 2;
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: translate(-29.29%, -100%) rotate(-45deg);
      transform: translate(-29.29%, -100%) rotate(-45deg);
      text-indent: -1000px;
      text-align: center; }
.RBPage-home .HomeIntroduction .GameType .GameTypeContent h3 {
      font-weight: bold;
      color: #005335; }
.RBPage-home .HomeIntroduction .GameType .GameTypeContent p {
      text-align: left; }
.RBPage-home .ant-card-meta-title {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #084535;
  font-weight: 600; }
.RBPage-home .ant-card-meta-description {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #084535; }
.RBPage-home .ant-tabs-bar {
  padding-bottom: 100px; }
.RBPage-home .ant-tabs-vertical.ant-tabs-left > .ant-tabs-bar {
  border-right: 0; }
.RBPage-home .Slot-Content {
  overflow: hidden;
  height: 589px;
  padding: 20px 30px 0px 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
.RBPage-home .Slot-Content.IMG {
    background-image: url("https://rbapp01.com/static/images/home/slots-bg.jpg"); }
.RBPage-home .Slot-Content.WEBP {
    background-image: url("/static/images/home/slots-bg.webp"); }
.RBPage-home .Slot-Content .HometextContent {
    background: #FCE5D3; }
.RBPage-home .Slot-Content .Slot-left {
    min-width: 225px; }
.RBPage-home .Slot-Content .Slot-left .active {
      border: 2px solid #642801;
      background: #fff !important;
      color: #483c14 !important; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public {
      border: 2px solid #a85926;
      padding: 15px;
      background: #a85926;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      margin-top: 35px;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .rightBG {
        position: absolute;
        right: 20px;
        width: 110px;
        bottom: 0;
        height: 80px; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .MG-Set {
        background: url("https://rbapp01.com/static/images/home/game/slots/MG/mgsmall.png") center bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .icon-hot {
        position: absolute;
        right: -24px;
        top: -2px;
        width: 100px;
        z-index: 1; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .PT-Set {
        background: url("https://rbapp01.com/static/images/home/game/slots/PT/ptsmall.png") center bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .TG-Set {
        background: url("https://rbapp01.com/static/images/home/game/slots/TG/tgsmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .SG-Set {
        background: url("https://rbapp01.com/static/images/home/game/slots/SG/sgsmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Slot-Content .Slot-left .Menu-Public .More-Set {
        background: url("https://rbapp01.com/static/images/home/game/slots/more/moresmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Slot-Content .Slot-center .CenterSET {
    width: 438px;
    height: 310px;
    float: right;
    text-align: center; }
.RBPage-home .Slot-Content .Slot-center .CenterSET button {
      background: #642801;
      color: white;
      border: 0;
      width: 195px;
      border-radius: 40px;
      cursor: pointer;
      font-size: 17px;
      height: 42px; }
.RBPage-home .Slot-Content .Slot-center .BTI-TEXT {
    width: 400px;
    font-size: 17px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 70px;
    padding-top: 25px; }
.RBPage-home .Slot-Content .Slot-right {
    height: 500px; }
.RBPage-home .Slot-Content .MGINBG {
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center bottom;
    background-repeat: no-repeat; }
.RBPage-home .Slot-Content .MGINBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/slots/MG/mg.png"); }
.RBPage-home .Slot-Content .MGINBG.WEBP {
      background-image: url("/static/images/home/game/slots/MG/mg.webp"); }
.RBPage-home .Slot-Content .PTINBG {
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center bottom;
    background-repeat: no-repeat; }
.RBPage-home .Slot-Content .PTINBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/slots/PT/PT.png"); }
.RBPage-home .Slot-Content .PTINBG.WEBP {
      background-image: url("/static/images/home/game/slots/PT/PT.webp"); }
.RBPage-home .Slot-Content .TGINBG {
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center bottom;
    background-repeat: no-repeat; }
.RBPage-home .Slot-Content .TGINBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/slots/TG/TG.png"); }
.RBPage-home .Slot-Content .TGINBG.WEBP {
      background-image: url("/static/images/home/game/slots/TG/TG.webp"); }
.RBPage-home .Slot-Content .SGINBG {
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center bottom;
    background-repeat: no-repeat; }
.RBPage-home .Slot-Content .SGINBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/slots/SG/SG.png"); }
.RBPage-home .Slot-Content .SGINBG.WEBP {
      background-image: url("/static/images/home/game/slots/SG/SG.webp"); }
.RBPage-home .Slot-Content .moreINBG {
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat; }
.RBPage-home .Slot-Content .moreINBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/slots/more/more.png"); }
.RBPage-home .Slot-Content .moreINBG.WEBP {
      background-image: url("/static/images/home/game/slots/more/more.webp"); }
.RBPage-home .Live-Content {
  background-color: #EDEDED !important;
  padding: 35px 100px 0px 100px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 570px;
  overflow: hidden; }
.RBPage-home .Live-Content.IMG {
    background-image: url("https://rbapp01.com/static/images/home/casino-bg.jpg"); }
.RBPage-home .Live-Content.WEBP {
    background-image: url("/static/images/home/casino-bg.webp"); }
.RBPage-home .Live-Content .Live-left {
    min-width: 225px;
    z-index: 9;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.RBPage-home .Live-Content .Live-left .active {
      border: 2px solid #483c14;
      background: #fff !important;
      color: #483c14 !important; }
.RBPage-home .Live-Content .Live-left .Menu-Public {
      border: 2px solid #847237;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      padding: 15px;
      background: #847237;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      margin-top: 35px;
      cursor: pointer; }
.RBPage-home .Live-Content .Live-left .Menu-Public .rightBG {
        position: absolute;
        right: 17px;
        width: 110px;
        bottom: 0;
        height: 80px; }
.RBPage-home .Live-Content .Live-left .Menu-Public .GPI-Set {
        background: url("https://rbapp01.com/static/images/home/game/casino/GPI/GPIsmall.png") center bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.RBPage-home .Live-Content .Live-left .Menu-Public .AG-Set {
        background: url("https://rbapp01.com/static/images/home/game/casino/AG/AGsmall.png") center bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.RBPage-home .Live-Content .Live-left .Menu-Public .icon-hot {
        position: absolute;
        right: -24px;
        top: -2px;
        width: 100px;
        z-index: 1; }
.RBPage-home .Live-Content .Live-left .Menu-Public .GD-Set {
        background: url("https://rbapp01.com/static/images/home/game/casino/GD/GDsmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Live-Content .Live-left .Menu-Public .SA-Set {
        background: url("https://rbapp01.com/static/images/home/game/casino/SA/SAsmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Live-Content .Live-left .Menu-Public .MG-Set {
        background: url("https://rbapp01.com/static/images/home/mgliveicon/CategoryIcon.png") center bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.RBPage-home .Live-Content .Live-left .Menu-Public .More-Set {
        background: url("https://rbapp01.com/static/images/home/game/casino/more/moresmall.png") center bottom no-repeat;
        background-size: contain; }
.RBPage-home .Live-Content .Live-center {
    z-index: 9; }
.RBPage-home .Live-Content .Live-center .CenterSET {
      width: 438px;
      height: 310px;
      float: right;
      text-align: center; }
.RBPage-home .Live-Content .Live-center .CenterSET button {
        background: #112c21;
        color: white;
        border: 0;
        width: 195px;
        border-radius: 40px;
        cursor: pointer;
        font-size: 17px;
        height: 42px; }
.RBPage-home .Live-Content .Live-center .BTI-TEXT {
      width: 400px;
      font-size: 17px;
      margin: 0 auto;
      text-align: left;
      padding-bottom: 70px;
      padding-top: 25px; }
.RBPage-home .Live-Content .Live-right {
    height: 555px; }
.RBPage-home .Live-Content .INGPI {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 99%;
    width: 980px;
    background-position: 7px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INGPI.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/casino/GPI/GPI.png"); }
.RBPage-home .Live-Content .INGPI.WEBP {
      background-image: url("/static/images/home/game/casino/GPI/GPI.webp"); }
.RBPage-home .Live-Content .INBG {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 99%;
    width: 980px;
    background-position: 7px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/casino/AG/AG.png"); }
.RBPage-home .Live-Content .INBG.WEBP {
      background-image: url("/static/images/home/game/casino/AG/AG.webp"); }
.RBPage-home .Live-Content .INGDBG {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 99%;
    width: 980px;
    background-position: 7px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INGDBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/casino/GD/GD.png"); }
.RBPage-home .Live-Content .INGDBG.WEBP {
      background-image: url("/static/images/home/game/casino/GD/GD.webp"); }
.RBPage-home .Live-Content .INSABG {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 99%;
    width: 980px;
    background-position: 7px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INSABG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/casino/SA/SA.png"); }
.RBPage-home .Live-Content .INSABG.WEBP {
      background-image: url("/static/images/home/game/casino/SA/SA.webp"); }
.RBPage-home .Live-Content .INMGBG {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 89%;
    width: 980px;
    background-position: 68px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INMGBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/mgliveicon/mglivebig.png"); }
.RBPage-home .Live-Content .INMGBG.WEBP {
      background-image: url("/static/images/home/mgliveicon/mglivebig.webp"); }
.RBPage-home .Live-Content .INmoreBG {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -89px;
    top: -92px;
    background-size: 99%;
    width: 980px;
    background-position: 7px 26px;
    background-repeat: no-repeat; }
.RBPage-home .Live-Content .INmoreBG.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/casino/more/more.png"); }
.RBPage-home .Live-Content .INmoreBG.WEBP {
      background-image: url("/static/images/home/game/casino/more/more.webp"); }
.RBPage-home .LiveHome {
  padding: 0px 75px 0px 75px;
  background: #FCF3D2; }
.RBPage-home .LiveHome .HometextContent:hover .ant-card-bordered {
    background: #4F3F0C !important; }
.RBPage-home .LiveHome .ant-card-meta-title {
    color: #4F3F0C;
    font-weight: 600; }
.RBPage-home .LiveHome .ant-card-meta-description {
    color: #000000; }
.RBPage-home .LiveHome .icon-icon_lib_casino {
    color: #4F3F0C !important; }
.RBPage-home .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content {
  border-left: 0; }
.RBPage-home .GameMoneylist {
  height: 150px;
  background: #373737;
  width: 520px;
  border-radius: 10px;
  margin-top: 119px;
  margin-left: -38px; }
.RBPage-home .GameMoneylist div:first-child {
    border-right: 1px solid #626262; }
.RBPage-home .GameMoneylist .list-left {
    float: left;
    width: 50%;
    text-align: center;
    height: 100%; }
.RBPage-home .GameMoneylist .list-left h2 {
      color: #F7CC69;
      padding: 15px 20px; }
.RBPage-home .GameMoneylist .list-left .list-Number {
      color: #F7CC69;
      border: 1px solid #F7CC69;
      height: 50px;
      line-height: 50px;
      margin: 0px 20px 0px 20px;
      font-size: 25px;
      border-radius: 5px; }
.RBPage-home .GameMoneylist .list-right {
    float: right;
    width: 50%;
    text-align: center;
    height: 100%; }
.RBPage-home .GameMoneylist .list-right h2 {
      color: #F7CC69;
      padding: 12px 20px; }
.RBPage-home .GameMoneylist .list-right .list-Number {
      color: #F7CC69;
      border: 1px solid #F7CC69;
      height: 50px;
      line-height: 50px;
      margin: 0px 20px 0px 20px;
      font-size: 25px;
      border-radius: 5px; }
.RBPage-home .GameMoneylist .list-right .list-user div {
      border-right: 0;
      display: inline-block;
      width: 120px;
      color: #C0C0C0; }
.RBPage-home .GameMoneylist .list-right .list-user .lf {
      padding-bottom: 6px; }
.RBPage-home .GameMoneylist .list-right .list-user .lf span {
        width: 20px;
        height: 20px;
        background: #FFCD1C;
        display: inline-block;
        line-height: 20px;
        border-radius: 10px;
        margin-right: 5px;
        color: #000; }
.RBPage-home .Game-content-text {
  color: #C0C0C0;
  width: 95%;
  padding: 55px 10px;
  float: left;
  line-height: 30px; }
.RBPage-home .Game-content-text .GameLogo {
    padding-bottom: 10px;
    width: 100%;
    float: left; }
.RBPage-home .Game-content-text .GameStart {
    width: 180px;
    background: #A14C0C;
    padding: 0;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
    color: white;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 30px;
    cursor: pointer;
    border: 0; }
.RBPage-home .Game-content-text .GameStart a {
      color: white; }
.RBPage-home .Game-content-text .GameStart:hover {
    background: #b6822b; }
.RBPage-home .HomeRechargeBank {
  height: 400px;
  padding: 20px 100px;
  min-width: 1617px;
  max-width: 1980px;
  margin: auto;
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: no-repeat; }
.RBPage-home .HomeRechargeBank.IMG {
    background-image: url("https://rbapp01.com/static/images/home/CoverGreenFooter.png"); }
.RBPage-home .HomeRechargeBank.WEBP {
    background-image: url("/static/images/home/CoverGreenFooter.webp"); }
.RBPage-home .HomeRechargeBank .ant-col.ant-col-10 {
    min-width: 590px; }
.RBPage-home .HomeRechargeBank .ant-col.ant-col-16 {
    height: 100%; }
.RBPage-home .HomeRechargeBank .ant-col.ant-col-16 .basket-people-img {
      position: absolute;
      min-width: 100%;
      height: 122%;
      bottom: -20px;
      left: 0;
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 86% auto; }
.RBPage-home .HomeRechargeBank .ant-col.ant-col-16 .basket-people-img.IMG {
        background-image: url("https://rbapp01.com/static/images/home/RealBetis.png"); }
.RBPage-home .HomeRechargeBank .ant-col.ant-col-16 .basket-people-img.WEBP {
        background-image: url("/static/images/home/RealBetis.webp"); }
.RBPage-home .HomeRechargeBank h2 {
    color: #fff;
    font-size: 1.6em;
    margin-top: 10px; }
.RBPage-home .HomeRechargeBank .basket-people {
    padding: 70px 0; }
.RBPage-home .HomeRechargeBank .basket-people img {
      width: 40%;
      display: inline-block;
      vertical-align: middle; }
.RBPage-home .HomeRechargeBank .basket-people .basket-prompt {
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      font-size: 28px;
      letter-spacing: 2px;
      text-align: center;
      font-weight: bold;
      padding-left: 58px; }
.RBPage-home .RB88ServerBest {
  padding: 30px 100px;
  min-width: 1617px;
  max-width: 1980px;
  margin: auto;
  background-color: #fff; }
.RBPage-home .RB88ServerBest .bank-img {
    position: absolute;
    min-width: 100%;
    height: 238px;
    top: 3px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% auto; }
.RBPage-home .RB88ServerBest .bank-img.IMG {
      background-image: url("https://rbapp01.com/static/images/home/CNBankLogo.png"); }
.RBPage-home .RB88ServerBest .bank-img.WEBP {
      background-image: url("/static/images/home/CNBankLogo.webp"); }
.RBPage-home .RB88ServerBest .ant-col.ant-col-10 {
    min-width: 590px; }
.RBPage-home .RB88ServerBest .foot-title {
    font-size: 26px; }
.RBPage-home .RB88ServerBest .foot-article {
    color: #000;
    font-size: 18px; }
.RBPage-home .RB88ServerBest .server-top-icon {
    width: 40px;
    height: 40px;
    float: left;
    background: url("/static/images/icon/server.png") center no-repeat;
    background-size: 64%;
    padding: 0 25px; }
/* banner */
.banner-anim {
  position: relative;
  overflow: hidden;
  min-height: 100px; }
.banner-anim-elem {
  height: 100%; }
.banner-anim-elem > * {
  position: relative; }
.banner-anim-elem-mask {
  position: relative;
  overflow: hidden;
  width: 100%; }
.banner-anim-arrow {
  cursor: pointer;
  position: absolute;
  z-index: 10; }
.banner-anim-arrow-default {
  position: absolute;
  width: 20px;
  height: 60px;
  margin-top: -30px;
  background: rgba(0, 0, 0, 0.3); }
.banner-anim-arrow-default.next {
  right: 0; }
.banner-anim-arrow-default.next:before, .banner-anim-arrow-default.prev:before, .banner-anim-arrow-default.next:after, .banner-anim-arrow-default.prev:after {
  width: 2px;
  height: 15px;
  background: #fff;
  display: block;
  content: ' ';
  position: absolute; }
.banner-anim-arrow-default.next:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  top: 18px;
  left: 10px; }
.banner-anim-arrow-default.next:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  bottom: 17px;
  left: 10px; }
.banner-anim-arrow-default.prev:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  top: 18px;
  left: 8px; }
.banner-anim-arrow-default.prev:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  bottom: 17px;
  left: 8px; }
.banner-anim-thumb {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: 10; }
.banner-anim-thumb > span {
  pointer-events: auto;
  cursor: pointer;
  display: inline-block;
  list-style: none; }
.banner-anim-thumb-default {
  height: 40px;
  line-height: 40px; }
.banner-anim-thumb-default span {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 5px;
  background: rgba(102, 102, 102, 0.35);
  -webkit-transition: background .3s;
  transition: background .3s;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
.banner-anim-thumb-default span:active, .banner-anim-thumb-default span.active {
  background: #fff; }
.custom-arrow-thumb {
  height: 445px; }
.custom-arrow-thumb .user-arrow {
  top: 50%;
  margin-top: -40px; }
.custom-arrow-thumb .user-arrow .img-wrapper {
  width: 120px;
  height: 80px;
  float: left;
  position: relative; }
.custom-arrow-thumb .user-arrow .img-wrapper li {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute; }
.custom-arrow-thumb .user-arrow .arrow {
  width: 20px;
  height: 80px;
  background: rgba(0, 0, 0, 0.3);
  position: relative; }
.custom-arrow-thumb .user-arrow .arrow:before, .custom-arrow-thumb .user-arrow .arrow:after {
  width: 2px;
  height: 15px;
  background: #fff;
  display: block;
  content: ' ';
  position: absolute; }
.custom-arrow-thumb .user-arrow.next {
  right: -120px; }
.custom-arrow-thumb .user-arrow.next .arrow {
  float: left; }
.custom-arrow-thumb .user-arrow.next .arrow:before {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  top: 28px;
  left: 10px; }
.custom-arrow-thumb .user-arrow.next .arrow:after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  bottom: 27px;
  left: 10px; }
.custom-arrow-thumb .user-arrow.prev {
  left: -120px; }
.custom-arrow-thumb .user-arrow.prev .arrow {
  float: right; }
.custom-arrow-thumb .user-arrow.prev .arrow:before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  top: 28px;
  left: 8px; }
.custom-arrow-thumb .user-arrow.prev .arrow:after {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  bottom: 27px;
  left: 8px; }
.custom-arrow-thumb .user-thumb {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  height: 40px; }
.custom-arrow-thumb .user-thumb > span {
  width: 50px;
  height: 30px;
  margin: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: background .3s;
  transition: background .3s;
  background: transparent; }
.custom-arrow-thumb .user-thumb > span.active {
  background: rgba(255, 255, 255, 0.45); }
.custom-arrow-thumb .user-thumb > span i {
  display: block;
  width: 46px;
  height: 26px;
  margin: 2px;
  background-size: cover;
  background-position: center; }
.Home-sports-content {
  padding: 0 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px; }
.Home-sports-content.IMG {
    background-image: url("https://rbapp01.com/static/images/home/game/Sports/bg.jpg"); }
.Home-sports-content.WEBP {
    background-image: url("/static/images/home/game/Sports/bg.webp"); }
.Home-sports-content .sports-left {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: 50px;
    min-width: 225px; }
.Home-sports-content .sports-left > div {
      cursor: pointer;
      padding: 15px;
      border: 2px solid #005335;
      background: #005335;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      margin-bottom: 45px;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
.Home-sports-content .sports-left .active {
      border: 2px solid #012D20;
      background: #fff !important;
      color: #012D20 !important; }
.Home-sports-content .sports-left .Menu-BTi {
      padding: 15px;
      background: #01613b;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      cursor: pointer; }
.Home-sports-content .sports-left .Menu-BTi .rightBG {
        position: absolute;
        right: 15px;
        width: 140px;
        bottom: 0;
        height: 100px;
        background: url(https://rbapp01.com/static/images/home/game/Sports/BTi/bti.png) right bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.Home-sports-content .sports-left .Menu-BTi .icon-new {
        position: absolute;
        right: -28px;
        top: -2px;
        z-index: 0;
        width: 100px;
        z-index: 1; }
.Home-sports-content .sports-left .Menu-IM {
      padding: 15px;
      background: #005335;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      margin-top: 45px; }
.Home-sports-content .sports-left .Menu-IM .rightBG {
        position: absolute;
        right: -4px;
        width: 140px;
        bottom: 0;
        height: 100px;
        background: url("https://rbapp01.com/static/images/home/game/Sports/IM/IM_August30.png") -16px bottom no-repeat;
        background-size: 100%; }
.Home-sports-content .sports-left .Menu-Gaming {
      padding: 15px;
      background: #005335;
      border-radius: 30px;
      font-size: 17px;
      position: relative;
      color: white;
      margin-top: 45px; }
.Home-sports-content .sports-left .Menu-Gaming .rightBG {
        position: absolute;
        right: 8px;
        width: 158px;
        bottom: 0;
        height: 100px;
        background: url("https://rbapp01.com/static/images/home/game/Sports/Gaming/IM_Gaming.png") right bottom no-repeat;
        background-size: contain;
        z-index: 2; }
.Home-sports-content .sports-left .Menu-Gaming .icon-new {
        position: absolute;
        right: -28px;
        top: -2px;
        z-index: 0;
        width: 100px;
        z-index: 1; }
.Home-sports-content .sports-center .CenterSET {
    width: 438px;
    height: 310px;
    float: right;
    text-align: center; }
.Home-sports-content .sports-center .CenterSET button {
      background: #112c21;
      color: white;
      border: 0;
      width: 195px;
      border-radius: 40px;
      cursor: pointer;
      font-size: 17px;
      height: 42px; }
.Home-sports-content .sports-center .BTI-TEXT {
    width: 400px;
    font-size: 17px;
    float: right;
    text-align: left;
    padding-bottom: 70px;
    padding-top: 25px; }
.Home-sports-content .sports-right {
    height: 408px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0; }
.Home-sports-content .sports-right.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/Sports/c.png"); }
.Home-sports-content .sports-right.WEBP {
      background-image: url("/static/images/home/game/Sports/c.webp"); }
.Home-sports-content .sports-right.sports-nonebg {
      background: none; }
.Home-sports-content .sports-right .INBG {
      height: 500px;
      width: 434px;
      position: absolute;
      background-position: right;
      background-repeat: no-repeat;
      right: 0;
      top: -79px;
      background-size: 74%; }
.Home-sports-content .sports-right .INBG.IMG {
        background-image: url("https://rbapp01.com/static/images/home/game/Sports/BTi/bitc.png"); }
.Home-sports-content .sports-right .INBG.WEBP {
        background-image: url("/static/images/home/game/Sports/BTi/bitc.webp"); }
.Home-sports-content .sports-right .INBGS {
      height: 488px;
      background-position: right;
      background-repeat: no-repeat;
      width: 621px;
      position: absolute;
      top: -56px;
      background-size: contain;
      right: -58px; }
.Home-sports-content .sports-right .INBGS.IMG {
        background-image: url("https://rbapp01.com/static/images/home/game/Sports/IM/IM_big_August30.png"); }
.Home-sports-content .sports-right .INBGS.WEBP {
        background-image: url("/static/images/home/game/Sports/IM/IM_big_August30.webp"); }
.Home-sports-content .sports-right .INBGB {
      height: 490px;
      width: 621px;
      top: -41px;
      right: -58px;
      position: absolute;
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat; }
.Home-sports-content .sports-right .INBGB.IMG {
        background-image: url(../../../static/images/home/game/Sports/Gaming/imgaming.png); }
.Home-sports-content .sports-right .INBGB.WEBP {
        background-image: url(../../../static/images/home/game/Sports/Gaming/imgaming.webp); }
.Home-sports-content .sports-right-im {
    height: 385px;
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: right;
    background-repeat: no-repeat; }
.Home-sports-content .sports-right-im.IMG {
      background-image: url("https://rbapp01.com/static/images/home/game/Sports/d.png"); }
.Home-sports-content .sports-right-im.WEBP {
      background-image: url("/static/images/home/game/Sports/d.webp"); }
.Home-sports-content .sports-right-im.sports-nonebg {
      background: none; }
.Home-sports-content .sports-right-im .INBG {
      height: 500px;
      width: 434px;
      position: absolute;
      right: 0;
      top: -79px;
      background-size: 74%;
      background-position: right;
      background-repeat: no-repeat; }
.Home-sports-content .sports-right-im .INBG.IMG {
        background-image: url(../../../static/images/home/game/Sports/BTi/bitc.png); }
.Home-sports-content .sports-right-im .INBG.WEBP {
        background-image: url(../../../static/images/home/game/Sports/BTi/bitc.webp); }
.Home-sports-content .sports-right-im .INBGS {
      height: 488px;
      width: 621px;
      position: absolute;
      top: -56px;
      background-size: contain;
      right: -58px;
      background-position: right;
      background-repeat: no-repeat; }
.Home-sports-content .sports-right-im .INBGS.IMG {
        background-image: url("https://rbapp01.com/static/images/home/game/Sports/IM/IM_big_August30.png"); }
.Home-sports-content .sports-right-im .INBGS.WEBP {
        background-image: url("/static/images/home/game/Sports/IM/IM_big_August30.webp"); }
.Home-sports-content .sports-right-im .INBGB {
      height: 490px;
      width: 621px;
      position: absolute;
      top: -41px;
      background-size: contain;
      right: -58px;
      background-position: right;
      background-repeat: no-repeat; }
.Home-sports-content .sports-right-im .INBGB.IMG {
        background-image: url("https://rbapp01.com/static/images/home/game/Sports/Gaming/imgaming.png"); }
.Home-sports-content .sports-right-im .INBGB.WEBP {
        background-image: url("/static/images/home/game/Sports/Gaming/imgaming.webp"); }
.set-style-next .ant-card-meta-title {
  color: #A14C0C; }
.set-style-next .ant-card-meta-description {
  color: #A14C0C; }
svg:not(:root) {
  overflow: hidden; }
#svg {
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }
#svg circle {
  -webkit-transition: stroke-dashoffset 1.2s linear 0s;
  transition: stroke-dashoffset 1.2s linear 0s;
  stroke-dashoffset: 0;
  stroke: #cfcfcf;
  stroke-width: 5px; }
#svg #bar {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center 0px;
          transform-origin: center center 0px;
  position: absolute;
  stroke: #034631; }
@media (max-width: 1400px) {
  .RBPage-home .Live-Content .Live-right {
    right: -30%; }
  .RBPage-home .Live-Content .Live-center {
    margin-left: 10%; } }
@media (max-width: 1300px) {
  .RBPage-home .Slot-Content, .Home-sports-content, .RBPage-home .Live-Content, .RB88ServerBest, .RBPage-home .HomeRechargeBank .BGFather .Bank-title, .RBFooter .Footer-pay-list {
    padding-left: 50px; } }
.FloatingWindow {
  position: fixed;
  left: 10px;
  top: 50%;
  z-index: 1009;
  cursor: pointer; }
.FloatingWindow .close {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: #000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px; }

.RBEmailVerificationContent {
  padding: 140px 100px 10px 200px;
  background-color: #fff;
  min-height: 900px;
  font-size: 16px;
  background: url(../../../static/images/email/RegistrationSuccessful.jpg) center no-repeat;
  background-size: cover; }
  .RBEmailVerificationContent .emailSuccessContent {
    color: #fff;
    text-align: center; }
  .RBEmailVerificationContent .emailSuccessContent h1 {
      color: #fff !important;
      font-size: 35pt; }
  .RBEmailVerificationContent .emailSuccessContent .ant-btn.ant-btn-primary {
      margin: 10px 5px;
      background-color: transparent !important;
      color: #fff;
      border: 2px solid #fff;
      width: 10%; }

.user_home {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  height: 100%;
  background: #000; }
  .user_home .iconfont {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    color: #272727;
    line-height: 40px;
    cursor: pointer; }
  .user_home .form_container {
    padding: 20px 0; }
  .user_home .model_top p {
    background: #00623b;
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px; }
  .user_home .user_container {
    border-radius: 6px;
    width: 440px;
    overflow: hidden;
    margin: 100px auto 0;
    background: #fff; }
  .user_home .user_container label {
      color: #000 !important;
      font-size: 16px !important;
      font-weight: bold; }
  .user_home .user_container .ant-form-item-label {
      display: inline-block; }
  .user_home .user_container .ant-form-item {
      margin-bottom: 25px !important; }
  .user_home .user_container .ant-form-item-children {
      display: inline-block;
      width: 100%; }
  .user_home .user_container input {
      border-color: #c1bdbd;
      width: 100%;
      padding-left: 10px;
      border-radius: 4px !important; }
  .user_home .user_container input, .user_home .user_container .ant-input-number {
      height: 40px;
      line-height: 40px; }
  .user_home .user_container .URLSENDYZM, .user_home .user_container .URLSENDYZM {
      position: absolute;
      right: 5px;
      top: 5px;
      bottom: 5px;
      margin: auto;
      background: #2f5f3d;
      color: #fff;
      line-height: 30px;
      border-radius: 4px;
      padding: 0 8px;
      cursor: pointer; }
  .user_home .user_container button {
      border-radius: 100px;
      background: #ead18e !important;
      border-color: #ead18e !important;
      color: #0c0100 !important;
      height: 40px;
      line-height: 36px;
      font-size: 16px;
      display: block;
      width: 200px;
      padding: 0;
      margin: 0 auto; }
  .user_home .user_container .ant-col-24 {
      width: 100%; }
  .user_home .hide {
    display: none; }
  .user_home .show {
    display: block; }

.unfinished-Games {
  color: #000; }
  .unfinished-Games .ant-modal-content {
    border-radius: 7px; }
  .unfinished-Games .ant-modal-content .ant-tabs-nav {
      width: 98%; }
  .unfinished-Games .ant-modal-content .ant-tabs-nav .ant-tabs-tab {
        width: 50%;
        text-align: center; }
  .unfinished-Games .ant-modal-content .ant-tabs-tab {
      color: #00623B !important;
      background-color: #fff !important; }
  .unfinished-Games .ant-modal-content .ant-tabs-tab-active {
      background-color: #00623B !important;
      color: #fff !important; }
  .unfinished-Games .ant-modal-content .ant-tabs .ant-tabs-top-content {
      min-height: 200px; }
  .unfinished-Games .ant-modal-footer {
    text-align: center; }
  .unfinished-Games .ant-modal-footer .ant-btn {
      background-color: #00623B !important;
      color: #fff;
      width: 45%; }
  .unfinished-Games .unfinished-games-tip {
    color: #000;
    font-weight: bold;
    font-size: 13px;
    padding: 8px 5px; }
  .unfinished-Games .game-item {
    padding: 10px; }
  .unfinished-Games .game-item-img {
    text-align: center; }
  .unfinished-Games .game-item-title {
    height: 80px;
    line-height: 80px;
    padding-left: 15px;
    font-size: 16px;
    text-align: left;
    color: #000;
    font-weight: bold; }
  .unfinished-Games .game-item-play {
    height: 80px;
    line-height: 80px; }
  .unfinished-Games .game-item-play .ant-btn {
      background-color: #012D20;
      border-radius: 10px;
      font-size: 14px; }

