.edit_area{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 5px 15px 5px 5px;
  background: transparent;
}
.symbol_base{
  height: 16px;
  margin: 1px 3px 1px 3px;
  white-space: nowrap;
  cursor: default;
}
.hide_input{
  text-align: center;
  border: none;
  outline:none;
}
.inner_input{
  width: 13px;
  overflow: hidden;
  background: transparent;
}
.edit_box{
  user-select: none;
}
.pos_aline_no_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.inner_img{
  width: 17px;
  height: 17px;
  margin-right: 5px;
}




//======================================

.symbol_box{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  //margin-bottom: 20px;
  & .strategy_ul{
    align-items: stretch;
    & > li{
      padding: 5px 0;
      text-align: center;
    }
    & > li{
      border: 1px solid #DDD;
    }
    //& > li:not(:last-child){
    //  border: 1px solid #DDD;
    //}
    & > li:not(:first-child){
      margin-left: -1px;
    }
  }
  .symbol_btn_box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
  }
  .symbol_btn{
    width: 26px;
    height: 25px;
    margin: 5px 9px;
    color: #fff;
    font-size: 14px;
    background: #FF3C7A;
    cursor: pointer;
    user-select: none;
  }
  .border_title{
    padding: 5px 3px;
    border-bottom: 4px solid #479038;
  }
  .gray_border_left{
    border-left: 1px solid #DDD;
  }
  .symbol_li{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 45px;
    //padding:3px 5px;
  }
  .hide_add_icon{
    display: none;
    color: #FF3C7A;
    cursor: pointer;
  }
  .symbol_li:hover > .line_action .hide_add_icon{
    display: block;
  }
  .line_action{
    position: absolute;
    top: 0; right: 5px; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px 0;
  }
  .symbol_li_box{
    min-height: 45px;
    & > .logical_ul:not(:last-child){
      border-bottom: 1px solid #DDD;
    }
  }
  .logical_ul{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: hidden;

  }
  .inner_ul{
    display: flex;
    flex: 1;
    flex-direction: column;
    & > li:not(:last-child){
      border-bottom: 1px solid #DDD;
    }
  }
  .symbol_box_no_margin{
    width: 20px;
    min-height: 20px;
    color: #fff;
    font-size: 12px;
    background: #FF3C7A;
    cursor: pointer;
  }
  .event_btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 135px;
    height: 30px;
    margin-bottom: 14px;
    padding: 0 10px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
  }
  .edit_border{
    //border: 1px solid @primary-color;
    & > .logical_ul:not(:last-child){
      border-bottom: 1px solid #DDD;
    }
    :global{
      .ant-input, .ant-input:hover, .ant-input:active{
        border: none;
      }
    }
  }
  .action_title{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90px;
    height: 32px;
    padding: 0 5px;
    color: #fff;
    border-radius: 4px;
    user-select: none;
  }
  .action_select{
    width: 100%;
    :global{
      .ant-select-clear, .ant-select:not(.ant-select-customize-input) .ant-select-selector{
        background: transparent;
      }
      .ant-select:not(.ant-select-disabled):hover .ant-select-selector{
        border-color: transparent;
      }
      .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
        border-color: transparent;
        box-shadow: none;
      }
      .ant-select:not(.ant-select-customize-input) .ant-select-selector{
        border: none;
      }
    }
  }

  .action_ul{
    padding-left: 90px;
    & > li{
      padding: 4px;
      text-align: left;
    }
  }
}



// ==========================策略列表结构===========================