/* 行情 */
.level-market {
  width: 45%;
  padding-top: 4px;
  padding-right: 6px;
  border-left: 1px solid #f7f8fa;
}
.default .level-market {
  color: #c7c1cd;
}
.white .level-market {
  color: #000;
}
.white .level-market {
  border-left: 1px solid #f7f8fa;
}
.default .level-market {
  border-left: 1px solid #1a1d24;
}
.level-market .sell-price,
.level-market .buy-price {
  margin-bottom: 9px;
  padding-bottom: 9px;
}
.level-market .sell-price ul {
  display: flex;
  flex-direction: column;
}
.white .level-market .sell-price,
.white .level-market .buy-price{
  border-bottom: 1px solid #f7f8fa;
}
.default .level-market .sell-price,
.default .level-market .buy-price{
  border-bottom: 1px solid #1a1d24;
}
.level-market .sell-price ul,
.level-market .buy-price ul {
  padding-right: 4px;
}
.level-market .sell-price p span:nth-child(2) {
  background: #4792e5;
}
.level-market .buy-price p span:nth-child(2) {
  background: #ec4e4e;
}
.level-market li {  
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;  
  padding-left: 8px;
  padding-right: 4px;
}
.white .level-market li:hover {
  background: #a7caf0;
}
.default .level-market li:hover {
  background: #1a3151;
}
.level-market li p:first-child {
  width: 32px;
  text-align: left;
  display: flex;
  align-items: center;
}
.level-market li p:first-child span:last-child {
  width: 14px;
  height: 14px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  margin-left: 2px;
  color: #fff;
  line-height: 14px;
}
.level-market p {
  display: inline-block;
}
.level-market p span {
  font-weight: normal;
}
.level-market .price-volume {
  margin-left: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 10%;
}
.level-market .price-bottom {
  padding-left: 8px;
}
.level-market .price-bottom {
  display: flex;
  flex-direction: column;  
}
.level-market .price-bottom p {
  display: flex;
}
.level-market .price-bottom p span {
  width: 50%;
}
.red-color {
  color: #F24950;
}
.green-color {
  color: #1AAE52;
}
.blue-color {
  color: #509bd4;
}
/* 行情end */
html, body {
  height: 100%;
  width: 100%;
  font-size: 14px;
}
#exchangeFund {
  height: 100%;
}
.content {
  height: 100%;
}
.page {
  display: flex;
  min-height: 100%;
}
.default .page {
  background-color: #0f0f11;
}
.white .page{
  background-color: #ecedf2;
}
.page-left {
  width: 560px;
  height: 400px;
}
.white .page-left,
.white .page-right {
  border: 1px solid #DFE1E7;
  background-color: #fff;
}
.default .page-left,
.default .page-right {
  border: 1px solid #000;
  background-color: #12151c;
}
.page-content {
  display: flex;
  justify-content: space-between;
  /* padding-bottom: 10px; */
  min-height: 330px;
}
.page-title {  
  height: 34px;
  line-height: 34px;
  padding-left: 6px;
}
.white .page-title {
  background-color: #F5F6F8;
}
.default .page-title {
  background-color: #202028;
  color: #c7c1cd;
}
.form-content {
  /* background-color: #fff; */
  padding-left: 12px;
  padding-top: 8px;
  width: 65%;
}
.form-content .el-form {
  padding-right: 90px;
}
.form-content .el-form .workid-form-item {
  visibility: hidden;
}
.form-position-right {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 999;
  right: -108px;
  top: 6px;
  font-size: 12px;
}
.form-position-right span {
  width: 100px;
  height: 18px;
  line-height: 18px;
}
.form-bottom {
  margin-top: 10px;
}
.form-bottom div {
  font-size: 12px;
  margin-bottom: 4px;
}
.default .form-bottom .bottom-tips {
  color: #c7c1cd;
}
.white .form-bottom .bottom-tips {
  color: #000;
}
.form-bottom div:last-child {
  font-size: 11px;
  color: #c5c5c5;
}
.form-bottom div:last-child p {
  margin-bottom: 2px;
}
.form-content .el-form-item__label {
  padding: 0;
}
.white .form-content .el-form-item__label {
  color: #000;
}
.default .form-content .el-form-item__label {
  color: #c7c1cd;
}
b {
  font-weight: normal;
}
.el-form-item {
  margin-bottom: 0;
}
.submit-btn {
  text-align: center;
  border-radius: 2px;
  padding: 7px 0;
  width: 100%;
  border-radius: 2px;
  border: none;
}
.submit-btn b {
  text-decoration: underline;
  font-weight: normal;
}

