.consult-left-box {
   width: 640px;
}
.hszs-left-box {
   width: 460px;
   max-height: 290px;
}
.enquiry-left-box {
   width: 440px;
}
.click-left-box {
   width: 480px;
   max-height: 450px;
}
.yysb-left-box {
   width: 460px;
   max-height: 490px;
}
@media screen and (max-height: 400px) {
   .enquiry-left-box, .xj-layout .right-box {
      height: 400px;
   }
}
@media screen and (max-height: 564px) {
   .consult-left-box {
      height: 560px;
   }
}
@media screen and (max-height: 266px) {
   .hszs-left-box {
      height: 260px;
   }
}
@media screen and (max-height: 420px) {
   .click-left-box {
      height: 420px;
   }
}
@media screen and (max-height: 490px) {
   .yysb-left-box {
      height: 490px;
   }
}
.consult-box .page-top {
   max-width: 640px;
}
.hszs-box .page-top {
   width: 460px;
}
.yysb-box .page-top {
   width: 460px;
}
.enquiry-box .page-top {
   max-width: 870px;
}
.click-box .page-top {
   width: 480px;
}
.input-box {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin: 6px 8px;
}
.input-box .field {
   width: 90px;
   text-align: right;
   display: inline-block;
   flex-wrap: nowrap;
   flex-grow: 0;
   flex-shrink: 0;
   margin-right: 12px;
   color: #C2C4CD;
}
.add-field {
   display: inline-block;
   flex-wrap: nowrap;
   flex-grow: 0;
   flex-shrink: 0;
}
.reset-submit-box {
   margin-top: 30px;
   text-align: center;
}
.reset-submit-box .el-button:first-child {
   margin-right: 58px;
}
.hszs-reset-btn {
   padding: 5px 32px !important;
   border: 1px solid #4A90E2;
}
.hszs-order-btn {
   padding: 5px 18px !important;
}
.white .input-box .field {
   color: #222;
}
.field i {
   color: #97a0b0;
   font-size: 13px;
}
.el-input__inner {
   width: 170px;
}
.input-bottom {
   margin-left: 110px;
   font-size: 12px;
}
.input-bottom ul li, .input-bottom p {
   font-size: 14px;
   line-height: 24px;
}
.input-bottom p {
   line-height: 20px;
}
.minus-plus-input {
   width: 170px;
   box-sizing: border-box;
   border-radius: 2px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   cursor: pointer;
   border: 1px solid #D9DBE2;
   background: #fff;
}

.default .minus-plus-input {
   border: 1px solid #2e333d;
   background: #2e333d;
}

.default .minus-plus-input:hover {
   border-color: #4A90E2;
}

.default .focus-border {
   border-color: #4A90E2;
}
.minus-plus-input:hover {
   border-color: #3096ff;
}

.focus-border {
   border-color: #3096ff;
}

