@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");
  }

  .list {
    position: absolute;
    height: 350px;
    width: 453px;
    overflow-y: auto;
    overflow-x: hidden;
    top: 510px;
    left: 150px;

    .sample {
      width: 453px;
      height: 116px;
      // left: 148px;
      // top: 503px;
      position: relative;

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

      .s_bg1 {
        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");
        border-radius: 15px;
      }

      .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");
  }
}