.page-right {
  flex: 1;
  margin-left: 10px;  
  height: 400px;
  overflow: auto;
}
/* fundTable */
.fund-table {
  min-width: 1500px;
}
.table-top {
  height: 34px;
  line-height: 34px;  
  padding-left: 4px;
  display: flex;
  justify-content: space-between;
  padding-right: 6px;
}
.white .table-top {
  background-color: #F5F6F8;
}
.default .table-top {
  background-color: #202028;
  color: #c7c1cd;
}
.table-top .refresh-result {
  flex: 1;
  margin-left: 30px;
  display: flex;
}
.table-top .refresh-result .spanText {
  white-space: nowrap;
}
.table-top .group-btn {
  position: relative;
  /* right: 6px;
  position: absolute; */
}
.table-top .group-btn .position-check {
  position: absolute;
  right: 0;
  top: 30px;
  border: 1px solid #4792e5;
  background-color: white;
  height: 26px;
  line-height: 26px;
  background: #d2e8ff;
  color: #000;
  padding-right: 4px;
  z-index: 999;
}
.default .table-top .group-btn .position-check {
  background-color: #275caa;
  color: #fff;
}
.default .el-checkbox__input.is-checked .el-checkbox__inner,
.default .position-check .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #275caa;
  border: none;
}
.default .el-checkbox__inner {
  background-color: #000;
}
.white .position-check .el-checkbox__input.is-checked .el-checkbox__inner,
.white .position-check .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #d2e8ff;
  border: none;
}
.default .position-check .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: #fff;
}
.white .position-check .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: #000;
}
.position-check .el-checkbox__inner {
  border: none;
  background-color: #d2e8ff;
}
.default .position-check .el-checkbox__inner {
  border: none;
  background-color: #275caa;
}
.position-check .el-checkbox__input {
  padding-left: 4px;
}
.position-check  .el-checkbox__label {
  padding-left: 0;
}
.default .position-check .el-checkbox__label {
  color: #fff;
}
.table-top .group-btn span:first-child {
  margin-right: 4px;
}
.account-info {
  margin: 8px 0;
  display: flex;
}
.account-info .left {
  width: 100px;
}
.account-info .right {
  width: 80px;
  text-align: center;
  cursor: default;
  position: relative;
  visibility: hidden;
}
.span-hover:hover+.account-position {
  display: block;
}
.account-position {
  display: none;
  border: 1px solid #000;
  padding: 10px;
  min-width: 300px;
  position: absolute;
  z-index: 99;
  background: #fff;
  right: 40px;
  top: 24px;
  font-size: 12px;
}
.account-position span {
  display: block;
  text-align: left;
}
.account-info .center {
  flex-grow: 1;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  white-space: nowrap;
}
.account-info .el-select .el-input .el-select__caret {
  line-height: 26px;
}
.white .account-info {
  color: #000;
}
.default .account-info {
  color: #c7c1cd;
}
.account-info .el-select{
  width: 90px;
}
.account-info,
.content-table {
  padding-left: 10px;
}
.account-info span {
  padding-left: 10px;
}
.el-select-dropdown__item span {
  padding-left: 0;
}
.white .el-checkbox__input.is-checked+.el-checkbox__label,
.white .el-checkbox__label {
  color: #000;
}
.default .el-checkbox__input.is-checked+.el-checkbox__label,
.default .el-checkbox__label {
  color: #fff;
}
.flex-row {
  display: flex;
  justify-content: space-between;
  padding-right: 10px;
}
.left-btn .blue-border-btn {
  padding: 2px 10px;
  border: 1px solid #4792e5;
  color: #4792e5;
  border-radius: 2px;
  margin-right: 10px;
  cursor: default;
}
.right-btn span {
  margin-right: 10px;
}
.text-underline b {
  text-decoration: underline;
  font-weight: normal;
}
.blue-small-btn {
  color: #4792e5;
  cursor: default;
}
/* 表格行背景色-白色 白皮肤*/
.el-table tr {
  background-color: #f6fafe;
}
.el-table__body tr:hover>td {
  background-color: #f6fafe;
}
/* 表格行背景色-蓝色 白皮肤*/
.white .el-table .table-row-blue {
  background-color: #e1e9f2!important;
}
.white .el-table__body .table-row-blue:hover>td {
  background-color: #e1e9f2!important;
}
/* 表格行背景色 黑皮肤*/
.default .el-table tr {
  background-color: #12151c;
}
.default .el-table__body tr:hover>td {
  background-color: #12151c;
}
.table-box {
  padding-right: 10px;
}

.table-box .selectionText .cell .el-checkbox__inner {
  display: none;
  position: relative;
}
.table-box .selectionText .cell::before {
  content: '批选';
  position: absolute;
  right: 2px;
}

