.page-home {
  position: relative;
  top: -88px;
  margin-bottom: -88px; }
.header {
  position: relative;
  width: 100%;
  height: 88px;
  z-index: 100; }
  .header .main {
    width: 100%;
    min-width: 1120px;
    height: 88px;
    line-height: 88px;
    padding: 0 48px; }
  .header .list, .header .inner-list {
    display: block;
    margin: 0;
    padding: 0;
    display: inline-block; }
  .header .list-item, .header .inner-list-item {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .header .link {
    color: inherit;
    display: inline-block;
    font-size: 14px; }
    .header .link:hover {
      text-decoration: none;
      color: #247ddc; }
  .header .logo-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 203px;
    height: 28px;
    float: left;
    margin-right: 48px;
    margin-top: 30px; }
  .header .logo {
    display: block;
    width: 203px;
    height: 28px; }
  .header .svg-logo {
    fill-rule: evenodd; }
  .header .nav .list-item {
    padding: 0 24px;
    vertical-align: top; }
  .header .nav > .active > .link {
    height: 88px;
    line-height: 88px; }
  .header .uc .download {
    display: none;
    width: 128px;
    height: 40px;
    line-height: 40px;
    text-align: center; }
  .header .uc .block-login {
    display: inline-block;
    margin-left: 16px; }
    .header .uc .block-login .uc-avatar, .header .uc .block-login .uc-title, .header .uc .block-login .icon {
      display: inline-block; }
    .header .uc .block-login .uc-avatar {
      width: 32px;
      height: 32px;
      border-radius: 16px; }
    .header .uc .block-login .uc-title {
      margin-left: 8px;
      max-width: 9em; }
  .header .uc .block-unlogin {
    display: inline-block;
    margin-left: 16px; }
    .header .uc .block-unlogin .sep {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6); }
    .header .uc .block-unlogin .login {
      padding-right: 8px; }
    .header .uc .block-unlogin .register {
      padding-left: 8px; }
  .header .dropdown {
    position: relative; }
    .header .dropdown .dropdown-toggle {
      position: relative;
      vertical-align: top;
      z-index: 1001;
      font-size: 0; }
      .header .dropdown .dropdown-toggle .title {
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        height: 88px;
        line-height: 88px; }
      .header .dropdown .dropdown-toggle .icon {
        display: inline-block;
        width: 14px;
        height: 14px;
        position: relative;
        top: 37px;
        vertical-align: top;
        font-size: 14px;
        margin-left: 4px; }
      .header .dropdown .dropdown-toggle .icon-icon-arrowdown {
        -webkit-transition: -webkit-transform 400ms linear;
        transition: -webkit-transform 400ms linear;
        transition: transform 400ms linear;
        transition: transform 400ms linear, -webkit-transform 400ms linear; }
    .header .dropdown .dropdown-menu {
      z-index: 1000;
      display: none;
      position: absolute;
      padding: 0;
      background-color: #ffffff;
      border-radius: 2px;
      -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
              box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
      top: 88px;
      text-align: center; }
      .header .dropdown .dropdown-menu .list-item {
        display: block;
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #f1f2f4; }
      .header .dropdown .dropdown-menu .list-item:last-child {
        border-bottom: 0; }
      .header .dropdown .dropdown-menu .link {
        display: block;
        padding: 0 32px;
        line-height: 48px;
        color: rgba(0, 0, 0, 0.6); }
        .header .dropdown .dropdown-menu .link:hover {
          color: #247ddc; }
      .header .dropdown .dropdown-menu .inner-list {
        display: block;
        padding: 8px 0; }
      .header .dropdown .dropdown-menu .inner-list-item {
        display: block;
        padding: 0; }
        .header .dropdown .dropdown-menu .inner-list-item .link {
          line-height: 32px; }
    .header .dropdown .menu-game {
      width: 120px;
      margin-left: -23px; }
    .header .dropdown .menu-dev {
      width: 148px;
      margin-left: -37px; }
      .header .dropdown .menu-dev.en {
        width: 154px;
        margin-left: -29px; }
        .header .dropdown .menu-dev.en .link {
          padding: 0 16px; }
    .header .dropdown .menu-uc {
      width: 120px;
      right: 0; }
    .header .dropdown:hover .dropdown-menu {
      display: block; }
    .header .dropdown:hover .icon-icon-arrowdown {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .header.theme-default .main {
    background-color: transparent; }
  .header.theme-default .svg-logo {
    fill: #fff; }
  .header.theme-default .link {
    color: rgba(255, 255, 255, 0.6); }
    .header.theme-default .link:hover {
      color: #ffffff; }
  .header.theme-default .nav > .active > .link {
    color: #ffffff;
    border-bottom: 2px solid #ffffff; }
  .header.theme-default .uc .sep {
    color: rgba(255, 255, 255, 0.6); }
  .header.theme-white .main {
    background-color: rgba(255, 255, 255, 0.9); }
  .header.theme-white .svg-logo {
    fill: #247ddc; }
  .header.theme-white .link {
    color: rgba(0, 0, 0, 0.6); }
    .header.theme-white .link:hover {
      color: #247ddc; }
  .header.theme-white .nav > .active > .link {
    color: #247ddc;
    border-bottom: 2px solid #247ddc; }
  .header.theme-white .uc .sep {
    color: rgba(0, 0, 0, 0.6); }
  .header.theme-white .uc .download {
    display: inline-block;
    color: #ffffff; }
    .header.theme-white .uc .download:hover {
      color: #ffffff; }
  .header.sub .main {
    position: fixed; }
  .header.sub .uc .download {
    display: none; }
  .header.changing .main {
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-88px);
            transform: translateY(-88px);
    opacity: 0;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
    z-index: 101; }
  .header.in .main {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out;
    transition: opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out,opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out,opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out; }
  .header.out .main {
    opacity: 0;
    -webkit-transform: translateY(-88px);
            transform: translateY(-88px);
    -webkit-transition: opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out;
    transition: opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out,opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out,opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out; }
  .header.hung .main {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05); }
.compatible {
  position: relative;
  width: 100%;
  height: 960px;
  border-bottom: 1px solid #f1f2f4;
  overflow: hidden; }
  .compatible .col-left {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-align: center; }
    .compatible .col-left .wrapper {
      display: inline-block;
      text-align: left;
      width: 560px;
      padding-right: 96px;
      margin-top: 256px; }
    .compatible .col-left .desc-top .title {
      margin: 0;
      font-weight: normal;
      font-size: 80px;
      color: rgba(0, 0, 0, 0.8);
      line-height: 1em;
      margin: 8px 0; }
      .compatible .col-left .desc-top .title.cn {
        font-family: "PingFang Light", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
      .compatible .col-left .desc-top .title.ru {
        font-size: 64px; }
      .compatible .col-left .desc-top .title.id {
        font-size: 64px; }
      .compatible .col-left .desc-top .title.en {
        font-size: 68px; }
      .compatible .col-left .desc-top .title.pt {
        font-size: 56px; }
      .compatible .col-left .desc-top .title.tl {
        font-size: 56px; }
      .compatible .col-left .desc-top .title.de {
        font-size: 64px; }
      .compatible .col-left .desc-top .title.es {
        font-size: 64px; }
      .compatible .col-left .desc-top .title.vn {
        font-size: 53px; }
      .compatible .col-left .desc-top .title.kr {
        font-size: 72px; }
      .compatible .col-left .desc-top .title.jp {
        font-size: 72px; }
    .compatible .col-left .desc-top .p {
      margin: 0;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.6);
      line-height: 32px;
      margin-bottom: 16px; }
    .compatible .col-left .desc-top .link {
      color: inherit;
      display: inline-block;
      font-size: 18px;
      line-height: 32px;
      color: #247ddc; }
      .compatible .col-left .desc-top .link:hover {
        text-decoration: none;
        color: #247ddc; }
    .compatible .col-left .desc-bottom {
      position: relative;
      top: 128px; }
      .compatible .col-left .desc-bottom .sub-title {
        line-height: 24px;
        color: rgba(0, 0, 0, 0.8);
        font-size: 16px; }
      .compatible .col-left .desc-bottom .operations {
        margin-top: 8px;
        font-size: 0; }
        .compatible .col-left .desc-bottom .operations .op-img, .compatible .col-left .desc-bottom .operations .op-name {
          display: inline-block;
          line-height: 24px;
          vertical-align: top; }
        .compatible .col-left .desc-bottom .operations .op-img {
          color: #aaadb4; }
        .compatible .col-left .desc-bottom .operations .op-name {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.6);
          margin: 0 16px 0 4px; }
  .compatible .col-right {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: relative; }
    .compatible .col-right .replay {
      position: absolute;
      display: none;
      width: 144px;
      height: 144px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      cursor: pointer; }
      .compatible .col-right .replay.over {
        display: inline-block; }
  .compatible .stage {
    position: absolute;
    right: 0;
    left: -96px;
    bottom: -32px;
    height: 960px;
    font-size: 0;
    overflow: hidden; }
    .compatible .stage .grid {
      position: relative;
      float: left;
      display: inline-block;
      width: 104px;
      height: 104px;
      padding: 4px;
      vertical-align: top;
      font-size: 0;
      -webkit-transition: opacity 400ms ease-in-out;
      transition: opacity 400ms ease-in-out; }
      .compatible .stage .grid .app-icon {
        width: 100%;
        height: 100%;
        background-image: url(/public/img/iconsgrid-808c9.jpg);
        background-repeat: no-repeat;
        background-size: 768px 768px; }
      .compatible .stage .grid .app-icon-0 {
        background-position: 0% 0%; }
      .compatible .stage .grid .app-icon-1 {
        background-position: 14.28571% 0%; }
      .compatible .stage .grid .app-icon-2 {
        background-position: 28.57143% 0%; }
      .compatible .stage .grid .app-icon-3 {
        background-position: 42.85714% 0%; }
      .compatible .stage .grid .app-icon-4 {
        background-position: 57.14286% 0%; }
      .compatible .stage .grid .app-icon-5 {
        background-position: 71.42857% 0%; }
      .compatible .stage .grid .app-icon-6 {
        background-position: 85.71429% 0%; }
      .compatible .stage .grid .app-icon-7 {
        background-position: 100% 0%; }
      .compatible .stage .grid .app-icon-8 {
        background-position: 0% 14.28571%; }
      .compatible .stage .grid .app-icon-9 {
        background-position: 14.28571% 14.28571%; }
      .compatible .stage .grid .app-icon-10 {
        background-position: 28.57143% 14.28571%; }
      .compatible .stage .grid .app-icon-11 {
        background-position: 42.85714% 14.28571%; }
      .compatible .stage .grid .app-icon-12 {
        background-position: 57.14286% 14.28571%; }
      .compatible .stage .grid .app-icon-13 {
        background-position: 71.42857% 14.28571%; }
      .compatible .stage .grid .app-icon-14 {
        background-position: 85.71429% 14.28571%; }
      .compatible .stage .grid .app-icon-15 {
        background-position: 100% 14.28571%; }
      .compatible .stage .grid .app-icon-16 {
        background-position: 0% 28.57143%; }
      .compatible .stage .grid .app-icon-17 {
        background-position: 14.28571% 28.57143%; }
      .compatible .stage .grid .app-icon-18 {
        background-position: 28.57143% 28.57143%; }
      .compatible .stage .grid .app-icon-19 {
        background-position: 42.85714% 28.57143%; }
      .compatible .stage .grid .app-icon-20 {
        background-position: 57.14286% 28.57143%; }
      .compatible .stage .grid .app-icon-21 {
        background-position: 71.42857% 28.57143%; }
      .compatible .stage .grid .app-icon-22 {
        background-position: 85.71429% 28.57143%; }
      .compatible .stage .grid .app-icon-23 {
        background-position: 100% 28.57143%; }
      .compatible .stage .grid .app-icon-24 {
        background-position: 0% 42.85714%; }
      .compatible .stage .grid .app-icon-25 {
        background-position: 14.28571% 42.85714%; }
      .compatible .stage .grid .app-icon-26 {
        background-position: 28.57143% 42.85714%; }
      .compatible .stage .grid .app-icon-27 {
        background-position: 42.85714% 42.85714%; }
      .compatible .stage .grid .app-icon-28 {
        background-position: 57.14286% 42.85714%; }
      .compatible .stage .grid .app-icon-29 {
        background-position: 71.42857% 42.85714%; }
      .compatible .stage .grid .app-icon-30 {
        background-position: 85.71429% 42.85714%; }
      .compatible .stage .grid .app-icon-31 {
        background-position: 100% 42.85714%; }
      .compatible .stage .grid .app-icon-32 {
        background-position: 0% 57.14286%; }
      .compatible .stage .grid .app-icon-33 {
        background-position: 14.28571% 57.14286%; }
      .compatible .stage .grid .app-icon-34 {
        background-position: 28.57143% 57.14286%; }
      .compatible .stage .grid .app-icon-35 {
        background-position: 42.85714% 57.14286%; }
      .compatible .stage .grid .app-icon-36 {
        background-position: 57.14286% 57.14286%; }
      .compatible .stage .grid .app-icon-37 {
        background-position: 71.42857% 57.14286%; }
      .compatible .stage .grid .app-icon-38 {
        background-position: 85.71429% 57.14286%; }
      .compatible .stage .grid .app-icon-39 {
        background-position: 100% 57.14286%; }
      .compatible .stage .grid .app-icon-40 {
        background-position: 0% 71.42857%; }
      .compatible .stage .grid .app-icon-41 {
        background-position: 14.28571% 71.42857%; }
      .compatible .stage .grid .app-icon-42 {
        background-position: 28.57143% 71.42857%; }
      .compatible .stage .grid .app-icon-43 {
        background-position: 42.85714% 71.42857%; }
      .compatible .stage .grid .app-icon-44 {
        background-position: 57.14286% 71.42857%; }
      .compatible .stage .grid .app-icon-45 {
        background-position: 71.42857% 71.42857%; }
      .compatible .stage .grid .app-icon-46 {
        background-position: 85.71429% 71.42857%; }
      .compatible .stage .grid .app-icon-47 {
        background-position: 100% 71.42857%; }
      .compatible .stage .grid .app-icon-48 {
        background-position: 0% 85.71429%; }
      .compatible .stage .grid .app-icon-49 {
        background-position: 14.28571% 85.71429%; }
      .compatible .stage .grid .app-icon-50 {
        background-position: 28.57143% 85.71429%; }
      .compatible .stage .grid .app-icon-51 {
        background-position: 42.85714% 85.71429%; }
      .compatible .stage .grid .app-icon-52 {
        background-position: 57.14286% 85.71429%; }
      .compatible .stage .grid .app-icon-53 {
        background-position: 71.42857% 85.71429%; }
      .compatible .stage .grid .app-icon-54 {
        background-position: 85.71429% 85.71429%; }
      .compatible .stage .grid .app-icon-55 {
        background-position: 100% 85.71429%; }
      .compatible .stage .grid .app-icon-56 {
        background-position: 0% 100%; }
      .compatible .stage .grid .app-icon-57 {
        background-position: 14.28571% 100%; }
      .compatible .stage .grid .app-icon-58 {
        background-position: 28.57143% 100%; }
      .compatible .stage .grid .app-icon-59 {
        background-position: 42.85714% 100%; }
      .compatible .stage .grid .app-icon-60 {
        background-position: 57.14286% 100%; }
      .compatible .stage .grid .app-icon-61 {
        background-position: 71.42857% 100%; }
      .compatible .stage .grid .app-icon-62 {
        background-position: 85.71429% 100%; }
      .compatible .stage .grid .app-icon-63 {
        background-position: 100% 100%; }
@charset "UTF-8";
.skin {
  position: relative;
  top: -5px;
  width: 100%;
  height: 960px;
  background-size: cover;
  -webkit-transition: background 600ms ease-in-out;
  transition: background 600ms ease-in-out;
  overflow: hidden; }
  .skin .main {
    position: absolute;
    width: 100%; }
  .skin .col-left {
    display: inline-block;
    width: 50%;
    text-align: center; }
    .skin .col-left .wrapper {
      display: inline-block;
      text-align: left;
      width: 560px;
      padding-right: 96px;
      margin-top: 288px; }
    .skin .col-left .p {
      margin: 0;
      line-height: 1.25em;
      font-size: 32px;
      color: rgba(255, 255, 255, 0.8); }
      .skin .col-left .p.cn {
        font-family: "PingFang Light", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
      .skin .col-left .p.kr {
        font-size: 24px; }
    .skin .col-left .brand-name {
      display: none; }
    .skin .col-left .icon-version {
      display: block;
      width: 100%;
      height: auto; }
    .skin .col-left .brand-props {
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      line-height: 1.5em; }
      .skin .col-left .brand-props.fr, .skin .col-left .brand-props.es {
        font-size: 14px; }
      .skin .col-left .brand-props .prop {
        border-left: 1px solid rgba(255, 255, 255, 0.8);
        padding: 0 4px; }
        .skin .col-left .brand-props .prop:first-child {
          border-left: none;
          padding-left: 0; }
    .skin .col-left .download {
      color: #ffffff;
      background: #de3b8e;
      width: 256px;
      height: 80px;
      display: block;
      margin-top: 32px;
      margin-bottom: 8px;
      border-radius: 4px;
      border: 1px solid #de3b8e;
      text-align: center; }
      .skin .col-left .download:focus, .skin .col-left .download.focus {
        background: #de3b8e; }
      .skin .col-left .download:hover, .skin .col-left .download.hover {
        background: #e2519b; }
      .skin .col-left .download:active, .skin .col-left .download.active {
        background: #da2581; }
      .skin .col-left .download .download-name {
        margin-top: 4px;
        line-height: 40px;
        font-size: 24px;
        color: #ffffff; }
        .skin .col-left .download .download-name.cn {
          font-family: "PingFang Light", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
      .skin .col-left .download .download-desc {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6); }
        .skin .col-left .download .download-desc .version {
          margin-right: 8px; }
    .skin .col-left .download-more {
      line-height: 2em;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6); }
      .skin .col-left .download-more.fr, .skin .col-left .download-more.es {
        font-size: 12px; }
        .skin .col-left .download-more.fr .gd-icon, .skin .col-left .download-more.es .gd-icon {
          width: 12px;
          height: 12px;
          margin-top: 8px;
          margin-right: 6px; }
      .skin .col-left .download-more .link {
        color: inherit;
        text-decoration: underline;
        padding: 0 16px;
        vertical-align: top;
        border-left: 1px solid rgba(255, 255, 255, 0.6); }
        .skin .col-left .download-more .link:hover {
          text-decoration: none;
          color: #247ddc; }
        .skin .col-left .download-more .link:hover {
          color: #ffffff;
          text-decoration: underline; }
        .skin .col-left .download-more .link:nth-of-type(1) {
          border-left: none;
          padding-left: 0; }
      .skin .col-left .download-more .gd-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: top;
        margin-top: 8px;
        margin-right: 8px; }
  .skin .col-right {
    display: inline-block;
    width: 50%;
    height: 960px;
    position: relative; }
    .skin .col-right .list {
      display: block;
      margin: 0;
      padding: 0;
      position: absolute;
      height: 100%; }
    .skin .col-right .list-item {
      display: inline-block;
      margin: 0;
      padding: 0;
      display: inline-block;
      position: absolute; }
    .skin .col-right .theme-container .theme-frame {
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      opacity: 0; }
    .skin .col-right .theme-container .theme-ui {
      top: 184px;
      left: 32px;
      position: relative;
      width: 889px;
      height: 512px; }
      .skin .col-right .theme-container .theme-ui .img {
        display: block;
        position: absolute; }
      .skin .col-right .theme-container .theme-ui .theme-ui-border {
        width: 889px;
        height: 512px; }
      .skin .col-right .theme-container .theme-ui .theme-ui-wallpaper {
        top: 32px;
        width: 853px;
        height: 480px; }
      .skin .col-right .theme-container .theme-ui .theme-ui-dot {
        width: 889px;
        height: 512px; }
    .skin .col-right .theme-container .theme-setting {
      top: 300px;
      left: -96px; }
      .skin .col-right .theme-container .theme-setting .img {
        display: block;
        width: 560px;
        height: 512px; }
    .skin .col-right .theme-container .theme-dialog {
      top: 504px;
      left: 192px; }
      .skin .col-right .theme-container .theme-dialog .img {
        display: block;
        width: 480px;
        height: 272px; }
    .skin .col-right .theme-container.in .theme-frame {
      -webkit-animation-name: themeSlideIn;
              animation-name: themeSlideIn; }
    .skin .col-right .theme-container.in .theme-ui {
      -webkit-animation-name: themeSlideInB;
              animation-name: themeSlideInB;
      -webkit-animation-duration: 800ms;
              animation-duration: 800ms;
      -webkit-animation-delay: 0ms;
              animation-delay: 0ms; }
    .skin .col-right .theme-container.in .theme-setting {
      -webkit-animation-duration: 600ms;
              animation-duration: 600ms;
      -webkit-animation-delay: 200ms;
              animation-delay: 200ms; }
    .skin .col-right .theme-container.in .theme-dialog {
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-delay: 400ms;
              animation-delay: 400ms; }
    .skin .col-right .theme-container.out .theme-frame {
      -webkit-animation-name: themeSlideOut;
              animation-name: themeSlideOut;
      opacity: 0.9; }
    .skin .col-right .theme-container.out .theme-ui {
      -webkit-animation-name: themeSlideOutB;
              animation-name: themeSlideOutB;
      opacity: 1;
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-delay: 400ms;
              animation-delay: 400ms; }
    .skin .col-right .theme-container.out .theme-setting {
      -webkit-animation-duration: 600ms;
              animation-duration: 600ms;
      -webkit-animation-delay: 200ms;
              animation-delay: 200ms; }
    .skin .col-right .theme-container.out .theme-dialog {
      -webkit-animation-duration: 800ms;
              animation-duration: 800ms;
      -webkit-animation-delay: 0ms;
              animation-delay: 0ms; }
  .skin .operation {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    font-size: 0;
    text-align: center;
    height: 12px; }
    .skin .operation .theme-op {
      display: inline-block;
      width: 64px;
      border-bottom: 4px solid;
      height: 12px; }
      .skin .operation .theme-op.active {
        border-bottom-width: 12px; }
    .skin .operation .theme-op-purple {
      border-bottom-color: #7067d7; }
    .skin .operation .theme-op-blue {
      border-bottom-color: #025db9; }
    .skin .operation .theme-op-darkred {
      border-bottom-color: #c04242; }

/**
定义皮肤变化
 */
.skin-purple {
  background: linear-gradient(-45deg, #84a9fc, #c4a7fa); }
  .skin-purple.bg-loaded {
    background-image: url(/public/img/themeui-purple-bg-c7356.jpg);
    background-repeat: no-repeat;
    background-size: cover; }

.skin-blue {
  background: linear-gradient(-45deg, #84a9fc, #88d0cd); }
  .skin-blue.bg-loaded {
    background-image: url(/public/img/themeui-blue-bg-34caf.jpg);
    background-repeat: no-repeat;
    background-size: cover; }

.skin-darkred {
  background: linear-gradient(-45deg, #faa6a6, #fadda6); }
  .skin-darkred.bg-loaded {
    background-image: url(/public/img/themeui-darkred-bg-786ae.jpg);
    background-repeat: no-repeat;
    background-size: cover; }

@-webkit-keyframes themeSlideIn {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0.9; } }

@keyframes themeSlideIn {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0.9; } }

@-webkit-keyframes themeSlideOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0.9; }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; } }

@keyframes themeSlideOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0.9; }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; } }

@-webkit-keyframes themeSlideInB {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@keyframes themeSlideInB {
  0% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes themeSlideOutB {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; } }

@keyframes themeSlideOutB {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
    opacity: 0; } }
.speed {
  position: relative;
  width: 100%;
  height: 960px;
  overflow: hidden;
  border-bottom: 1px solid #f1f2f4;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: cover; }
  .speed .col-left {
    display: inline-block;
    width: 50%;
    position: relative; }
    .speed .col-left .player-container {
      position: absolute;
      top: 176px;
      right: 80px;
      width: 996px;
      height: 572px; }
    .speed .col-left .player {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .speed .col-left .video {
      display: block;
      position: absolute;
      left: 0;
      top: 32px;
      width: 960px;
      height: 540px; }
    .speed .col-left .meter {
      position: absolute;
      right: 0;
      top: 280px;
      width: 320px;
      height: 384px;
      border-radius: 2px;
      -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
              box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
      text-align: center; }
    .speed .col-left .meter-top {
      height: 272px;
      background-color: #ffffff; }
    .speed .col-left .meter-circle {
      display: inline-block;
      position: relative;
      width: 240px;
      height: 206px;
      top: 45px; }
    .speed .col-left .meter-num {
      position: relative;
      top: -64px;
      font-size: 56px;
      color: #7067d7; }
    .speed .col-left .meter-unit {
      position: relative;
      top: -48px;
      font-size: 14px;
      color: #aaadb4; }
    .speed .col-left .meter-bottom {
      height: 112px;
      background-color: #b8b3eb;
      padding: 16px 0; }
    .speed .col-left .meter-label {
      color: #ffffff;
      font-size: 12px;
      line-height: 24px; }
    .speed .col-left .meter-score {
      color: #ffffff;
      font-size: 48px;
      line-height: 56px; }
  .speed .col-right {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-align: center; }
  .speed .wrapper {
    display: inline-block;
    text-align: left;
    width: 560px;
    padding-left: 96px;
    margin-top: 256px; }
  .speed .desc-top .title {
    margin: 0;
    font-weight: normal;
    font-size: 80px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1em;
    margin: 8px 0; }
    .speed .desc-top .title.cn {
      font-family: "PingFang Light", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
    .speed .desc-top .title.ru {
      font-size: 64px; }
    .speed .desc-top .title.id {
      font-size: 64px; }
    .speed .desc-top .title.en {
      font-size: 68px; }
    .speed .desc-top .title.pt {
      font-size: 56px; }
    .speed .desc-top .title.tl {
      font-size: 56px; }
    .speed .desc-top .title.de {
      font-size: 64px; }
    .speed .desc-top .title.es {
      font-size: 64px; }
    .speed .desc-top .title.vn {
      font-size: 53px; }
    .speed .desc-top .title.kr {
      font-size: 72px; }
    .speed .desc-top .title.jp {
      font-size: 72px; }
  .speed .desc-top .p {
    margin: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    margin-bottom: 16px; }
  .speed .desc-top .link {
    color: inherit;
    color: #247ddc;
    display: inline-block;
    font-size: 18px;
    line-height: 32px; }
    .speed .desc-top .link:hover {
      text-decoration: none;
      color: #247ddc; }
  .speed .desc-bottom {
    position: relative;
    top: 128px; }
    .speed .desc-bottom .game {
      font-size: 0; }
    .speed .desc-bottom .game-img {
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 4px;
      vertical-align: top; }
    .speed .desc-bottom .game-name {
      display: inline-block;
      font-size: 16px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.8); }
    .speed .desc-bottom .p {
      margin: 0;
      margin-top: 8px;
      line-height: 24px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.6); }
.whole {
  position: relative;
  width: 100%;
  height: 960px;
  padding-top: 128px;
  overflow: hidden;
  background-image: url(/public/img/bg-dots-44512.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .whole .row-top {
    text-align: center;
    margin-bottom: 32px; }
    .whole .row-top .h2 {
      margin: 0;
      font-weight: normal;
      font-size: 80px;
      color: rgba(0, 0, 0, 0.8);
      line-height: 1em;
      margin: 8px 0; }
      .whole .row-top .h2.cn {
        font-family: "PingFang Light", "Hiragino Sans GB", "Microsoft YaHei", Helvetica, Arial, sans-serif; }
      .whole .row-top .h2.ru {
        font-size: 64px; }
      .whole .row-top .h2.id {
        font-size: 64px; }
      .whole .row-top .h2.en {
        font-size: 68px; }
      .whole .row-top .h2.pt {
        font-size: 56px; }
      .whole .row-top .h2.tl {
        font-size: 56px; }
      .whole .row-top .h2.de {
        font-size: 64px; }
      .whole .row-top .h2.es {
        font-size: 64px; }
      .whole .row-top .h2.vn {
        font-size: 53px; }
      .whole .row-top .h2.kr {
        font-size: 72px; }
      .whole .row-top .h2.jp {
        font-size: 72px; }
    .whole .row-top .p {
      margin: 0;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.6);
      line-height: 32px; }
  .whole .row-bottom {
    text-align: center;
    position: relative;
    height: 540px;
    width: 100%; }
    .whole .row-bottom .list {
      display: block;
      margin: 0;
      padding: 0; }
    .whole .row-bottom .list-item {
      display: inline-block;
      margin: 0;
      padding: 0; }
    .whole .row-bottom .video-container {
      position: absolute;
      display: inline-block;
      width: 960px;
      height: 540px;
      left: 0;
      right: 0;
      margin: auto; }
      .whole .row-bottom .video-container .list-item {
        position: absolute;
        width: 960px;
        height: 540px;
        top: 0;
        left: 0; }
        .whole .row-bottom .video-container .list-item.active {
          z-index: 2; }
          .whole .row-bottom .video-container .list-item.active .video {
            -webkit-transition: all 800ms ease-in-out;
            transition: all 800ms ease-in-out;
            opacity: 1; }
      .whole .row-bottom .video-container .video {
        opacity: 0;
        -webkit-transition: all 800ms ease-in-out;
        transition: all 800ms ease-in-out; }
    .whole .row-bottom .operations {
      display: block;
      width: 960px;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      padding-bottom: 28px;
      bottom: 0;
      background-image: url(/public/img/bg-videoabove-dfc1e.png);
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 3; }
      .whole .row-bottom .operations .list-item {
        display: inline-block;
        margin-right: 128px;
        color: #ffffff;
        opacity: 0.6;
        text-align: center; }
        .whole .row-bottom .operations .list-item:last-child {
          margin-right: 0; }
        .whole .row-bottom .operations .list-item.active {
          opacity: 1; }
      .whole .row-bottom .operations .op-img {
        display: inline-block;
        width: 64px;
        height: 64px; }
      .whole .row-bottom .operations .op-name {
        display: block;
        vertical-align: top;
        text-align: center;
        font-size: 14px;
        line-height: 16px; }
@charset "UTF-8";
.eggs {
  width: 232px;
  height: 232px;
  position: fixed;
  right: 32px;
  bottom: 32px;
  z-index: 9;
  margin-right: 0px; }

@-webkit-keyframes pipipika {
  5%, 15% {
    -webkit-transform: translateY(-20px);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0, 1, 0.25);
            animation-timing-function: cubic-bezier(0.25, 0, 1, 0.25); }
  10%, 20% {
    -webkit-transform: translateY(0px); } }

@keyframes pipipika {
  5%, 15% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0, 1, 0.25);
            animation-timing-function: cubic-bezier(0.25, 0, 1, 0.25); }
  10%, 20% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }
  .eggs .pipipika {
    /*animation: pipipika 3s cubic-bezier(.1, .25, 1, .25) infinite;*/
    animation: pipipika 3s cubic-bezier(0, 0.25, 0.25, 1) infinite;
    -webkit-animation: pipipika 3s cubic-bezier(0, 0.25, 0.25, 1) infinite;
    -moz-animation: pipipika 3s cubic-bezier(0, 0.25, 0.25, 1) infinite; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  /*初始状态 透明度为0*/
  40% {
    opacity: 0; }
  /*过渡状态 透明度为0*/
  100% {
    opacity: 1; }
  /*结束状态 透明度为1*/ }

@-webkit-keyframes fade-in {
  /*针对webkit内核*/
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .eggs .eggs-close {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1jbG9zZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+CiAgPG1ldGFkYXRhPjw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIvPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz48L21ldGFkYXRhPgo8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBvcGFjaXR5OiAwLjY7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgaWQ9ImNpcmNsZSIgY2xhc3M9ImNscy0xIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiLz4KICA8cGF0aCBpZD0iY2xvc2UiIGNsYXNzPSJjbHMtMiIgZD0iTTIxLjQxNCwyMGw3LjI5Myw3LjI5M2ExLDEsMCwxLDEtMS40MTQsMS40MTRMMjAsMjEuNDE0bC03LjI5Myw3LjI5M2ExLDEsMCwxLDEtMS40MTQtMS40MTRMMTguNTg2LDIwbC03LjI5My03LjI5M2ExLDEsMCwxLDEsMS40MTQtMS40MTRMMjAsMTguNTg2bDcuMjkzLTcuMjkzYTEsMSwwLDEsMSwxLjQxNCwxLjQxNFoiLz4KPC9zdmc+Cg==);
    padding: 20px;
    background-repeat: no-repeat;
    float: right;
    margin-top: -32px;
    margin-right: 1px;
    cursor: pointer;
    position: absolute;
    right: 0; }
    .eggs .eggs-close:hover {
      opacity: 0.8; }
  .eggs .eggs-content {
    position: relative;
    height: 100%;
    width: 100%; }
    .eggs .eggs-content .part1 {
      position: relative;
      background: url(/public/img/eggs_main-10cf5.png) no-repeat;
      height: 100%; }
    .eggs .eggs-content .part2 {
      position: relative;
      background: url(/public/img/eggs_logo-4a76d.png) no-repeat;
      height: 100%;
      width: 100%;
      margin-top: -216px; }
  .eggs.tw .eggs-content .part1 {
    position: relative;
    background: url(/public/img/eggs_main_ru-778d2.png) no-repeat;
    height: 100%; }
  .eggs.tw .eggs-content .part2 {
    position: relative;
    background: url(/public/img/eggs_logo_ru-abf40.png) no-repeat;
    height: 100%;
    width: 100%;
    margin-top: -216px; }
  .eggs.en .eggs-content .part1 {
    position: relative;
    background: url(/public/img/eggs_graph_en-7e520.png) no-repeat;
    height: 100%; }
  .eggs.en .eggs-content .part2 {
    position: relative;
    background: url(/public/img/eggs_logo_en-7eec0.png) no-repeat;
    height: 100%;
    width: 100%;
    margin-top: -216px; }