/*渐变文字*/
.gradient-text, .app-down-page .page-wrap .page-tit {
  display: inline-block;
  width: auto;
  color: #ff316c;
  background-image: linear-gradient(-90deg, #ff316c 0%, #44D7F6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/*盒子布局*/
/*单行省略*/
/*多行省略*/
.app-down-page {
  width: 100%;
  overflow-x: hidden;
  /*page-1 app下载 */
  /*page-2 AI智能定制 */
  /* page-3 超燃脂直播课*/
  /* page-4 自由训练模式*/
  /*page-5 可视化燃脂数据*/
  /*page-6 共享家庭会员*/ }
  .app-down-page .page-wrap {
    width: 100%;
    height: 1080px;
    min-width: 1200px;
    color: #fff;
    position: relative;
    overflow: hidden; }
    .app-down-page .page-wrap img {
      display: block;
      width: 100%;
      height: 100%; }
    .app-down-page .page-wrap .page-wrap-img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      /* IE 9 */
      -moz-transform: translateY(-50%);
      /* Firefox */
      -webkit-transform: translateY(-50%);
      /* Safari  Chrome */
      -o-transform: translateY(-50%);
      /* Opera */ }
    .app-down-page .page-wrap .page-info {
      width: 700px;
      height: 100%;
      color: #000000;
      text-align: center;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -moz-transform: translateX(-50%);
      /* Firefox */
      -webkit-transform: translateX(-50%);
      /* Safari  Chrome */
      -o-transform: translateX(-50%);
      /* Opera */ }
      .app-down-page .page-wrap .page-info .info-tit {
        font-size: 40px;
        font-weight: bold;
        padding: 20px 0; }
      .app-down-page .page-wrap .page-info .info-txt {
        font-size: 20px;
        line-height: 1.8; }
    .app-down-page .page-wrap .center-box {
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -moz-transform: translateX(-50%);
      /* Firefox */
      -webkit-transform: translateX(-50%);
      /* Safari  Chrome */
      -o-transform: translateX(-50%);
      /* Opera */ }
    .app-down-page .page-wrap .page-tit {
      font-size: 30px;
      text-align: center; }
  .app-down-page .page-1 img {
    display: block;
    width: 100%; }
  .app-down-page .page-1 .logo-img-box {
    width: 265px;
    margin: 140px auto 0; }
  .app-down-page .page-1 .qr-code-img-box {
    width: 124px;
    margin: 28px auto 0; }
  .app-down-page .page-1 .phone-img-list {
    width: 100%;
    height: 645px;
    position: absolute;
    left: 0;
    bottom: 0; }
    .app-down-page .page-1 .phone-img-list .phone-img-item {
      width: 423px;
      position: absolute; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(odd) {
        top: 60px; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(even) {
        top: 0; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(1) {
        left: 0; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(2) {
        left: 244px; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(3) {
        left: 490px; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(4) {
        left: 735px; }
      .app-down-page .page-1 .phone-img-list .phone-img-item:nth-child(5) {
        left: 980px; }
  .app-down-page .page-2 .page-info {
    width: 800px; }
  .app-down-page .page-2 .zndz-bg {
    width: 100%;
    min-width: 1920px;
    height: 730px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari  Chrome */
    -o-transform: translateX(-50%);
    /* Opera */ }
  .app-down-page .page-3 .page-info {
    padding-top: 140px;
    width: 800px; }
  .app-down-page .page-3 .zbk-phone-img {
    width: 768px;
    position: absolute;
    bottom: 260px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari  Chrome */
    -o-transform: translateX(-50%);
    /* Opera */ }
  .app-down-page .page-3 .zbk-women-img {
    width: 486px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari  Chrome */
    -o-transform: translateX(-50%);
    /* Opera */ }
  .app-down-page .page-4 {
    background-color: #eeeeee; }
    .app-down-page .page-4 .page-info {
      padding-top: 100px;
      width: 800px; }
    .app-down-page .page-4 .phone-img-box {
      width: 412px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -moz-transform: translateX(-50%);
      /* Firefox */
      -webkit-transform: translateX(-50%);
      /* Safari  Chrome */
      -o-transform: translateX(-50%);
      /* Opera */ }
  .app-down-page .page-5 .page-info {
    padding-top: 100px;
    width: 820px; }
  .app-down-page .page-5 .page-bg {
    width: 100%;
    height: 523px;
    min-width: 1920px;
    position: absolute;
    bottom: 190px;
    left: 48.5%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari  Chrome */
    -o-transform: translateX(-50%);
    /* Opera */ }
  .app-down-page .page-5 .sj-img-box {
    width: 91%;
    min-width: 1770px;
    position: absolute;
    bottom: 190px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -moz-transform: translateX(-50%);
    /* Firefox */
    -webkit-transform: translateX(-50%);
    /* Safari  Chrome */
    -o-transform: translateX(-50%);
    /* Opera */ }
  .app-down-page .page-6 {
    background-color: #eeeeee; }
    .app-down-page .page-6 .page-info {
      padding-top: 60px;
      width: 800px; }
    .app-down-page .page-6 .phone-img-box {
      width: 287px;
      position: absolute;
      left: 50%;
      bottom: 70px;
      transform: translateX(-50%); }