.minus-plus-input .el-input {
   width: 112px;
}
.minus-plus-input .el-input__inner {
   width: 112px;
   height: 24px;
   border: none;
}
.minus-plus-input span {
   width: 28px;
   height: 24px;
   line-height: 24px;
   text-align: center;
   font-size: 13px;
   color: #97a0b0;
}
.minus-plus-input span i {
   font-weight: bold;
}
.minus {
   border-right: 1px solid #D9DBE2;
}
.default .minus {
   border-right: 1px solid #000;
}
.plus {
   border-left: 1px solid #D9DBE2;
}
.default .plus {
   border-left: 1px solid #000;
}
.differ-input-box {
   /* margin-top: 28px; */
}
.remove-btn {
   font-size: 13px;
}
.acceptor-table {
   border-bottom: 1px solid #F4F6FA;
}
.acceptor-table .el-input__inner {
   width: 120px;
   text-align: center;
}
.default .acceptor-table {
   border-bottom: 1px solid #1E2129;
}
.input-box .long-field {
   width: 156px;
}
.long-field-bottom {
   margin-left: 176px;
}
.long-order-ratio {
   left: 142px;
}
.order-tip-text {
   width: 350px;
   margin-left: 28px;
   color: #999;
}
.grey-color {
   color: #999 !important;
}
.input-bottom .el-checkbox {
   white-space: pre-wrap;
   display: flex;
   justify-content: flex-start;
}
.query-condition {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   white-space: nowrap;
   margin: 4px 0;
   padding: 0 4px;
}
.query-condition .stk-name {
   width: 80px;
   margin-left: 10px;
}
.query-condition .margin-ele {
   margin: 0 20px 0 10px;
}
.query-condition .el-input, .query-condition .el-input__inner {
   width: 80px;
   height: 24px;
   line-height: 24px;
}
.handle-btn {
   color: #409EFF !important;
   cursor: pointer;
}
.handle-btn:hover {
   text-decoration: underline;
}
/* 当日委托界面样式 */
.query-box {
   background: #fff;
}
.default .query-box {
   background: #15171e;
}
.top-bar-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #21242C;
   height: 28px;
   line-height: 28px;
   padding: 0 6px;
}
.query-title {
   height: 28px;
   line-height: 28px;
   padding: 0 6px;
}
.page-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   white-space: nowrap;
   padding: 0 6px;
   margin: 4px 0;
   height: 28px;
   line-height: 28px;
}
.page-content section {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.bar-btn.el-button:hover {
   background: #4A90E2;
   color: #fff;;
   border-color: #4A90E2;
}
.date-div {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   height: 34px;
   line-height: 34px;
   white-space: nowrap;
   margin-left: 10px;
}
.export-print-section span {
   display: inline-block;
   margin-right: 6px;
   cursor: pointer;
   position: relative;
   vertical-align: middle;
}
.export-print-section .hover-top-span:hover::after {
   content: attr(data-title);
   display: inline-block;
   width: 36px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   color: #222;
   background: #fff;
   border: 1px solid #fff;
   border-radius: 2px;
   font-size: 12px;
   position: absolute;
   top: 34px;
   left: -16px;
   z-index: 9999;
}
.refresh-btn {
   margin-top: 2px;
}
img {
   vertical-align: middle;
}
.white .top-bar-box {
   background: #F5F6F8;
}
.white .page-content .bar-btn.el-button {
   color:#4A90E2;
   border-color:#4A90E2;
   background:#fff;
}
.white .export-print-section span:hover::after {
   background:#ddd;
   border: 1px solid#ddd;
}
 /* 分页 */
.pagination-div {
   text-align: center;
   line-height: 36px;
}
.pagination-div .pagination-btn {
   padding: 3px 20px;
}
.pagination-btn.el-button.is-disabled, .pagination-btn.el-button.is-disabled:focus, .pagination-btn.el-button.is-disabled:hover {
   color: #767C8A;
   border-color: #767C8A;
   background: #15171E;
}
.white .pagination-div .pagination-btn {
   background: #fff;
}
.white .pagination-btn.el-button.is-disabled, .white .pagination-btn.el-button.is-disabled:focus, .white .pagination-btn.el-button.is-disabled:hover {
   background: #fff;
}
.submit-msg-p {
   margin-top: 16px;
}
.table-top {
   padding: 6px;
}
.table-top p {
   line-height: 24px;
}
.red-text {
   color: #eb333b;
}
.blue-text {
   color: #409EFF;
}
.hszssr-table {
   padding-left: 6px;
}
.common-table .el-table th:first-child, .common-table .el-table td:first-child {
   border-left: 1px solid #F4F6FA;
}
.default .common-table .el-table th:first-child, .default .common-table .el-table td:first-child {
   border-left-color: #1E2129;
}
.common-table .dialog-table.el-table th:first-child, .common-table .dialog-table.el-table td:first-child {
   border-left-color: #F4F6FA;
}
/* 回售转售弹框里的输入框 */
.confirmid-input .el-input__inner, .dialog-input .el-input__inner {
   width: 96px;
   color: #222;
   background: #fff;
   border-color: #d9dbe2;
}
.hszs-submit-data {
   width: 370px !important;
}
.hszs-submit-data p span:first-child {
   width: 130px !important;
}
.tip-span {
   display: inline-block;
   padding: 10px 0 2px 76px;
}


/* 撤单弹框 */
.withdraw-submit-data {
   width: 340px !important;
}
.withdraw-submit-data p span:first-child {
   width: 130px !important;
}
.if-widthdraw-p {
   margin-top: 16px;
}

/* 点击成交 */
.click-submit-data {
   width: 380px !important;
   padding-left: 16px !important;
}
/* 询价成交 */
.xj-layout {
   width: 880px;
   max-height: 420px;
   justify-content: flex-start;
}
.xj-layout .left-box {
   border-right: none;
}
.xj-layout .right-box {
   width: 470px;
   padding-right: 20px;
   margin-left: -40px;
   padding-top: 16px;
   background: #fff;
   border-right: 1px solid #D9DBE2;
   border-bottom: 1px solid #D9DBE2;
}
.submit-table {
   display: flex;
}
.submit-data .submit-p-input {
   height: 28px !important;
   line-height: 28px;
}
.submit-data .submit-p-input .el-input__inner {
   width: 110px;
}
.acceptor-confirm-table {
   max-height: 130px;
}
.xj-dialog-content {
   max-height: 384px !important;
}
.xj-submit-data {
   width: 500px !important;
   padding-left: 64px !important;
}
.quote-submit-data {
   width: 470px !important;
   padding-left: 60px !important;
}
/* 接收方表格中下拉框 */
.oppo-investortype.el-select {
   width: 120px !important;
   position: absolute;
   margin-left: -60px;
}
.oppo-investortype.el-select .el-select-dropdown {
   width: 100px;
}
.oppo-investortype .el-input__suffix {
   right: 6px;
}
.oppo-investortype .el-input--suffix .el-input__inner {
   padding-right: 2px;
}
.default .right-box {
   background: #15171e;
   border-color: #21242C;
}
.add-acceptor-bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-right: 16px;
   font-size: 14px;
   margin-left: 56px;
}
.import-dialog-body {
   display: block !important;
   width: 380px;
   height: 200px;
}
.import-table-body {
   display: block !important;
   width: 440px;
}
.import-table-body .import-table {
   padding: 4px 20px;
}
.import-table .el-table {
   border-bottom: 1px solid #F4F6FA;
}
.import-dialog-footer {
   margin-top: 16px;
}
.import-dialog-footer .button {
   padding: 4px !important;
}
.import-dialog-footer .button.sure-btn {
   color: #fff !important;
   background: #409EFF !important;
   margin-right: 70px !important;
}
.import-dialog-footer .button.cancel-btn {
   color: #409EFF !important;
   background: #fff !important;
   border-color: #409EFF !important;
}
.choose-file {
   text-align: center;
   margin-top: 56px;
}
.upload{
   color: #fff;
   border: 1px solid #4a90e2;
   border-radius: 2px;
   background: #4a90e2;
   position: relative;
   display: inline-block;
   width: 100px;
   line-height: 28px;
}
#uploadBtn{
   opacity: 0;
   position: absolute;
   background: none;
   outline: none;
   border: 0;
   top: 0;
   left: 0;
   width: 100px;
   height: 28px;
   cursor: pointer;
}
.holdnum {
   height: 16px;
}

