:global {
  .xly-workorder-list {
    .workerOrderControlTable{
      position: sticky;
      top: 0px;
      left: 0px;
      z-index: 99 ;
    }
    .ant-layout-sider {
      width: 32px !important;
      flex: 0 0 32px !important;
      width: 32px !important;
      max-width: 32px !important;
      min-width: 32px !important;
      background-color: #e6f7ff !important;
      writing-mode: tb-rl;
      text-align: center;
      letter-spacing:0px;
      line-height: 32px;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #cfcece;
    }
    .product{
      width: 32px;
    }
    .control.ant-layout-sider {
      background-color: #fff8e6 !important;
    }
    //.xly-control-operate span{
    //  margin: 0 10px;
    //}
    //.xly-control-operate span{
    //  margin: 0 10px;
    //}
    //.controlhandcover.ant-layout-sider {
    //  background-color: #fafafa !important;
    //  font-size: 12px;
    //  font-weight:normal;
    //  writing-mode: horizontal-tb;
    //  flex: 0 0 14%!important;
    //  max-width: 14%!important;
    //  margin-right: 5px;
    //}
    //.xly-control{
    //  width:100%;
    //  height: 100%;
    //  position: relative;
    //}
    //.xly-control-tree{
    //  text-align: left!important;
    //  width: 100%;
    //  padding-left: 20px;
    //  min-height: 35px!important;
    //  .ant-tree{
    //    text-align: left;
    //  }
    //  #staticEditTree{
    //    width: 100%;
    //    overflow: hidden;
    //    .ant-tree-child-tree {
    //      font-size: 12px;
    //    }
    //  }
    //  .ant-tree > li{
    //    padding: 3px!important;
    //  }
    //  .ant-tree-switcher {
    //    /* 树 */
    //    background-color: #fafafa!important;
    //  }
    //}
    //.xly-control-operate{
    //  position: absolute;
    //  left: 0;
    //  bottom: 0;
    //  width: 100%;
    //  background-color: #dadada;
    //  height: 20px!important;
    //  line-height: 20px!important;
    //}
    .materials.ant-layout-sider {
      background-color: #f6ffee !important;
    }
    .process.ant-layout-sider {
      background-color: #fff1f0 !important;
      a{ margin-bottom: 7px;}
      img{margin-left: -5px}
    }
    .left {
      flex: 0 0 32px !important;
      width: 32px !important;
      max-width: 32px !important;
    }
    .ant-layout-has-sider .ant-form-item {
      margin-left: 0px!important;
      margin-right:0px!important;
      margin-bottom: 0px!important;
    }
  }
}