@import "../../res.less";

.choice_challenge {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;

  .bg {
    width: 626px;
    height: 788px;
    left: 60px;
    top: 394px;
    position: absolute;
    .sparkBg("choice_challenge/bg.png");
  }

  .sample {
    width: 453px;
    height: 245px;
    left: 148px;
    top: 503px;
    position: absolute;

    .s_bg2 {
      width: 453px;
      height: 114px;
      left: 0px;
      top: 131px;
      position: absolute;
      .sparkBg("choice_challenge/s_bg2.png");
    }

    .s_bg {
      width: 451px;
      height: 112px;
      left: 1px;
      top: 0px;
      position: absolute;
      .sparkBg("choice_challenge/s_bg.png");
    }

    .icon {
      width: 97px;
      height: 92px;
      left: 16px;
      top: 10px;
      position: absolute;
      .sparkBg("choice_challenge/icon.png");
    }

    .demand {
      width: 320px;
      height: 28px;
      left: 131px;
      top: 63px;
      position: absolute;
      font-size: 28px;
      line-height: 28px;
      color: rgba(158, 158, 158, 1);
      .lineClamp1();
    }

    .name {
      width: 320px;
      height: 36px;
      left: 131px;
      top: 21px;
      position: absolute;
      font-size: 36px;
      line-height: 36px;
      color: rgba(41, 41, 41, 1);
      font-weight: bold;
      .lineClamp1();
    }
  }

  .zhanwei {
    width: 451px;
    height: 233px;
    left: 149px;
    top: 645px;
    position: absolute;
    .sparkBg("choice_challenge/zhanwei.png");
  }

  .title {
    width: 621px;
    height: 103px;
    left: 37px;
    top: 256px;
    position: absolute;
    .sparkBg("choice_challenge/title.png");
  }

  .tip {
    width: 389px;
    height: 40px;
    left: 180px;
    top: 437px;
    position: absolute;
    .sparkBg("choice_challenge/tip.png");
  }

  .challenge {
    width: 420px;
    height: 123px;
    left: 164px;
    top: 987px;
    position: absolute;
    .sparkBg("choice_challenge/challenge.png");
  }

  // .close {
  //   width: 79px;
  //   height: 79px;
  //   left: 336px;
  //   top: 1201px;
  //   position: absolute;
  //   .sparkBg("choice_challenge/close.png");
  // }
  .ditu {
    width: 684px;
    height: 150px;
    left: 33px;
    top: 1300px;
    position: absolute;
    .sparkBg("choice_challenge/ditu.png");
  }
}