@charset "UTF-8";
body {
  font-size: 12px;
  color: #333;
  background: #f8f8f8; }
  body::-webkit-scrollbar {
    display: none; }

.margin-bottom10 {
  margin-bottom: 10px; }

.float-right {
  float: right; }

.text-center {
  text-align: center; }

.border-box {
  padding: 20px;
  background-color: #fff; }

.prompt-box {
  padding: 10px 20px; }

.danger-box, .success-box, .info-box, .warning-box {
  padding: 25px 20px;
  font-size: 16px; }

.success-box {
  color: #3c763d;
  background-color: #dff0d8; }

.danger-box {
  color: #a94442;
  background-color: #f2dede; }

.warning-box {
  color: #8a6d3b;
  background-color: #eed9c8; }

.info-box {
  color: #31708f;
  background-color: #d9edf7; }

.prompt-text {
  display: inline-block;
  width: 90%; }

.icon-close {
  float: right;
  font-size: 1.3em;
  position: relative;
  top: -1px; }
  .icon-close:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8); }

.main {
  background: #fff;
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  min-height: 100vh; }

.topbar {
  display: none;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  margin-bottom: 5px;
  background: #fff; }
  .topbar .topbar-title {
    flex: 1; }
    .topbar .topbar-title img {
      height: 30px; }
  .topbar .topbar-tab-box {
    height: 50px;
    display: flex;
    align-items: center; }
    .topbar .topbar-tab-box .topbar-tab {
      display: flex;
      align-items: center;
      border: 1px solid #f8900a;
      border-radius: 16px;
      height: 25px; }
      .topbar .topbar-tab-box .topbar-tab .topbar-tab-h5 {
        position: relative;
        left: -2px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        color: #fff;
        background: linear-gradient(90deg, #ffdb33 0%, #f8900a 100%);
        box-shadow: 0 0 4px 0 rgba(0, 79, 141, 0.2);
        border-radius: 16px;
        border: 2px solid #fff;
        padding: 0 10px;
        cursor: pointer; }
      .topbar .topbar-tab-box .topbar-tab .topbar-tab-web {
        height: 25px;
        line-height: 27px;
        color: #555;
        padding: 0 7px 0 1px;
        cursor: pointer; }

.topbar-h5 {
  height: 44px;
  line-height: 44px; }
  .topbar-h5 .topbar-title {
    color: #fff;
    background-color: #fb6b6e;
    font-size: 16px;
    text-align: center; }

.body {
  background-color: #fff; }
  .body .line-f6 {
    width: 100%;
    height: 5px;
    background-color: #f6f6f6; }
  .body .login-box, .body .register-box {
    padding: 15px; }
    .body .login-box #TencentCaptcha:hover, .body .login-box .layui-btn-primary:hover, .body .register-box #TencentCaptcha:hover, .body .register-box .layui-btn-primary:hover {
      border: 1px solid #f2910a; }
    .body .login-box .layui-input, .body .login-box .layui-select, .body .login-box .layui-textarea, .body .register-box .layui-input, .body .register-box .layui-select, .body .register-box .layui-textarea {
      font-size: 16px; }
    .body .login-box .layui-form-item, .body .register-box .layui-form-item {
      margin: 15px auto; }
    .body .login-box .layui-form-checked[lay-skin=primary] i, .body .register-box .layui-form-checked[lay-skin=primary] i {
      border-color: #f2910a !important;
      background-color: #f2910a; }
    .body .login-box .layui-btn, .body .register-box .layui-btn {
      width: 100%;
      background-color: #f2910a; }
    .body .login-box .layui-btn-primary, .body .register-box .layui-btn-primary {
      background-color: #fff; }
    .body .login-box .forgot-password, .body .register-box .forgot-password {
      font-size: 14px;
      float: right;
      color: #01aaed;
      padding-top: 10px; }
  .body .register-box .agreement {
    text-align: center;
    position: relative; }
    .body .register-box .agreement span {
      position: relative;
      top: 4px; }
  .body .game-type-div {
    padding: 0 10px 0;
    margin: 10px 0 0; }
    .body .game-type-div .game-list-a {
      margin: 0 5px 10px 0;
      display: inline-block;
      color: rgba(100, 100, 100, 0.9);
      background-color: #efefef;
      padding: 5px 10px;
      transition: all 0.3s; }
      .body .game-type-div .game-list-a:hover {
        cursor: pointer;
        color: #8a6d3b;
        background-color: #eed9c8; }
    .body .game-type-div .game-list-a-actived {
      color: #8a6d3b;
      background-color: #eed9c8; }
  .body .no-more {
    color: #aaa;
    background: #fff;
    padding: 25px 0 75px;
    text-align: center; }
    .body .no-more a {
      color: #01aaed; }
  .body .body-block {
    background: #fff;
    padding: 0 10px; }
    .body .body-block .body-block-title {
      font-size: 14px;
      color: #333;
      height: 40px;
      padding: 15px 0 0 10px;
      position: relative;
      z-index: 1; }
      .body .body-block .body-block-title:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 65%;
        top: auto;
        bottom: 5px;
        height: 40px;
        background: linear-gradient(180deg, #b5e5ff 0%, white 100%);
        border-radius: 10px 0 60px 0;
        border-right: 30px solid #ffffff75;
        z-index: -1; }
    .body .body-block .hot-games-title:after {
      background: linear-gradient(180deg, #ffccc0 0%, white 100%); }
    .body .body-block .new-games-title:after {
      background: linear-gradient(180deg, #a0eea9 0%, white 100%); }
    .body .body-block .body-block-list {
      display: flex;
      flex-direction: column; }
      .body .body-block .body-block-list .list-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px; }
        .body .body-block .body-block-list .list-item .item-img {
          position: relative;
          border-radius: 12px;
          overflow: hidden; }
          .body .body-block .body-block-list .list-item .item-img img {
            width: 64px;
            height: 64px;
            border-radius: 6px; }
          .body .body-block .body-block-list .list-item .item-img .item-img-type {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 12px;
            zoom: 0.9;
            /* 缩小到 90% */
            padding: 1px 5px 1px 2px;
            color: #fff;
            background: #fc8025;
            border-bottom-left-radius: 4px; }
        .body .body-block .body-block-list .list-item .item-info {
          flex-grow: 1;
          padding-left: 12px;
          height: 64px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .body .body-block .body-block-list .list-item .item-info .info-title {
            font-size: 14px;
            flex: 1;
            overflow: hidden; }
            .body .body-block .body-block-list .list-item .item-info .info-title .info-title-game-name {
              font-weight: 500; }
          .body .body-block .body-block-list .list-item .item-info .info-tag {
            height: 24px;
            line-height: 24px;
            overflow: hidden; }
            .body .body-block .body-block-list .list-item .item-info .info-tag span {
              background: #f9eaeb;
              color: #fd5c63;
              display: inline-block;
              text-transform: uppercase;
              font-size: 12px;
              border-radius: 3px;
              padding: 0 5px;
              margin-right: 3px;
              height: 18px;
              line-height: 18px; }
          .body .body-block .body-block-list .list-item .item-info .info-des {
            height: 17px;
            line-height: 20px;
            overflow: hidden;
            color: #888; }
        .body .body-block .body-block-list .list-item .item-go {
          min-width: 68px; }
          .body .body-block .body-block-list .list-item .item-go span {
            padding: 8px 20px;
            color: #fff;
            background-image: linear-gradient(90deg, #01aaed, #60d9ed);
            font-size: 12px;
            border-radius: 22px;
            cursor: pointer; }
            .body .body-block .body-block-list .list-item .item-go span .icon-jinru {
              font-size: 8px; }
        .body .body-block .body-block-list .list-item .hot-games-go span {
          background-image: linear-gradient(90deg, #ff5722, #ffa331); }
        .body .body-block .body-block-list .list-item .new-games-go span {
          background-image: linear-gradient(90deg, #05b273, #76e696); }
    .body .body-block .body-block-list-my {
      display: flex;
      flex-direction: row;
      overflow: scroll; }
      .body .body-block .body-block-list-my .list-item-my {
        min-width: 125px; }
        .body .body-block .body-block-list-my .list-item-my .item-img img {
          width: 40px;
          height: 40px; }
  .body .servers-list .body-block-list .list-item .item-img img {
    width: 50px;
    height: 50px; }
  .body .servers-list .body-block-list .list-item .item-info {
    height: 45px; }
    .body .servers-list .body-block-list .list-item .item-info .info-des {
      font-size: 14px; }
      .body .servers-list .body-block-list .list-item .item-info .info-des .server-name {
        display: inline-block;
        width: 90px; }
  .body .servers-list .body-block-list .list-item .servers-go span {
    background: transparent;
    border: solid 1px #fb6b6e;
    color: #fb6b6e;
    padding: 7px 19px; }
  .body .my-play .my-play-title {
    height: auto;
    padding-left: 0;
    font-size: 15px; }
    .body .my-play .my-play-title:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 1px;
      width: 40px;
      background: rgba(73, 146, 255, 0.3);
      height: 8px; }
  .body .my-play .swiper {
    width: 100%;
    height: 80px; }
    .body .my-play .swiper .my-play-game {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 150px;
      margin-right: 15px; }
      .body .my-play .swiper .my-play-game .item-img img {
        height: 50px;
        width: 50px;
        border-radius: 10px; }
      .body .my-play .swiper .my-play-game .item-title {
        margin-left: 10px;
        font-size: 14px;
        overflow: hidden; }
        .body .my-play .swiper .my-play-game .item-title:hover {
          color: #ff5722; }
  .body .user-show {
    display: flex;
    flex-direction: column; }
    .body .user-show .show-item {
      height: 60px;
      line-height: 60px;
      padding: 0 15px;
      background-color: #fff;
      font-size: 14px;
      display: flex; }
      .body .user-show .show-item .show-item-left {
        flex: 1; }
        .body .user-show .show-item .show-item-left .left-info {
          position: relative;
          top: -1px; }
        .body .user-show .show-item .show-item-left .iconfont {
          font-size: 22px;
          position: relative;
          top: 2px;
          color: #777;
          display: inline-block;
          width: 35px; }
        .body .user-show .show-item .show-item-left .icon-liulanqi {
          position: relative;
          color: #888;
          font-size: 23px;
          font-weight: bold; }
      .body .user-show .show-item .show-item-right {
        position: relative;
        top: 1px; }
        .body .user-show .show-item .show-item-right .iconfont {
          position: relative;
          top: 1px; }
        .body .user-show .show-item .show-item-right .icon-dot {
          display: inline-block;
          width: 6px;
          height: 6px;
          background-color: red;
          border-radius: 3px;
          position: relative;
          top: -2px;
          right: -2px; }
    .body .user-show .url-info {
      margin-top: 20px;
      text-align: center;
      font-weight: lighter;
      font-size: 14px;
      color: #aaa; }
    .body .user-show .line {
      border-bottom: #f1f1f1 1px solid;
      margin: 0 15px; }
    .body .user-show .logout-form {
      display: inline-block;
      width: 80%;
      margin: 40px auto; }
      .body .user-show .logout-form .logout-btn {
        background: #f29a05;
        width: 100%; }
  .body .h5-game-org {
    background-color: #f8f8f8; }
    .body .h5-game-org .bg {
      position: relative;
      min-height: 200px;
      height: 25vh;
      background-size: auto 100%; }
      .body .h5-game-org .bg .game-info {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(3px);
        position: absolute;
        bottom: 0;
        left: 0;
        margin-top: 10px;
        display: flex; }
        .body .h5-game-org .bg .game-info .game-icon img {
          width: 50px; }
        .body .h5-game-org .bg .game-info .game-content {
          flex: 1;
          margin: 0 10px;
          display: flex;
          flex-direction: column; }
          .body .h5-game-org .bg .game-info .game-content .info-title {
            flex: 1;
            font-size: 16px; }
            .body .h5-game-org .bg .game-info .game-content .info-title .info-rate {
              margin-left: 5px;
              font-size: 14px;
              color: #ffb200; }
          .body .h5-game-org .bg .game-info .game-content .info-tag span {
            background: #f9eaeb;
            color: #fd5c63;
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
            border-radius: 3px;
            padding: 0 5px;
            margin-right: 3px;
            height: 18px;
            line-height: 18px; }
    .body .h5-game-org .h5-notice-show {
      background: #fff;
      padding: 15px; }
      .body .h5-game-org .h5-notice-show .notice-title {
        text-align: center;
        margin: 5px 0 15px;
        font-size: 14px; }
      .body .h5-game-org .h5-notice-show .notice-time {
        color: #666;
        text-align: right;
        margin-top: 50px; }
        .body .h5-game-org .h5-notice-show .notice-time span {
          margin-right: 25px; }
      .body .h5-game-org .h5-notice-show .simditor .simditor-body {
        font-size: 12px; }
    .body .h5-game-org .game-org-div {
      background-color: #fff;
      margin: 10px auto;
      padding: 10px 10px 15px; }
      .body .h5-game-org .game-org-div .org-div-title {
        font-size: 14px;
        color: #555;
        margin-bottom: 12px;
        display: flex; }
        .body .h5-game-org .game-org-div .org-div-title .title-left {
          flex: 1; }
          .body .h5-game-org .game-org-div .org-div-title .title-left .iconfont {
            font-size: 18px;
            color: #999;
            position: relative;
            top: 1px;
            margin-right: 10px; }
        .body .h5-game-org .game-org-div .org-div-title .title-info {
          position: relative;
          top: 4px;
          flex: 2;
          color: #888;
          font-size: 12px; }
          .body .h5-game-org .game-org-div .org-div-title .title-info .title-info-span {
            position: relative;
            top: 1px;
            display: inline-block;
            width: 11px;
            height: 11px;
            color: #fff;
            background: #93adbc;
            margin: 0 3px 0 5px; }
          .body .h5-game-org .game-org-div .org-div-title .title-info .title-info-span-new {
            background: #ff3d51; }
          .body .h5-game-org .game-org-div .org-div-title .title-info .title-info-span-all {
            background: #ee9668; }
        .body .h5-game-org .game-org-div .org-div-title .title-right {
          position: relative;
          top: 2px;
          font-size: 12px;
          color: #01aaed; }
          .body .h5-game-org .game-org-div .org-div-title .title-right .iconfont {
            font-size: 12px;
            color: #888;
            position: relative; }
      .body .h5-game-org .game-org-div .org-div-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: flex-start; }
        .body .h5-game-org .game-org-div .org-div-content .server-span {
          width: 23%;
          text-align: center;
          padding: 8px 0;
          color: #fff;
          background: #6fbe22;
          border-radius: 3px; }
        .body .h5-game-org .game-org-div .org-div-content .next-server {
          width: 23%;
          background: #93adbc; }
        .body .h5-game-org .game-org-div .org-div-content .new-server {
          width: 23%;
          background: #ff3d51; }
        .body .h5-game-org .game-org-div .org-div-content .all-server {
          background: #ee9668; }
      .body .h5-game-org .game-org-div .gift-list {
        min-height: 715px; }
        .body .h5-game-org .game-org-div .gift-list .gift-game-div {
          width: 100%;
          text-align: center;
          height: 40px;
          line-height: 40px; }
          .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-game {
            display: inline-block;
            width: 40%;
            font-size: 14px;
            overflow: hidden; }
          .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-server {
            display: inline-block;
            width: 40%;
            text-align: left;
            padding: 0 10px;
            border: solid 1px #ddd;
            border-radius: 2px;
            overflow: hidden; }
            .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-server .gift-server-name {
              color: #e94822; }
            .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-server .select-gift-server {
              position: relative;
              top: 3px;
              float: right;
              color: #ddd; }
            .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-server:hover {
              cursor: pointer;
              border: solid 1px #bbb; }
              .body .h5-game-org .game-org-div .gift-list .gift-game-div .gift-server:hover .select-gift-server {
                color: #bbb; }
        .body .h5-game-org .game-org-div .gift-list .gift-server-div {
          display: none;
          position: absolute;
          z-index: 3;
          width: 85%;
          margin-top: 45px;
          border: solid 1px #eed9c8;
          border-radius: 2px;
          padding: 15px;
          background-color: #fff;
          box-shadow: 0 2px 4px 1px #eed9c8; }
          .body .h5-game-org .game-org-div .gift-list .gift-server-div hr {
            position: relative;
            top: -5px; }
          .body .h5-game-org .game-org-div .gift-list .gift-server-div .gift-server-a {
            display: inline-block;
            text-align: center;
            padding: 5px 10px;
            margin-right: 8px;
            margin-bottom: 10px;
            border-radius: 2px;
            color: #8a6d3b;
            background-color: #eed9c8; }
            .body .h5-game-org .game-org-div .gift-list .gift-server-div .gift-server-a:hover {
              cursor: pointer;
              color: #fff;
              background-color: #e94822; }
        .body .h5-game-org .game-org-div .gift-list .gift-code {
          width: 100%;
          margin-top: 20px;
          background-color: #eed9c8;
          border: solid 1px #efd510;
          border-radius: 2px; }
          .body .h5-game-org .game-org-div .gift-list .gift-code .gift-code-title {
            height: 25px;
            line-height: 25px;
            color: #8a6d3b;
            margin-bottom: 5px; }
            .body .h5-game-org .game-org-div .gift-list .gift-code .gift-code-title .gift-code-name {
              font-size: 12px;
              font-weight: bold;
              margin-right: 6px; }
          .body .h5-game-org .game-org-div .gift-list .gift-code .gift-code-div {
            position: relative; }
          .body .h5-game-org .game-org-div .gift-list .gift-code .gift-code-input {
            display: inline-block;
            width: 100%;
            padding: 10px 0 10px 5px;
            color: #333;
            background: #fff;
            font-size: 1.3em; }
          .body .h5-game-org .game-org-div .gift-list .gift-code .copy-gift-code {
            position: absolute;
            right: 0;
            bottom: 5px;
            display: inline-block;
            color: #fff;
            background: #2aae67;
            padding: 5px;
            border-radius: 3px; }
        .body .h5-game-org .game-org-div .gift-list .gift-content {
          margin-top: 15px;
          width: 100%; }
          .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item {
            background-color: #fbfbfb;
            border-radius: 3px;
            margin-bottom: 15px; }
            .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item .gift-content-item-title {
              font-weight: bold;
              margin-bottom: 20px; }
            .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item .gift-content-item-body {
              width: 100%; }
            .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item .gift-content-item-btn {
              font-weight: normal;
              padding: 5px;
              text-align: center;
              color: #fff;
              background-color: #6cc000;
              border-radius: 3px; }
              .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item .gift-content-item-btn:hover {
                cursor: pointer;
                background-color: #e94822; }
            .body .h5-game-org .game-org-div .gift-list .gift-content .gift-content-item .gift-content-item-prompt {
              text-align: center;
              padding: 50px 0; }
      .body .h5-game-org .game-org-div .org-servers-list {
        margin-top: 20px; }
        .body .h5-game-org .game-org-div .org-servers-list .next-server {
          width: 48.6%; }
        .body .h5-game-org .game-org-div .org-servers-list .new-server {
          width: 48.6%; }
        .body .h5-game-org .game-org-div .org-servers-list .server-span {
          margin-bottom: 20px; }
      .body .h5-game-org .game-org-div .org-notices {
        display: inline-block;
        width: 100%; }
        .body .h5-game-org .game-org-div .org-notices .org-notice {
          width: 100%;
          height: 30px;
          line-height: 30px;
          overflow: hidden;
          display: flex; }
          .body .h5-game-org .game-org-div .org-notices .org-notice .org-notice-title {
            flex: 1; }
          .body .h5-game-org .game-org-div .org-notices .org-notice .org-notice-time {
            margin-left: 10px; }
      .body .h5-game-org .game-org-div .simditor .simditor-body {
        font-size: 12px; }
      .body .h5-game-org .game-org-div .game-org-fuli-top {
        font-size: 12px;
        margin: 15px auto;
        padding: 8px 5px;
        background: #eee; }
    .body .h5-game-org .game-org-notice .org-div-content {
      display: flex;
      flex-direction: column; }
      .body .h5-game-org .game-org-notice .org-div-content .org-notice {
        width: 100%;
        font-size: 12px;
        color: #333;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        display: flex; }
        .body .h5-game-org .game-org-notice .org-div-content .org-notice .org-notice-title {
          flex: 1; }
        .body .h5-game-org .game-org-notice .org-div-content .org-notice .org-notice-time {
          margin-left: 20px;
          color: #888; }
  .body .play-btn {
    display: inline-block;
    position: fixed;
    left: 50%;
    bottom: 20px;
    padding: 10px 0;
    width: 200px;
    z-index: 10;
    border-radius: 100px;
    margin: 0 0 0 -100px;
    background: linear-gradient(90deg, #ff5722, #ffa331);
    box-shadow: 5px 5px 10px rgba(255, 104, 16, 0.46);
    color: #fff;
    font-size: 16px;
    text-align: center; }
    .body .play-btn .play-server {
      margin-left: 8px;
      font-size: 14px;
      position: relative;
      top: -1px;
      right: -2px; }
    .body .play-btn .play-server-i {
      margin-left: -5px; }
  .body .h5-pay-currency, .body .h5-pay-game {
    min-height: 100vh;
    position: relative; }
    .body .h5-pay-currency .currency-title, .body .h5-pay-game .currency-title {
      display: flex;
      padding: 15px 15px 6px 15px; }
      .body .h5-pay-currency .currency-title .currency-title-user-name, .body .h5-pay-game .currency-title .currency-title-user-name {
        flex: 1;
        font-size: 16px;
        position: relative;
        top: 4px; }
        .body .h5-pay-currency .currency-title .currency-title-user-name i, .body .h5-pay-game .currency-title .currency-title-user-name i {
          color: #f2910a;
          font-size: 18px; }
      .body .h5-pay-currency .currency-title .currency-title-currency span, .body .h5-pay-game .currency-title .currency-title-currency span {
        position: relative;
        top: 1px;
        color: #f2910a;
        font-size: 22px; }
    .body .h5-pay-currency .currency-title-info, .body .h5-pay-game .currency-title-info {
      padding: 0 15px 15px;
      color: #999; }
    .body .h5-pay-currency form, .body .h5-pay-game form {
      padding: 0 15px 15px 15px; }
      .body .h5-pay-currency form .layui-form-item-title, .body .h5-pay-game form .layui-form-item-title {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        font-weight: bold; }
    .body .h5-pay-currency .select-money-div, .body .h5-pay-game .select-money-div {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 14px; }
      .body .h5-pay-currency .select-money-div .currency-input, .body .h5-pay-currency .select-money-div .input-money, .body .h5-pay-game .select-money-div .currency-input, .body .h5-pay-game .select-money-div .input-money {
        width: 31%; }
      .body .h5-pay-currency .select-money-div .input-money-unit, .body .h5-pay-game .select-money-div .input-money-unit {
        color: #666;
        position: absolute;
        top: 9px;
        left: 23%; }
      .body .h5-pay-currency .select-money-div .select-money, .body .h5-pay-game .select-money-div .select-money {
        display: inline-block;
        text-align: center;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        border-radius: 2px;
        width: 31%;
        color: #8a6d3b;
        background-color: #eed9c8; }
      .body .h5-pay-currency .select-money-div .select-money-actived, .body .h5-pay-game .select-money-div .select-money-actived {
        color: #fff;
        background-color: #e94822; }
    .body .h5-pay-currency .layui-form-item .layui-form-label, .body .h5-pay-game .layui-form-item .layui-form-label {
      text-align: left;
      padding: 9px 0;
      width: 60px; }
    .body .h5-pay-currency .layui-form-item .layui-input-block, .body .h5-pay-game .layui-form-item .layui-input-block {
      font-size: 14px;
      margin-left: 0; }
      .body .h5-pay-currency .layui-form-item .layui-input-block .layui-input, .body .h5-pay-currency .layui-form-item .layui-input-block .layui-textarea, .body .h5-pay-game .layui-form-item .layui-input-block .layui-input, .body .h5-pay-game .layui-form-item .layui-input-block .layui-textarea {
        color: #111; }
    .body .h5-pay-currency .payway-div, .body .h5-pay-game .payway-div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: -10px; }
      .body .h5-pay-currency .payway-div .paytype-item, .body .h5-pay-game .payway-div .paytype-item {
        display: flex;
        padding: 10px 0;
        font-size: 14px; }
        .body .h5-pay-currency .payway-div .paytype-item .paytype-item-left, .body .h5-pay-game .payway-div .paytype-item .paytype-item-left {
          flex: 1; }
        .body .h5-pay-currency .payway-div .paytype-item .icon-alipay, .body .h5-pay-currency .payway-div .paytype-item .icon-wxpay, .body .h5-pay-currency .payway-div .paytype-item .icon-platformpay, .body .h5-pay-game .payway-div .paytype-item .icon-alipay, .body .h5-pay-game .payway-div .paytype-item .icon-wxpay, .body .h5-pay-game .payway-div .paytype-item .icon-platformpay {
          font-size: 20px;
          margin-right: 6px;
          color: #289ddb;
          position: relative;
          top: 2px; }
        .body .h5-pay-currency .payway-div .paytype-item .icon-wxpay, .body .h5-pay-game .payway-div .paytype-item .icon-wxpay {
          color: #38b140; }
        .body .h5-pay-currency .payway-div .paytype-item .icon-platformpay, .body .h5-pay-game .payway-div .paytype-item .icon-platformpay {
          color: #ff5b5b; }
        .body .h5-pay-currency .payway-div .paytype-item .icon-choose, .body .h5-pay-game .payway-div .paytype-item .icon-choose {
          position: relative;
          top: 4px;
          color: #ddd; }
      .body .h5-pay-currency .payway-div .paytype-select .icon-choose, .body .h5-pay-game .payway-div .paytype-select .icon-choose {
        color: #e94822; }
      .body .h5-pay-currency .payway-div hr, .body .h5-pay-game .payway-div hr {
        background: #efefef;
        margin: 1px 0; }
    .body .h5-pay-currency .pay-currency-prompt, .body .h5-pay-game .pay-currency-prompt {
      margin-top: -5px; }
      .body .h5-pay-currency .pay-currency-prompt .num-show, .body .h5-pay-game .pay-currency-prompt .num-show {
        color: #f2910a;
        font-size: 20px;
        position: relative;
        top: 1px; }
      .body .h5-pay-currency .pay-currency-prompt .pay-num-old, .body .h5-pay-game .pay-currency-prompt .pay-num-old {
        position: relative;
        top: 1px;
        text-decoration: line-through;
        color: #999; }
      .body .h5-pay-currency .pay-currency-prompt .pay-rebate, .body .h5-pay-game .pay-currency-prompt .pay-rebate {
        margin-top: 10px; }
        .body .h5-pay-currency .pay-currency-prompt .pay-rebate .pay-rebate-info, .body .h5-pay-game .pay-currency-prompt .pay-rebate .pay-rebate-info {
          position: relative;
          top: -1px;
          margin-left: 5px;
          font-size: 12px;
          padding: 3px 6px 2px 5px;
          color: #fff;
          background: #ff5332;
          border-radius: 0 10px 10px 10px; }
      .body .h5-pay-currency .pay-currency-prompt .pay-get-info, .body .h5-pay-game .pay-currency-prompt .pay-get-info {
        width: 100%; }
        .body .h5-pay-currency .pay-currency-prompt .pay-get-info p, .body .h5-pay-game .pay-currency-prompt .pay-get-info p {
          margin-bottom: 10px; }
          .body .h5-pay-currency .pay-currency-prompt .pay-get-info p span, .body .h5-pay-game .pay-currency-prompt .pay-get-info p span {
            color: #f60;
            font-size: 16px; }
          .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-coin, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-coin {
            color: #48ba68; }
          .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-rebate-span, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-rebate-span {
            position: relative;
            top: -1px;
            display: inline-block;
            color: #fff;
            background: #fa3b70;
            font-size: 12px;
            padding: 3px 6px 3px;
            border-radius: 3px; }
            .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-rebate-span:hover .pay-rebate-info, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-rebate-span:hover .pay-rebate-info {
              display: inline-block; }
            .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-rebate-span .icon-shuoming, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-rebate-span .icon-shuoming {
              position: relative;
              top: 1px; }
            .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-rebate-span .pay-rebate-info, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-rebate-span .pay-rebate-info {
              display: none;
              position: absolute;
              margin-left: -11px;
              top: 33px;
              width: 350px;
              font-size: 14px;
              padding: 10px;
              border: solid 1px #ddd;
              border-radius: 3px;
              box-shadow: #b7b7b7 3px 3px 5px;
              color: #555;
              background: #fff;
              z-index: 1; }
              .body .h5-pay-currency .pay-currency-prompt .pay-get-info p .pay-rebate-span .pay-rebate-info span, .body .h5-pay-game .pay-currency-prompt .pay-get-info p .pay-rebate-span .pay-rebate-info span {
                font-size: 14px;
                color: #666;
                display: inline-block;
                margin-top: 8px; }
        .body .h5-pay-currency .pay-currency-prompt .pay-get-info b, .body .h5-pay-game .pay-currency-prompt .pay-get-info b {
          position: relative;
          top: 1px;
          font-weight: normal;
          font-size: 1.2em;
          margin: 0 2px; }
    .body .h5-pay-currency .pay-btn-div, .body .h5-pay-currency .pay-btn-close, .body .h5-pay-game .pay-btn-div, .body .h5-pay-game .pay-btn-close {
      padding-top: 50px; }
      .body .h5-pay-currency .pay-btn-div .layui-btn, .body .h5-pay-currency .pay-btn-close .layui-btn, .body .h5-pay-game .pay-btn-div .layui-btn, .body .h5-pay-game .pay-btn-close .layui-btn {
        width: 100%;
        background: #f2910a; }
    .body .h5-pay-currency .pay-btn-close, .body .h5-pay-game .pay-btn-close {
      padding: 0 0 50px; }
      .body .h5-pay-currency .pay-btn-close .layui-btn, .body .h5-pay-game .pay-btn-close .layui-btn {
        background: #c4c4c4; }
    .body .h5-pay-currency .user-name, .body .h5-pay-game .user-name {
      box-sizing: border-box;
      padding: 0 10px;
      width: 100%;
      height: 38px;
      border: 1px solid #e6e6e6;
      background-color: #fff;
      border-radius: 2px;
      font-size: 14px;
      color: #666; }
  .body .h5-pay-game .select-game-div, .body .h5-pay-game .select-server-div {
    display: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 4px 5px 3px rgba(100, 100, 100, 0.3);
    position: absolute;
    top: 42px;
    z-index: 999;
    padding: 10px 3px 0 5px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #fff; }
    .body .h5-pay-game .select-game-div .select-box, .body .h5-pay-game .select-server-div .select-box {
      display: inline-block;
      text-align: center;
      padding: 5px 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      border-radius: 2px;
      color: #8a6d3b;
      background-color: #eed9c8; }
    .body .h5-pay-game .select-game-div .select-box-actived, .body .h5-pay-game .select-server-div .select-box-actived {
      color: #fff;
      background-color: #e94822; }
  .body .h5-pay-game .select-money-div {
    position: relative; }
    .body .h5-pay-game .select-money-div .select-game-server {
      width: 48%;
      position: relative; }
      .body .h5-pay-game .select-money-div .select-game-server .layui-input {
        padding-right: 28px; }
      .body .h5-pay-game .select-money-div .select-game-server .icon-xiala {
        color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 12px;
        right: 8px; }
      .body .h5-pay-game .select-money-div .select-game-server:hover .icon-xiala {
        color: rgba(0, 0, 0, 0.3); }
    .body .h5-pay-game .select-money-div .select-game-div .select-content .select-content-item {
      display: none; }
    .body .h5-pay-game .select-money-div .select-game-div .select-box {
      display: inline-block;
      text-align: center;
      padding: 5px 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      border-radius: 2px;
      color: #8a6d3b;
      background-color: #eed9c8; }
      .body .h5-pay-game .select-money-div .select-game-div .select-box:hover {
        cursor: pointer;
        color: #fff;
        background-color: #e94822; }

.footer {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  height: 50px;
  flex-direction: row;
  justify-content: center;
  z-index: 9; }
  .footer .footer-item {
    width: 34%;
    max-width: 216.6666666667px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #666;
    font-size: 13px;
    background: #fff;
    border-top: 1px solid #f0f0f0; }
    .footer .footer-item i {
      color: #888;
      font-size: 18px; }
  .footer .footer-active i, .footer .footer-active span {
    color: #f2910a; }

.border-box {
  padding: 10px 15px; }

.recharge-prompt {
  margin-top: 15px;
  text-align: center;
  padding: 20px 0 30px;
  background: #d9edf7;
  color: #31708f; }

.h5-user-div {
  padding-top: 50px; }
  .h5-user-div .protect-full, .h5-user-div .protect-empty, .h5-user-div .identity-status {
    color: #5fb878;
    padding: 15px;
    border: solid 1px #eaeaea;
    border-radius: 3px;
    background-color: #fcfcfc;
    margin: 0 15px 50px;
    display: flex; }
    .h5-user-div .protect-full i, .h5-user-div .protect-empty i, .h5-user-div .identity-status i {
      height: 40px;
      line-height: 40px;
      width: 35px;
      font-size: 20px;
      font-weight: bold; }
    .h5-user-div .protect-full p, .h5-user-div .protect-empty p, .h5-user-div .identity-status p {
      height: 20px;
      line-height: 20px; }
  .h5-user-div .protect-empty {
    color: #ff6c3b; }
  .h5-user-div .identity-status {
    margin: -25px 15px 30px;
    color: red; }
  .h5-user-div form {
    width: 70%;
    margin: 0 auto; }
    .h5-user-div form .layui-form-label {
      width: 55px;
      padding: 9px 0;
      text-align: left; }
    .h5-user-div form .layui-input-block {
      font-size: 14px;
      margin-left: 60px; }
    .h5-user-div form .layui-btn {
      background-color: #f2910a;
      padding: 0 50px;
      margin-top: 60px; }
  .h5-user-div .about {
    text-align: center;
    padding: 0 20px 20px; }
    .h5-user-div .about .about-url {
      margin: 50px 0;
      padding: 20px 0;
      font-size: 16px;
      color: #3c763d;
      background: #dff0d8; }
      .h5-user-div .about .about-url span {
        font-weight: bold; }
    .h5-user-div .about .version {
      margin-top: 60vh;
      font-weight: lighter; }

.h5-user-div-password form {
  width: 80%; }
  .h5-user-div-password form .layui-form-label {
    width: 65px; }
  .h5-user-div-password form .layui-input-block {
    margin-left: 70px; }

.h5-kefu .h5-kefu-img {
  text-align: center; }
  .h5-kefu .h5-kefu-img .copy-weixin {
    margin-left: 10px;
    color: #01aaed; }
  .h5-kefu .h5-kefu-img img {
    display: inline-block;
    width: 60%;
    max-width: 210px;
    margin: 0 auto; }
.h5-kefu .h5-kefu-info {
  padding: 20px; }
  .h5-kefu .h5-kefu-info p {
    padding: 6px 0;
    text-align: center; }
    .h5-kefu .h5-kefu-info p span {
      display: inline-block;
      padding: 5px 6px;
      margin: 5px 5px 5px 0;
      color: #31708f;
      background: #d9edf7; }
  .h5-kefu .h5-kefu-info .desc {
    font-weight: lighter;
    margin-top: 50px; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover {
    color: #777;
    background-color: #fff;
    border-color: #d1d1d1;
    cursor: not-allowed; }
  .pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {
    background-color: #f27d00;
    border-color: #f27d00;
    z-index: 3;
    color: #fff;
    cursor: default; }
  .pagination li {
    display: inline; }
    .pagination li a, .pagination li span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857143;
      text-decoration: none;
      color: #f27d00;
      background-color: #fff;
      border: 1px solid #ffab4e;
      margin-left: -1px; }
  .pagination li:first-child > a, .pagination li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
  .pagination li:last-child > a, .pagination li:last-child > span {
    margin-left: 5px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }

.add-to-home-screen {
  display: none;
  position: fixed;
  padding: 9px 20px;
  left: 5%;
  bottom: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  z-index: 9999;
  background: #fff;
  width: 80%; }
  .add-to-home-screen .title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px; }
  .add-to-home-screen .title-info {
    font-size: 12px;
    color: #ff7604; }
  .add-to-home-screen .logo {
    display: block;
    width: 60px;
    margin: 15px auto 30px;
    border-radius: 3px; }
  .add-to-home-screen .info-img {
    width: 80%;
    display: block;
    margin: 10px auto; }
  .add-to-home-screen .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    color: #8a8a8a; }

.download-bar {
  display: none;
  justify-content: space-between;
  position: fixed;
  flex-wrap: nowrap;
  align-items: center;
  padding: 8px;
  bottom: 55px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  left: 3%;
  width: 90%;
  color: #fff; }
  .download-bar .icon-close {
    display: inline-block;
    margin-right: 8px; }
  .download-bar .site-info {
    flex: 1; }
    .download-bar .site-info .logo {
      display: block;
      float: left;
      width: 45px;
      margin-right: 10px;
      border-radius: 3px; }
    .download-bar .site-info .title {
      font-weight: 600;
      font-size: 14px; }
    .download-bar .site-info .title-info {
      margin-top: 9px;
      font-size: 10px;
      overflow: hidden;
      height: 20px;
      line-height: 20px; }

/*# sourceMappingURL=h5.css.map */