.draggableBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.draggable-box-left,.draggable-box-main,.draggable-box-right{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eff1f5;margin-right:16px;border-radius:6px;border:1px solid #e1e4e8;max-width:330px;min-width:300px;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.draggable-box-left div,.draggable-box-main div,.draggable-box-right div{-webkit-box-flex:1;-ms-flex:1;flex:1}.draggable-box-left #doing,.draggable-box-left #done,.draggable-box-left #todo,.draggable-box-main #doing,.draggable-box-main #done,.draggable-box-main #todo,.draggable-box-right #doing,.draggable-box-right #done,.draggable-box-right #todo{height:100%}.draggableBox-item{border:1px solid #e1e4e8;padding:10px;margin:5px 10px 10px;list-style:none;background-color:#fff;border-radius:6px;cursor:pointer;-webkit-transition:border .3s ease-in;transition:border .3s ease-in}.draggableBox-item:hover{border:1px solid #20a0ff}.item-title{padding:8px 8px 8px 12px;font-size:14px;line-height:1.5;color:#24292e;font-weight:600;max-height:37px}.tips{padding:20px 10px;margin-bottom:20px;background:#eef1f6}.link-a{color:#3085dc;text-decoration:none}.ghost-style{display:block;color:transparent;border-style:dashed}