body {
  font-family: Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  background-color: #0D0F21;
  height: 100%; }

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  -moz-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #0D0F21; }
  html.bg345, body.bg345 {
    background-image: url("/static/specials/images/SecurityPlan_bg3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }

#fullpage {
  min-width: 1300px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 100%; }
  #fullpage > .section {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    #fullpage > .section.show {
      display: block; }
    #fullpage > .section:nth-of-type(1) {
      background-color: #0D0F21;
      height: 100%; }
    #fullpage > .section:nth-of-type(2) {
      background-size: 100% 100%; }
    #fullpage > .section:nth-of-type(3) {
      background-size: 100% 100%; }
    #fullpage > .section:nth-of-type(4) {
      background-size: 100% 100%; }
    #fullpage > .section:nth-of-type(5) {
      background-image: url("/static/specials/images/SecurityPlan_bg6.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    #fullpage > .section:nth-of-type(6) {
      background-image: url("/static/specials/images/SecurityPlan_bg7.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  #fullpage .bg1 {
    position: relative; }
  #fullpage .bg11 .bg1-logo {
    width: 3.71354rem;
    height: 3.46875rem;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-57%);
            transform: translateX(-57%);
    margin-top: 0.40104rem; }

@-webkit-keyframes bg1-logo {
  0% {
    margin-top: 0.40104rem; }
  25% {
    margin-top: 0.29688rem; }
  50% {
    margin-top: 0.40104rem; }
  75% {
    margin-top: 0.29688rem; }
  100% {
    margin-top: 0.40104rem; } }

@keyframes bg1-logo {
  0% {
    margin-top: 0.40104rem; }
  25% {
    margin-top: 0.29688rem; }
  50% {
    margin-top: 0.40104rem; }
  75% {
    margin-top: 0.29688rem; }
  100% {
    margin-top: 0.40104rem; } }
  #fullpage .bg1 .ctrl {
    position: absolute;
    left: 2.6875rem;
    top: 0rem;
    width: 0.5rem;
    height: 0.51042rem;
    background-size: 100% 100%;
    -webkit-animation: ctrl 5s linear infinite;
            animation: ctrl 5s linear infinite; }

@-webkit-keyframes ctrl {
  0% {
    margin-top: 2.53646rem; }
  25% {
    margin-top: 2.51042rem; }
  50% {
    margin-top: 2.53646rem; }
  75% {
    margin-top: 2.51042rem; }
  100% {
    margin-top: 2.53646rem; } }

@keyframes ctrl {
  0% {
    margin-top: 2.53646rem; }
  25% {
    margin-top: 2.51042rem; }
  50% {
    margin-top: 2.53646rem; }
  75% {
    margin-top: 2.51042rem; }
  100% {
    margin-top: 2.53646rem; } }
  #fullpage .bg1 .direction {
    position: absolute;
    left: 6.08854rem;
    top: 0rem;
    width: 0.54167rem;
    height: 0.53125rem;
    background-size: 100% 100%;
    -webkit-animation: direction 5s linear infinite;
            animation: direction 5s linear infinite; }

@-webkit-keyframes direction {
  0% {
    margin-top: 2.22917rem; }
  25% {
    margin-top: 2.28125rem; }
  50% {
    margin-top: 2.22917rem; }
  75% {
    margin-top: 2.28125rem; }
  100% {
    margin-top: 2.22917rem; } }

@keyframes direction {
  0% {
    margin-top: 2.22917rem; }
  25% {
    margin-top: 2.28125rem; }
  50% {
    margin-top: 2.22917rem; }
  75% {
    margin-top: 2.28125rem; }
  100% {
    margin-top: 2.22917rem; } }
  #fullpage .bg1 .switch {
    position: absolute;
    left: 3.51563rem;
    top: 0rem;
    width: 0.74479rem;
    height: 0.47396rem;
    background-size: 100% 100%;
    margin-top: 1.64583rem;
    -webkit-animation: switch 5s linear infinite;
            animation: switch 5s linear infinite; }

@-webkit-keyframes switch {
  0% {
    margin-top: 1.64583rem; }
  25% {
    margin-top: 1.67188rem; }
  50% {
    margin-top: 1.64583rem; }
  75% {
    margin-top: 1.67188rem; }
  100% {
    margin-top: 1.64583rem; } }

