/* -------布局-------- */
.view-wrapper {
   height: 100%;
}
.left-box {
   /* max-width: 600px; */
   padding-top: 8px;
   padding-right: 16px;
   background: #fff;
   border-right: 1px solid #D9DBE2;
   border-bottom: 1px solid #D9DBE2;
}
.default .left-box {
   background: #15171e;
   border-color: #21242C;
}

.layout-div {
   display: flex;
   justify-content: space-between;
   height: calc(100% - 28px);
}
/* -------布局end-------- */

/* -------皮肤、样式----- */
/* 滚动条 */
::-webkit-scrollbar {
   position: fixed;
   z-index: 99999999;
   width: 8px;
   height: 8px;
}
::-webkit-scrollbar-corner {
   display: none;
}
.default ::-webkit-scrollbar-track {
   background: #15171E;
}
.default ::-webkit-scrollbar-thumb {
  background-color:#4E515D;
   border-radius: 4px;
}
.default ::-webkit-scrollbar-button:vertical:single-button:start { 
   border: 4px solid;
   border-color: #15171E #15171E #4E515D #15171E;
}
.default ::-webkit-scrollbar-button:vertical:single-button:end {
   border: 4px solid;
   border-color: #4E515D #15171E #15171E #15171E;
}
.default ::-webkit-scrollbar-button:horizontal:single-button:start {  
   border: 4px solid;
   border-color: #15171E #4E515D #15171E #15171E;
}
.default ::-webkit-scrollbar-button:horizontal:single-button:end {
   border: 4px solid;
   border-color:  #15171E #15171E #15171E #4E515D;
}
.white ::-webkit-scrollbar-track {
   background: #F2F3F4;
}
.white ::-webkit-scrollbar-thumb {
  background-color:#aaa;
   border-radius: 4px;
}
.white ::-webkit-scrollbar-button:vertical:single-button:start, .fy-common-dialog-box ::-webkit-scrollbar-button:vertical:single-button:start { 
   border: 4px solid;
   border-color: #F2F3F4 #F2F3F4 #868686 #F2F3F4;
}
.white ::-webkit-scrollbar-button:vertical:single-button:end, .fy-common-dialog-box ::-webkit-scrollbar-button:vertical:single-button:end {
   border: 4px solid;
   border-color: #868686 #F2F3F4 #F2F3F4 #F2F3F4;
}
.white ::-webkit-scrollbar-button:horizontal:single-button:start, .fy-common-dialog-box ::-webkit-scrollbar-button:horizontal:single-button:start {  
   border: 4px solid;
   border-color: #F2F3F4 #868686 #F2F3F4 #F2F3F4;
}
.white ::-webkit-scrollbar-button:horizontal:single-button:end, .fy-common-dialog-box ::-webkit-scrollbar-button:horizontal:single-button:end {
   border: 4px solid;
   border-color:  #F2F3F4 #F2F3F4 #F2F3F4 #868686;
} 
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
html,
body {
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 100%;
   font-size: 14px;
   overflow: hidden;
}
#gszqTrade {
   height: 100%;
}
.default {
   color: #C2C4CD;
   background-color: #0f0f12;
}
.white {
   color: #222;
   background-color: #efeff5;
}

.page-top {
   height: 28px;
   line-height: 28px;
   background: #f5f6f8;
   padding-left: 8px;
   border-right: 1px solid #D9DBE2;
}
.default .page-top {
   background: #21242c;
   border-color: #21242C;
}

.el-input__inner {
   height: 24px;
   line-height: 24px;
   font-size: 14px;
   padding: 8px 2px 8px 2px;
   border-radius: 2px;
   color: #222;
   background: #fff;
   border-color: #d9dbe2;
}
.el-input__inner:hover,
.el-input__inner:focus {
  border-color: #3096ff;
}
.default .el-input__inner:hover,
.default .el-input__inner:focus {
  border-color: #4a90e2;
}
.default .el-input__inner {
   color: #fff;
   background: #2e333d;
   border-color: #2e333d;
}
/* 下拉框 */
.el-input--suffix .el-input__inner{
   padding-right: 20px;
}
.el-select>.el-input{
   height: 27px;
}
.el-select-dropdown{
   pointer-events: auto;
   transition:none;
   background-color: #2e333d;
   border: 0;
   border-radius: 0;
   margin: 0!important;
}
.white .el-select-dropdown{
   background-color: #fff;
}
.el-select-dropdown .el-scrollbar{
   border: 1px solid #070709;
}
.white .el-select-dropdown .el-scrollbar{
   border: 1px solid #4A90E2;
}
.el-input__icon{
   width: 24px;
   height: 24px;
   line-height: 26px;
   transform:none!important;
}
.el-icon-arrow-up:before{
   color: #9EA1A5;
   content: "\E790";
}
.el-select:hover .el-input__inner{
   border: 1px solid #4A90E2;
}
.el-select-dropdown__list{
   border: 0;
   padding: 0;
   text-align: left;
}
.el-popper[x-placement^=bottom] .popper__arrow{
   display: none;
}
.el-select-dropdown__item{
   position: static;
   line-height: 22px;
   height: 22px;
   color: #fff;
   padding: 0 0 0 6px;
   margin: 0 !important;
}
.white .el-select-dropdown__item{
   color: #222;
}
.el-select-dropdown__item.selected{
   font-weight: normal;
   color: #fff;
   background-color:#285DAD;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover{
   background-color:#285DAD;
}
.white .el-select-dropdown__item.hover,
.white .el-select-dropdown__item:hover,
.white .el-select-dropdown__item.selected{
   background: #d2e8ff;
   color: #222;
}
.el-input__suffix {
    right: 1px;
}

