@import  'app/style/default.scss';
.pendging-order{
  display: flex;
  flex-direction: column;
  height: 100%;
  .aside{
    margin-bottom: 8px;
    height: 402px;
    min-height: 402px;
    width: 466px;
    // display: flex;
    ul:nth-of-type(1){
      width: 236px;
      float: left;
      li{
        &:nth-of-type(2){ 
          height: 46px;
          div.fleft{width: 95px;}   
          i{          
            // width: 60px;
            height: 20px;
            text-align: center;
            font-size: 12px;      
            line-height: 20px;
            margin-left: 10px;
          }
          .ant-select-selection{
            width:95px;
          }
          .ratio{
            margin-top: 4px;
          }
          p{
            color: #fff;
            // margin-left: 8px;
          }
          .fright{
            // background: #2FC77B;
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 100%;
          }
          // .fleft{
          //   background-color: $text-red;
          // }
        }
        &:nth-of-type(3),&:nth-of-type(4){
          line-height: 14px;
          height: 14px;
        }
        .ant-radio-group{
          height: 14px;
        }
        .ant-radio-wrapper{
          vertical-align:top;
          height: 14px;
          line-height: 14px;
          min-width:56px;
        }
        &:nth-of-type(5){
          input{
            margin-right: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
          i{
            background: #3C4350;
            height: 24px;
            float: right;
            width: 34px;
            line-height: 24px;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            text-align: center;
          }
        }
        div{
          &.paydate{
            p{
              font-size: 12px;
              color: #787A7D ;
              margin-top: 6px;
              line-height: 12px;
              span{
                color: $text-red;
                display: inline-block;
                // max-width: 56px;
                vertical-align: middle;
                // text-overflow: ellipsis;
                // overflow: hidden;
              }
            }
            
          }
          &.rate{
            display: flex;
            span{
              background: #3C4350;
              float: left;
              width: 24px;
              height: 24px;
              text-align: center;
              cursor: pointer;
              &:nth-of-type(1){
                border-top-left-radius: 2px;
                border-bottom-left-radius: 2px;
              }
              &:nth-of-type(2){
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
              }
            }
            input{
              width: 103px;
              margin: 0 1px;
              border-radius: 0;
            }
          }       
        }
      }
    }
    ul:nth-of-type(2){
      width: 230px;
      height: 100%;
      float: left;
      border-left: 1px solid #000;
      .title{
        position: relative;
      }
      li{
        display: flex;
        justify-content: space-between;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;  
        align-items: center;     
        &:not(:nth-of-type(1)){
          &>span{
            margin: 0;
            width: 63px;
            height: 37px;
            font-size: 12px;
            &:nth-of-type(1){
              &:first-line{
                color: #C2C4CD;
              }
              color: #989CA7;
            }
            &:first-line{
              font-size: 14px;
            }            
          }
        }
      }
    }
    .refresh{
      position: absolute;
      right: 7px;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 999;
      cursor: pointer;
      width: 12px;
      height: 12px;
      background: url('./../../style/images/refresh.png') center/100% 100%;
    }
  }
  .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; 
  }
}

.order-success{
  div{
    line-height: 24px;
    label{
      width: 100px;
      display: inline-block;
    }
  }
}
.queryResult{
    float:right;
    font-size: 14px;
    color: #767C8A;
  }
  /////////////////////

.nodata{
  text-align: center;
  line-height: 30px;
  color: #4A90E2;
}
.ant-select-selection-selected-value{
  padding-right: 10px!important;
}
input::placeholder{
  font-size: 12px;
}