@keyframes switch {
  0% {
    margin-top: 1.64583rem; }
  25% {
    margin-top: 1.67188rem; }
  50% {
    margin-top: 1.64583rem; }
  75% {
    margin-top: 1.67188rem; }
  100% {
    margin-top: 1.64583rem; } }
  #fullpage .footer-tip {
    width: 1.5625rem;
    height: 0.33333rem;
    position: absolute;
    bottom: 0.13021rem;
    left: 50%;
    margin-left: -0.78125rem;
    color: #004f87;
    font-size: 0.07292rem;
    line-height: 0.33333rem; }
    #fullpage .footer-tip .left {
      text-align: left;
      margin-right: 0.10417rem; }
    #fullpage .footer-tip .right {
      text-align: right;
      margin-left: 0.07813rem; }
    #fullpage .footer-tip i {
      position: absolute;
      width: 0.11979rem;
      height: 0.33333rem;
      left: 50%;
      -webkit-transform: translateX(-45%);
              transform: translateX(-45%);
      background-image: url("/static/specials/images/SecurityPlan_icon_gunlun.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  #fullpage .bg2 .bg2-p-title {
    margin-top: 0.51563rem;
    font-size: 0.15625rem;
    color: #fff;
    font-weight: 400; }
  #fullpage .bg2 .bg2-h2-title {
    font-size: 0.3125rem;
    color: #ffdb79;
    font-weight: 400; }
  #fullpage .icon-title-line {
    display: block;
    width: 1.47396rem;
    height: 0.07292rem;
    background-image: url("/static/specials/images/SecurityPlan_icon_hengxian.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    margin: 0.07813rem auto 0; }
    #fullpage .icon-title-line.icon-line-mgt9 {
      margin-top: 0.04688rem; }
  #fullpage .bg2 .statistics {
    margin: 0.3125rem auto 0;
    width: 4.42708rem;
    height: 0.39063rem; }
    #fullpage .bg2 .statistics .game-user-num {
      float: left;
      width: 1.30208rem; }
      #fullpage .bg2 .statistics .game-user-num i {
        float: left;
        width: 0.31771rem;
        height: 0.28646rem;
        background-image: url("/static/specials/images/SecurityPlan_icon_man.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-top: 0.10417rem; }
      #fullpage .bg2 .statistics .game-user-num .txt-wrapper {
        position: relative;
        float: left; }
        #fullpage .bg2 .statistics .game-user-num .txt-wrapper p {
          font-size: 0.09375rem;
          color: #fff;
          position: absolute;
          top: -0.07813rem;
          width: 0.89063rem; }
        #fullpage .bg2 .statistics .game-user-num .txt-wrapper .game-user {
          position: absolute;
          font-size: 0.3125rem;
          font-weight: 400;
          color: #ffdb79; }
    #fullpage .bg2 .statistics .symbol {
      float: left;
      font-size: 0.22917rem;
      color: #ffdb79;
      line-height: 0.44792rem;
      margin-left: 0.11979rem;
      margin-right: 0.11979rem; }
    #fullpage .bg2 .statistics .net-delay {
      float: left;
      width: 1.11979rem; }
      #fullpage .bg2 .statistics .net-delay i {
        float: left;
        width: 0.25521rem;
        height: 0.27604rem;
        background-image: url("/static/specials/images/SecurityPlan_icon_alltime.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-top: 0.10417rem; }
      #fullpage .bg2 .statistics .net-delay .txt-wrapper {
        position: relative;
        float: left; }
        #fullpage .bg2 .statistics .net-delay .txt-wrapper p {
          font-size: 0.09375rem;
          color: #fff;
          position: absolute;
          top: -0.07813rem;
          width: 0.85417rem; }
        #fullpage .bg2 .statistics .net-delay .txt-wrapper .game-user {
          font-size: 0.3125rem;
          position: absolute;
          width: 0.85417rem;
          color: #ffdb79; }
    #fullpage .bg2 .statistics .total-net-delay {
      float: left;
      width: 1.14583rem; }
      #fullpage .bg2 .statistics .total-net-delay i {
        float: left;
        width: 0.26042rem;
        height: 0.27604rem;
        background-image: url("/static/specials/images/SecurityPlan_icon_time.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-top: 0.10417rem; }
      #fullpage .bg2 .statistics .total-net-delay .txt-wrapper {
        position: relative;
        float: left; }
        #fullpage .bg2 .statistics .total-net-delay .txt-wrapper p {
          font-size: 0.09375rem;
          color: #fff;
          position: absolute;
          top: -0.07813rem;
          width: 0.85417rem; }
        #fullpage .bg2 .statistics .total-net-delay .txt-wrapper .game-user {
          font-size: 0.3125rem;
          position: absolute;
          color: #ffdb79; }
  #fullpage .bg2 .explain {
    width: 4.16667rem;
    height: 1.30208rem;
    margin: 0.41667rem auto 0;
    background-image: url("/static/specials/images/SecurityPlan_bg2_list.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
    #fullpage .bg2 .explain p {
      width: 2.08333rem;
      height: 0.26042rem;
      margin: 0 auto;
      padding-top: 0.10417rem;
      font-size: 0.09375rem;
      line-height: 0.15625rem;
      color: #fff; }
    #fullpage .bg2 .explain .txt-wrapper {
      margin-top: 0.75rem;
      overflow: hidden;
      font-size: 0.125rem;
      color: #ffe08e; }
      #fullpage .bg2 .explain .txt-wrapper span {
        float: left;
        width: 1.04167rem; }
  #fullpage .bg2 .txt {
    font-size: 0.15625rem;
    color: #fff;
    margin-top: 0.17708rem; }
  #fullpage .bg3 .bg3-h3-title {
    margin-top: 0.44271rem;
    font-size: 0.3125rem;
    color: #ffdb79;
    font-weight: 400; }
  #fullpage .bg3 .bg3-p-title {
    margin-top: 0.08333rem;
    font-size: 0.09375rem;
    color: #fff; }
    #fullpage .bg3 .bg3-p-title.mgt27 {
      margin-top: 0.11979rem;
      line-height: 0.15625rem; }
  #fullpage .bg3 .bg3-h2-title {
    margin: 0.36458rem auto 0;
    font-size: 0.3125rem;
    color: #ffdb79;
    font-weight: 400; }
  #fullpage .bg3 .bidding-network {
    width: 5.73438rem;
    height: 0.85417rem;
    margin: 0.60938rem auto 0;
    font-family: SourceHanSansCN;
    background-image: url("/static/specials/images/SecurityPlan_f2_net.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
    #fullpage .bg3 .bidding-network .txt-local-net {
      font-size: 0.09375rem;
      font-weight: 400;
      color: #fff;
      float: left;
      width: 0.41667rem;
      text-align: left;
      margin-top: 0.20833rem; }
    #fullpage .bg3 .bidding-network .txt-local-net-line {
      font-size: 0.09375rem;
      font-weight: 400;
      color: #fff;
      float: left;
      width: 0.52083rem;
      margin-top: -0.23438rem; }
    #fullpage .bg3 .bidding-network .bidding-network-start {
      font-size: 0.125rem;
      font-weight: 400;
      color: #ffe08e;
      float: left;
      width: 1.04167rem;
      margin-left: 0.41667rem;
      margin-top: 0.36458rem; }
    #fullpage .bg3 .bidding-network .bidding-network-line {
      font-size: 0.15625rem;
      color: #ffe08e;
      font-weight: 400;
      float: left;
      width: 2.03125rem;
      margin-top: -0.38542rem; }
      #fullpage .bg3 .bidding-network .bidding-network-line .up {
        display: block;
        height: 0.3125rem;
        line-height: 0.3125rem; }
      #fullpage .bg3 .bidding-network .bidding-network-line .down {
        display: block;
        height: 0.3125rem;
        line-height: 0.3125rem; }
    #fullpage .bg3 .bidding-network .bidding-network-end {
      font-size: 0.125rem;
      font-weight: 400;
      color: #ffe08e;
      float: left;
      margin-left: 0.05208rem;
      margin-top: 0.36458rem; }
    #fullpage .bg3 .bidding-network .operator-line {
      font-size: 0.09375rem;
      color: #fff;
      font-weight: 400;
      float: left;
      width: 0.47917rem;
      margin-top: -0.23438rem; }
    #fullpage .bg3 .bidding-network .servicer-net {
      font-size: 0.09375rem;
      color: #fff;
      font-weight: 400;
      float: right;
      width: 0.47917rem;
      margin-right: -0.07292rem;
      margin-top: 0.20833rem; }
  #fullpage .bg3 .f2-line {
    float: left;
    width: 5.09375rem;
    height: 0.11979rem;
    background-image: url("/static/specials/images/SecurityPlan_icon_lianjie.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    margin-top: 0.36458rem;
    margin-left: 0.29688rem; }
  #fullpage .bg3 .bg3-p-tip {
    height: 0.98958rem;
    font-size: 0.09375rem;
    color: #fff;
    padding-top: 0.41146rem; }
    #fullpage .bg3 .bg3-p-tip span {
      color: #ffdb79; }
  #fullpage .bg4 .bg4-h2-title {
    font-size: 0.3125rem;
    font-weight: 400;
    color: #ffdb79;
    margin-top: 0.44271rem; }
  #fullpage .bg4 .bg4-p-title {
    margin-top: 0.05208rem;
    font-size: 0.09375rem;
    color: #fff;
    height: 0.625rem;
    line-height: 0.16667rem; }
    #fullpage .bg4 .bg4-p-title span {
      color: #ffdb79; }
  #fullpage .bg4 .loss-delay-wrapper {
    width: 4.16667rem;
    height: 0.83333rem;
    margin: 0.51042rem auto 0; }
  #fullpage .bg4 .loss-delay-wrapper .loss {
    float: left;
    width: 1.09375rem; }
    #fullpage .bg4 .loss-delay-wrapper .loss p {
      font-size: 0.125rem;
      color: #fff; }
    #fullpage .bg4 .loss-delay-wrapper .loss .loss-num {
      font-size: 0.78125rem;
      font-weight: 400;
      color: #ffdb79;
      font-size: 0.78125rem;
      margin-top: -0.125rem; }
      #fullpage .bg4 .loss-delay-wrapper .loss .loss-num span {
        font-size: 0.125rem;
        margin-left: -0.05208rem; }
  #fullpage .bg4 .loss-delay-wrapper .txt {
    float: left;
    width: 1.25rem;
    margin-top: 0.3125rem;
    margin-left: 0.28646rem;
    margin-right: 0.39063rem; }
    #fullpage .bg4 .loss-delay-wrapper .txt .bg4-h4-con {
      font-weight: 400;
      font-size: 0.125rem;
      color: #ffdb79; }
    #fullpage .bg4 .loss-delay-wrapper .txt .bg4-p-con {
      font-weight: 400;
      font-size: 0.09375rem;
      color: #fff; }
  #fullpage .bg4 .loss-delay-wrapper .delay {
    float: left;
    width: 1.09375rem; }
    #fullpage .bg4 .loss-delay-wrapper .delay p {
      font-size: 0.125rem;
      color: #fff; }
    #fullpage .bg4 .loss-delay-wrapper .delay .delay-num {
      font-size: 0.78125rem;
      font-weight: 400;
      color: #ffdb79;
      font-size: 0.78125rem;
      margin-top: -0.125rem; }
      #fullpage .bg4 .loss-delay-wrapper .delay .delay-num span {
        font-size: 0.125rem;
        margin-left: -0.05208rem; }
  #fullpage .bg4 .bg4-tip-wrapper {
    width: 4.16667rem;
    margin: 0 auto;
    margin-top: 0.79167rem;
    height: 0.52083rem; }
    #fullpage .bg4 .bg4-tip-wrapper p {
      font-size: 0.09375rem;
      color: #6072ae;
      height: 0.14063rem;
      line-height: 0.14063rem; }
      #fullpage .bg4 .bg4-tip-wrapper p span {
        float: left; }
        #fullpage .bg4 .bg4-tip-wrapper p span:nth-of-type(1) {
          width: 1.92708rem;
          text-align: left; }
        #fullpage .bg4 .bg4-tip-wrapper p span:nth-of-type(2) {
          width: 2.23958rem;
          text-align: left; }
  #fullpage .bg5 .bg5-h2-title {
    font-size: 0.3125rem;
    font-weight: 400;
    color: #ffdb79;
    margin-top: 0.44271rem; }
  #fullpage .bg5 .bg5-p-title {
    margin-top: 0.05208rem;
    font-size: 0.09375rem;
    color: #fff;
    line-height: 0.16667rem;
    height: 0.625rem; }
    #fullpage .bg5 .bg5-p-title span {
      color: #ffdb79; }
  #fullpage .bg5 .bg5-table-wrapper {
    width: 6.01563rem;
    height: 1.04167rem;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0.42708rem auto 0; }
    #fullpage .bg5 .bg5-table-wrapper .title-list {
      float: left;
      width: 1.27083rem;
      height: 0.70313rem;
      border-right: 1px solid #fff;
      margin-top: 0.16667rem; }
      #fullpage .bg5 .bg5-table-wrapper .title-list span {
        font-size: 0.125rem;
        color: #fff;
        display: block;
        text-align: right;
        padding-right: 0.23958rem;
        color: #ffdb79; }
        #fullpage .bg5 .bg5-table-wrapper .title-list span:nth-of-type(1) {
          padding-top: 0.0625rem; }
        #fullpage .bg5 .bg5-table-wrapper .title-list span:nth-of-type(2) {
          margin-top: 0.19792rem; }
    #fullpage .bg5 .bg5-table-wrapper .min5-20 {
      float: left;
      width: 1.59896rem;
      height: 0.70313rem;
      border-right: 1px solid #fff;
      margin-top: 0.19271rem; }
      #fullpage .bg5 .bg5-table-wrapper .min5-20 span {
        font-size: 0.09375rem;
        color: #fff;
        display: block; }
        #fullpage .bg5 .bg5-table-wrapper .min5-20 span:nth-of-type(1) {
          padding-top: 0.0625rem; }
        #fullpage .bg5 .bg5-table-wrapper .min5-20 span:nth-of-type(2) {
          font-size: 0.375rem;
          color: #ffdb79;
          margin-top: 0.04167rem; }
    #fullpage .bg5 .bg5-table-wrapper .min20-60 {
      float: left;
      width: 1.63542rem;
      height: 0.70313rem;
      border-right: 1px solid #fff;
      margin-top: 0.19271rem; }
      #fullpage .bg5 .bg5-table-wrapper .min20-60 span {
        font-size: 0.09375rem;
        color: #fff;
        display: block; }
        #fullpage .bg5 .bg5-table-wrapper .min20-60 span:nth-of-type(1) {
          padding-top: 0.0625rem; }
        #fullpage .bg5 .bg5-table-wrapper .min20-60 span:nth-of-type(2) {
          font-size: 0.375rem;
          color: #ffb33c;
          margin-top: 0.04167rem; }
    #fullpage .bg5 .bg5-table-wrapper .gt60 {
      float: left;
      width: 1.47396rem;
      height: 0.70313rem;
      margin-top: 0.19271rem; }
      #fullpage .bg5 .bg5-table-wrapper .gt60 span {
        font-size: 0.09375rem;
        color: #fff;
        display: block; }
        #fullpage .bg5 .bg5-table-wrapper .gt60 span:nth-of-type(1) {
          padding-top: 0.0625rem; }
        #fullpage .bg5 .bg5-table-wrapper .gt60 span:nth-of-type(2) {
          font-size: 0.375rem;
          color: #ff9a37;
          margin-top: 0.04167rem; }
  #fullpage .bg5 .bg5-p-tip {
    font-size: 0.09375rem;
    color: #50d4ff;
    margin-top: 0.11458rem;
    height: 0.83333rem; }
    #fullpage .bg5 .bg5-p-tip a {
      color: #50d4ff; }
    #fullpage .bg5 .bg5-p-tip span {
      display: block;
      margin-top: 0.14583rem;
      color: #6072ae; }
  #fullpage .bg6 .bg6-h2-title {
    font-size: 0.3125rem;
    font-weight: 400;
    color: #ffdb79;
    margin-top: 0.44271rem; }
  #fullpage .bg6 .bg6-p-title {
    margin-top: 0.05208rem;
    font-size: 0.09375rem;
    color: #fff;
    line-height: 0.16667rem;
    height: 0.83333rem; }
    #fullpage .bg6 .bg6-p-title span {
      color: #ffdb79; }
  #fullpage .bg6 .game-groom-wrapper {
    width: 6.5rem;
    height: 1.86458rem;
    margin: 0.05208rem auto 0;
    position: relative; }
    #fullpage .bg6 .game-groom-wrapper .center {
      position: absolute;
      width: 1.13542rem;
      height: 1.86458rem;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background-image: url("/static/specials/images/SecurityPlan_center.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      z-index: 9; }
    #fullpage .bg6 .game-groom-wrapper .left_1 {
      position: absolute;
      width: 1.13542rem;
      height: 1.65625rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_left_1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      z-index: 8;
      -webkit-transition: left 0.7s ease-in 0.2s;
      transition: left 0.7s ease-in 0.2s; }
      #fullpage .bg6 .game-groom-wrapper .left_1.left_1_animate {
        left: 35%; }
    #fullpage .bg6 .game-groom-wrapper .right_1 {
      position: absolute;
      width: 1.13542rem;
      height: 1.65625rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_right_1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      z-index: 8;
      -webkit-transition: left 0.7s ease-in 0.2s;
      transition: left 0.7s ease-in 0.2s; }
      #fullpage .bg6 .game-groom-wrapper .right_1.right_1_animate {
        left: 64.5%; }
    #fullpage .bg6 .game-groom-wrapper .left_2 {
      position: absolute;
      width: 1.13542rem;
      height: 1.50521rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_left_2.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      -webkit-transition: left 0.7s ease-in 0.2s;
      transition: left 0.7s ease-in 0.2s;
      z-index: 7; }
      #fullpage .bg6 .game-groom-wrapper .left_2.left_2_animate {
        left: 21%; }
    #fullpage .bg6 .game-groom-wrapper .right_2 {
      position: absolute;
      width: 1.04167rem;
      height: 1.50521rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_right_2.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      -webkit-transition: left 0.7s ease-in 0.3s;
      transition: left 0.7s ease-in 0.3s;
      z-index: 7; }
      #fullpage .bg6 .game-groom-wrapper .right_2.right_2_animate {
        left: 77.5%; }
    #fullpage .bg6 .game-groom-wrapper .left_3 {
      position: absolute;
      width: 1.04167rem;
      height: 1.30208rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_left_3.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      -webkit-transition: left 0.7s ease-in 0.3s;
      transition: left 0.7s ease-in 0.3s;
      z-index: 6; }
      #fullpage .bg6 .game-groom-wrapper .left_3.left_3_animate {
        left: 9%; }
    #fullpage .bg6 .game-groom-wrapper .right_3 {
      position: absolute;
      width: 1.04167rem;
      height: 1.30208rem;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url("/static/specials/images/SecurityPlan_right_3.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      -webkit-transition: left 0.7s ease-in 0.3s;
      transition: left 0.7s ease-in 0.3s;
      z-index: 6; }
      #fullpage .bg6 .game-groom-wrapper .right_3.right_3_animate {
        left: 89%; }
  #fullpage .bg7 .bg7-con-wrapper {
    width: 5.20833rem;
    height: 2.34896rem;
    margin: 1.24479rem auto 0; }
    #fullpage .bg7 .bg7-con-wrapper .bg7-logo {
      width: 1.39063rem;
      height: 1.31771rem;
      float: left;
      background-image: url("/static/specials/images/SecurityPlan_bg7_logo.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      margin-right: 0.23438rem; }
    #fullpage .bg7 .bg7-con-wrapper .txt-con {
      float: left;
      text-align: left; }
      #fullpage .bg7 .bg7-con-wrapper .txt-con .bg7-h3-title {
        font-size: 0.25rem;
        color: #ffdb79;
        font-weight: 400; }
      #fullpage .bg7 .bg7-con-wrapper .txt-con .bg7-p-con {
        font-size: 0.09375rem;
        color: #fff;
        font-weight: 400;
        margin-top: 0.10417rem; }
      #fullpage .bg7 .bg7-con-wrapper .txt-con .bg7-span-con {
        font-size: 0.125rem;
        display: block;
        color: #ffdb79;
        font-weight: 400;
        margin-top: 0.10417rem; }
  #fullpage .btn-wrapper {
    height: 1.30208rem; }
  #fullpage .bg7 .bg7-btn {
    font-size: 0.125rem;
    color: #4c160a;
    font-weight: 400;
    display: block;
    width: 1.5625rem;
    height: 0.41667rem;
    line-height: 0.41667rem;
    text-decoration: none;
    margin: -0.27083rem auto 0;
    background-image: url("/static/specials/images/SecurityPlan_bg7_btn.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
    #fullpage .bg7 .bg7-btn span {
      font-weight: bold; }
    #fullpage .bg7 .bg7-btn:hover {
      background-image: url("/static/specials/images/SecurityPlan_bg7_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  #fullpage .bg7 .btn-tip {
    color: #ffdb79;
    font-size: 0.15625rem;
    font-weight: 400;
    position: relative;
    top: -0.32292rem; }
  #fullpage .bg2 .bg2-title-wrapper {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg2 .bg2-title-wrapper.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg2 .statistics-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s; }
    #fullpage .bg2 .statistics-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      opacity: 1; }
  #fullpage .bg2 .explain-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg2 .explain-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
  #fullpage .bg2 .txt-amimate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg2 .txt-amimate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg2 .bg2-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s; }
    #fullpage .bg2 .bg2-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      opacity: 1; }
  #fullpage .bg3 .bg3-title-wrapper-1 {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg3 .bg3-title-wrapper-1.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg3 .bg3-h2-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg3 .bg3-h2-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
  #fullpage .bg3 .bg3-p-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg3 .bg3-p-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg3 .bg3-bidding-network-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg3 .bg3-bidding-network-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
    #fullpage .bg3 .bg3-bidding-network-animate .f3-line-wrapper {
      overflow: hidden;
      width: 0;
      -webkit-transition: width linear 0.8s;
      transition: width linear 0.8s; }
      #fullpage .bg3 .bg3-bidding-network-animate .f3-line-wrapper.show {
        width: 5.39063rem; }
  #fullpage .bg3 .txt-local-net-line-animate {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0.1s;
    transition: opacity 0.2s ease-in 0.1s; }
    #fullpage .bg3 .txt-local-net-line-animate.show {
      opacity: 1; }
  #fullpage .bg3 .bidding-network-line-animate {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0.4s;
    transition: opacity 0.2s ease-in 0.4s; }
    #fullpage .bg3 .bidding-network-line-animate.show {
      opacity: 1; }
  #fullpage .bg3 .operator-line-animate {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0.7s;
    transition: opacity 0.2s ease-in 0.7s; }
    #fullpage .bg3 .operator-line-animate.show {
      opacity: 1; }
  #fullpage .bg3 .bg3-p-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg3 .bg3-p-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg3 .bg3-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.6s, -webkit-filter 0s linear 0.6s;
    transition: opacity 0s linear 0.6s, -webkit-filter 0s linear 0.6s;
    transition: opacity 0s linear 0.6s, filter 0s linear 0.6s;
    transition: opacity 0s linear 0.6s, filter 0s linear 0.6s, -webkit-filter 0s linear 0.6s; }
    #fullpage .bg3 .bg3-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.6s, -webkit-filter 0s linear 0.6s;
      transition: opacity 0s linear 0.6s, -webkit-filter 0s linear 0.6s;
      transition: opacity 0s linear 0.6s, filter 0s linear 0.6s;
      transition: opacity 0s linear 0.6s, filter 0s linear 0.6s, -webkit-filter 0s linear 0.6s;
      opacity: 1; }
  #fullpage .bg4 .bg4-title-wrapper {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg4 .bg4-title-wrapper.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg4 .bg4-p-title-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s; }
    #fullpage .bg4 .bg4-p-title-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      opacity: 1; }
  #fullpage .bg4 .loss-delay-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg4 .loss-delay-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
  #fullpage .bg4 .bg4-tip-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg4 .bg4-tip-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg4 .bg4-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s; }
    #fullpage .bg4 .bg4-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      opacity: 1; }
  #fullpage .bg5 .bg5-title-wrapper {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg5 .bg5-title-wrapper.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg5 .bg5-p-title-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s; }
    #fullpage .bg5 .bg5-p-title-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      opacity: 1; }
  #fullpage .bg5 .bg5-table-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg5 .bg5-table-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
  #fullpage .bg5 .bg5-p-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg5 .bg5-p-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg5 .bg5-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s; }
    #fullpage .bg5 .bg5-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      opacity: 1; }
  #fullpage .bg6 .bg6-title-wrapper {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg6 .bg6-title-wrapper.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg6 .bg6-p-title-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s; }
    #fullpage .bg6 .bg6-p-title-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      opacity: 1; }
  #fullpage .bg6 .game-groom-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
    transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s; }
    #fullpage .bg6 .game-groom-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s;
      transition: opacity 0s linear 0.2s, filter 0s linear 0.2s, -webkit-filter 0s linear 0.2s;
      opacity: 1; }
  #fullpage .bg6 .intro-loop-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #fullpage .bg6 .intro-loop-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }
  #fullpage .bg6 .bg6-tip-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
    transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s; }
    #fullpage .bg6 .bg6-tip-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s;
      transition: opacity 0s linear 0.4s, filter 0s linear 0.4s, -webkit-filter 0s linear 0.4s;
      opacity: 1; }
  #fullpage .bg7 .bg7-con-wrapper-animate {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: -webkit-filter 0s linear;
    transition: -webkit-filter 0s linear;
    transition: filter 0s linear;
    transition: filter 0s linear, -webkit-filter 0s linear; }
    #fullpage .bg7 .bg7-con-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px); }
  #fullpage .bg7 .bg7-btn-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
    transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s; }
    #fullpage .bg7 .bg7-btn-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s;
      transition: opacity 0s linear 0.1s, filter 0s linear 0.1s, -webkit-filter 0s linear 0.1s;
      opacity: 1; }

