.ico-vip {
  display: inline-block;
  background-image: url(../img/v2/vip/vip-icons.png?v=1);
  background-repeat: no-repeat; }

.koo-ico {
  display: inline-block;
  background-image: url(../img/v2/icon-bgs.png);
  background-repeat: no-repeat; }

.koo-ico2 {
  display: inline-block;
  background-image: url(../img/v2/ioc-third.png);
  background-repeat: no-repeat; }

.a:hover {
  text-decoration: none;
  color: #2d92e8; }

.eclip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.app-ioc, .wrapper-banner .cloud1, .wrapper-down .cloud1, .wrapper-banner .balloon, .wrapper-down .balloon, .wrapper-banner .cloud2, .wrapper-down .cloud2, .wrapper-banner .btn-iphone, .wrapper-down .btn-iphone, .wrapper-banner .btn-android, .wrapper-down .btn-android, .wrapper-live-txt .a dt em, .wrapper-live-txt .b dt em, .wrapper-live-txt .c dt em, .wrapper-live-txt dt {
  background-image: url("../img/v2/app/app-ioc.png");
  background-repeat: no-repeat; }

.wrapper-banner, .wrapper-down {
  height: 605px;
  background: #0091ff url("../img/v2/app/banner-bg.jpg") no-repeat center bottom; }
  .wrapper-banner > .w1200 em, .wrapper-down > .w1200 em {
    position: absolute;
    z-index: 5;
    left: 50%; }
  .wrapper-banner .w1200, .wrapper-down .w1200 {
    position: relative;
    margin: 0 auto;
    height: 524px; }
  .wrapper-banner .telphone, .wrapper-down .telphone {
    background: url("../img/v2/app/telphone.png") no-repeat;
    width: 273px;
    height: 558px;
    margin-left: -522px;
    top: 152px; }
    .wrapper-banner .telphone span, .wrapper-down .telphone span {
      height: 426px;
      width: 241px;
      background-color: #fff;
      position: absolute;
      left: 15px;
      top: 66px;
      z-index: 6;
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .wrapper-banner .cloud1, .wrapper-down .cloud1 {
    width: 100px;
    height: 62px;
    top: 173px; }
    .wrapper-banner .cloud1.left, .wrapper-down .cloud1.left {
      margin-left: -266px;
      -webkit-animation: moveLR 20s 1s linear infinite;
      animation: moveLR 20s 1s linear infinite; }
    .wrapper-banner .cloud1.center, .wrapper-down .cloud1.center {
      margin-left: 119px;
      -webkit-animation: moveLR 10s 2s linear infinite;
      animation: moveLR 10s 2s linear infinite; }
    .wrapper-banner .cloud1.right, .wrapper-down .cloud1.right {
      top: 310px;
      margin-left: 575px;
      -webkit-animation: moveLR 15s  linear infinite;
      animation: moveLR 15s linear infinite; }
  .wrapper-banner .balloon, .wrapper-down .balloon {
    width: 97px;
    height: 142px;
    top: 24px;
    margin-left: 200px;
    background-position: 0 -142px;
    -webkit-animation: updown 9s linear infinite;
    animation: updown 9s linear infinite; }
  .wrapper-banner .cloud2, .wrapper-down .cloud2 {
    width: 160px;
    height: 78px;
    top: 94px;
    margin-left: -149px;
    background-position: 0 -62px;
    -webkit-animation: moveLR 15s  linear infinite;
    animation: moveLR 15s linear infinite; }
  .wrapper-banner .img-code, .wrapper-down .img-code {
    width: 366px;
    height: 140px;
    margin-left: -70px;
    top: 345px; }
  .wrapper-banner .btn-iphone, .wrapper-down .btn-iphone, .wrapper-banner .btn-android, .wrapper-down .btn-android {
    background-position: 0 -308px;
    width: 202px;
    height: 51px;
    display: block; }
    .wrapper-banner .btn-iphone:hover, .wrapper-down .btn-iphone:hover, .wrapper-banner .btn-android:hover, .wrapper-down .btn-android:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }
  .wrapper-banner .btn-android, .wrapper-down .btn-android {
    background-position: 0 -366px;
    margin-top: 25px; }

@keyframes updown {
  0% ,100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); } }
