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

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

  .bg {
    left: 0px;
    bottom: 0px;
    width: 750px;
    height: 1132px;
    position: absolute;
    .sparkBg("taskPop/taskBg.png");
  }

  .sign-con {
    left: 18px;
    top: 308px;
    width: 716px;
    height: 323px;
    position: absolute;
  }

  .taskList {
    position: absolute;
    width: 716px;
    left: 18px;
    top: 632px;
    height: 500px;
    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);
        overflow: hidden;
      }

      .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;
        overflow: hidden;
      }

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

}