@import "../../res.less";
.taskpop {
  width: 750px;
  height: 1624px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 1038px;
    left: 0px;
    top: 586px;
    position: absolute;
    .sparkBg("taskPop/bg.png");
  }
  .task_list {
    width: 682px;
    height: 750px;
    left: 34px;
    top: 868px;
    position: absolute;
    overflow-y: auto;
    .task_item {
      width: 682px;
      height: 142px;
      position: relative;
      margin-bottom: 12px;
      .task_item_bg {
        width: 682px;
        height: 142px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("taskPop/task_item_bg.png");
      }
      .task_icon {
        width: 98px;
        height: 97px;
        left: 33px;
        top: 22px;
        position: absolute;
        // .sparkBg("taskPop/task_icon.png");
        border-radius: 50%;
      }
      .task_title {
        width: 300px;
        height: 32px;
        left: 165px;
        top: 35px;
        position: absolute;
        font-size: 31px;
        line-height: 32px;
        color: #000;
        font-weight: bold;
        .lineClamp1();
      }
      .task_subtitle {
        width: 300px;
        height: 24px;
        left: 166px;
        top: 83px;
        position: absolute;
        font-size: 23px;
        line-height: 24px;
        color: rgb(102, 102, 102);
        .lineClamp1();
      }
      .task_btn {
        width: 162px;
        height: 62px;
        left: 469px;
        top: 43px;
        position: absolute;
        font-size: 25px;
        line-height: 26px;
        color: rgba(255, 255, 255, 1);
        .flex_center();
        &.red_bg {
          .sparkBg("taskPop/red_bg.png");
        }
        &.yellow_bg {
          .sparkBg("taskPop/yellow_bg.png");
        }
        &.grey_bg {
          .sparkBg("taskPop/grey_bg.png");
        }
      }
    }
  }
  .close {
    position: absolute;
    left: 673px;
    top: 650px;
    width: 53px;
    height: 52px;
    .sparkBg("common/close.png");
  }
  .task_svga {
    width: 750px;
    height: 1375px;
    position: absolute;
    left: 0;
    bottom: 200px;
  }
}
