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

.taskPanel {
  width: 750px;
  height: 100vh;
  left: 0px;
  top: 0px;
  position: absolute;

  .bg {
    left: 0px;
    bottom: 0px;
    width: 750px;
    height: 902px;
    position: absolute;
    .sparkBg("taskPop/taskBg.png");
  }
  .taskList {
    position: absolute;
    width: 716px;
    left: 18px;
    top: 332px;
    height: 510px;
    // overflow-y: scroll;
    // overflow-x: hidden;

    .taskItem {
      position: relative;
      width: 716px;
      height: 133px;
      .sparkBg("taskPop/taskItemBg.png");

      .taskIcon {
        position: absolute;
        width: 92px;
        height: 92px;
        left: 23px;
        top: 15px;
        border-radius: 46px;
      }

      .taskTitle {
        position: absolute;
        width: 430px;
        height: 35px;
        line-height: 35px;
        left: 125px;
        top: 25px;
        font-size: 29px;
        font-weight: bold;
        color: rgb(111, 55, 17);
        .lineClamp1()
      }

      .taskSubTitle {
        position: absolute;
        width: 430px;
        height: 35px;
        line-height: 35px;
        left: 125px;
        top: 65px;
        font-size: 29px;
        color: rgb(137, 101, 50);
        font-size: 24px;
        .lineClamp1()
      }

      .goToBtn {
        right: 20px;
        top: 40px;
        width: 127px;
        height: 47px;
        position: absolute;
        .sparkBg("taskPop/goToBtn.png");
      }

      .dailingqu {
        right: 20px;
        top: 40px;
        width: 127px;
        height: 47px;
        position: absolute;
        .sparkBg("taskPop/receiveBtn.png");
      }

      .completed {
        right: 20px;
        top: 40px;
        width: 127px;
        height: 47px;
        position: absolute;
        .sparkBg("taskPop/completedBtn.png");
      }


    }
  }

  .close {
    left: 665px;
    top: 99px;
    width: 58px;
    height: 58px;
    position: absolute;
    .sparkBg("taskPop/closeBtn.png");
  }

}