/* .fineWriting-head .More:hover {
    background: url('../img/more-close.png')no-repeat;
    background-size: 100%;
  } */
  
  body,
  html {
      overflow-x: unset;
      background: #f5f5f5;
  }
  
  /* swiper */
  
  .sowingMap .swiper-container {
      width: 100%;
      min-height: 760px;
      position: relative;
      left: 50%;
      transform: translate(-50%);
      overflow: hidden;
      padding: 0;
      z-index: 1;
  }
  
  .sowingMap .swiper-container .swiper-wrapper {
      position: relative;
      width: 100%;
      z-index: 1;
      display: -webkit-box;
      /* display: -webkit-flex; */
      display: -ms-flexbox;
      /* display: flex; */
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
  }
  
  .swiper-wrapper .swiper-slide .come-network {
      width: 225px;
      height: 45px;
      line-height: 45px;
      background-color: #bf2124;
      position: absolute;
      display: block;
      top: 485px;
      margin-left: 402px;
      z-index: 99;
      text-align: center;
      border-radius: 20px;
      font-size: 22px;
      color: #ffffff;
      letter-spacing: -1px;
  }
  
  .swiper-wrapper .swiper-slide .come-more {
      width: 225px;
      height: 45px;
      line-height: 45px;
      background-color: #f1f2f6;
      position: absolute;
      display: block;
      top: 485px;
      margin-left: 1296px;
      z-index: 99;
      text-align: center;
      border-radius: 20px;
      font-size: 22px;
      color: #343434;
      letter-spacing: -1px;
  }
  
  .sowingMap .swiper-container .swiper-pagination {
      text-align: center;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 10;
      width: 100%;
      height: 1rem;
      position: absolute;
      bottom: 30px;
  }
  
  .swiper-pagination .swiper-pagination-switch {
      width: 17px;
      height: 17px;
      line-height: 17px;
      opacity: 1;
      border-radius: 50%;
      border: 2px solid #212224;
      display: inline-block;
      background: #f6fcff;
      margin-right:10px;
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0px 10px;
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor: pointer;
  }
  
  .swiper-active-switch {
      background: #bf2124 !important;
      transition: all 2s;
  }
  
  .sowingMap .swiper-container .characteristic-left {
      width: 42px;
      height: 84px;
      display: block;
      position: absolute;
      left: 0;
      top: 360px;
      background: #bf2124;
      z-index: 10;
      opacity:0;
      transition:all .3s ease-in-out;
  }
  
  .sowingMap .swiper-container .characteristic-left:hover {
      background: #bf2124;
  }
  
  .sowingMap .swiper-container .characteristic-right:hover {
      background: #bf2124;
  }
  
  .swiper-container .characteristic-left img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .sowingMap .swiper-container .characteristic-right {
      width: 42px;
      height: 84px;
      display: block;
      position: absolute;
      right: 0;
      top: 360px;
      background: #bf2124;
      z-index: 10;
      opacity:0;
      transition:all .3s ease-in-out;
  }
  .sowingMap:hover .swiper-container .characteristic-left,
  .sowingMap:hover .swiper-container .characteristic-right{
      opacity:1;
  }
  
  .swiper-container .characteristic-right img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
  /* swiper */
  
  /* <!-- 登录+轮播图+资讯 --> */
  
  .fineWriting .Superabundance {
      width: 100%;
      height: 320px;
      background: rgba(255, 255, 255, .8);
      display: flex;
      justify-content: center;
      position: absolute;
      left:0;
      bottom:0px;
      z-index: 99;
  }
  
  .fineWriting .Superabundance .Sign-in {
      width: 275px;
      height: 320px;
      background: rgba(255, 255, 255, .6)
  }
  
  /* 未登录 */
  .Superabundance .Sign-in .no-login {
      width: 100%;
      height: 100%;
  }
  
  .Sign-in .no-login h3 {
      color: #f8a367;
      font-size: 16px;
      text-align: center;
      padding-top: 48px;
  }
  
  .Sign-in .no-login .row-type {
      width: 100%;
      padding: 50px 0;
      border-bottom: 1px solid #e7e6e6;
  }
  
  .Sign-in .no-login .row-type ul {
      width: 100%;
      display: flex;
      justify-content: space-around;
  }
  
  .no-login .row-type ul li {
      text-align: center;
      cursor: pointer;
  }
  
  .no-login .row-type ul .wenzi {
      font-size: 14px;
      color: #30282b;
      margin-top: 10px;
  }
  
  .Sign-in .no-login .userlogin {
      width: 77px;
      height: 24px;
      line-height: 24px;
      background-color: #bf2124;
      border-radius: 12px;
      color: #ffffff;
      font-size: 14px;
      margin: 0 auto;
      display: block;
      margin-top: 24px;
      cursor: pointer;
  }
  
  /* 已登录 */
  .Superabundance .Sign-in .yes-login {
      width: 100%;
      height: 100%;
  }
  
  .Sign-in .yes-login .login-inf {
      width: 100%;
      height: 74px;
      border-bottom: 1px solid #e7e6e6;
      position: relative;
  }
  
  .yes-login .login-inf .login-img {
      width: 51px;
      height: 51px;
      display: block;
      position: absolute;
      top: 11px;
      left: 13px;
  }
  
  .yes-login .login-inf .login-name {
      font-size: 16px;
      color: #343434;
      font-weight: 600;
      display: inline-block;
      position: absolute;
      top: 18px;
      left: 74px;
  }
  
  .yes-login .login-inf .login-id {
      font-size: 16px;
      color: #f8a367;
      position: absolute;
      top: 40px;
      left: 74px;
  }
  
  .yes-login .login-inf .login-out {
      font-size: 14px;
      color: #bf2124;
      position: absolute;
      top: 18px;
      right: 10px;
  }
  
  .yes-login .login-fun {
      width: 100%;
      height: 245px;
      position: relative;
  }
  
  .yes-login .login-fun .login-code {
      display: block;
      width: 88px;
      height: 88px;
      text-align: center;
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translate(-50%);
  }
  
  .yes-login .login-fun .login-tip {
      font-size: 15px;
      color: #8e8e8e;
      position: absolute;
      top: 116px;
      left: 50%;
      transform: translate(-50%);
      word-break: keep-all;
      white-space: nowrap;
  }
  
  .yes-login .login-fun a {
      width: 114px;
      height: 33px;
      border-radius: 3px;
      display: inline-block;
      line-height: 33px;
      text-align: center;
      color: #ffffff;
      font-size: 15px;
      position: absolute;
      transition: all 2s;
  }
  
  .yes-login .login-fun a:hover {
      background: #bf2124;
  }
  
  .yes-login .login-fun .pass {
      left: 19px;
      top: 150px;
      background: #fea582;
      background-blend-mode: normal, normal;
  }
  
  .yes-login .login-fun .phone {
      left: 142px;
      top: 150px;
      background: #c7aefb;
      background-blend-mode: normal,
      normal;
  }
  
  .yes-login .login-fun .kefu {
      left: 19px;
      top: 190px;
      background: #ff7b7b;
      background-blend-mode: normal,
      normal;
  }
  
  .yes-login .login-fun .real {
      left: 142px;
      top: 190px;
      background: #e0552d;
      background-blend-mode: normal,
      normal;
  }
  
  
  .fineWriting .Superabundance .super-banner {
      width: 541px;
      height: 320px;
  }
  
  .super-banner .swiper-container2 {
      width: 100%;
      position: relative;
      left: 50%;
      transform: translate(-50%);
      overflow: hidden;
      padding: 0;
      z-index: 1;
  }
  
  .super-banner .swiper-container2 .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: -webkit-box;
      /* display: -webkit-flex; */
      display: -ms-flexbox;
      /* display: flex; */
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
  }
  
  .super-banner .swiper-container2 .swiper-pagination2 {
      text-align: center;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      z-index: 10;
      width: 24%;
      height: 1rem;
      position: absolute;
      bottom: 18px;
  }
  
  .swiper-pagination2 .swiper-pagination-bullet {
      width: 17px;
      height: 17px;
      line-height: 17px;
      opacity: 1;
      border-radius: 50%;
      border: 3px solid #f6fcff;
      display: inline-block;
      background: #f6fcff;
  }
  
  .fineWriting .Superabundance .information {
      width: 385px;
      height: 320px;
      /* background-color: #f00; */
  }
  
  .Superabundance .information .new {
      width: 385px;
      height: 50px;
      line-height: 50px;
      background-color: #ffffff;
  }
  
  .information .new h2 {
      font-family: MicrosoftYaHei;
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #bf2124;
      margin-left: 12px;
      display: inline-block;
  }
  
  .information .new .new-more {
      width: 14px;
      height: 14px;
      line-height: 12px;
      background-color: #bf2124;
      border-radius: 0px 0px 0px 5px;
      color: #fff;
      display: block;
      float: right;
      text-align: center;
  }
  
  .information .new-information {
      position: relative;
      width: 100%;
      top: 10px;
      padding-left: 14px;
  }
  
  .information .new-information .lookPoint {
      font-size: 14px;
      line-height: 30px;
  }
  
  .information .lookPoint .daily {
      display: flex;
      justify-content: space-between;
      color: #a8999d;
  }
  
  .information .lookPoint .daily:hover {
      color: #343434;
  }
  
  /* <!-- 登录+轮播图+资讯 --> */
  
  /* 分割线 */
  
  .fineWriting .division {
      width: 100%;
      height: 50px;
      background-image: linear-gradient(45deg, rgba(191, 33, 36, 0.45) 0%, rgba(204, 37, 40, 0.45) 100%), linear-gradient(#fb7f35, #fb7f35);
      background-blend-mode: normal, normal;
      position: relative;
      top: -341px;
      z-index: 99;
  }
  
  /* 分割线 */
  
  /* <!-- 游戏列表 --> */
  
  .fineWriting .Many-styles {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
  }
  
  .fineWriting .Many-styles .ManyGame {
      width: 917px;
      height: 518px;
      /* background: #a8999d; */
      margin-right: 18px;
      margin-top: 30px;
  }
  
  .Many-styles .ManyGame .looks {
      display: flex;
      justify-content: space-between;
      height: 40px;
      line-height: 40px;
  }
  
  .looks .looksGame i {
      width: 2px;
      height: 24px;
      background-color: #bf2124;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
  }
  
  .looks .looksGame h2 {
      font-size: 24px;
      color: #433434;
      margin-left: 18px;
  }
  
  .looks .looksMore h2 {
      display: inline-block;
      font-family: MicrosoftYaHei;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #433434;
      margin-right: 18px;
  }
  
  .looks .looksMore .looks-a {
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      line-height: 12px;
      font-family: MicrosoftYaHei;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #ffffff;
      background: #bf2124;
      text-align: center;
      right: 0;
      top: 14px;
  }
  
  .Many-styles .ManyGame .reservation {
      width: 100%;
  }
  
  .ManyGame .reservation ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  
  .reservation ul .yuyue {
      width: 32%;
      height: 217px;
      background-color: #ffffff;
      display: block;
      margin-top: 22px;
      position: relative;
  }
  
  .reservation ul .yuyue .light {
      cursor: pointer;
      position: absolute;
      left: -88px;
      top: 0;
      width: 100px;
      height: 162px;
      background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
      background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
      transform: skewx(-25deg);
      -o-transform: skewx(-25deg);
      -moz-transform: skewx(-25deg);
      -webkit-transform: skewx(-25deg);
      opacity: 0;
  }
  
  .reservation .yuyue:hover .light {
      left: 305px;
      -moz-transition: 1s;
      -o-transition: 1s;
      -webkit-transition: 1s;
      transition: 1s;
      opacity: 1;
  }
  
  .reservation .yuyue img {
      width: 100%;
      transition: all 2s;
  }
  
  /* .reservation .yuyue:hover img {
    transform: scale(1.06);
  } */
  
  .reservation .yuyue .gaikuo {
      width: 100%;
      height: 53px;
  }
  
  .yuyue .gaikuo h2 {
      font-size: 20px;
      color: #030c12;
      font-weight: 600;
      margin-left: 12px;
      display: inline-block;
  }
  
  .yuyue .gaikuo span {
      position: absolute;
      left: 0;
      margin-left: 12px;
      top: 28px;
      font-size: 14px;
      color: #787878;
  }
  
  .yuyue .gaikuo .comeing {
      width: 85px;
      height: 26px;
      line-height: 25px;
      border-radius: 13px;
      border: solid 1px #8e8e8e;
      display: block;
      position: absolute;
      right: 0;
      margin-right: 18px;
      text-align: center;
      top: 50%;
      transform: translate(0, -50%);
      color: #8e8e8e;
  }
  
  .yuyue .gaikuo .comeing:hover {
      color: #960000;
      border: solid 1px #960000;
  }
  
  /* <!-- 游戏列表 --> */
  
  /* 超多列表 */
  
  .fineWriting .Many-styles .ManyGift {
      width: 290px;
      height: 496px;
      margin-top: 38px;
  }
  
  .Many-styles .ManyGift .looks {
      display: flex;
      justify-content: space-between;
      height: 40px;
      line-height: 40px;
  }
  
  .ManyGift .looksGame i {
      width: 2px;
      height: 30px;
      background-color: #bf2124;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
  }
  
  .ManyGift .looksGame h2 {
      font-size: 24px;
      color: #433434;
      margin-left: 18px;
  }
  
  .ManyGift .looksMore h2 {
      display: inline-block;
      font-family: MicrosoftYaHei;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #433434;
      margin-right: 18px;
  }
  
  .ManyGift .looksMore .looks-a {
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      line-height: 12px;
      font-family: MicrosoftYaHei;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #ffffff;
      background: #bf2124;
      text-align: center;
      right: 0;
      top: 14px;
  }
  
  /* 超多列表 */
  
  /* 领取礼包 */
  
  .ManyGift .gifts ul {
      width: 100%;
      height: 100%;
      margin-top: 12px;
      display: flex;
      flex-wrap: wrap;
  }
  
  .ManyGift .gifts .gifts-bag {
      width: 100%;
      height: 111px;
      background-color: #ffffff;
      margin-top: 3px;
  }
  
  .gifts .gifts-bag img {
      display: block;
      width: 59px;
      height: 59px;
      border-radius: 8px;
      position: absolute;
      left: 19px;
      top: 23px;
  }
  
  .gifts .gifts-bag h3 {
      display: block;
      font-size: 16px;
      color: #433434;
      position: absolute;
      left: 90px;
      top: 30px;
  }
  
  .gifts .gifts-bag span {
      display: block;
      font-size: 13px;
      color: #433434;
      position: absolute;
      left: 90px;
      top: 66px;
  }
  
  .gifts .gifts-bag .receive {
      width: 66px;
      height: 28px;
      /* background-color: #a1a1a1; */
      background: #bf2124;
      border-radius: 5px;
      position: absolute;
      text-align: center;
      line-height: 28px;
      top: 50%;
      transform: translate(0, -50%);
      right: 0;
      margin-right: 13px;
      color: #ffffff;
      font-size: 13px;
      transition: all 2s;
  }
  
  .gifts .gifts-bag .receive:hover {
      background: #bf2124;
  }
  
  /* 领取礼包 */
  
  /* 合作伙伴 */
  
  .fineWriting .cooperation {
      background: #fff;
      height: 321px;
      width: 100%;
      position: relative;
      top: -290px;
  }
  
  .cooperation .cooperation-partner {
      margin-left: 350px;
      display: inline-block;
      position: absolute;
      margin-top: 24px;
  }
  
  .cooperation .cooperation-partner i {
      width: 2px;
      height: 24px;
      background-color: #bf2124;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
  }
  
  .cooperation .cooperation-partner h2 {
      font-size: 24px;
      color: #433434;
      margin-left: 16px;
  }
  
  .fineWriting .cooperation .cooperation-center {
      width: 1032px;
      height: 100%;
      margin: 0 auto;
      background: url(https://www-static.sh9130.com/new_PC/img/cooperation.png)no-repeat;
      background-position: -446px -1562px;
  }
  
  /* 合作伙伴 */
  
  /* 跟随 */
  
  .fineWriting .follow {
      width: 60px;
      height: 180px;
      position: fixed;
      right: 214px;
      top: 50%;
      z-index: 200;
  }
  
  .fineWriting .follow a {
      display: block;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      background: #7f7f7f;
  }
  
  .fineWriting .follow a:hover {
      background: #bf2124;
  }
  
  .fineWriting .follow a:nth-child(2) {
      border-top: 1px solid #fff;
  }
  
  .fineWriting .follow a:nth-child(3) {
      border-top: 1px solid #fff;
  }
  
  /* 跟随 */
  
  .fineWriting .companyTo {
      position: relative;
      bottom: 0px;
      margin-top: 0px;
  }
  
  /* hoverimg出面盒子 */
  .yuyue .hover-download {
      width: 100%;
      height: 164px;
      background: rgba(0, 0, 0, .5);
      left: 0;
      position: absolute;
      top: 0px;
  }
  
  .yuyue:hover {
      background: #fff;
  }
  
  .yuyue .hover-download .erweima {
      display: block;
      width: 110px;
      height: 110px;
      margin-left: 20px;
      margin-top: 28px;
  }
  
  .yuyue .hover-download h2 {
      color: #ffffff;
      display: inline-block;
      font-size: 15px;
      position: absolute;
      right: 21px;
      top: 28px;
  }
  
  .yuyue .hover-download .anzhuo,
  .ios,
  .come-GW {
      display: block;
      width: 124px;
      height: 35px;
      line-height: 35px;
      position: absolute;
      right: 16px;
      top: 54px;
  }
  
  .hover-download .ios {
      top: 96px;
  }
  
  .hover-download .come-GW {
      top: 120px;
      background-color: #bf2124;
      font-size: 21px;
      color: #ffffff;
      padding-left: 18px;
  }
  
  .hover-download .come-GW span {
      width: 28px;
      height: 35px;
      line-height: 35px;
      display: inline-block;
      text-align: center;
      background-color: #810f11;
      margin: 0 auto;
      position: absolute;
      right: 0;
  }
  
  .come-GW span img {
      display: inline-block;
      width: 11px !important;
      height: 15px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  
  /* hoverimg出面盒子 */
  
  /* 产品列表 */
  .fineWriting .productlist {
      /* background: #fff; */
      height: 321px;
      width: 920px;
      position: relative;
      margin-left: 348px;
      top: -290px;
      display: none;
  }
  
  .productlist .productlist-partner {
      display: inline-block;
  }
  
  .productlist .productlist-partner i {
      width: 2px;
      height: 24px;
      background-color: #bf2124;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
  }
  
  .productlist .productlist-partner h2 {
      font-size: 22px;
      color: #433434;
      display: inline-block;
      margin-left: 16px;
  }
  
  .information .looksGame span {
      font-size: 10px;
      color: #433434;
  }
  
  .productlist .productlist_ctn {
      width: 100%;
      margin-top: 26px;
      background: #fff;
      padding: 8px;
      box-shadow: darkgrey 2px 0px 8px 2px;
  }
  
  .productlist .productlist_ctn .productlist_title {
      width: 100%;
      display: flex;
      justify-content: space-between;
  }
  
  .productlist .productlist_ctn .titleGames,
  .titleHfive {
      width: 50%;
      height: 30px;
      line-height: 30px;
      background: #ff6200;
      text-align: center;
      font-size: 18px;
      color: #fff;
  }
  
  .productlist .productlist_ctn .titleGames::after {
      content: '';
      width: 2px;
      height: 26px;
      display: block;
      position: absolute;
      right: 0;
      top: 2px;
      z-index: 99;
      background: #fff;
  }
  
  .productlist .productlist_ctn .gameExhibition {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
  }
  
  .productlist_ctn .gameExhibition .mobileGames,
  .HfiveGame {
      width: 50%;
  }
  
  .gameExhibition .mobileGames li {
      width: 46%;
      margin: 0 auto;
      height: 50px;
      line-height: 50px;
      display: flex;
      margin-bottom: 26px;
      cursor: pointer;
  }
  
  .mobileGames li .gameIcon {
      width: 50px;
      height: 50px;
  }
  
  .mobileGames li .gameName {
      font-size: 19px;
      margin-left: 20px;
      color: #3e3a39;
      white-space: nowrap;
  }
  
  .mobileGames li .hGame {
      width: 18px;
      height: 18px;
      background: #e0552d;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .mobileGames li .nGame {
      width: 18px;
      height: 18px;
      background: #2ea7e0;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .mobileGames li .cGame {
      width: 18px;
      height: 18px;
      background: #8fc31f;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .mobileGames li .yGame {
      width: 18px;
      height: 18px;
      background: #ff9228;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .gameExhibition .HfiveGame li {
      width: 46%;
      margin: 0 auto;
      height: 50px;
      line-height: 50px;
      display: flex;
      margin-bottom: 26px;
      cursor: pointer;
  }
  
  .HfiveGame li .gameIcon {
      width: 50px;
      height: 50px;
  }
  
  .HfiveGame li .gameName {
      font-size: 19px;
      margin-left: 20px;
      color: #3e3a39;
      white-space: nowrap;
  }
  
  .HfiveGame li .hGame {
      width: 18px;
      height: 18px;
      background: #e0552d;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .HfiveGame li .nGame {
      width: 18px;
      height: 18px;
      background: #2ea7e0;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .HfiveGame li .cGame {
      width: 18px;
      height: 18px;
      background: #8fc31f;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .HfiveGame li .yGame {
      width: 18px;
      height: 18px;
      background: #ff9228;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      margin-top: 16.5px;
      margin-left: 8px;
      border-radius: 3px;
  }
  
  .gameExhibition .mobileGames::after {
      content: '';
      width: 2px;
      height: 106%;
      display: block;
      position: absolute;
      right: 0;
      top: -12px;
      z-index: 99;
      background: #e6e7e7;
  ;
  }
  
  .productlist_ctn .game_tips {
      width: 40%;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 10px;
  }
  
  .productlist_ctn .game_tips ul {
      width: 100%;
      display: flex;
      justify-content: space-around;
  }
  
  .game_tips li .tips_title {
      color: #3e3a39;
  }
  
  .game_tips li .hGame {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #e0552d;
      text-align: center;
      line-height: 16px;
      font-size: 12px;
      color: #fff;
      border-radius: 3px;
  }
  
  .game_tips li .nGame {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #2ea7e0;
      text-align: center;
      line-height: 16px;
      font-size: 12px;
      color: #fff;
      border-radius: 3px;
  }
  
  .game_tips li .cGame {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #8fc31f;
      text-align: center;
      line-height: 16px;
      font-size: 12px;
      color: #fff;
      border-radius: 3px;
  }
  
  .game_tips li .yGame {
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #ff9228;
      text-align: center;
      line-height: 16px;
      font-size: 12px;
      color: #fff;
      border-radius: 3px;
  }
  
  
  
  .firstGame{
      padding:30px 0;
  }
  .firstGame li{
      width:236px;
      margin-right:20px;
      overflow: hidden;
  }
  .firstGame li a{
      display: block;
  }
  .firstGame li:last-child{
      margin-right:0;
  }
  .firstGame .shiro{
      cursor: pointer;
      left: -510px;
      top: 0;
      width: 300px;
      height: 220px;
      background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
      background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
      transform: skewx(-25deg);
      -o-transform: skewx(-25deg);
      -moz-transform: skewx(-25deg);
      -webkit-transform: skewx(-25deg)
  }
  .firstGame a:hover .shiro {
      left: 305px;
      -moz-transition: .8s;
      -o-transition: .8s;
      -webkit-transition: .8s;
      transition: .8s
  }
  .plaHotWrap h3.title,
  .hotGift h3.title{
      border-bottom:2px solid #dfdfdf;
  }
  .plaHotWrap h3.title span,
  .hotGift h3.title span {
      display: inline-block;
      height:33px;
      border-bottom:2px solid #bf2124;
      font-size:22px;
      color:#3b3b3b;
  }
  .plaHotWrap h3.title a,
  .hotGift h3.title a{
      display: inline-block;
      line-height:30px;
      font-size:14px;
      color:#888888;
  }
  .hotGift ul.list{
      padding:30px 0 15px;
  }
  .hotGift ul.list li{
      width:240px;
      margin-right:15px;
      margin-bottom:15px;
  }
  .hotGift ul.list li:nth-child(5n){
      margin-right:0;
  }
  .plaHotWrap{
      padding-bottom:26px;
  }
  .plaHotWrap h3.title {
      margin-bottom:28px;
  }
  .plaHotWrap h3.title a i
  {
      color:#be2321;
  }
  .PlatformWelfare{
      width:305px;
  }
  .PlatformWelfare li{
      width:150px;
      height:135px;
      background-color:#ffffff;
      margin-right:4px;
      margin-bottom:4px;
      overflow: hidden;
  }
  .PlatformWelfare li:nth-child(2n){
      margin-right:0;
  }
  .PlatformWelfare li:hover .a1{
      display:none;
  }
  .PlatformWelfare li:hover .a2{
      display:block;
  }
  .PlatformWelfare .a1 img{
      display: block;
      max-height:50px;
      min-height:50px;
      margin:0 auto;
  }
  .PlatformWelfare .a2{
      display:none;
  }
  .PlatformWelfare .minI p{
      padding-top:10px;
      text-align: center;
      font-size:16px;
  }
  .PlatformWelfare p.p1{
      color:#ffc95a;
  }
  .PlatformWelfare p.p2{
      color:#3ed4cd;
  }
  .PlatformWelfare p.p3{
      color:#ff729c;
  }
  .PlatformWelfare p.p4{
      color:#ff6666;
  }
  .PlatformWelfare  .minI .a1{
      display:block;
      padding-top:25px;
  }
  /* 热门游戏 */
  .hotGame{
      margin-left:10px;
  }
  .hotGame .wrapUl{
      display: none;
  }
  .hotGame .wrapUl:first-child{
      display: block;
  }
  .hotGame li{
      width:307px;
      height:274px;
      margin-right:12px;
      background: #ffffff;
      overflow: hidden;
  }
  .hotGame li:last-child{
      margin-right:0;
  }
  .hotGame h3.name{
      padding:10px 10px 0 12px;
      font-size:18px;
      color:#3b3b3b;
  }
  .hotGame p.txt{
      padding:2px 10px 5px 12px;
      font-size:14px;
      color:#888888;
  }
  .hotGame .btn{
      display: inline-block;
      width:67px;
      height:27px;
      line-height:27px;
      margin-right:15px;
      border-radius:10px;
      box-sizing: border-box;
      border:1px solid #888888;
      text-align: center;
      font-size:14px;
      color:#888888;
  }
  .hotGame li a.showCode:hover  .codeDet{
     /* top:0;*/
  }
  .hotGame li a.btn:hover{
      background-color:#bf2124;
      border: none;
      color:#ffffff;
  }
  .hotGame .codeDet{
      top:-180px;
      left:0;
      width:100%;
      height:100%;
      background-color:rgba(204,102,102,0.5);
      transition:all .2s ease-in-out;
  }
  .hotGame .codeDet dl{
      padding: 25px;
  }
  .hotGame .codeDet dd{
      padding:25px 0 0 25px;
  }
  .hotGame .codeDet dt{
      width:122px;
      height:122px;
  
  }
  .hotGame .codeDet p{
      line-height:23px;
      font-size:14px;
      color:#ffffff;
  }
  .giftCon{
      padding:10px 10px 10px 20px;
      background-color:#ffffff;
  }
  .giftCon dd{
      padding-left:10px;
  }
  .giftCon dt img{
      border-radius: 20px;
  }
  .giftCon h4{
      font-size:15px;
      color:#333333;
  }
  .giftCon p{
      padding:3px 0 8px;
      font-size:12px;
      color:#adadad;
  }
  .giftCon p i{
      color:#bf2124
  }
  .giftCon .getBtn{
      display: block;
      width: 82px;
      height: 28px;
      line-height: 28px;
      padding-left:35px;
      box-sizing: border-box;
      border: 1px solid #888888;
      background: none;
      border-radius: 10px;
      box-shadow: none;
      color: #3b3b3b;
  }
  .giftCon .getBtn i{
      top:0;
      left:15px;
      display: block;
      line-height: 28px;
      font-size:18px;
      color:#bf2124;
  }
  .hotGift a:hover .getBtn{
      background-color:#bf2124;
      border:none;
      color:#ffffff;
  }
  .hotGift a:hover h4{
      color:#bf2124;
  }
  .hotGift a:hover .getBtn i{
      color:#ffffff;
  }
  .advBlock{
      padding-bottom:70px;
  }
  .afficheBlock{
      bottom:0;
      left:0;
      z-index:99;
      width:100%;
  }
  .afficheCon{
      height:360px;
      background-color:#0d0e0e;
  }
  .afficheCon .option{
      width:210px;
  }
  .afficheCon .option dl{
      height:72px;
      padding: 12px 0 0 12px;
      cursor: pointer;
  }
  .afficheCon .option dl.selected{
      background-color:#272a2c;
  }
  .afficheCon .gameImg{
      width:48px;
      height:48px;
  }
  .afficheCon .option dd{
      width:125px;
      padding-left:10px;
  }
  .afficheCon .option dd h3{
      line-height: 2;
      font-size:14px;
      color:#ffffff;
  }
  .afficheCon .option dd p{
      font-size:12px;
      color:#a5a5a5;
  }
  .imgDetail{
      width:510px;
      height:360px;
      overflow: hidden;
  }
  .imgDetail li{
      display:none ;
  }
  .imgDetail li:first-child{
      display: block;
  }
  .imgDetail img{
      min-height:360px;
  }
  .articleList{
      padding:10px 33px;
  }
  .articleList h2 a{
      font-size:20px;
      font-weight:600;
      color:#bf2124
  }
  .articleList  .h2det{
      height: 56px;
      padding:10px 0;
      line-height:20px;
      overflow: hidden;
      border-bottom:1px solid #313131;
      font-size:12px;
      color:#888888;
  }
  .articleList .radius{
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1px solid #c0c0c0;
      margin-top: 18px;
  }
  .articleList li{
      height:41px;
      line-height:41px;
  }
  .articleList .time,
  .articleList .txt a{
      font-size:14px;
      color:#c0c0c0;
  }
  .articleList .txt a:hover{
      color:#ffffff;
  }
  .articleList .txt{
      padding:0 15px 0 18px;
  }
  
  .triangle{
      top:0;
      right:0;
      width: 0;
      height: 0;
      border-top: 40px solid #c02125;
      border-left: 40px solid transparent;
  }
  .plustecken{
      top: -11px;
      right: 0px;
      z-index: 1;
  
  }
  .plustecken a{
      font-size: 30px;
      color: #ffffff;
  }
  #loginTrue{
      top:0;
      left:0;
      width:100%;
      height:135px;
      background-color:#ffffff;
  }
  
  #loginTrue .quit{
      padding-top:12px;
      padding-right:8px;
      text-align:right;
      font-size:14px;
      color:#ff6666;
  }
  #loginTrue p.pId,
  #loginTrue p.name{
      text-align: center;
      font-size:14px;
  }
  #loginTrue p.name{
      color:#3b3b3b;
  }
  #loginTrue p.pId{
      padding-top:5px;
      color:#ff6666;
  }
  #loginTrue img{
      display:block;
      margin:0 auto;
  }
  #loginTrue .quit a{
      color:#888888;
  }
  .PlatformWelfare .aHref{
      bottom: 25px;
      left: 0;
      width: 100%;
      text-align: center;
      color: #ffffff;
  }
  .PlatformWelfare .aHref a{
      font-size:16px;
      color:#ffffff;
  }
  .giftCon{
      width:240px;
  }
  .giftCon dt{
      width:80px;
  }
  .giftCon dd{
      width:125px;
  }