@charset "UTF-8";
@font-face {
  font-family: "cn";
  src: url("../assets/font/NotoSansHans-DemiLight.otf"); }
@font-face {
  font-family: "cnBlack";
  src: url("../assets/font/NotoSansHans-Black.otf"); }
@font-face {
  font-family: "cnBold";
  src: url("../assets/font/NotoSansHans-Bold.otf"); }
@font-face {
  font-family: "en";
  src: url("../assets/font/din-bold_.otf"); }
/*
 * @name:  文字溢出显示省略号
 * @param: $width {dimension}  指定宽度 (需带单位)
 */
/*reset*/
* {
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-family: sans-serif;
  background: #fff;
  height: auto !important; }

input[type='password']::-ms-reveal {
  display: none; }

input[type='password']::-ms-clear {
  display: none; }

input[type='password']::-o-clear {
  display: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

[hidden] {
  display: none; }

address,
i,
em {
  font-style: normal; }

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

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

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

textarea {
  resize: none; }

select {
  background-color: #fff; }

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

ul,
ol {
  list-style: none; }

img {
  border: none;
  border-width: 0;
  margin: 0;
  padding: 0;
  vertical-align: top; }

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: #2e2e2e; }

a:hover {
  color: #1a75f0; }

.fl {
  float: left; }

.fr {
  float: right; }

.cf:after,
.cf:before {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

body {
  font-size: 14px;
  font-weight: normal;
  font-family: 'cn';
  color: #2e2e2e;
  padding-bottom: 4.82rem;
  width: 100%;
  min-height: 100vh;
  position: relative; }

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

.fl {
  float: left; }

.fr {
  float: right; }

.popBox {
  width: 6.94rem;
  z-index: 999;
  min-height: 3.9rem;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .popBox .big_title {
    position: absolute;
    top: .2rem;
    left: -.1rem;
    color: #fff;
    font-size: .28rem;
    width: 2.22rem;
    height: .64rem;
    padding-left: .4rem;
    padding-top: .1rem;
    background-image: url("../img/popTitle.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .popBox .close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }
  .popBox .content {
    padding: 0 .29rem;
    padding-top: 1rem;
    font-size: .16rem;
    color: #494949; }
    .popBox .content .main {
      margin-top: .1rem; }
    .popBox .content .bottom {
      position: absolute;
      bottom: .16rem;
      right: .16rem;
      color: #7a7a7a;
      text-align: right; }
      .popBox .content .bottom > img {
        margin-top: .15rem; }

.baseTable {
  margin: 10px auto;
  text-align: center;
  border: 1px solid #2e2e2e; }
  .baseTable tr {
    border: 1px solid #2e2e2e; }
  .baseTable td {
    border: 1px solid #2e2e2e;
    padding: 0 10px; }
  .baseTable th {
    border: 1px solid #2e2e2e; }

.global_box {
  width: 12.80rem;
  margin: auto; }

.cp {
  cursor: pointer; }

.dn {
  display: none; }

.baseInput {
  display: block;
  height: .50rem;
  line-height: .50rem;
  font-size: .19rem;
  font-family: "cn" !important;
  color: #909090;
  border: none;
  background: none; }

.baseInput.error {
  border: 1px solid #ff5331; }

header {
  height: .85rem;
  width: 100%;
  border-bottom: 1px solid #e1e1e1; }
  header .logo {
    width: 2.14rem;
    height: .84rem;
    text-align: center;
    line-height: .84rem; }
    header .logo img {
      vertical-align: middle;
      width: 1.5rem; }
  header .poa_bg {
    position: absolute;
    top: .85rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, 0.3);
    display: none; }
  header .gameList_box {
    position: absolute;
    top: .85rem;
    background: #fff;
    left: 0;
    height: 0;
    width: 100%;
    z-index: 5;
    transition: height 0.4s cubic-bezier(0.8, 0, 0.1, 1), box-shadow 0.4s; }
  header .header_box {
    position: relative;
    height: 100%; }
    header .header_box .customer_show {
      display: none;
      width: 12.06rem;
      background-color: rgba(0, 0, 0, 0.4);
      background: url("../img/k7Bg.png") no-repeat;
      background-size: contain;
      z-index: 7;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0); }
      header .header_box .customer_show .close {
        width: 1.20rem;
        height: .85rem;
        margin-left: 11.07rem;
        font-size: .18rem;
        color: #fff;
        padding-top: .25rem; }
        header .header_box .customer_show .close img {
          width: 0.39rem;
          vertical-align: middle; }
      header .header_box .customer_show .data {
        margin-top: .20rem;
        padding-right: 1.20rem;
        display: flex;
        justify-content: space-between; }
        header .header_box .customer_show .data .data_l {
          padding-left: .83rem;
          padding-top: .85rem; }
          header .header_box .customer_show .data .data_l p {
            color: #fff;
            font-family: 'cnBold'; }
            header .header_box .customer_show .data .data_l p:nth-child(1) {
              font-size: .30rem; }
            header .header_box .customer_show .data .data_l p:nth-child(2) {
              font-size: .56rem;
              line-height: .56rem; }
        header .header_box .customer_show .data .data_r {
          width: 5.80rem;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          header .header_box .customer_show .data .data_r a {
            padding-bottom: .20rem; }
            header .header_box .customer_show .data .data_r a:hover img:nth-child(1) {
              display: none; }
            header .header_box .customer_show .data .data_r a:hover img:nth-child(2) {
              display: inline-block; }
            header .header_box .customer_show .data .data_r a img:nth-child(2) {
              display: none; }
            header .header_box .customer_show .data .data_r a > img {
              height: 1.3rem; }
    header .header_box nav {
      font-size: .18rem; }
      header .header_box nav > ul {
        display: flex; }
        header .header_box nav > ul > li {
          line-height: .84rem;
          height: .84rem;
          margin-right: .10rem; }
          header .header_box nav > ul > li > a {
            padding: 0 .22rem;
            position: relative;
            display: block; }
            header .header_box nav > ul > li > a::before {
              content: "";
              transform-origin: right top;
              transition: all .3s;
              background: #1a75f0;
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -0.375rem;
              width: 0rem;
              height: .04rem; }
          header .header_box nav > ul > li:hover > a::before {
            transform-origin: left top;
            width: .75rem; }
          header .header_box nav > ul > li.current > a {
            font-weight: bold;
            color: #1a75f0; }
          header .header_box nav > ul > li .game_list {
            z-index: 6;
            position: absolute;
            width: 100%;
            left: 0;
            top: .85rem;
            display: none;
            height: 2rem;
            padding-left: .37rem; }
            header .header_box nav > ul > li .game_list .more {
              position: absolute;
              right: 1.15rem;
              top: .80rem;
              width: .99rem;
              height: .34rem;
              line-height: .34rem;
              text-align: center;
              color: #fff;
              border-radius: .20rem;
              background: #1a75f0;
              font-size: .18rem; }
              header .header_box nav > ul > li .game_list .more:hover {
                background: #358bff; }
            header .header_box nav > ul > li .game_list ul {
              display: flex; }
              header .header_box nav > ul > li .game_list ul li {
                text-align: center;
                height: 2.00rem;
                padding: .47rem .24rem 0 .24rem;
                position: relative;
                overflow: hidden; }
                header .header_box nav > ul > li .game_list ul li img {
                  height: .83rem;
                  position: relative;
                  z-index: 3; }
                header .header_box nav > ul > li .game_list ul li::before {
                  content: "";
                  background: #d8e9ff;
                  width: 100%;
                  height: 2.00rem;
                  position: absolute;
                  top: -2.00rem;
                  left: 50%;
                  transform: translateX(-50%);
                  transition: all .3s; }
                header .header_box nav > ul > li .game_list ul li:hover a p {
                  color: #2e2e2e; }
                header .header_box nav > ul > li .game_list ul li:hover::before {
                  top: 0; }
                header .header_box nav > ul > li .game_list ul li p {
                  position: absolute;
                  white-space: nowrap;
                  bottom: .25rem;
                  color: #919191;
                  left: 50%;
                  transform: translateX(-50%);
                  font-size: .18rem;
                  line-height: .18rem; }
    header .header_box .customer {
      z-index: 1;
      display: flex;
      align-items: center;
      height: .85rem;
      width: 2.17rem;
      padding-right: .57rem;
      justify-content: space-between; }
      header .header_box .customer .line {
        background: #efefef;
        width: 0.02rem;
        height: .39rem; }
      header .header_box .customer .customer_l img {
        width: 0.31rem;
        vertical-align: middle; }
      header .header_box .customer .customer_r {
        font-size: .18rem;
        color: #1a75f0; }
        header .header_box .customer .customer_r img {
          width: 0.39rem;
          margin-right: 0.04rem;
          vertical-align: middle; }
  header .pof {
    z-index: 99;
    width: .90rem;
    position: fixed;
    right: 0;
    top: 50%; }
    header .pof .codeHeight {
      background: #fff;
      position: relative;
      height: 2.14rem; }
      header .pof .codeHeight .showCode {
        display: none;
        width: 2.14rem;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        left: -2.14rem; }
        header .pof .codeHeight .showCode > img {
          width: 100%;
          height: 100%; }
    header .pof .item {
      background: #fff;
      cursor: pointer;
      text-align: center;
      font-size: .16rem;
      padding-bottom: .14rem; }
      header .pof .item p {
        line-height: .16rem;
        margin-top: 0.08rem; }
      header .pof .item.lineKf {
        padding-top: .12rem; }
        header .pof .item.lineKf img {
          width: .4rem; }
          header .pof .item.lineKf img:nth-child(2) {
            display: none; }
        header .pof .item.lineKf:hover {
          color: #1a75f0; }
          header .pof .item.lineKf:hover img {
            display: inline-block; }
            header .pof .item.lineKf:hover img:nth-child(1) {
              display: none; }
      header .pof .item.code {
        position: relative;
        height: 1.24rem; }
        header .pof .item.code img {
          width: .85rem; }
        header .pof .item.code:hover {
          color: #1a75f0; }
        header .pof .item.code p {
          padding-top: 0.08rem;
          display: inline;
          padding-bottom: .14rem;
          border-bottom: 1px solid #cbc9c9; }
      header .pof .item.upTop {
        display: none;
        padding-top: 0.25rem;
        height: .88rem;
        background: #1a75f0;
        color: #fff; }
        header .pof .item.upTop:hover {
          background: #358bff; }
        header .pof .item.upTop img {
          width: .38rem; }

footer {
  width: 100%;
  height: 4.82rem;
  background: #1d2124;
  position: absolute;
  bottom: 0;
  left: 0; }
  footer .footerNav {
    padding-top: .49rem;
    height: 1.20rem;
    border-bottom: 1px solid #2a2d30;
    display: flex;
    justify-content: space-between; }
    footer .footerNav .footerNavR img:nth-child(1) {
      width: .3rem; }
    footer .footerNav .footerNavR img:nth-child(2) {
      margin-left: .18rem;
      width: .31rem; }
    footer .footerNav .footerNavL {
      display: flex; }
      footer .footerNav .footerNavL .logo img {
        width: 1.25rem; }
      footer .footerNav .footerNavL ul {
        margin-left: .30rem;
        display: flex; }
        footer .footerNav .footerNavL ul li {
          margin-right: .48rem; }
          footer .footerNav .footerNavL ul li a {
            display: block;
            height: .30rem;
            line-height: .30rem;
            font-size: .16rem;
            color: #686b73; }
            footer .footerNav .footerNavL ul li a:hover {
              color: #fff; }
  footer .text {
    padding-top: .30rem;
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.2);
    font-size: .14rem;
    line-height: .24rem; }
  footer .ba {
    padding-top: .60rem; }
    footer .ba img {
      width: 5.13rem; }

.indexTitle {
  text-align: center;
  padding-bottom: .30rem;
  padding-top: .65rem; }
  .indexTitle h3 {
    font-size: .56rem;
    font-family: 'en';
    line-height: .56rem;
    color: #1a75f0; }
  .indexTitle p {
    margin-top: .10rem;
    font-size: .24rem;
    line-height: .24rem; }

.ban .swiper-container {
  margin: 0 auto; }
.ban .swiper-slide {
  height: 8.16rem; }
  .ban .swiper-slide img {
    width: 19.20rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .ban .swiper-slide .textBox {
    width: 12.80rem;
    position: absolute;
    top: 5.12rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff; }
    .ban .swiper-slide .textBox .text {
      margin-left: .20rem;
      height: 2.00rem;
      padding-left: 0.08rem;
      position: relative; }
      .ban .swiper-slide .textBox .text.ddz {
        background: url("../img/e1.png") no-repeat;
        background-position-y: .20rem;
        background-size: 4.08rem 1.78rem; }
        .ban .swiper-slide .textBox .text.ddz .resetNavBtn.swiper-button-next {
          background-color: #a61023; }
        .ban .swiper-slide .textBox .text.ddz .resetNavBtn.swiper-button-prev {
          background-color: #cd132b; }
        .ban .swiper-slide .textBox .text.ddz a {
          color: #dc4a6b; }
          .ban .swiper-slide .textBox .text.ddz a::before {
            background-image: url("../img/index_down2.png"); }
      .ban .swiper-slide .textBox .text.by {
        background: url("../img/e2.png") no-repeat;
        background-position-y: .20rem;
        background-size: 4.08rem 1.78rem; }
        .ban .swiper-slide .textBox .text.by .resetNavBtn.swiper-button-next {
          background-color: #009193; }
        .ban .swiper-slide .textBox .text.by .resetNavBtn.swiper-button-prev {
          background-color: #00a4a6; }
        .ban .swiper-slide .textBox .text.by a {
          color: #009193; }
          .ban .swiper-slide .textBox .text.by a::before {
            background-image: url("../img/index_down3.png"); }
      .ban .swiper-slide .textBox .text.dntg {
        background: url("../img/e3.png") no-repeat;
        background-position-y: .20rem;
        background-size: 4.08rem 1.78rem; }
        .ban .swiper-slide .textBox .text.dntg .resetNavBtn.swiper-button-next {
          background-color: #0988d9; }
        .ban .swiper-slide .textBox .text.dntg .resetNavBtn.swiper-button-prev {
          background-color: #199ef3; }
        .ban .swiper-slide .textBox .text.dntg a {
          color: #189ddb; }
      .ban .swiper-slide .textBox .text .resetNavBtn {
        width: .36rem;
        height: .39rem;
        top: auto;
        margin: 0;
        bottom: -.35rem; }
        .ban .swiper-slide .textBox .text .resetNavBtn:hover {
          background-color: rgba(0, 0, 0, 0.4) !important; }
        .ban .swiper-slide .textBox .text .resetNavBtn.swiper-button-next {
          left: 2.84rem;
          background: url("../img/rightJT.png") center center no-repeat; }
        .ban .swiper-slide .textBox .text .resetNavBtn.swiper-button-prev {
          left: 2.48rem;
          background: url("../img/leftJt.png") center center no-repeat; }
      .ban .swiper-slide .textBox .text .title {
        line-height: .56rem;
        font-size: .56rem;
        font-family: "cnBold"; }
      .ban .swiper-slide .textBox .text > span {
        display: block;
        margin-top: .15rem;
        font-size: .16rem; }
      .ban .swiper-slide .textBox .text a {
        position: absolute;
        bottom: .19rem;
        left: 0.08rem;
        display: block;
        font-size: .18rem;
        background: #fff;
        width: 1.07rem;
        height: .37rem;
        line-height: .37rem;
        text-align: center;
        border-radius: .40rem;
        overflow: hidden; }
        .ban .swiper-slide .textBox .text a::before {
          content: "";
          width: 100%;
          position: absolute;
          left: 0;
          right: 0;
          top: -100%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: .175rem .2rem;
          background-image: url("../img/index_down1.png");
          transition: all 0.25s; }
        .ban .swiper-slide .textBox .text a span {
          display: block;
          transition: all 0.25s; }
        .ban .swiper-slide .textBox .text a:hover span {
          opacity: 0;
          transform: translate3d(0, 100%, 0); }
        .ban .swiper-slide .textBox .text a:hover::before {
          height: 100%;
          top: 0; }

.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background-color: black;
  opacity: .7; }
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #3fffe2; }

.game_hot_box {
  overflow: hidden;
  height: 5.69rem;
  width: 100%;
  position: relative; }
  .game_hot_box .game_hot {
    overflow: hidden;
    width: 25.6rem;
    height: 5.69rem;
    background: url("../img/gameBg.png") center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
    .game_hot_box .game_hot .swiper-container1 .swiper-pagination2 {
      bottom: -.42rem; }
    .game_hot_box .game_hot .reset {
      margin: 0;
      width: .69rem;
      height: .69rem;
      background: none; }
      .game_hot_box .game_hot .reset > img {
        width: 0.69rem; }
      .game_hot_box .game_hot .reset.swiper-button-prev2 {
        top: 50%;
        left: 2.40rem; }
      .game_hot_box .game_hot .reset.swiper-button-next2 {
        right: 2.35rem; }
    .game_hot_box .game_hot .w1280 {
      width: 12.80rem;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      .game_hot_box .game_hot .w1280 .swiper-slide {
        cursor: pointer;
        width: 2.40rem;
        position: relative;
        overflow: hidden; }
        .game_hot_box .game_hot .w1280 .swiper-slide img {
          width: 2.4rem; }
        .game_hot_box .game_hot .w1280 .swiper-slide .title {
          position: absolute;
          right: .1rem;
          top: .1rem;
          font-size: .24rem;
          font-weight: bold;
          color: #fff;
          line-height: .24rem; }
        .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show {
          opacity: 1; }
          .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show .titleImg {
            transform: translate3d(0, 0, 0); }
          .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show p {
            transform: translate3d(0, 0, 0); }
        .game_hot_box .game_hot .w1280 .swiper-slide .Show {
          opacity: 0;
          transition: all .5s;
          position: absolute;
          top: 0;
          left: 0;
          width: 2.40rem;
          height: 100%;
          background: url("../img/game6.png") no-repeat;
          background-size: cover;
          text-align: center;
          padding-top: 0.05rem; }
          .game_hot_box .game_hot .w1280 .swiper-slide .Show .titleImg {
            transition: all .3s;
            width: 2.40rem;
            transform: translate3d(0, 0.3rem, 0); }
          .game_hot_box .game_hot .w1280 .swiper-slide .Show .code {
            margin-top: .10rem;
            width: 1.50rem;
            height: 1.50rem;
            border-radius: 0.05rem; }
          .game_hot_box .game_hot .w1280 .swiper-slide .Show p {
            transition: all .3s;
            transform: translate3d(0, -0.2rem, 0);
            margin-top: 0.05rem;
            font-size: .16rem;
            color: #fff; }
            .game_hot_box .game_hot .w1280 .swiper-slide .Show p:hover {
              color: #3fffe2; }
      .game_hot_box .game_hot .w1280 .indexTitle {
        position: relative; }
        .game_hot_box .game_hot .w1280 .indexTitle .more {
          display: block;
          position: absolute;
          top: 1.18rem;
          right: 0;
          background: #fff;
          color: #1a75f0;
          font-size: .18rem;
          width: 1.17rem;
          height: .34rem;
          line-height: .34rem;
          border-radius: .20rem; }
          .game_hot_box .game_hot .w1280 .indexTitle .more:hover {
            opacity: .8; }
        .game_hot_box .game_hot .w1280 .indexTitle h3 {
          color: #fff; }
        .game_hot_box .game_hot .w1280 .indexTitle p {
          color: #fff; }

.recommendBox {
  overflow: hidden;
  height: 6.40rem;
  width: 100%;
  position: relative; }
  .recommendBox .recommend {
    overflow: hidden;
    width: 192.0rem;
    height: 6.40rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
    .recommendBox .recommend .reset {
      margin: 0;
      top: 50%;
      background: none; }
      .recommendBox .recommend .reset.swiper-button-prev3 {
        left: 2.30rem; }
      .recommendBox .recommend .reset.swiper-button-next3 {
        right: 2.55rem; }
    .recommendBox .recommend .w1280 {
      width: 12.80rem;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      .recommendBox .recommend .w1280 .swiper-slide {
        display: flex; }
        .recommendBox .recommend .w1280 .swiper-slide .text {
          background: #1a75f0;
          width: 2.60rem;
          border-top-right-radius: 0.08rem;
          border-bottom-right-radius: 0.08rem;
          height: 3.56rem; }

.slideBox {
  overflow: hidden;
  position: relative; }
  .slideBox .swiper-pagination3 {
    margin-top: .32rem;
    display: flex;
    justify-content: center; }
    .slideBox .swiper-pagination3 .child {
      width: 0.09rem;
      height: 0.09rem;
      background: #7f8690; }
      .slideBox .swiper-pagination3 .child.current {
        background: #1263e0; }
    .slideBox .swiper-pagination3 .child + .child {
      margin-left: 0.07rem; }
  .slideBox .slideContent {
    display: flex;
    width: 100%;
    justify-content: space-between;
    transition: all .3s; }
    .slideBox .slideContent .slide {
      width: 2.40rem;
      transition: all 1s;
      flex-shrink: 0;
      border-radius: 0.08rem;
      cursor: pointer;
      position: relative;
      overflow: hidden; }
      .slideBox .slideContent .slide > img {
        transition: all .5s;
        width: 2.4rem; }
        .slideBox .slideContent .slide > img:hover {
          transform: scale(1.1); }
      .slideBox .slideContent .slide.current {
        width: 5rem; }
        .slideBox .slideContent .slide.current .text {
          left: 2.37rem; }
      .slideBox .slideContent .slide .text {
        position: absolute;
        left: 2.4rem;
        top: 0;
        transition: all 1s;
        width: 2.6rem;
        height: 3.56rem;
        background: #1a75f0;
        border-top-right-radius: 0.08rem;
        border-bottom-right-radius: 0.08rem; }
        .slideBox .slideContent .slide .text h3 {
          font-family: 'cnBold';
          color: #fff;
          font-size: .24rem;
          padding-top: .23rem;
          text-align: center;
          padding-bottom: .40rem; }
        .slideBox .slideContent .slide .text .a1 {
          position: relative;
          color: #fff;
          font-size: .16rem;
          display: block;
          padding-left: .27rem;
          line-height: .30rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding-right: .10rem; }
          .slideBox .slideContent .slide .text .a1::before {
            content: "";
            width: 0.06rem;
            height: 0.06rem;
            background: url("../img/zttext.png") no-repeat;
            background-size: contain;
            position: absolute;
            left: 0.15rem;
            top: 50%;
            transform: translateY(-50%); }
          .slideBox .slideContent .slide .text .a1:hover {
            color: #3fffe2; }
            .slideBox .slideContent .slide .text .a1:hover::before {
              background: url("../img/zttextc.png") no-repeat; }
        .slideBox .slideContent .slide .text .a2 {
          font-family: 'cnBold';
          color: #fff;
          position: absolute;
          right: .15rem;
          bottom: .20rem;
          font-size: .16rem;
          display: flex;
          align-items: center; }
          .slideBox .slideContent .slide .text .a2:hover {
            color: #3fffe2; }
            .slideBox .slideContent .slide .text .a2:hover img:nth-child(2) {
              display: block; }
            .slideBox .slideContent .slide .text .a2:hover img:nth-child(1) {
              display: none; }
          .slideBox .slideContent .slide .text .a2 img:nth-child(2) {
            display: none; }
          .slideBox .slideContent .slide .text .a2 > img {
            margin-left: 0.05rem; }

.index_news {
  overflow: hidden;
  background: #fff;
  position: relative;
  height: 6.17rem; }
  .index_news .index_newsBox {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 19.20rem;
    text-align: center;
    background: url("../img/indexNewsBg.jpg") no-repeat;
    background-size: 19.2rem 5.39rem; }
    .index_news .index_newsBox .w1280 {
      width: 12.80rem;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      .index_news .index_newsBox .w1280 .list ul {
        display: flex;
        justify-content: space-between; }
        .index_news .index_newsBox .w1280 .list ul li {
          text-align: left;
          padding-top: .46rem;
          width: 3.88rem;
          height: 2.50rem;
          border-bottom: 0.02rem solid #d5d5d5;
          position: relative; }
          .index_news .index_newsBox .w1280 .list ul li:hover .pos span {
            color: #1a75f0; }
          .index_news .index_newsBox .w1280 .list ul li:hover .pos p {
            color: #1a75f0; }
          .index_news .index_newsBox .w1280 .list ul li .pos {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: .22rem; }
            .index_news .index_newsBox .w1280 .list ul li .pos span {
              font-family: "cnBold";
              font-size: .16rem;
              color: #9a9a9a; }
            .index_news .index_newsBox .w1280 .list ul li .pos p {
              color: #2e2e2e;
              font-size: .18rem;
              font-family: "en"; }
            .index_news .index_newsBox .w1280 .list ul li .pos .btn {
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%); }
              .index_news .index_newsBox .w1280 .list ul li .pos .btn > img {
                width: .2rem; }
          .index_news .index_newsBox .w1280 .list ul li .title {
            font-size: .24rem;
            font-family: "cnBold";
            position: relative; }
            .index_news .index_newsBox .w1280 .list ul li .title::before {
              background: #1a75f0;
              content: "";
              position: absolute;
              top: -.23rem;
              left: 0;
              width: .66rem;
              height: 0.05rem; }
      .index_news .index_newsBox .w1280 .more {
        display: block;
        width: 4.30rem;
        height: .50rem;
        line-height: .50rem;
        text-align: center;
        color: #fff;
        font-size: .18rem;
        border-radius: .30rem;
        position: relative;
        z-index: 3;
        background: #1a75f0;
        margin: .53rem auto 0 auto; }
        .index_news .index_newsBox .w1280 .more:hover {
          background: #358bff; }

.index_news2 {
  position: relative;
  display: flex;
  height: 4.90rem; }
  .index_news2 .l {
    width: 50%;
    background: #2983fc;
    height: 100%; }
  .index_news2 .r {
    width: 50%;
    background: #1a75f0;
    height: 100%; }
  .index_news2 .w1280 {
    width: 12.80rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: flex; }
    .index_news2 .w1280 .same {
      width: 50%; }
      .index_news2 .w1280 .same.help {
        padding-left: 1.35rem; }
      .index_news2 .w1280 .same .top {
        padding-top: 1.00rem;
        padding-left: .20rem;
        width: 5.02rem;
        padding-bottom: .34rem;
        border-bottom: 1px solid #4f97f7;
        position: relative;
        color: #fff; }
        .index_news2 .w1280 .same .top span {
          font-size: .16rem;
          font-family: "PingFangSC-Regular, sans-serif";
          letter-spacing: 0.05rem; }
        .index_news2 .w1280 .same .top h3 {
          font-size: .38rem;
          font-family: "cnBlack"; }
        .index_news2 .w1280 .same .top a {
          position: absolute;
          right: 0;
          bottom: .34rem;
          color: #fff;
          font-size: .14rem; }
          .index_news2 .w1280 .same .top a:hover {
            color: #3fffe2; }
            .index_news2 .w1280 .same .top a:hover img:nth-child(1) {
              display: none; }
            .index_news2 .w1280 .same .top a:hover img:nth-child(2) {
              display: inline-block; }
          .index_news2 .w1280 .same .top a img:nth-child(2) {
            display: none; }
          .index_news2 .w1280 .same .top a > img {
            margin-left: 0.05rem;
            vertical-align: baseline;
            width: 0.06rem; }
      .index_news2 .w1280 .same .list {
        padding-top: .30rem; }
        .index_news2 .w1280 .same .list ul li a {
          color: #fff;
          font-size: .16rem;
          display: block;
          margin-bottom: .20rem;
          padding-left: .20rem; }
          .index_news2 .w1280 .same .list ul li a:hover {
            color: #3fffe2; }

.news .box {
  width: 12.00rem;
  margin: 0 auto;
  position: relative; }
  .news .box > img {
    width: 9.22rem; }
  .news .box .bg {
    position: absolute;
    top: 0;
    left: 6.40rem;
    z-index: 2; }
  .news .box .title {
    padding-top: .76rem; }
    .news .box .title > img {
      height: .73rem; }
    .news .box .title p {
      margin-top: .20rem;
      font-family: "cnBold";
      font-size: .30rem; }
  .news .box .list {
    position: relative;
    z-index: 3;
    margin-top: .50rem;
    margin-bottom: 1.20rem;
    background: #fff;
    border-radius: 0.06rem;
    width: 100%;
    box-shadow: 0rem 0rem 0.15rem rgba(195, 204, 223, 0.45);
    padding: .60rem .42rem 1.4rem .42rem; }
    .news .box .list .btn {
      height: .5rem;
      display: flex;
      border-bottom: 1px solid #2e2e2e;
      align-items: baseline;
      transition: all .3s; }
      .news .box .list .btn > div {
        cursor: pointer;
        font-size: .24rem;
        font-family: "cnBold";
        margin-right: .75rem;
        position: relative; }
        .news .box .list .btn > div:hover {
          color: #1e88ff; }
        .news .box .list .btn > div.current {
          line-height: .30rem;
          font-size: .30rem;
          color: #1e88ff; }
          .news .box .list .btn > div.current::before {
            content: "";
            background: #1e88ff;
            position: absolute;
            width: 1.18rem;
            height: 0.05rem;
            bottom: -.19rem;
            left: 0; }
    .news .box .list .content {
      display: none; }
      .news .box .list .content ul li {
        margin-top: .60rem;
        position: relative;
        padding-left: .63rem; }
        .news .box .list .content ul li:only-child {
          padding-left: 0; }
          .news .box .list .content ul li:only-child:hover::after {
            opacity: 0; }
          .news .box .list .content ul li:only-child::before {
            display: none; }
        .news .box .list .content ul li:last-child::before {
          background: url("../img/newsCenterLast.png") no-repeat;
          background-size: 0.16rem .98rem; }
        .news .box .list .content ul li::before {
          content: "";
          width: .16rem;
          height: .98rem;
          position: absolute;
          left: .16rem;
          top: .13rem;
          background: url("../img/newsCenter.png") no-repeat;
          background-size: 0.16rem .98rem; }
        .news .box .list .content ul li::after {
          content: "";
          width: .15rem;
          height: .15rem;
          border-radius: 50%;
          background: #1e88ff;
          position: absolute;
          left: .17rem;
          top: .13rem;
          opacity: 0; }
        .news .box .list .content ul li:hover::after {
          opacity: 1; }
        .news .box .list .content ul li:hover a .typeText {
          color: #1a75f0; }
        .news .box .list .content ul li:hover a .text1 .time {
          background: #1a75f0; }
        .news .box .list .content ul li:hover a .text1 p {
          color: #1a75f0; }
        .news .box .list .content ul li a {
          display: flex;
          justify-content: space-between; }
          .news .box .list .content ul li a .typeText {
            color: #919191;
            font-size: .18rem; }
          .news .box .list .content ul li a .text1 {
            font-size: .24rem;
            display: flex; }
            .news .box .list .content ul li a .text1 p {
              margin-left: .20rem; }
            .news .box .list .content ul li a .text1 .time {
              font-family: 'en';
              width: 1.35rem;
              height: .38rem;
              line-height: .38rem;
              color: #fff;
              border-radius: 0.05rem;
              background: #2e2e2e;
              text-align: center; }

.news_detail .w1200 {
  width: 12.00rem;
  margin: 0 auto;
  position: relative;
  padding-bottom: 1.20rem; }
  .news_detail .w1200::after {
    position: absolute;
    top: .96rem;
    left: 0;
    content: "";
    width: 12.00rem;
    height: .54rem;
    border-radius: .30rem;
    background-image: linear-gradient(to right, #c0f4ff, #95c7ff); }
  .news_detail .w1200 .titleBox {
    position: relative;
    z-index: 3;
    width: 10.00rem;
    margin: 0 auto;
    padding-top: .80rem;
    font-weight: bold;
    border-bottom: 0.02rem solid #cbc9c9;
    padding-bottom: 1.02rem; }
    .news_detail .w1200 .titleBox .author {
      position: absolute;
      z-index: 4;
      bottom: -0.02rem;
      right: 0;
      font-size: .18rem;
      padding-bottom: 0.06rem;
      color: #9a9a9a;
      border-bottom: 0.02rem solid #2e2e2e; }
    .news_detail .w1200 .titleBox .time {
      font-family: "en";
      font-size: .30rem; }
    .news_detail .w1200 .titleBox .t {
      font-size: .38rem;
      font-weight: bold;
      font-family: "cnBlack"; }
  .news_detail .w1200 .content {
    text-indent: .32rem;
    width: 10.00rem;
    margin: 0 auto;
    font-size: .16rem;
    line-height: .36rem;
    padding: .34rem 0 .70rem 0; }
    .news_detail .w1200 .content img {
      margin: .60rem auto;
      max-width: 100%;
      display: block; }
  .news_detail .w1200 .backPre {
    display: block;
    width: 5.00rem;
    height: .50rem;
    line-height: .50rem;
    color: #fff;
    font-size: .18rem;
    letter-spacing: 0.02rem;
    margin: 0 auto;
    border-radius: .30rem;
    background: #1a75f0;
    text-align: center; }
    .news_detail .w1200 .backPre:hover {
      background: #358bff; }

.game .banner {
  position: relative;
  height: 4.68rem;
  overflow: hidden; }
  .game .banner .img {
    height: 4.68rem;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
  .game .banner .w1200 {
    width: 12.00rem;
    z-index: 3;
    position: relative;
    margin: 0 auto; }
    .game .banner .w1200 .t {
      padding-top: 1.3rem;
      font-family: "cnBold";
      font-size: .56rem; }
    .game .banner .w1200 .addDown {
      display: flex;
      padding-top: .2rem; }
      .game .banner .w1200 .addDown .same {
        cursor: pointer;
        margin-right: .3rem;
        width: 1.83rem;
        display: flex;
        padding-left: .28rem;
        align-items: center; }
        .game .banner .w1200 .addDown .same span {
          margin-left: .12rem;
          white-space: nowrap;
          font-size: .18rem; }
        .game .banner .w1200 .addDown .same > img {
          display: block;
          width: 0.25rem; }
    .game .banner .w1200 .down {
      margin-top: .10rem;
      display: flex; }
      .game .banner .w1200 .down .same {
        margin-right: .3rem;
        position: relative; }
        .game .banner .w1200 .down .same:hover .code {
          display: block;
          opacity: 1; }
        .game .banner .w1200 .down .same:hover .top {
          background-color: rgba(255, 255, 255, 0.7); }
          .game .banner .w1200 .down .same:hover .top .text:nth-child(1) {
            opacity: 1;
            margin-top: 0; }
          .game .banner .w1200 .down .same:hover .top .text:nth-child(2) {
            opacity: 0; }
        .game .banner .w1200 .down .same .top {
          overflow: hidden;
          box-shadow: 9px 10px 15px 1px rgba(206, 212, 223, 0.45);
          cursor: pointer;
          position: relative;
          border-radius: 0.28rem;
          width: 1.83rem;
          background-color: white;
          height: .6rem; }
          .game .banner .w1200 .down .same .top > img {
            width: 2.07rem; }
          .game .banner .w1200 .down .same .top .text {
            height: 100%;
            justify-content: center;
            align-items: center;
            display: flex;
            position: relative;
            transition: all .2s; }
            .game .banner .w1200 .down .same .top .text > img {
              display: block;
              width: 0.25rem;
              transition: all .2s; }
          .game .banner .w1200 .down .same .top .text:nth-child(1) {
            opacity: 0;
            margin-top: -.6rem; }
          .game .banner .w1200 .down .same .top span {
            margin-left: .12rem;
            white-space: nowrap;
            display: block;
            font-size: .18rem; }
        .game .banner .w1200 .down .same .code {
          display: none;
          opacity: 0;
          z-index: 3;
          position: absolute;
          bottom: -1.78rem;
          left: 50%;
          transition: all .2s;
          transform: translateX(-50%);
          width: 1.7rem;
          height: 1.7rem;
          background-color: #fff;
          border-radius: .06rem; }
          .game .banner .w1200 .down .same .code > img {
            border-radius: .06rem;
            width: 100%;
            height: 100%; }
.game .list {
  width: 12.00rem;
  margin: 0 auto;
  min-height: 8.66rem; }
  .game .list .btn {
    position: relative; }
    .game .list .btn .slideCurrent {
      position: absolute;
      top: .25rem;
      left: 0;
      transition: all .3s;
      text-align: center;
      width: 2.4rem;
      height: 1.34rem;
      background: url("../img/gameBtncurrent.png") no-repeat;
      background-size: contain; }
      .game .list .btn .slideCurrent p {
        color: #fff;
        font-size: .18rem;
        position: absolute;
        bottom: .20rem;
        left: 50%;
        transform: translateX(-50%); }
      .game .list .btn .slideCurrent > img {
        height: 0.76rem; }
    .game .list .btn .btnItems {
      display: flex;
      justify-content: space-between; }
      .game .list .btn .btnItems .same {
        text-align: center;
        cursor: pointer;
        font-size: .18rem;
        padding: .30rem 0;
        width: 2.4rem;
        position: relative; }
        .game .list .btn .btnItems .same > img {
          transition: all 1s;
          height: 0.76rem; }
        .game .list .btn .btnItems .same img:nth-child(2) {
          display: none; }
        .game .list .btn .btnItems .same.current img:nth-child(1) {
          display: none; }
        .game .list .btn .btnItems .same.current img:nth-child(2) {
          display: inline-block; }
        .game .list .btn .btnItems .same.current p {
          color: #fff; }
        .game .list .btn .btnItems .same.current .currentShow {
          display: block; }
        .game .list .btn .btnItems .same p.w {
          color: #fff; }
        .game .list .btn .btnItems .same .currentShow {
          display: none;
          padding-top: .10rem;
          position: absolute;
          left: -0.05rem;
          top: .15rem;
          text-align: center;
          width: 2.50rem;
          height: 1.34rem;
          background: url("../img/gameBtncurrent.png") no-repeat;
          background-size: cover; }
          .game .list .btn .btnItems .same .currentShow p {
            color: #fff;
            font-size: .18rem;
            position: absolute;
            bottom: .20rem;
            left: 50%;
            transform: translateX(-50%); }
          .game .list .btn .btnItems .same .currentShow > img {
            height: 0.76rem; }
      .game .list .btn .btnItems .same + .same {
        background: url("../img/dian.png") no-repeat;
        background-position: -1px center; }
  .game .list .content {
    padding-top: .30rem;
    display: none; }
    .game .list .content .cc {
      display: flex;
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap; }
    .game .list .content .same {
      margin-bottom: .19rem;
      position: relative;
      width: 2.85rem;
      height: 2.85rem;
      cursor: pointer;
      overflow: hidden; }
      .game .list .content .same > img {
        width: 2.85rem;
        height: 2.85rem; }
      .game .list .content .same:hover .show {
        top: 0; }
      .game .list .content .same .title1 {
        font-weight: bold;
        position: absolute;
        color: #fff;
        font-size: .24rem;
        top: .15rem;
        right: .15rem;
        line-height: .24rem; }
      .game .list .content .same .show {
        transition: all .3s;
        width: 2.85rem;
        height: 100%;
        border-radius: 0.05rem;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 32, 112, 0.9);
        text-align: center;
        opacity: 0; }
        .game .list .content .same .show:hover {
          opacity: 1; }
          .game .list .content .same .show:hover > img:nth-child(1) {
            transform: translate3d(0, 0, 0); }
          .game .list .content .same .show:hover p {
            transform: translate3d(0, 0, 0); }
        .game .list .content .same .show > img:nth-child(1) {
          transition: all .3s;
          transform: translate3d(0, 0.3rem, 0);
          height: .95rem; }
        .game .list .content .same .show .code {
          width: 1.50rem;
          height: 1.50rem; }
        .game .list .content .same .show p {
          transition: all .3s;
          transform: translate3d(0, -0.2rem, 0);
          font-size: .16rem;
          color: #fff;
          margin-top: 0.05rem; }
          .game .list .content .same .show p:hover {
            color: #3fffe2; }

.thematic .ban {
  overflow: hidden;
  position: relative;
  height: 4.53rem;
  width: 100%; }
  .thematic .ban:hover > img {
    transform: scale(1.1); }
  .thematic .ban > img {
    transition: transform .5s;
    height: 4.53rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -12.8rem;
    display: block; }
  .thematic .ban .w1200 {
    width: 12.00rem;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding-top: 1.30rem; }
    .thematic .ban .w1200.ddz img {
      width: 2.65rem; }
    .thematic .ban .w1200.mj {
      padding-top: 1.00rem; }
      .thematic .ban .w1200.mj img {
        width: 3.84rem; }
    .thematic .ban .w1200.dntg img {
      width: 3.42rem; }
    .thematic .ban .w1200.lk {
      padding-top: 1.00rem; }
      .thematic .ban .w1200.lk img {
        width: 3.84rem; }
    .thematic .ban .w1200 p {
      color: #fff;
      font-size: .18rem;
      line-height: .30rem;
      margin-top: 0.05rem; }
    .thematic .ban .w1200 a {
      overflow: hidden;
      display: block;
      margin-top: .15rem;
      width: 1.60rem;
      height: .46rem;
      line-height: .46rem;
      background: #fff;
      border-radius: .25rem;
      font-size: .22rem;
      text-align: center;
      position: relative; }
      .thematic .ban .w1200 a span {
        display: block;
        transition: all 0.25s; }
      .thematic .ban .w1200 a::before {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: -100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: .175rem .2rem;
        background-image: url("../img/game_downIcon.png");
        transition: all 0.25s; }
      .thematic .ban .w1200 a:hover span {
        opacity: 0;
        transform: translate3d(0, 100%, 0); }
      .thematic .ban .w1200 a:hover::before {
        height: 100%;
        top: 0; }
.thematic .box .list {
  box-shadow: none;
  margin-top: 0;
  min-height: 7.00rem; }
.thematic .thematic_footer {
  background: #eaf3fe;
  height: 2.94rem;
  padding-top: .38rem; }
  .thematic .thematic_footer .w1050 {
    width: 10.50rem;
    margin: 0 auto;
    position: relative; }
    .thematic .thematic_footer .w1050 .reset {
      background: none;
      margin-top: 0; }
      .thematic .thematic_footer .w1050 .reset.swiper-button-next {
        right: -.30rem; }
      .thematic .thematic_footer .w1050 .reset.swiper-button-prev {
        left: -.85rem; }
    .thematic .thematic_footer .w1050 h4 {
      font-family: "cnBold";
      font-size: .24rem; }
    .thematic .thematic_footer .w1050 .swiper-container {
      margin-top: .18rem; }
      .thematic .thematic_footer .w1050 .swiper-container .swiper-slide {
        cursor: pointer;
        position: relative; }
        .thematic .thematic_footer .w1050 .swiper-container .swiper-slide a {
          border-radius: .05rem;
          width: 3.37rem;
          display: block;
          overflow: hidden; }
          .thematic .thematic_footer .w1050 .swiper-container .swiper-slide a > img {
            width: 3.37rem;
            transition: all .3s; }
        .thematic .thematic_footer .w1050 .swiper-container .swiper-slide:hover a > img {
          transform: scale(1.1); }
        .thematic .thematic_footer .w1050 .swiper-container .swiper-slide:hover .show {
          opacity: 1; }
        .thematic .thematic_footer .w1050 .swiper-container .swiper-slide .show {
          transition: all .3s;
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 3.37rem;
          font-weight: bold;
          height: 1.57rem;
          border-radius: 0.06rem;
          background-color: rgba(20, 110, 231, 0.85);
          color: #fff;
          font-size: .16rem;
          line-height: 1.57rem;
          text-align: center; }
          .thematic .thematic_footer .w1050 .swiper-container .swiper-slide .show p > img {
            vertical-align: baseline; }

.recharge .box .list {
  margin-bottom: 28px;
  min-height: 950px; }
  .recharge .box .list .prices {
    padding-top: 45px; }
    .recharge .box .list .prices ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .recharge .box .list .prices ul li {
        text-align: center;
        width: 150px;
        height: 180px;
        border: 1px solid #cfcdcd;
        border-radius: 8px;
        cursor: pointer;
        position: relative; }
        .recharge .box .list .prices ul li.current {
          border: 1px solid #2090ff; }
          .recharge .box .list .prices ul li.current::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 0px;
            background: url("../img/duihao.png") no-repeat;
            width: 37px;
            height: 36px; }
        .recharge .box .list .prices ul li::before {
          position: absolute;
          top: 125px;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          width: 103px;
          height: 1px;
          background: #d2d1d1; }
        .recharge .box .list .prices ul li span {
          font-size: 18px;
          color: #cbc9c9; }
        .recharge .box .list .prices ul li p {
          padding-top: 30px;
          font-family: "en";
          font-size: 30px; }
        .recharge .box .list .prices ul li .price {
          margin-top: 40px;
          font-size: 18px;
          display: block;
          color: #2e2e2e; }
  .recharge .box .list .zz {
    position: absolute;
    left: 0;
    top: 115px;
    background-color: #fff;
    opacity: .5;
    z-index: 3;
    width: 100%;
    height: 1250px; }
  .recharge .box .list .editeAccount {
    display: flex;
    align-items: center;
    font-size: 16px; }
    .recharge .box .list .editeAccount input {
      width: 350px;
      height: 50px;
      font-family: "cn";
      border: none;
      line-height: 50px;
      padding-left: 10px;
      background: #f1f1f1; }
    .recharge .box .list .editeAccount .qd {
      cursor: pointer;
      width: 75px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #fff;
      margin: 0 10px;
      background-color: #1f89ff; }
    .recharge .box .list .editeAccount span {
      color: #1d58cf; }
  .recharge .box .list .account {
    display: none;
    align-items: center;
    cursor: pointer; }
    .recharge .box .list .account p {
      font-size: 24px;
      font-weight: bold; }
    .recharge .box .list .account span {
      color: #1a75f0;
      font-size: 16px; }
    .recharge .box .list .account img {
      margin-left: 30px;
      width: 22px;
      height: 18px; }
  .recharge .box .list .payStyle {
    padding-top: 43px; }
    .recharge .box .list .payStyle h3 {
      font-size: 24px;
      font-weight: bold; }
    .recharge .box .list .payStyle .btns {
      padding-top: 20px;
      padding-bottom: 16px;
      border-bottom: 1px solid #2e2e2e; }
      .recharge .box .list .payStyle .btns ul {
        width: 100%;
        display: flex;
        padding: 0 48px;
        justify-content: space-between; }
        .recharge .box .list .payStyle .btns ul li {
          display: flex;
          align-items: center;
          font-size: 18px;
          cursor: pointer;
          position: relative; }
          .recharge .box .list .payStyle .btns ul li .cimg {
            display: none; }
          .recharge .box .list .payStyle .btns ul li.current {
            color: #1465d3; }
            .recharge .box .list .payStyle .btns ul li.current .cimg {
              display: block; }
            .recharge .box .list .payStyle .btns ul li.current .img {
              display: none; }
            .recharge .box .list .payStyle .btns ul li.current::before {
              content: "";
              position: absolute;
              bottom: -17px;
              left: 0;
              width: 135px;
              height: 5px;
              background: #1465d3; }
          .recharge .box .list .payStyle .btns ul li img {
            margin-right: 5px; }
  .recharge .box .list .c .cc {
    display: none; }
    .recharge .box .list .c .cc .showshow {
      position: relative; }
      .recharge .box .list .c .cc .showshow.current {
        border: 1px solid #1e89ff; }
        .recharge .box .list .c .cc .showshow.current::before {
          content: "";
          position: absolute;
          right: 0px;
          top: 0px;
          background: url("../img/duihao.png") no-repeat;
          width: 37px;
          height: 36px; }
    .recharge .box .list .c .cc .alipay {
      margin-top: 30px;
      cursor: pointer;
      padding-top: 32px;
      width: 150px;
      height: 150px;
      border: 1px solid #1e89ff;
      border-radius: 10px;
      text-align: center;
      font-size: 18px;
      position: relative; }
      .recharge .box .list .c .cc .alipay::before {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        background: url("../img/duihao.png") no-repeat;
        width: 37px;
        height: 36px; }
      .recharge .box .list .c .cc .alipay p {
        margin-top: 15px; }
    .recharge .box .list .c .cc ul {
      padding-top: 30px;
      width: 951px;
      display: flex;
      flex-wrap: wrap; }
      .recharge .box .list .c .cc ul li {
        cursor: pointer;
        display: flex;
        font-size: 18px;
        align-items: center;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 8px;
        border: 1px solid #cfcdcd;
        margin-right: 10px;
        margin-bottom: 10px; }
      .recharge .box .list .c .cc ul li:nth-child(6n) {
        margin-right: 0px; }
  .recharge .box .list .codeBox {
    padding-top: 50px;
    display: flex;
    align-items: center; }
    .recharge .box .list .codeBox input {
      width: 207px;
      height: 50px;
      line-height: 50px;
      border: none;
      background: #f1f1f1;
      padding-left: 10px;
      font-size: 16px;
      font-family: "cn"; }
    .recharge .box .list .codeBox .code {
      width: 146px;
      height: 50px;
      margin-left: 9px;
      margin-right: 22px; }
    .recharge .box .list .codeBox p {
      font-size: 16px;
      color: #919191;
      cursor: pointer; }
  .recharge .box .list .total {
    padding-top: 13px;
    font-size: 18px;
    font-weight: bold; }
    .recharge .box .list .total span {
      font-size: 36px;
      color: #ff852c; }
  .recharge .box .list .define {
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #1a75f0;
    width: 430px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px; }
    .recharge .box .list .define:hover {
      background: #358bff; }
.recharge .box .tip {
  height: 420px;
  padding-left: 45px; }
  .recharge .box .tip .text {
    font-weight: bold;
    display: none; }
    .recharge .box .tip .text h3 {
      font-weight: bold;
      font-family: "cnBlack";
      font-size: 24px;
      margin-bottom: 20px; }
    .recharge .box .tip .text p {
      font-size: 16px;
      margin-bottom: 15px;
      position: relative;
      padding-left: 25px; }
      .recharge .box .tip .text p span {
        display: block;
        background: #b1b1b1;
        border-radius: 2px;
        position: absolute;
        top: 3px;
        left: 0;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        color: #fff;
        font-size: 16px; }

.password .game-main {
  min-height: 7.32rem;
  overflow: hidden;
  margin-bottom: .50rem;
  position: relative;
  z-index: 3;
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
  background: #fff;
  border-radius: 0.06rem;
  width: 100%;
  box-shadow: 0rem 0rem 0.15rem rgba(195, 204, 223, 0.45); }
  .password .game-main .enterData {
    padding-left: 4rem; }
  .password .game-main .areacodeBox {
    width: 100%;
    font-size: .18rem;
    position: relative; }
    .password .game-main .areacodeBox .tip {
      position: absolute;
      right: .3rem;
      top: 50%;
      transform: translateY(-50%);
      color: #909090; }
  .password .game-main .layui-form-select {
    width: 100%; }
    .password .game-main .layui-form-select .layui-input {
      background-color: #f0f0f0;
      border: none;
      color: #909090; }
    .password .game-main .layui-form-select .layui-form-select dl {
      background-color: #f0f0f0; }
  .password .game-main .successTip {
    text-align: center;
    padding-top: 2.5rem; }
    .password .game-main .successTip > img {
      width: 1rem; }
    .password .game-main .successTip p {
      margin-top: 10px; }
  .password .game-main .form-group {
    height: .5rem;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 6px;
    margin-bottom: .5rem;
    width: 4rem; }
    .password .game-main .form-group > input {
      padding-left: .1rem;
      font-size: .18rem;
      width: 3.45rem; }
    .password .game-main .form-group .img {
      height: 60%;
      position: relative;
      width: .55rem;
      text-align: center; }
      .password .game-main .form-group .img::after {
        content: "";
        background-color: #ccc;
        width: 2px;
        height: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
      .password .game-main .form-group .img img {
        height: 100%; }
  .password .game-main .list_head {
    height: 1.46rem;
    background: #f7faff;
    position: relative; }
    .password .game-main .list_head .setp {
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .password .game-main .list_head .setp .same {
        min-width: .54rem;
        text-align: center;
        height: .84rem;
        padding-top: .65rem;
        position: relative; }
        .password .game-main .list_head .setp .same.current {
          color: #1a75f0; }
        .password .game-main .list_head .setp .same.one {
          background: url("../img/setp1c.png") center top no-repeat;
          background-size: .54rem .54rem; }
        .password .game-main .list_head .setp .same.two {
          margin: 0 1.63rem 0 1.57rem;
          background: url("../img/setp2.png") center top no-repeat;
          background-size: .54rem .54rem; }
          .password .game-main .list_head .setp .same.two.current {
            background: url("../img/setp2c.png") center top no-repeat;
            background-size: .54rem .54rem; }
          .password .game-main .list_head .setp .same.two::before {
            content: "";
            background: url("../img/setpOk.png");
            background-size: 1.63rem 0.03rem;
            width: 1.63rem;
            height: 0.03rem;
            position: absolute;
            left: -1.57rem;
            top: .28rem; }
        .password .game-main .list_head .setp .same.three {
          background: url("../img/setp3.png") center top no-repeat;
          background-size: .54rem .54rem; }
          .password .game-main .list_head .setp .same.three::after {
            content: "";
            background: url("../img/setpNo.png");
            background-size: 1.63rem 0.03rem;
            width: 1.63rem;
            height: 0.03rem;
            position: absolute;
            left: -1.69rem;
            top: .28rem; }
          .password .game-main .list_head .setp .same.three.current {
            background: url("../img/setp3c.png") center top no-repeat;
            background-size: .54rem .54rem; }
            .password .game-main .list_head .setp .same.three.current::after {
              background: url("../img/setpOk.png");
              background-size: 1.63rem 0.03rem; }
        .password .game-main .list_head .setp .same p {
          font-size: .16rem; }
  .password .game-main .btn-group {
    display: flex;
    justify-content: center; }
  .password .game-main .button {
    border: none;
    background: none;
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    text-align: center;
    border-radius: 0.3rem;
    font-size: 0.18rem;
    font-weight: bold;
    cursor: pointer;
    background: #1a75f0; }
  .password .game-main #frmStepTwo .form-group .showorHidePas {
    cursor: pointer;
    padding-right: .2rem; }
    .password .game-main #frmStepTwo .form-group .showorHidePas .showorHidePasBtn {
      width: .2rem; }
  .password .game-main #frmStepTwo .enterData {
    padding-top: 1rem; }
  .password .game-main #frmStepTwo .passwordType {
    margin: 0 auto;
    width: 3.72rem;
    padding-top: .5rem;
    display: flex;
    font-size: .18rem;
    align-items: center;
    justify-content: space-between; }
    .password .game-main #frmStepTwo .passwordType .line {
      width: 2px;
      background-color: #ccc;
      height: .24rem; }
    .password .game-main #frmStepTwo .passwordType p {
      cursor: pointer;
      position: relative; }
      .password .game-main #frmStepTwo .passwordType p.current {
        color: #2090ff; }
        .password .game-main #frmStepTwo .passwordType p.current::after {
          content: "";
          background-color: #2090ff;
          width: .8rem;
          height: 3px;
          position: absolute;
          bottom: -.05rem;
          left: 50%;
          transform: translateX(-50%); }
  .password .game-main #frmStepOne {
    padding-top: 0.8rem; }
    .password .game-main #frmStepOne .code {
      position: relative;
      display: flex;
      cursor: pointer;
      width: 2.75rem; }
      .password .game-main #frmStepOne .code > input {
        width: 2.2rem; }
      .password .game-main #frmStepOne .code .codeShow {
        position: absolute;
        right: -2.2rem;
        top: 0;
        text-align: center;
        font-size: 14px;
        display: flex;
        align-items: center; }
        .password .game-main #frmStepOne .code .codeShow.codeShowBox {
          right: -1rem; }
        .password .game-main #frmStepOne .code .codeShow .getCode {
          cursor: pointer;
          font-size: .16rem;
          color: #419dff;
          display: block;
          margin-top: .12rem; }
        .password .game-main #frmStepOne .code .codeShow > p {
          margin-left: 12px; }
        .password .game-main #frmStepOne .code .codeShow > img {
          height: 0.5rem; }
  .password .game-main .contet_one_title {
    font-weight: bold;
    font-size: .18rem;
    text-align: center; }
.password .box .list {
  min-height: 7.32rem;
  overflow: hidden;
  padding: 0;
  margin-bottom: .50rem; }
  .password .box .list .list_head {
    height: 1.46rem;
    background: #f7faff;
    position: relative; }
    .password .box .list .list_head .setp {
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .password .box .list .list_head .setp .same {
        min-width: .54rem;
        text-align: center;
        height: .84rem;
        padding-top: .65rem;
        position: relative; }
        .password .box .list .list_head .setp .same.current {
          color: #1a75f0; }
        .password .box .list .list_head .setp .same.one {
          background: url("../img/setp1c.png") center top no-repeat;
          background-size: .54rem .54rem; }
        .password .box .list .list_head .setp .same.two {
          margin: 0 1.63rem 0 1.57rem;
          background: url("../img/setp2.png") center top no-repeat;
          background-size: .54rem .54rem; }
          .password .box .list .list_head .setp .same.two.current {
            background: url("../img/setp2c.png") center top no-repeat;
            background-size: .54rem .54rem; }
          .password .box .list .list_head .setp .same.two::before {
            content: "";
            background: url("../img/setpOk.png");
            background-size: 1.63rem 0.03rem;
            width: 1.63rem;
            height: 0.03rem;
            position: absolute;
            left: -1.57rem;
            top: .28rem; }
        .password .box .list .list_head .setp .same.three {
          background: url("../img/setp3.png") center top no-repeat;
          background-size: .54rem .54rem; }
          .password .box .list .list_head .setp .same.three::after {
            content: "";
            background: url("../img/setpNo.png");
            background-size: 1.63rem 0.03rem;
            width: 1.63rem;
            height: 0.03rem;
            position: absolute;
            left: -1.69rem;
            top: .28rem; }
          .password .box .list .list_head .setp .same.three.current {
            background: url("../img/setp3c.png") center top no-repeat;
            background-size: .54rem .54rem; }
            .password .box .list .list_head .setp .same.three.current::after {
              background: url("../img/setpOk.png");
              background-size: 1.63rem 0.03rem; }
        .password .box .list .list_head .setp .same p {
          font-size: .16rem; }
  .password .box .list .button {
    width: 3.72rem;
    height: 0.50rem;
    line-height: .50rem;
    color: #fff;
    text-align: center;
    border-radius: .30rem;
    font-size: .18rem;
    cursor: pointer;
    background: #1a75f0;
    margin-top: .43rem; }
    .password .box .list .button:hover {
      background: #358bff; }
  .password .box .list .show .some {
    display: none; }
  .password .box .list .show .code {
    position: relative;
    display: flex; }
    .password .box .list .show .code .input2 {
      width: 2.43rem; }
    .password .box .list .show .code img {
      width: 1.19rem;
      height: .50rem;
      margin-left: .10rem; }
    .password .box .list .show .code span {
      top: 50%;
      transform: translateY(-50%);
      right: -1.04rem;
      cursor: pointer;
      position: absolute;
      font-size: .16rem;
      font-weight: bold; }
  .password .box .list .show .contet_one {
    padding-top: .80rem;
    width: 3.72rem;
    margin: 0 auto; }
    .password .box .list .show .contet_one .input1 {
      margin: .20rem 0;
      width: 3.72rem; }
  .password .box .list .show .contet_two form {
    width: 5.10rem;
    margin: 0 auto;
    font-size: .16rem;
    font-weight: bold; }
    .password .box .list .show .contet_two form .item {
      display: flex;
      align-items: center; }
      .password .box .list .show .contet_two form .item .nPassword input {
        width: 3.6rem; }
      .password .box .list .show .contet_two form .item .typeBox {
        display: flex; }
        .password .box .list .show .contet_two form .item .typeBox .type_item {
          display: flex;
          cursor: pointer;
          margin-right: .57rem;
          align-items: center;
          position: relative; }
          .password .box .list .show .contet_two form .item .typeBox .type_item.current::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.02rem;
            width: .21rem;
            height: .21rem;
            background: url("../img/password_sel.png");
            background-size: contain; }
          .password .box .list .show .contet_two form .item .typeBox .type_item p {
            line-height: .21rem; }
          .password .box .list .show .contet_two form .item .typeBox .type_item i {
            margin-right: 0.08rem;
            display: block;
            width: .21rem;
            height: .21rem;
            border-radius: 100%;
            background: #f1f1f1; }
      .password .box .list .show .contet_two form .item.type {
        padding: .32rem 0 .50rem 0; }
      .password .box .list .show .contet_two form .item.itemInput {
        margin-top: .20rem; }
      .password .box .list .show .contet_two form .item.phoneQ {
        margin-top: .35rem; }
        .password .box .list .show .contet_two form .item.phoneQ .phoneQBox {
          display: flex; }
          .password .box .list .show .contet_two form .item.phoneQ .phoneQBox .getCode {
            width: 1.20rem;
            height: .50rem;
            color: #fff;
            text-align: center;
            line-height: .50rem;
            cursor: pointer;
            margin-left: .10rem;
            background: #1a75f0; }
            .password .box .list .show .contet_two form .item.phoneQ .phoneQBox .getCode:hover {
              background: #358bff; }
      .password .box .list .show .contet_two form .item span {
        display: block;
        width: 1.12rem;
        text-align: right;
        margin-right: .30rem; }
  .password .box .list .show .contet_two .btn_set {
    display: flex;
    justify-content: space-between;
    width: 5.10rem;
    margin: 0 auto; }
    .password .box .list .show .contet_two .btn_set .button {
      width: 2.40rem; }
      .password .box .list .show .contet_two .btn_set .button:nth-child(1) {
        background: #999dab; }
        .password .box .list .show .contet_two .btn_set .button:nth-child(1):hover {
          background: #1a75f0; }
  .password .box .list .show .contet_three {
    text-align: center;
    padding-top: 1.60rem;
    font-size: .18rem; }
    .password .box .list .show .contet_three a {
      display: block;
      margin: .40rem auto;
      width: 3.72rem;
      height: .50rem;
      line-height: .50rem;
      color: #fff;
      background: #1a75f0;
      border-radius: .25rem; }
      .password .box .list .show .contet_three a:hover {
        background: #358bff; }
    .password .box .list .show .contet_three p {
      font-weight: bold; }
      .password .box .list .show .contet_three p span {
        color: #1a75f0; }
.password .box .wuyong {
  margin-bottom: 1.20rem;
  justify-content: center;
  display: flex; }
  .password .box .wuyong .same {
    display: flex;
    align-items: center; }
    .password .box .wuyong .same.l {
      position: relative;
      padding-right: .90rem; }
      .password .box .wuyong .same.l .d {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    .password .box .wuyong .same.r {
      padding-left: .90rem; }
    .password .box .wuyong .same .text {
      padding-left: .18rem; }
      .password .box .wuyong .same .text h2 {
        font-size: .24rem;
        font-family: "cnBold"; }
      .password .box .wuyong .same .text p {
        font-size: .18rem;
        font-family: "cnBold"; }

@media screen and (min-width: 1920px) {
  .ban .swiper-slide {
    height: 10.88rem; }
    .ban .swiper-slide img {
      width: 25.6rem; }

  .game .banner .img {
    width: 25.6rem; } }

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