@import  'app/style/default.scss';
.matket-trade{
  height: 100%;
  display: flex;
  color: #C2C4CD;
  font-size: 14px;
  .order-list{
    span{
      float:none!important;
    }
    .orders-type{
      float:none;
    }
    
  }
  li{
    
    &:nth-of-type(7){
      p{
        width: 100%;
        margin-left: 9px;
        line-height: 18px;
      }
      .fright{
        font-size: 18px;
        // color: #EB333B;
      }

    }
    &:nth-of-type(8){
      margin-top: 0;
      padding-left: 9px;
      box-sizing: border-box;
    }
    
  }

  .ant-slider-rail{
    background: #313743;
    border-radius: 21px;
  }

  .ant-slider-handle{
    border-color: #4A90E2 #15171E #15171E #15171E!important;
    border-radius: 0;
    border-width: 4px;
    height: 4px;
    width: 4px;
    position: relative;
    top: -4px;
    &:hover{
      background:none;
    }
  }
  .ant-slider-mark-text-active,.ant-slider-mark-text{
      color: #C2C4CD;
    }
  .ant-slider-track{
    background: #4A90E2;
  }
  .ant-slider-handle:focus{
    box-shadow: none;
  }
  .ant-slider:hover{
    .ant-slider-rail,.ant-slider-handle:not(.ant-tooltip-open){
      background-color: #313743;
    } 
  }
  // .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){
  //   border-color: #313743!important;
  // }

  .ant-slider-dot{
      background: none;
      border: 0;
    }
  .orders-type-confirm{
    margin: 4px 10px;
    padding:0 20px;
    border: 1px solid #285DAD;
    border-radius: 1.33px;
    width:70px;
    height: 24px;
    line-height: 24px;
    cursor:pointer;
    color: #285DAD;   
    text-align: center; 
  }

}