#loop-wrapper {
  position: relative;
  width: 6.82292rem;
  height: 1.46354rem;
  margin: 0.15625rem auto 0; }
  #loop-wrapper img {
    width: 100%;
    height: 100%; }
  #loop-wrapper.intro-loop-wrapper-animate {
    opacity: 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
    transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s; }
    #loop-wrapper.intro-loop-wrapper-animate.active {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      -webkit-transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s;
      transition: opacity 0s linear 0.3s, filter 0s linear 0.3s, -webkit-filter 0s linear 0.3s;
      opacity: 1; }

#loop-wrapper .swiper-wrapper {
  position: relative; }
  #loop-wrapper .swiper-wrapper .swiper-slide {
    width: 3.125rem;
    height: 1.46354rem; }
    #loop-wrapper .swiper-wrapper .swiper-slide.swiper-slide-prev {
      background-color: rgba(0, 0, 0, 0.3); }
      #loop-wrapper .swiper-wrapper .swiper-slide.swiper-slide-prev img {
        opacity: 0.3; }
    #loop-wrapper .swiper-wrapper .swiper-slide.swiper-slide-next {
      background-color: rgba(0, 0, 0, 0.3); }
      #loop-wrapper .swiper-wrapper .swiper-slide.swiper-slide-next img {
        opacity: 0.3; }

