.drag-list-wrapper {
  height: 100%;
}
.drag-list-wrapper .drag-list-con {
  width: 50%;
  float: left;
}

.drag-box-card {
  display: inline-block;
  width: 600px;
  height: 560px;
}
.drag-box-card .drag-item {
  margin: 10px;
}
.drag-box-card h3 {
  padding: 10px 15px;
}
.drag-box-card .drop-box {
  border: 1px solid #eeeeee;
  height: 455px;
  border-radius: 5px;
}
.drag-box-card .left-drop-box {
  margin-right: 10px;
}
.handle-log-box {
  display: inline-block;
  margin-left: 20px;
  border: 1px solid #eeeeee;
  vertical-align: top;
  width: 200px;
  height: 500px;
}
.handle-log-box h3 {
  padding: 10px 14px;
}
.handle-log-box .handle-inner-box {
  height: calc(100% - 44px);
  overflow: auto;
}
.handle-log-box .handle-inner-box p {
  padding: 14px 0;
  margin: 0 14px;
  border-bottom: 1px dashed #eeeeee;
}
.res-show-box {
  display: inline-block;
  margin-left: 20px;
  border: 1px solid #eeeeee;
  vertical-align: top;
  width: 350px;
  height: 570px;
}