.el-input__icon {
    width: 18px;
}
.el-icon-arrow-up:before {
   color: #D9DBE2 !important;
}
.el-button {
   padding: 4px 20px;
   border-radius: 2px;
   color:#4A90E2;
   background:#fff;
   border-color:#4A90E2;
}
.el-button:hover, .el-button:focus, .el-button:active {
   color:#4A90E2;
   background:#fff;
   border-color:#4A90E2;
}
.submit-order-btn.el-button, .submit-order-btn.el-button:hover, .submit-order-btn.el-button:focus, .submit-order-btn.el-button:active {
   padding: 5px 56px;
   color:#fff !important;
   background:#4A90E2 !important;
   border-color:#4A90E2 !important;
}
.default .el-button {
   color:#4A90E2;
   background:#15171e;
   border-color:#4A90E2;
}
/* 表格 */
.el-table {
    background-color: #15171E;
}
.white .el-table {
   background-color: #fff;
}
.el-table th, .el-table td{
   text-align: center;
   border-bottom: 1px solid #1E2129;
   border-right: 1px solid #1E2129;
   padding: 0;
   font-weight: normal;
}
.white .el-table th .cell,
.white .el-table td .cell{
    color: #222;
}
.white .el-table th .cell{
    color: #5E6672;
}
.white .el-table th,
.white .el-table td {
    border-color: #F4F6FA;
}
.dialog-table.el-table td {
   background: #fff !important;
} 
.el-table th:nth-of-type(1),
.el-table th:nth-of-type(2),
.el-table  td:nth-of-type(1),
.el-table  td:nth-of-type(2){
    padding-right: 0;
}
.el-table th {
   background-color: #1A1D26;
}
.default .el-table td {
   background: #15171E;
}
.white .el-table th {
   background-color: #FBFBFC;
}
.white .el-table th.is-leaf{
   border-bottom: 1px solid #F4F6FA;
   border-top: 1px solid #F4F6FA;
}
.el-table--border, .el-table--group {
   border: none;
}
.white .el-table--border::after, 
.white .el-table--group::after,
.white .el-table::before{
    background-color: #F4F6FA;
}
.el-table th .cell
, .el-table td .cell
{
    padding:0;
    padding-right: 5px;
    overflow: hidden;
    color: #C2C4CD;
    line-height: 30px;
}
.el-table th .cell{
    color: #767C8A;
}
.el-table th.gutter{
    border: 0!important;
    width: 15px!important;
    display: table-cell!important;
}
.el-table th.is-leaf{
    border-bottom: 1px solid #1E2129;
    border-top: 1px solid #1E2129;
}	
.el-table--border::after, .el-table--group::after, .el-table::before{
    background-color: #1A1D26;
    height: 0;
}
.el-table__append-wrapper{
    overflow: visible;
}
/* hover */
.el-table .el-table__body tr:hover>td ,
.el-table .el-table__body tr.hover-row>td{
    background-color: #15171E;
}
.white .el-table .el-table__body tr:hover>td ,
.white .el-table .el-table__body tr.hover-row>td{
    background-color: #fff;
}

