@import  'app/style/default.scss';
// @import './style/fonts/iconfont.css';"PingFangSC-Medium",
*{
    //禁止拷贝/复制行为
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    font-family: "Microsoft YaHei","Hiragino Sans GB",STHeiti;  
}

p,ul,li,div{padding:0;margin:0;}
ul{list-style: none;}
i{font-style: normal;}
html,body{
    background: $body-bg-color;
    height: 100%;
    // overflow: hidden;
}
#root{
    height: 100%;
    font-size: 14px;
    color: $text-content;
    >div{
        display: flex;
        height: 100%;
    }
}
input:focus{outline:none;}
select:focus{outline:none;border: 0}
.ant-select-selection,.ant-calendar-picker-input{
    box-shadow: none!important;
}
.aside{
    background-color: #15171E;
    width: 236px;
    min-width: 236px;
    margin-right: 6px;
    height: 100%;
    // overflow-y: auto;--------------------
    &::-webkit-scrollbar{
        width: 0;
    }
    li{
        clear: both;
        width: 100%;
        margin-top: 10px;
        display: flex;
        padding-right: 9px;
        box-sizing: border-box;
        &:nth-of-type(1){
            margin-top: 0;
        }
        &>span{
          width: 56px;
          color: #C2C4CD;
          margin:0 9px;
          margin-right: 8px;
        }
        &>div{flex: 1;}
        label>span{color:#C2C4CD}
    }
    .confirmbtn{
        background: $btn-bg;
        width: 218px ;
        height: 24px;
        padding: 0;
        margin-left: 9px;
        margin-right: 0;
        text-align: center;
        border-radius: 2px;
        line-height: 24px;
        color: #fff;
        cursor: pointer;
    }
}
.list{
    margin:10px;
    overflow: hidden;
    width: 100%;
}
.order-list{
    background:$tabel-bg;
    flex: 1;
    border: 1px solid #000;
    .ant-calendar-picker-input.ant-input,.ant-select-selection,.ant-select{
        width: 112px;
        margin-right: 13px;
        box-sizing: border-box;
    }
    .title{
        overflow: hidden;
        padding: 0;
        span{
            margin: 4px 10px;
            padding: 0 10px;
            float: left;
            height: 20px;
            text-align: center;
            border-radius: 2px;
            line-height: 20px;
            // cursor: pointer;----------------------
        }
        .queryResult{
          font-size: 14px;
          color: #767C8A;
        }
    }
    .orders-type{
        background-color: $menu-checked;
        color: #fff;   
    }
    .choose{
        margin: 5px 0 5px 10px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
    }
}
.title{
    background-color: #21242C;
    color: #D7D8DC;
    height: 28px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 9px;
    margin-top: 0;
  }
.ant-select{
    height: 24px;
}
input,.ant-calendar-picker-input.ant-input,.ant-select-selection{
    background-color: #3C4350;
    color: #fff!important;
    width: 154px;
    height: 24px;
    border: 0;
    padding: 0;
    padding-left:10px;
    box-sizing: border-box;
    border-radius: 2px;
}
.ant-select-selection__rendered{
    line-height: 24px!important;
    margin-left: 0!important;
}
.ant-radio{vertical-align:middle;}
input[type='radio'],.ant-radio-inner{
    height: 12px!important;
    width: 12px!important;
    background: none;
    border: 1px solid #C2C4CD;
}
.ant-radio-checked .ant-radio-inner{
    background-color: $btn-bg!important;
    border-color: $btn-bg;
}
.ant-radio-inner:after{
    height: 5px;
    width: 5px;
    background: #fff!important;
}
input[type="number"]{
    width: 120px;
    margin-right: 3px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.anticon.anticon-calendar{display: none;}








.btn-box{
    width: 100%;
    text-align: center;
    display: inline-flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
}
.default-button{
    width: 90%;
    border-radius: 3px;
    color: #FFF;
}
.default{
    width: 92%;
    display: block;
    border-radius: 3px;
    background-color: $btn-bg-color;
    color: #FFF;
    font-size: pxToRem(40);
    margin: pxToRem(40) auto pxToRem(30);
}
.am-button-primary::before{
    border: 0px solid $body-bg-color!important;
}
.default-btn-active{
    color: #06101f;
}
.default-button-inline{
    width: 50%;
    height: pxToRem(100);
    line-height: pxToRem(100);
    border-radius: 0;
    background-color: $btn-bg-color;
    color: #fff;
}

//confirm弹出框内容样式
//交易委托结果页样式
.am-modal-transparent .am-modal-content .am-modal-body{
    padding: 5px 15px 15px;
}
.am-modal-content{
    .am-modal-header {
        padding: 6px 0 5px;
        border-bottom: 1px solid #ffffff;
        margin: 0 15px;
    }
    .am-modal-title{
        text-align: left;
        span{
            font-size: pxToRem(30);
            color: #222222;
        }
    }
    .am-icon-cross{
        position: absolute;
        right: pxToRem(20);
        top: pxToRem(20);
    }
}
.border-item{
    border-top: 1px solid #dddddd;
}
.confirm-content{
    text-align: left;
    color: #222222;
    font-size: pxToRem(30);
    padding-top: 10px;
    div{
        white-space: nowrap;
    }
    label{
        display: inline-block;
        width: 35%;
        line-height: pxToRem(60);
        color: #999999;
    }
    .password-content{
        height: pxToRem(90);
        border: 1px solid #dddddd;
        margin-bottom: pxToRem(30);
        background: #ffffff;
    }
    .big-data-info{
        line-height: pxToRem(60);
        font-size: pxToRem(20);
        color: red;
    }
}
.am-modal-content .am-modal-button{
    color: #108ee9!important;
    font-size: pxToRem(32);
}
//提示框、错误码弹窗样式
.defult-confirm{
    .am-modal-content .am-modal-header{
        display: none;
    }
    .am-modal-content{
        padding-top: 30px;
    }
}
.none{
    display:none;
}