#loop-wrapper .swiper-slide img {
  display: block; }

.menu-wrapper {
  position: fixed;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9; }
  .menu-wrapper .nav-logo {
    display: block;
    width: 80px;
    height: 84px;
    margin: 0 auto;
    background-image: url("/static/specials/images/SecurityPlan_nav_logo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    margin-bottom: 0.04688rem; }

#menu {
  width: 90px;
  height: 258px;
  overflow: hidden; }
  #menu span {
    display: block;
    width: 90px;
    height: 44px;
    font-size: 0;
    position: relative;
    margin: 0 auto;
    background-image: url("/static/specials/images/SecurityPlan_nav_btn.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  #menu a {
    float: left;
    width: 90px;
    height: 40px;
    font-size: 14px;
    color: #7278c1;
    text-decoration: none;
    line-height: 40px;
    text-align: center; }
  #menu .page1 {
    height: 44px; }
    #menu .page1:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page1:hover a {
        color: #6a330f; }
    #menu .page1.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page1.curr a {
        color: #6a330f; }
  #menu .page2 {
    height: 44px; }
    #menu .page2:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page2:hover a {
        color: #6a330f; }
    #menu .page2.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page2.curr a {
        color: #6a330f; }
  #menu .page3 {
    height: 44px; }
    #menu .page3:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page3:hover a {
        color: #6a330f; }
    #menu .page3.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page3.curr a {
        color: #6a330f; }
  #menu .page4 {
    height: 44px; }
    #menu .page4:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page4:hover a {
        color: #6a330f; }
    #menu .page4.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page4.curr a {
        color: #6a330f; }
  #menu .page5 {
    height: 44px; }
    #menu .page5:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page5:hover a {
        color: #6a330f; }
    #menu .page5.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page5.curr a {
        color: #6a330f; }
  #menu .page6 {
    height: 44px; }
    #menu .page6:hover {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
      #menu .page6:hover a {
        color: #6a330f; }
    #menu .page6.curr {
      background-image: url("/static/specials/images/SecurityPlan_nav_btn_hover.png");
      background-repeat: no-repeat;
      background-size: cover;
      height: 44px;
      background-size: 100% 100%; }
      #menu .page6.curr a {
        color: #6a330f; }