.query-table.el-table th,
.query-table.el-table td {
   height: 28px;
   line-height: 24px;
   padding: 0;
}
 
 .query-table.el-table th .cell,
 .query-table.el-table td .cell {
   height: 28px;
   line-height: 28px;
   padding: 0 2px;
 }
 
 .el-table__body tr.current-row > td {
   background: #1a3152 !important;
 }
 
 .el-table--enable-row-hover .el-table__body tr:hover > td,
 .el-table__body tr.hover-row > td {
   border-bottom: 1px solid #4a90e2;
 }
 
 .white .el-table--enable-row-hover .el-table__body tr:hover > td,
 .white .el-table__body tr.hover-row > td {
   border-bottom: 1px solid #4a90e2;
 }
 
 .white .el-table__body tr.current-row > td {
   background: #e7f4fe !important;
 }
 
 .el-table__empty-text {
   line-height: 28px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
 
.el-table__fixed-right::before,
.el-table__fixed::before {
   height: 0;
}
/* .el-table__body-wrapper {
   z-index: 999;
}
.el-table__fixed >div {
   z-index: 9999;
} */
.el-radio {
   color: #222;
}
.default .el-radio {
   color: #C2C4CD;
}
.el-radio span {
   vertical-align: middle;
}
.el-radio__label {
   padding-left: 6px;
}
.el-radio__inner {
   border-color: #97a0b0;
}
.el-radio__inner::after {
   width: 6px;
   height: 6px;
   background-color: #97a0b0;
}
.el-radio__input.is-checked .el-radio__inner {
   background: #fff;
   border-color: #97a0b0;
}
.default .el-radio__inner {
   border-color: #C2C4CD !important;
   background: #15171e;
}
.default .el-radio__inner::after {
   background-color: #97a0b0;
}
.default .el-radio__input.is-checked .el-radio__inner {
   background: #0D0F15;
}
.dialog-content .el-radio__inner, .dialog-content .el-radio__input.is-checked .el-radio__inner {
   background: #fff;
}
.dialog-content .el-radio {
   color: #222;
}
.order-ratio {
   position: absolute;
   top: 28px;
   left: 94px;
}

.order-ratio ul {
   width: 170px;
   display: flex;
   justify-content: space-between;
}

.order-ratio ul li:first-child {
   width: 32px;
}

.order-ratio ul li {
   width: 31px;
   height: 18px;
   line-height: 16px;
   text-align: center;
   font-size: 12px;
   border-radius: 2px;
   cursor: pointer;
   color: #222;
   border: 1px solid #D9DBE2;
   background: #fff;
}

.default .order-ratio ul li {
   color: #fff;
   background: #2e333d;
   border: 1px solid #2e333d;
}
.default .percent-active {
   color: #fff;
   background-color: #285cad !important;
}
.percent-active {
   color: #222;
   background-color: #d2e8ff !important;
}
.num-input-box {
   position: relative;
}
.error-detail {
   color: #4a90e2;
   cursor: pointer;
}

/* 复选框 */
.el-checkbox__input {
   line-height: 0;
 }
 
 .el-checkbox__label {
   padding-left: 6px;
   font-size: 14px;
   vertical-align: middle;
 }
.el-checkbox__label {
   margin-top: -3px;
 }
 
 .default .el-checkbox {
   color: #c2c4cd;
 }
 
 .el-checkbox__inner {
   width: 13px;
   height: 13px;
   border-radius: 2px;
 }
 
 .default .el-checkbox__inner {
   background: #15171e;
   border: 1px solid #97a0b0;
 }
 .el-checkbox__input.is-checked + .el-checkbox__label {
   color: #222;
 }
 .default .el-checkbox__input.is-checked + .el-checkbox__label {
   color: #d7d8dc;
 }
/* popper */
.el-popper .popper__arrow, .el-popper .popper__arrow::after {
   display: none;
}
.el-popover {
   border-color: #000;
   box-shadow: none;
}
.el-popover--plain {
   padding: 10px;
}
.el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner {
   border-radius: 0%;
}
/* 表格中的checkbox */
.table-checkkbox .el-checkbox__inner {
   width: 16px;
   height: 16px;
}
.table-checkkbox .el-checkbox__inner::after {
   left: 5px;
   top: 2px;
}

/* 日期 */
.el-picker-panel {
   top: 47px !important;
}
.el-date-editor.el-input {
   width: 124px;
}
.el-date-editor .el-input__inner {
   width: 110px;
}
.el-date-editor.el-input--suffix .el-input__inner {
  padding-left: 3px;
  padding-right: 0;
  height: 20px;
  line-height: 20px;
}
.el-date-editor.el-input--suffix .el-input__inner {
  height: 24px;
  line-height: 24px;
}
.el-date-editor .el-input__prefix {
  left: 90px;
}

.el-date-editor .el-input__prefix .el-input__icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.el-icon-date:before {
  content: "\e790";
}

.el-date-picker {
  width: 232px;
}

.el-date-picker__header {
  margin: 4px;
  margin-bottom: 0;
  height: 24px;
  width: 220px;
}

.el-date-picker__header-label {
  font-size: 14px;
  line-height: 30px;
}

.el-date-picker .el-picker-panel__content {
  width: 220px;
}

.el-picker-panel__content {
  margin: 6px;
}

.el-date-table th {
  padding: 0;
}

.el-date-table td {
  padding: 0;
}

.el-date-table td div {
  padding: 0;
}

.el-date-table td,
.el-date-table td div {
  height: 26px;
}

/* 打印 */
@media print {
   html,
   body {
      height: inherit;
   }
   .noprint {
      display: none !important;
   }
}
/* -------皮肤、样式end----- */