.todo_box .flex_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.todo_box .taskTitleBox .taskNum.hide{
  display: none;
}
.todo_box .taskTitleBox .taskNum{
  background: #e18631;
  border-radius: 16px;
  color: #fff;
  height: 14px;
  display: inline-block;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 0px;
  padding: 0 5px;
  box-sizing: border-box;
  max-width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 24px;
  line-height: 24px;
}
.todo_box .taskTitleBox img{
  width: 29px;
  object-fit: cover;
  margin-right: 10px;
  vertical-align: middle;
}
/* tab样式 */
.todo_box .flex_between .taskTab{
  border: 1px solid #dfe6ed;
  padding: 4px 4px;
  border-radius: 4px;
    box-sizing: border-box;
    margin-right: 20px;
}
.todo_box .flex_between .taskTab span{
  vertical-align: middle;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0px 30px;
  /* color: #8498c1; */
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.todo_box .flex_between .taskTab span:after{
  content: '';
  position: absolute;
  right:-1px;
  width: 1px;
  height: 70%;
  background: #dfe6ed;
  top: 50%;
  transform: translateY(-50%);
}
.todo_box .flex_between .taskTab span:last-child:after{
  width:0;
}
.todo_box .flex_between .taskTab span:hover,.todo_box .flex_between .taskTab span.active{
  background: #2e69db;
  color: #fff;
}
.todo_box .flex_between.right .select2-container .select2-selection--single{
  height: 34px;
  border: 1px solid #dfe6ed;
}
.todo_box .flex_between.right .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 32px;
}
.todo_box .flex_around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.todo_box .topBox .title {
  /* color: #333333;
  font-size: 16px; */
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

/* 改变下拉框的下拉图标 */
.todo_box .select2-container--default .select2-selection__arrow {
  display: none;
}
.todo_box .select2-container--default .select2-selection__rendered {
  padding-right: 35px;
  background-image: url("./images/select.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 5px;
}

/* 下拉框宽度自适应 */
/* .todo_box .select2-container {
  width: auto !important;
} */
.todo_box .select2-container--default .select2-selection--single {
  padding: 0px 10px 0px 5px;
  /* border: 1px solid #d8d8d8 !important; */
  /* border: 1px solid #dfe6ed !important; */
}

.todo_box .selectAll {
  width: 22px;
  height: 20px;
}

.todo_box .searchApp {
  border: 1px solid #d8d8d8 !important;
  height: 30px;
  border-radius: 5px;
  line-height: 30px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}

.todo_box .searchApp img {
  margin-left: 10px;
}

.todo_box .searchApp input {
  border: 0px;
  outline: none;
}

/* 用于所有现代浏览器 */
.todo_box .searchApp input::placeholder {
  color: #b5b5b5; /* 或者任何你想要的颜色 */
  opacity: 1; /* Firefox 需要这个 */
}

/* 用于Firefox 19-51 */
.todo_box .searchApp input::-moz-placeholder {
  color: #b5b5b5; /* 或者任何你想要颜色 */
  opacity: 1; /* Firefox 需要这个 */
}

/* 用于Chrome, Safari, Opera 等 WebKit 浏览器 */
.todo_box .searchApp input::-webkit-input-placeholder {
  color: #b5b5b5; /* 或者任何你想要颜色 */
}

/* .todo_box .right {
  width: 58%;
} */

.todo_box .right .todo_category + span,
.todo_box .right .todo_state + span,
.todo_box .right .selectAll {
  margin-right: 10px;
}
.todo_box .right .selectAll{
  display: none;
}

.todo_box .topBox {
  padding-bottom: 10px;
  /* border-bottom: 1px solid #f2f4f7; */
}

.todo_box .right img,
.todo_box .table img {
  cursor: pointer;
}
.todo_box .table img{
  max-width: 20px;
}

.todo_box .table {
  padding: 0px 0px 25px 0px;
  height: 313px;
  color: #000;
}

.todo_box .table .con div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}

.todo_box .table .col_1 {
  width: 2%;
  /* 隐藏选中圆圈 */
  display: none;
}

.todo_box .table .col_2 {
  width: 47%;
}

.todo_box .table .list .col_2 {
  cursor: pointer;
}

.todo_box .table .col_3 {
  width: 6%;
  text-align: center;
}

.todo_box .table .col_4,
.todo_box .table .col_5,
.todo_box .table .col_6 {
  width: 12%;
  text-align: center;
}
.todo_box .table .col_4{
  cursor: pointer;
  width: 8%;
  z-index:1;
}

.todo_box .table .col_7 {
  width: 7%;
  text-align: center;
  max-width: 120px;
}

.todo_box .table .table_text {
  /* width: 97%; */
   /* 隐藏选中圆圈 */
   width: 100%;
}
/* .todo_box .table .title .table_text{
  font-weight: bold;
} */
.todo_box .table .title,
.todo_box .table .con {
  height: 49px;
}

.todo_box .table .table_text {
  height: 100%;
  padding-left: 10px;
}

/* .todo_box .table .con:nth-child(even) .table_text {
  background-color: #f2f7fc;
} */
.todo_box .table .con:nth-child(odd) .table_text {
  /* background-color: #f2f7fc; */
}

.todo_box .bottom .btnBox {
  /* width: 26%; */
  width: 50%;
  justify-content: flex-start;
  display: none;
}
.todo_box .bottom{
justify-content: center;
}
.todo_box .bottom .btn {
  width: fit-content;
  background: #e18631;
  color: #fff;
  padding: 5px 13px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
}
.todo_box .bottom .btn:last-child{
  margin-right: 0px;
}

.todo_box .topBox .view_all,.todo_box .bottom .view_all {
  font-size: 14px;
  /* color: #e39041; */
  color: #2e69db;
  cursor: pointer;
}

.todo_box .table .noData {
  text-align: center;
  padding: 20px 0px;
}

.layui-input,
.layui-textarea {
  display: block;
  padding-left: 10px;
}

.layui-btn,
.layui-edge,
.layui-inline,
img {
  vertical-align: middle;
}

.todo_box .circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #c5c5c5;
  cursor: pointer;
}

