@import "../../res.less";
.taskpop {
  width: 750px;
  height: 1624px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  .bg {
    width: 750px;
    height: 943px;
    left: 0px;
    top: 681px;
    position: absolute;
    .sparkBg("taskPop/bg.png");
  }
  .task_list {
    width: 660px;
    height: 750px;
    left: 45px;
    top: 868px;
    position: absolute;
    overflow-y: auto;
    .task_item {
      width: 660px;
      height: 141px;
      position: relative;
      margin-bottom: 12px;
      .task_item_bg {
        width: 660px;
        height: 141px;
        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: rgba(255, 255, 255, 1);
        font-weight: bold;
        .lineClamp1();
      }
      .task_subtitle {
        width: 300px;
        height: 24px;
        left: 166px;
        top: 83px;
        position: absolute;
        font-size: 23px;
        line-height: 24px;
        color: rgba(255, 255, 255, 1);
        .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: 660px;
    top: 700px;
    width: 59px;
    height: 61px;
    .sparkBg("common/close.png");
  }
}