/* 隐藏表格复选框 */
.table-box .table-checkbox-hidden .el-checkbox__inner {
  display: none;
}
/* 加载更多 */
.white .disabled-color {
  color: #cecbc6;
}
.default .disabled-color {
  color: #42464f;
}
.white .abled-color {
  color: #000;
}
.default .abled-color {
  color: #000;
}
.load-more {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  cursor: default;
}
/* fundTable end */

/* 下拉框 */
.el-select .el-select-dropdown {  
  border-radius: 0;
  left: 0!important;
}
.default .el-select-dropdown {
  background-color: #2f333e;
  border-color: #000;
  color: #fff;
}
.white .el-select-dropdown {
  background-color: #fff;
  border-color: #3096ff;
  color: #000;
}

.el-popper[x-placement^=bottom] {
  margin-top: 0;
}

.el-popper[x-placement^=top] {
  top: -160px;
}

.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
  display: none;
}

.el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown__item {
  color: #000;
  height: 22px;
  line-height: 22px;
  padding: 0 4px;
  background: #fff;
}

.el-select-dropdown__item {
  color: #c0c1c5;
  background: #2f333e;
}

.white .el-select-dropdown__item {
  color: #000;
  background: #fff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #222;
  background-color: #d2e8ff;
}

.white .el-select-dropdown__item.hover,
.white .el-select-dropdown__item:hover {
  color: #222;
  background-color: #d2e8ff;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #fff;
  background-color: #285cad;
}

.el-select-dropdown__item.selected {
  font-weight: normal;
}

.el-select-dropdown__wrap {
  max-height: 180px;
}

/* 表格 */
.el-table {
  border-top: none;
}

.white .el-table {
  color: #000;
}
.default .el-table,
.default .el-table td {
  color: #c7c1cd;
  background-color: #12151c;
  border-color: #12151c;
}
.default .el-table th {
  background-color: #1a1d26;
  border-color: #1a1d26;

}
.white .el-table th {
  color: #000
}
.el-table th,
.el-table td {
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding: 0;
  font-weight: normal;
  /* color: #000; */
  font-size: 12px;
  border-color: #d5d8df;
}
.el-table .cell, .el-table th div {
  padding-right: 2px;
}
.el-table::before {
  display: none;
}
.el-table--border::after, .el-table--group::after {
  display: none;
}
.el-table .cell, .el-table th div {
  cursor: default;
}
.table-box .el-table th.gutter {
  /* display: table-cell !important; */
}

.table-box .el-table colgroup.gutter {
  display: table-cell !important;
}

.el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell {
  padding-left: 0;
}
/* 滚动条 */

::-webkit-scrollbar {
  position: fixed;
  z-index: 99999999;
  width: 8px;
  height: 8px;
}
/* 滚动条表头错位 */
.el-table th.gutter {
  width: 8px!important;
}

.default ::-webkit-scrollbar-track {
  background: #12151c;
}

.default ::-webkit-scrollbar-thumb {
  background-color: #3d404b;
}

.white ::-webkit-scrollbar-track {
  background: #fff;
}

.white ::-webkit-scrollbar-thumb {
  background-color: #bebebe;
}

::-webkit-scrollbar-corner {
  display: none;
}

/* tabs */
.el-tabs__nav-wrap::after {
  display: none;
}
.el-tabs__active-bar {
  display: none;
}
.el-tabs__header {
  margin-bottom: 0;
}
.default .el-tabs__item{
  color: #c7c1cd;
}
.el-tabs__item {
  height: 26px;
  line-height: 26px;
  width: 68px;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
  border-radius: 2px;
  margin-right: 4px;
}
.default .el-tabs__item:hover{
  background-color: #2f333e;
  color: #f1f9fc;
}
.el-tabs__item:hover {
  background-color: #d4dbed;
  color: #f7f8fc;
  cursor: pointer;
  padding-left: 0;
}
.el-tabs__item.is-active {  
  color: #fff;
  padding-left: 0;
}
.white .el-tabs__item.is-active {
  background-color: #527bbb;
}
.default .el-tabs__item.is-active {
  background-color: #275caa;
}
/* 输入框 */
.el-input__inner {
  height: 26px;
  line-height: 26px;
  color: #000;
  padding-left: 4px;  
  border-radius: 2px;
}
.default .el-input__inner {
  background-color: #2f333e;
  color: #c7c1cd;
  border: 1px solid #2f333e;
}
.white .el-input__inner {
  background-color: #fff;
  color: #000;
}
/* 红色按钮 */
.page .red-btn {  
  background-color: #F24950;  
  color: #FDEEEF;
}
 .red-btn:hover {
  background-color: #EF666D;
  color: #FDEEEF;
}
/* 蓝色按钮 */
.page .blue-btn {
  background-color: #2f96ff;
  color: #FDEEEF;
}
.page .blue-btn:hover {
  background-color: #54a8ff;
  color: #FDEEEF;
}

