.RetreatListOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 145px);
}
.RetreatListOrder .sider {
  width: 120px;
  height: calc(100vh - 145px);
  border: 1px solid #eee;
  padding: 8px;
}
.RetreatListOrder .sider div {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  color: #000;
  margin-bottom: 8px;
  cursor: pointer;
}
.RetreatListOrder .sider div:hover,
.RetreatListOrder .sider div.active {
  color: #1784fc;
  background-color: #f3f2f2;
}
.RetreatListOrder .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.RetreatListOrder .cont .ant-row {
  margin: 5px 0 0 0!important;
}
.RetreatListOrder .cont .ant-col {
  padding: 0 5px!important;
}
.RetreatListOrder .cont .ant-col-md-7 {
  padding-top: 5px;
}
.RetreatListOrder .cont .ant-col-md-7 .ant-btn-danger {
  float: right;
}
.RetreatListOrder .cont .formRowCol {
  padding: 0;
}
.RetreatListOrder .cont .formRowCol.cl .ant-form-item-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.RetreatListOrder .cont .formRowCol.cl .ant-form-item-children .ant-select {
  width: 50%;
}
.RetreatListOrder .cont .ant-btn {
  margin: 5px;
}
.RetreatListOrder .cont .ant-btn-danger {
  background-color: #FF7640;
  border-color: #FF7640;
}
.RetreatListOrder .cont .table-header {
  height: 50px;
  line-height: 50px;
  background-color: rgba(24, 144, 255, 0.9);
  color: #ffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.RetreatListOrder .cont .table-header div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.RetreatListOrder .cont .table-header div:nth-child(1) {
  width: 200px;
  padding-left: 10px;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.RetreatListOrder .cont .table-header div:nth-child(1) {
  width: 200px;
  padding-left: 10px;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.RetreatListOrder .cont .table-header div:nth-child(9) {
  width: 100px;
  padding-right: 10px;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.RetreatListOrder .cont .table-box {
  height: calc(100vh - 285px);
  overflow-y: scroll;
}
.RetreatListOrder .cont .table-item {
  margin: 10px;
}
.RetreatListOrder .cont .table-item > p {
  height: 40px;
  line-height: 40px;
  background-color: #E8F4FF;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  padding: 0 20px;
}
.RetreatListOrder .cont .table-item > p span {
  height: 40px;
  float: right;
  cursor: pointer;
  margin: 0;
}
.RetreatListOrder .cont .table-item > p span i {
  color: #1784fc;
}
.RetreatListOrder .cont .table-item > p span:hover {
  color: #1784fc;
}
.RetreatListOrder .cont .table-item .box {
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
}
.RetreatListOrder .cont .table-item .box div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RetreatListOrder .cont .table-item .box div:nth-child(1) {
  width: 190px;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
  color: #1784fc;
}
.RetreatListOrder .cont .table-item .box div:nth-child(9) {
  width: 90px;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.RetreatListOrder .cont .table-item .box div p {
  line-height: 25px;
  height: 25px;
  margin-bottom: 0;
  text-align: left;
}
.RetreatListOrder .cont .table-item .remark {
  height: 38px;
  line-height: 35px;
  border: 1px solid #E9E9E9;
  padding-left: 15px;
}