#scene-bg {
  position: absolute;
  width: 110%;
  height: 100%;
  left: 0;
  top: 0; }
  #scene-bg li {
    height: 100%; }
    #scene-bg li:nth-of-type(2) {
      width: 100%;
      height: 0.27604rem;
      margin-top: 0.20833rem;
      margin-left: -5%; }
      #scene-bg li:nth-of-type(2) a {
        display: block;
        width: 1.30208rem;
        margin: 0 auto; }
  #scene-bg img {
    float: left;
    width: 100%;
    height: 100%;
    margin-left: -5%;
    overflow: hidden; }

.scene-wrapper {
  width: 4.625rem;
  margin: 0.40104rem 0 auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%); }

@media screen and (min-width: 2550px) {
  .scene-wrapper {
    margin: 340px auto 0; } }

#scene {
  position: relative; }
  #scene li {
    list-style: none; }
  #scene .layer {
    position: absolute; }
    #scene .layer:nth-of-type(1) {
      height: 0; }
    #scene .layer:nth-of-type(2) {
      width: 0.74479rem;
      height: 0.47396rem;
      margin-left: 0.77604rem;
      margin-top: 1.21354rem; }
      #scene .layer:nth-of-type(2) div {
        -webkit-animation: switch 5s ease-in infinite;
                animation: switch 5s ease-in infinite; }
      #scene .layer:nth-of-type(2) img {
        width: 100%; }
    #scene .layer:nth-of-type(3) {
      width: 3.71354rem;
      height: 3.46875rem;
      margin-left: 0.94792rem;
      margin-top: 0.34896rem; }
      #scene .layer:nth-of-type(3) .logo-wrapper {
        width: 2.60417rem;
        height: 2.86458rem;
        overflow: hidden;
        -webkit-perspective: 1600px;
                perspective: 1600px; }
      #scene .layer:nth-of-type(3) img {
        width: 100%; }
    #scene .layer:nth-of-type(4) {
      width: 0.5rem;
      height: 0.51042rem;
      margin-left: -0.15625rem;
      margin-top: 2.09375rem; }
      #scene .layer:nth-of-type(4) div {
        -webkit-animation: ctrl 4s ease-in infinite;
                animation: ctrl 4s ease-in infinite; }
      #scene .layer:nth-of-type(4) img {
        width: 100%; }
    #scene .layer:nth-of-type(5) {
      width: 0.54167rem;
      height: 0.53125rem;
      margin-left: 3.32813rem;
      margin-top: 1.76042rem; }
      #scene .layer:nth-of-type(5) div {
        -webkit-animation: ps4 6s ease-in infinite;
                animation: ps4 6s ease-in infinite; }
      #scene .layer:nth-of-type(5) img {
        width: 100%; }
    #scene .layer:nth-of-type(6) {
      width: 3.71354rem;
      height: 3.46875rem;
      margin-left: 0.05208rem;
      margin-top: 0rem; }
      #scene .layer:nth-of-type(6) .thunder-animate {
        width: 3.71354rem;
        height: 3.46875rem;
        background-image: url("/static/specials/images/SecurityPlan_bg1_thunder.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
    #scene .layer:nth-of-type(7) {
      width: 3.53646rem;
      height: 1.19792rem;
      margin-left: 0.47396rem;
      margin-top: 2.81771rem; }
      #scene .layer:nth-of-type(7) img {
        width: 100%; }
  #scene .step-animate {
    width: 2.60417rem;
    height: 2.86458rem;
    background-image: url("/static/specials/images/SecurityPlan_bg1_logo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    -webkit-animation: stepAnimate 1s steps(1, start) infinite;
            animation: stepAnimate 1s steps(1, start) infinite; }
  #scene .title-wrapper {
    -webkit-perspective: 1600px;
            perspective: 1600px; }
    #scene .title-wrapper .img {
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease;
      width: 3.53646rem;
      height: 1.19792rem;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      background-image: url("/static/specials/images/SecurityPlan_bg1_title.png");
      background-repeat: no-repeat;
      background-size: cover; }
  #scene .logo-img {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    width: 2.60417rem;
    height: 2.86458rem;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  #scene .thunder-wrapper {
    -webkit-perspective: 1600px;
            perspective: 1600px; }
  #scene .thunder-img {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    width: 3.71354rem;
    height: 3.46875rem;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }

@-webkit-keyframes stepAnimate {
  0% {
    background-position: 0 0; }
  10% {
    background-position: 0 -2.86458rem; }
  20% {
    background-position: 0 -5.72917rem; }
  30% {
    background-position: 0 -8.59375rem; }
  40% {
    background-position: 0 -11.45833rem; }
  50% {
    background-position: 0 -14.32292rem; }
  60% {
    background-position: 0 -17.1875rem; }
  70% {
    background-position: 0 -20.05208rem; }
  80% {
    background-position: 0 -22.91667rem; }
  90% {
    background-position: 0 -25.78125rem; }
  100% {
    background-position: 0 0; } }

@keyframes stepAnimate {
  0% {
    background-position: 0 0; }
  10% {
    background-position: 0 -2.86458rem; }
  20% {
    background-position: 0 -5.72917rem; }
  30% {
    background-position: 0 -8.59375rem; }
  40% {
    background-position: 0 -11.45833rem; }
  50% {
    background-position: 0 -14.32292rem; }
  60% {
    background-position: 0 -17.1875rem; }
  70% {
    background-position: 0 -20.05208rem; }
  80% {
    background-position: 0 -22.91667rem; }
  90% {
    background-position: 0 -25.78125rem; }
  100% {
    background-position: 0 0; } }

@-webkit-keyframes ps4 {
  0% {
    margin-top: 0rem; }
  25% {
    margin-top: 0.05208rem; }
  50% {
    margin-top: 0rem; }
  75% {
    margin-top: 0.05208rem; }
  100% {
    margin-top: 0rem; } }

@keyframes ps4 {
  0% {
    margin-top: 0rem; }
  25% {
    margin-top: 0.05208rem; }
  50% {
    margin-top: 0rem; }
  75% {
    margin-top: 0.05208rem; }
  100% {
    margin-top: 0rem; } }

@keyframes ctrl {
  0% {
    margin-top: 0rem; }
  25% {
    margin-top: -0.02604rem; }
  50% {
    margin-top: 0rem; }
  75% {
    margin-top: -0.02604rem; }
  100% {
    margin-top: 0rem; } }

@keyframes switch {
  0% {
    margin-top: 0rem; }
  25% {
    margin-top: 0.02604rem; }
  50% {
    margin-top: 0rem; }
  75% {
    margin-top: 0.02604rem; }
  100% {
    margin-top: 0rem; } }