.todo_box .circle_select {
  background-color: #2e69db;
}

/* 新增 */
.todo_box .table.autoHeight{
height: 173px;
}
.todo_box .table .col_7 .table_search{
  display: none;
}
.todo_box .table.sqTab .col_7,.todo_box .table.ybTab .col_7{
display: none;
}
.todo_box .table .con{
  height: 45px;
  margin: 5px 0;
}
.todo_box .table .title{
  height: 34px;
  margin: 5px 0;
}
.table .title .table_text{
  /* background: #f2f7fc;
  color: #647a8e; */
  background: #dddddd4d;
  color: #1c1c1c;
  border-left: 7px solid transparent;
  position: relative;
}
.todo_box .table .table_text{position:relative;}
.todo_box .table .table_text .tablebg{
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  opacity: 0.07;
  z-index: 0;
}
.todo_box .table .col_2,.todo_box .table .col_7{
z-index: 1;
}

.table .title .table_text>div{
text-align: center;
font-size: 16px;
}
 .todo_box .table .flex_between{
  border-radius: 5px;
}

.todo_box .table .con:nth-child(1) .table_text{
  /* background: #f0f3f7; */
  border-left: 7px solid #4970b9;
}
.todo_box .table .con:nth-child(2) .table_text{
  /* background: #f7f6ff; */
  border-left: 7px solid #7160ff;
}
.todo_box .table .con:nth-child(3) .table_text{
  /* background: #fff3e8; */
  border-left: 7px solid #e18631;
}
.todo_box .table .con:nth-child(4) .table_text{
  /* background: #f2f8f8; */
  border-left: 7px solid #228080;
}
.todo_box .table .con:nth-child(5) .table_text{
  /* background: #f7f2f0; */
  border-left: 7px solid #9f6f5a;
}
.todo_box .table .con:nth-child(2n+1) .table_text{
  /* background: #f0f3f7; */
}
.todo_box .table .con:nth-child(2n) .table_text{
  /* background: #f7f6ff; */
}
.todo_box .table .table_text{}
/* .todo_box .table .list .con .col_5,.todo_box .table .list .con .col_6{
color: #7d8a96;
} */