@-webkit-keyframes updown {
  0% ,100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); } }
@keyframes moveLR {
  0% ,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px); } }
@-webkit-keyframes moveLR {
  0% ,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px); } }
.wrapper-live-txt {
  background-color: #fafafa;
  padding-top: 162px;
  padding-bottom: 52px; }
  .wrapper-live-txt .bar {
    height: 87px;
    background: url("../img/v2/app/app_12.jpg") no-repeat center center;
    margin-bottom: 62px; }
  .wrapper-live-txt dl {
    float: left;
    width: 33%; }
    .wrapper-live-txt dl em {
      -webkit-transition: all 1s 0s ease-in-out;
      -moz-transition: all 1s 0s ease-in-out;
      -ms-transition: all 1s 0s ease-in-out;
      -o-transition: all 1s 0s ease-in-out;
      transition: all 1s 0s ease-in-out; }
    .wrapper-live-txt dl:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .wrapper-live-txt dl:hover em {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
  .wrapper-live-txt .a dt em {
    height: 113px;
    width: 85px;
    background-position: 0 -425px;
    position: absolute;
    left: 156px;
    top: 26px; }
  .wrapper-live-txt .b dt em {
    height: 102px;
    width: 113px;
    background-position: -97px -425px;
    position: absolute;
    left: 142px;
    top: 38px; }
  .wrapper-live-txt .c dt em {
    height: 137px;
    width: 107px;
    background-position: 0 -538px;
    position: absolute;
    left: 142px;
    top: 26px; }
  .wrapper-live-txt dt {
    height: 178px;
    width: 340px;
    position: relative;
    background-position: 89px -673px; }
  .wrapper-live-txt h3 {
    text-align: center;
    line-height: 52px;
    height: 52px;
    color: #333; }
  .wrapper-live-txt p {
    padding: 0 53px; }

.wrapper-update-txt {
  background-color: #fff;
  padding-top: 75px;
  height: 1686px; }
  .wrapper-update-txt .bar {
    height: 87px;
    background: url("../img/v2/app/app_20.jpg") no-repeat center center;
    margin-bottom: 62px; }
  .wrapper-update-txt .w1200 {
    padding: 0 112px 110px 103px;
    margin: 0 auto;
    width: 985px; }
  .wrapper-update-txt .box-1, .wrapper-update-txt .box-2 {
    position: relative;
    height: 721px;
    background: #fff url("../img/v2/app/bg-cicle2.png") no-repeat -4px 251px; }
  .wrapper-update-txt .box-2 {
    height: 703px;
    background: #fff url("../img/v2/app/bg-cicle2.png") no-repeat -4px 282px; }
    .wrapper-update-txt .box-2 .txt-1, .wrapper-update-txt .box-2 .txt-2 {
      top: 44px; }
    .wrapper-update-txt .box-2 .txt-2 {
      top: 518px; }
  .wrapper-update-txt .pics-1, .wrapper-update-txt .pics-2, .wrapper-update-txt .pics-3, .wrapper-update-txt .pics-4 {
    height: 456px;
    width: 497px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/v2/app/animate-1-1.png") no-repeat center center;
    overflow: hidden; }
    .wrapper-update-txt .pics-1 .ips, .wrapper-update-txt .pics-2 .ips, .wrapper-update-txt .pics-3 .ips, .wrapper-update-txt .pics-4 .ips {
      background: url("../img/v2/app/animate-1-2.png") no-repeat;
      height: 230px;
      width: 360px;
      position: absolute;
      left: 98px;
      top: 230px;
      opacity: 0;
      -webkit-transition: all 1s 0.5s linear;
      -moz-transition: all 1s 0.5s linear;
      -ms-transition: all 1s 0.5s linear;
      -o-transition: all 1s 0.5s linear;
      transition: all 1s 0.5s linear; }
  .wrapper-update-txt .txt-1, .wrapper-update-txt .txt-2 {
    height: 233px;
    width: 385px;
    position: absolute;
    left: 494px;
    top: 0;
    overflow: hidden;
    padding-left: 103px; }
    .wrapper-update-txt .txt-1 h3, .wrapper-update-txt .txt-2 h3 {
      padding: 25px 0;
      color: #333; }
  .wrapper-update-txt .pics-2 {
    background: url("../img/v2/app/app_24.jpg") no-repeat;
    height: 360px;
    width: 431px;
    left: 559px;
    top: 710px;
    opacity: 0;
    -webkit-transition: all 1s 1s linear;
    -moz-transition: all 1s 1s linear;
    -ms-transition: all 1s 1s linear;
    -o-transition: all 1s 1s linear;
    transition: all 1s 1s linear; }
    .wrapper-update-txt .pics-2 .line {
      background: url("../img/v2/app/app_26.jpg") no-repeat;
      height: 54px;
      width: 431px;
      position: absolute;
      left: 0;
      bottom: 0;
      opacity: 0;
      -webkit-transition: all 1s 2s ease-in-out;
      -moz-transition: all 1s 2s ease-in-out;
      -ms-transition: all 1s 2s ease-in-out;
      -o-transition: all 1s 2s ease-in-out;
      transition: all 1s 2s ease-in-out; }
  .wrapper-update-txt .pics-3 {
    background: url("../img/v2/app/animate-3-1.png") no-repeat;
    height: 468px;
    width: 477px; }
    .wrapper-update-txt .pics-3 .money {
      background: url("../img/v2/app/animate-3-2.png") no-repeat;
      height: 332px;
      width: 305px;
      position: absolute;
      left: 100px;
      top: 400px;
      opacity: 0;
      -webkit-transition: all 1s 0.5s linear;
      -moz-transition: all 1s 0.5s linear;
      -ms-transition: all 1s 0.5s linear;
      -o-transition: all 1s 0.5s linear;
      transition: all 1s 0.5s linear; }
  .wrapper-update-txt .pics-4 {
    background: url("../img/v2/app/animate-4.jpg") no-repeat;
    height: 348px;
    width: 446px;
    left: 539px;
    top: 701px;
    opacity: 0;
    -webkit-transition: all 1.5s 1.5s linear;
    -moz-transition: all 1.5s 1.5s linear;
    -ms-transition: all 1.5s 1.5s linear;
    -o-transition: all 1.5s 1.5s linear;
    transition: all 1.5s 1.5s linear; }
  .wrapper-update-txt .txt-2 {
    right: auto;
    left: 0;
    top: 485px; }
  .wrapper-update-txt .dir-bg {
    background: url("../img/v2/app/bg-cicle.png") no-repeat -3px 0;
    height: 23px;
    width: 100%; }
  .wrapper-update-txt .active .ips {
    top: 109px;
    opacity: 1; }
  .wrapper-update-txt .active .line {
    top: 311px;
    opacity: 1; }
  .wrapper-update-txt .active .money {
    top: 74px;
    opacity: 1; }
  .wrapper-update-txt .active .pics-2 {
    top: 345px;
    opacity: 1; }
  .wrapper-update-txt .active .pics-4 {
    top: 353px;
    opacity: 1; }

.wrapper-down {
  background: url("../img/v2/app/app_32.jpg") no-repeat center center;
  height: 538px;
  position: relative; }
  .wrapper-down .btn-iphone, .wrapper-down .btn-android {
    position: absolute;
    top: 260px;
    left: 50%;
    margin-left: -237px; }
  .wrapper-down .btn-android {
    margin: 0 0 0 35px; }

.last-wrapper {
  height: 538px; }

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