/* 报价回复 */
.bar-bottom-txt {
   padding-left: 6px;
   white-space: nowrap;
}
.content {
   position: relative;
   height: 100%;
}
.todayquery-box {
   width: 100%;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
}
.qutoeReply-box {
   width: 100%;
   height: 100%;
   position: absolute;
   right: -100%;
   top: 0;
   z-index: 999;
}
.quoteReply-dialog-content {
   height: 260px !important;
   border-left: 1px solid #F4F6FA;
   border-right: 1px solid #F4F6FA;
}
/* 竞买成交 */
.jmcj-type.el-select {
   width: 170px !important;
}
.jmcj-date.el-date-editor.el-input, .jmcj-date.el-date-editor .el-input__inner {
   width: 170px;
}
.jmcj-date.el-date-editor .el-input__prefix {
   left: 150px;
}
.jmsb-submit-data {
   width: 400px !important;
   padding-left: 24px !important;
}
.bidid-input.el-input, .bidid-input.el-input .el-input__inner {
   width: 150px;
}
.loading-more-div {
   height: 28px;
   line-height: 28px;
   text-align: center;
}
.yjsb-tabs {
   padding-left: 8px;
   height: calc(100vh - 64px);
}
.yjsb-tabs .el-tabs__content {
   height: calc(100vh - 104px);
}
.yjsb-tabs .el-tabs__content .el-tab-pane {
   height: calc(100vh - 132px);
}
.yjsb-tabs .el-tabs__header {
   margin: 0 0 10px;
}
.yjsb-tabs .el-tabs__item {
   height: 30px;
   line-height: 30px;
}
.yjsb-tabs .el-tabs__nav-wrap::after {
   height: 0;
}
.yjsb-submit-data {
   width: 450px !important;
   padding-left: 46px !important;
}
.yjsbConfirm-submit-data {
   width: 360px !important;
   padding-left: 0 !important;
}
.extinfo-dialog-footer {
   margin-top: 16px;
}
.extinfo-dialog-footer .cancel-btn {
   color: #222 !important;
   background: #c3e0ff !important;
   border-color: #5fa6ee !important;
}
.extend-dialog-body {
   width: 420px;
   display: block !important;
}
.extend-table {
   margin: 0 auto;
   max-height: 260px;
   min-height: 140px;
}
.submit-data .extend-p {
   width: 280px;
   margin: 0 auto;
}
.submit-data .extend-p>span:first-child {
   width: 120px !important;
   background: #f2f3f4;
   border-top: 1px solid #d0d3d7;
   border-right: 1px solid #d0d3d7;
   border-left: 1px solid #d0d3d7;
   margin-right: 0 !important;
   padding-right: 6px;
}
.submit-data .extend-p>span:last-child {
   width: 160px;
   border-top: 1px solid #d0d3d7;
   border-right: 1px solid #d0d3d7;
   padding-left: 6px;
}
.submit-data .extend-p:last-child span {
   border-bottom: 1px solid #d0d3d7;
}
.yjsb-tip-body {
   height: 200px;
}
.yjsb-tip-div {
   width: 366px;
}
.buy-radio .el-radio__input.is-checked+.el-radio__label {
   color: #F24950;
}