html {
    -ms-overflow-style: scrollbar;
    height: 100%;
}

body {
    background-color: rgb(245, 246, 248) !important;
    margin: 0;
    padding: 0;
    font-size: 14px;
    min-width: 1350px;
    overflow: auto;
    height: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

.bh-pr-30 {
    padding-right: 30px;
}

.bh-ml-8 {
    margin-left: 8px !important;
}

.extranet-page-navigation {
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.extranet-page-navigation li {
    display: inline-block;
}

.extranet-page-navigation .active:before {
    content: '/';
    padding: 0 8px;
    color: #999
}

.extranet-color-999 {
    color: #999;
}

.extranet-color-666 {
    color: #666;
}

.extranet-color-1D2129 {
    color: #1D2129;
}

.extranet-color-86909C {
    color: #86909C;
}

.extranet-empty-top {
    margin-top: 80px;
}

.dataTables_wrapper table {
    table-layout: fixed;
}

.dataTables_wrapper table.dataTable thead tr[role=row] {
    color: #666;
}

.dataTables_wrapper table.dataTable thead tr[role=row] th {
    border-bottom: solid 1px #E8E8E8;
    padding: 20px 20px 20px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dataTables_wrapper table.dataTable tbody tr[role=row] td {
    border-bottom: solid 1px #E8E8E8;
    padding: 20px 20px 20px 0;
}

.dataTables_wrapper table.dataTable.no-footer {
    border: none;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border: none;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 24px;
    float: left;
    text-align: left;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #43454F !important;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    padding: 6px 0px;
    margin-right: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
}

.dataTables_wrapper .dataTables_filter {
    display: none;
}

.dataTables-jumpToPage {
    float: right;
    margin-top: 26px;
    margin-right: 15px;
}

.extranet-inner-table {
    width: 100% !important;
}

.extranet-inner-table thead {
    display: none;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 30px;
    float: right;
}

.bh-tip {
    min-width: 200px;
}

.bh-tip .bh-card {
    border-radius: 8px !important;
}

.bh-tip .bh-tip-top-bar {
    background: none;
}

.bh-bhdialog-container .bh-card {
    border-radius: 8px;
}

.bh-bhdialog-container .bh-dialog-icon-colorwarning {
    border-top: 0;
}

.bh-bhdialog-container .bh-dialog-exceptBtn-chilid {
    padding-top: 25px;
}

.bh-bhdialog-container .bh-dialog-img-con {
    width: 50px;
    height: 20px;
}

.bh-bhdialog-container .bh-dialog-img-con i {
    margin-left: 20px;
    font-size: 20px;
    line-height: 20px;
}

.bh-bhdialog-container h2 {
    font-size: 16px;
    line-height: 20px;
    margin-left: 50px;
}

.bh-bhdialog-container .bh-dialog-content {
    padding: 16px 52px 0 50px;
    font-size: 14px;
}

.bh-btn {
    border-radius: 4px;
    font-size: 16px;
}

.bh-dialog-btn {
    border-radius: 4px;
}

.bh-form-readonly .bh-form-readonly-label {
    color: #666!important;
    font-weight: normal;
    font-size: 14px;
}

.bh-form-block .bh-form-control {
    font-size: 14px;
}


/* .bh-form-outline {
    border: 0px;
    font-size: 14px;
    font-weight: normal;
}

.bh-form-outline-item {
    border-left: solid 1px #ddd;
    margin-left: 9px;
    height: 38px;
    padding: 0 0 20px 24px;
}

.bh-form-outline-item.bh-active:before {
    display: none;
}

.bh-form-outline-item:hover {
    background: #FFF;
}

.bh-form-outline-itemIndex {
    padding: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: solid 1px #ddd;
    left: -9px;
    text-align: center;
    line-height: 16px;
    background: #fff;
    font-size: 12px;
    color: #666;
}

.bh-form-outline-item.bh-active .bh-form-outline-itemIndex {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    left: -11px;
}

.bh-form-outline-item.bh-active .bh-form-outline-itemText {
    font-size: 18px;
} */


/*导航大纲*/

.bh-form-outline-itemIndex {
    display: none;
}

.bh-form-outline {
    border-left: none;
    width: 200px;
}

.bh-form-outline-item:hover {
    background: #FFF;
}

.bh-form-outline-itemText {
    max-width: 100%;
}

[data-name="single-tbdx"] [bh-role-form-outline="container"] {
    margin-left: 0px!important;
    margin-bottom: 0px!important;
}

.custom-desensitize-line {
    line-height: 28px;
    min-height: 28px;
}

.bh-form-static.custom-desensitize-line {
    display: flex;
    justify-content: space-between;
}

.custom-desensitize-imag {
    height: 26px;
    float: right;
    padding-top: 6px;
    cursor: pointer;
    width: 20px;
}

.custom-desensitize-p-width {
    overflow: hidden;
}

.custom-desensitize-readonly-img {
    position: relative;
    margin-top: -32px;
}

.custom-checktm-flex {
    display: flex !important;
    height: 32px !important;
    margin-bottom: 8px;
    padding: 0 12px;
}

.control-checktm-select {
    width: 100px;
    font-size: 14px;
    border-radius: 4px;
    height: 32px;
    font-weight: 400;
    margin-right: 5px;
    border: 1px solid rgb(215, 215, 215) !important;
}

.custom-tm-alert-row {
    height: 28px;
    display: flex;
    margin-bottom: 10px;
    padding: 0 12px;
}

.checktm-yzm {
    margin-right: 12px;
    margin-left: 12px;
}

.custom-tm-alert-size {
    color: #FFB300;
    font-size: 22px;
    margin-right: 5px;
    padding-top: 5px;
}

.custom-tm-alert-info {
    height: 28px;
    margin-top: 2px;
    line-height: 28px;
    font-size: 14px;
}

.checktm-zh-input {
    height: 32px !important;
    border-radius: 4px !important;
    border: 1px solid rgb(215, 215, 215) !important;
    padding: 4px !important;
}

.input-yzm-view {
    border: none;
    width: 60%;
    border-right: 1px solid rgb(215, 215, 215);
    margin: 2px;
    outline: none;
}

input.input-yzm-view::-webkit-input-placeholder {
    color: #bbb;
}

.query-yzm-a {
    margin-left: 4px;
    line-height: 22px;
    cursor: pointer;
    height: 18px;
    text-align: center;
    width: 40%;
    font-size: 14px;
}

.checktm-tp-yzm .msg-yzm {
    cursor: pointer;
}

.checktm-zh-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgb(215, 215, 215);
}

.checktm-zh-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgb(215, 215, 215);
}

.checktm-zh-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgb(215, 215, 215);
}

.checktm-zh-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgb(215, 215, 215);
}

.input-yzm-view::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgb(215, 215, 215);
}

.input-yzm-view:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgb(215, 215, 215);
}

.input-yzm-view::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgb(215, 215, 215);
}

.input-yzm-view:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgb(215, 215, 215);
}

.icon-edit-from-data {
    cursor: pointer;
    color: rgb(82, 108, 253);
}

.bh-hide {
    display: none!important;
}

.jqx-dropdownlist-content {
    left: 4px!important;
}

.common-select {
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #DFE2E8;
}

.zp-font-bold {
    font-weight: 700;
}


/********************************新框架样式*****************************/


/********************************btn*****************************/

.bh-btn {
    display: table-cell;
    box-shadow: none !important;
    min-width: auto;
    padding: 0 16px;
    margin-left: 0;
    height: 32px;
    border-radius: 2px;
    font-size: 14px;
}

.bh-btn.bh-btn-default {
    border: 1px solid #DFE2E8;
}


/********************************table*****************************/

.jqx-grid .jqx-widget-header {
    height: 30px !important;
}

.jqx-grid .jqx-grid-column-header {
    font-weight: normal;
    color: #1D2129;
    background-color: #F7F8FA;
}

.jqx-grid .jqx-grid-column-header > div {
    line-height: 30px;
}

.jqx-grid .jqx-grid-column-header > div > div:first-child {
    margin: 0 16px 0 8px !important;
    text-align: left !important;
}

.jqx-grid .jqx-grid-column-header > div > div.selectAllCheckboxFlag {
    margin: 0 8px !important;
    padding-top: 0 !important;
}

.jqx-grid .jqx-grid-column-header > div > .iconscontainer {
    color: #C9CDD4;
}

.jqx-grid .jqx-widget-header.sortasc {
    top: 5px !important;
    height: 10px !important;
}

.jqx-grid .jqx-widget-header.sortdesc {
    bottom: 5px !important;
    height: 10px !important;
}

.jqx-grid .jqx-grid-table tr {
    height: 40px;
}

.jqx-grid .jqx-grid-table .jqx-grid-cell {
    color: #1D2129;
}

.jqx-grid,
.jqx-grid-header,
.jqx-grid-column-header,
.jqx-grid-cell {
    border-color: #EDEFF2 !important;
}

.bh-table-form .bh-form-static {
    background-color: #F7F8FA;
}

.jqx-grid .jqx-scrollbar-state-normal {
    background-color: transparent;
}

.jqx-grid .jqx-scrollbar-thumb-state-normal-horizontal {
    background-color: #DFE2E8;
}

.bh-pager {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    color: #4E5969 !important;
}

.bh-pager .bh-pull-left,
.bh-pager .bh-pull-right {
    display: flex;
    align-items: center;
}

.bh-pager .bh-pull-right {
    flex-direction: row-reverse;
}

.bh-pager .bh-pull-right .jqx-dropdownlist-state-normal {
    width: 70px !important;
    height: 28px !important;
}

.jqx-dropdownlist-state-selected {
    border: 1px solid #165DFF;
}

.bh-pager .bh-pull-right .jqx-dropdownlist-state-normal .jqx-dropdownlist-content {
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 8px;
    width: 45px !important;
}

.bh-pager .bh-pager-input {
    height: 28px !important;
}

.bh-pager-btn span,
.bh-pager-btn i {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #86909C !important;
}

.bh-pager-btn span {
    height: 9px !important;
    border-left: 1px solid #86909C !important;
    margin-left: 2px !important;
    margin-top: 8px !important;
}

.bh-pager-btn[pager-flag="end"] span {
    margin-left: 13px !important;
}

.bh-file-img-text {
    color: #165DFF;
}

.bh-pager {
    background-color: #F7F8FA;
}

.bh-customize-column-grid .cell {
    border-bottom-color: #EDEFF2 !important;
    border-right-color: #EDEFF2 !important;
}

.bh-customize-column-grid {
    border-top-color: #EDEFF2!important;
    border-left-color: #EDEFF2!important;
}

.block__list_words li {
    border-color: #EDEFF2!important;
}


/*******************************input**********************************/

textarea {
    border-color: #DFE2E8;
    border-radius: 2px;
    color: #1D2129;
    padding: 0 12px;
    line-height: 22px;
}

.bh-txt-input--focus .bh-txt-input__txtarea {
    height: 80px;
}

input.bh-form-control,
input.jqx-input {
    border-color: #DFE2E8;
    border-radius: 2px;
    height: 32px !important;
    color: #1D2129;
    padding: 0 12px;
    font-size: 14px;
}

.bh-customize-column-search input.bh-form-control {
    padding-left: 24px !important;
}

.bh-customize-column-search {
    width: 50%;
}

textarea.bh-form-control::placeholder,
input.bh-form-control::placeholder,
input.jqx-input::placeholder {
    color: #C9CDD4;
}

textarea.bh-form-control + .icon-search,
input.bh-form-control + .icon-search,
input.jqx-input + .icon-search {
    color: #4E5969;
}

textarea.bh-form-control:focus,
input.bh-form-control:focus,
input.jqx-input:focus {
    border-color: #165DFF;
    box-shadow: none;
}

.bh-txt-input__foot {
    font-size: 12px;
    color: #C9CDD4;
}

.jqx-input {
    height: 32px !important;
    background-color: #fff;
}

.form-group .bh-dropdown {
    padding: 0;
    align-items: center;
}

.form-group .bh-dropdown [bh-dropdown-role="bhDropdown"] {
    display: flex;
    align-items: center;
}

.form-group .bh-dropdown .bh-btn {
    height: 30px;
    border: none;
    border-right: 1px solid #D8DCF0;
}

.form-group .bh-form-control .form-xxpz-input {
    border-left: none;
}

.form-group .bh-dropdown + .bh-btn {
    height: 32px !important;
    margin-left: 8px;
}


/*******************************select**********************************/

.jqx-widget[xtype] {
    border: 1px solid #DFE2E8;
    border-radius: 2px !important;
    height: 32px !important;
    line-height: 30px !important;
    color: #1D2129;
}

.jqx-widget[xtype="number-range"] {
    border: none;
}

.jqx-widget[xtype="number-range"] input {
    height: 30px !important;
}

.jqx-input.jqx-fill-state-focus {
    border-color: #165DFF;
}

.jqx-widget[xtype]:focus,
.jqx-widget[xtype] input:focus {
    border-color: #165DFF;
    box-shadow: none;
}

.jqx-validator-error-container .jqx-validator-error-control {
    border: 2px solid #e24034!important;
}

.jqx-widget[xtype] .jqx-dropdownlist-content {
    padding: 0 12px;
}

.jqx-widget[xtype="multi-select"] input {
    height: 30px;
    padding: 0 8px !important;
}

.jqx-widget[xtype="multi-select"] input::placeholder {
    color: #C9CDD4;
}

.jqx-widget[xtype="textarea"] {
    height: auto !important;
    border: none;
}

.bh-txt-input--focus {
    border-width: 1px;
    border-color: #165DFF;
    box-shadow: none;
}

.jqx-input {
    border: 1px solid #DFE2E8;
}


/*******************************bh-checkbox   radio*********************************/

.bh-checkbox .bh-choice-helper::before {
    top: 4px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 2px;
    border-color: #DFE2E8;
    cursor: pointer;
}

.bh-checkbox:hover .bh-choice-helper::before {
    border-color: #165DFF;
}

.bh-radio:hover .bh-choice-helper::before {
    border-color: #165DFF;
}

.bh-checkbox input[type=checkbox]:checked + .bh-choice-helper::before {
    transform: scale(1);
    border-color: #165DFF;
    background-color: #165DFF;
}

.bh-radio input[type=radio]:checked + .bh-choice-helper::before {
    background-color: #165DFF;
    border-color: #165DFF;
}

.bh-checkbox .bh-choice-helper:after {
    top: 8px !important;
    left: 3px;
    width: 8px;
    height: 5px;
    border-color: #fff;
}

.bh-label-radio.bh-active {
    border: 1px solid #165DFF;
    background-color: #EFF7FF;
    color: #165DFF;
}

.bh-label-radio {
    color: #1D2129;
    border-radius: 2px;
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    margin-right: 8px;
}

[xtype="buttonlist"] .bh-label-radio {
    margin-top: 4px;
    margin-bottom: 4px;
}

[xtype="multi-select"] .jqx-combobox-arrow-normal,
[xtype="selecttable"] .jqx-combobox-arrow-normal {
    margin-left: 3px !important;
}

.bh-label-radio:hover {
    border-color: #4080FF;
    background-color: #fff;
}

.bh-radio .bh-choice-helper:before {
    top: 2px;
    width: 14px;
    height: 14px;
}

.bh-radio .bh-choice-helper:after {
    width: 6px;
    height: 6px;
    background: #fff;
    top: 6px;
    left: 4px;
}

.bh-choice-helper {
    pointer-events: none;
}

.bh-radio .bh-choice-helper {
    display: inline-block;
    height: 14px;
}

.bh-checkbox input {
    position: static !important;
    margin-right: 8px !important;
}

.bh-checkbox label,
.bh-radio label {
    padding: 0 !important;
    margin: 0 20px 0 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
}

.bh-form-readonly .bh-radio label {
    margin: 0 20px 0 0 !important;
}

.bh-radio input[type=radio] {
    width: 14px;
    height: 14px;
}

.jqx-checkbox-default {
    margin: 0 !important;
    margin-right: 8px !important;
    border: none;
}

.jqx-checkbox-default,
.jqx-checkbox-default > div,
.jqx-checkbox-default > div > span {
    display: block;
    border-radius: 2px;
}

.jqx-checkbox-default > div > span {
    border: 1px solid #DFE2E8;
    opacity: 1 !important;
}

[id^="oneKeySelectinnerListBoxjqxWidget"]:hover .jqx-checkbox-default > div > span,
.jqx-listitem-element:hover .jqx-checkbox-default > div > span {
    border-color: #165DFF !important;
}

.jqx-checkbox-check-checked {
    background-color: #165DFF;
    border-color: #165DFF !important;
}

.jqx-checkbox-check-checked:after {
    background-color: #165DFF;
    border-color: #fff;
    width: 10px;
    height: 6px;
    left: 1px;
    top: 2px;
}

.jqx-listitem-element {
    padding-left: 4px;
}


/*******************************bh-table-form**********************************/

body .bh-form-groupname {
    margin-bottom: 12px !important;
}

.bh-table-form .bh-form-group {
    min-height: 37px !important;
}

.bh-table-form .jqx-validator-error-info {
    min-height: auto !important;
}

.bh-form-readonly-input {
    min-height: 36px;
}

.bh-table-form [xtype="buttonlist"] .bh-label-radio {
    margin-top: 0;
    margin-bottom: 0;
}

.bh-form-readonly.bh-form-horizontal .bh-form-label {
    padding-top: 6px;
}

.bh-form-readonly-input [xtype="buttonlist"],
.bh-form-readonly-input [xtype="multi-buttonlist"],
.bh-form-readonly-input [xtype="checkboxlist"],
.bh-form-readonly-input [xtype="radiolist"] {
    margin-left: 8px;
    margin-top: 2px;
}

.bh-form-readonly-input [xtype="uploadmuiltimage"],
.bh-form-readonly-input [xtype="uploadsingleimage"] {
    margin-left: 8px;
}

.bh-table-form .bh-form-readonly-input [xtype="switcher"] {
    margin-top: 4px !important;
    margin-left: 8px!important;
}

.bh-form-readonly .bh-form-group {
    background: #F7F8FA;
    border-right: #EDEFF2 solid 1px;
    border-bottom: #EDEFF2 solid 1px;
}

.bh-form-readonly-input {
    border-left: #EDEFF2 solid 1px;
}

.bh-table-form .bh-form-block,
.bh-table-form.bh-form-block {
    border-left-color: #EDEFF2;
    border-top-color: #EDEFF2;
}

.bh-table-form .bh-form-readonly-input p.bh-form-static {
    height: 32px;
    line-height: 32px;
}

.dropDownButton .treeSearchInput {
    height: 22px!important;
}

.dropDownButton .treeSearchInput {
    height: 22px!important;
}

a.bh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bh-emapAvatar-upload {
    display: block !important;
    line-height: 32px;
    margin: 124px auto 8px !important;
}

[id^="filterinnerListBoxjqxWidget"] input {
    height: 24px !important;
}


/*******************************滚动条**********************************/

.jqx-scrollbar-state-normal {
    background-color: transparent;
}

.jqx-scrollbar-thumb-state-normal {
    border-radius: 10px;
    width: 6px;
    border: none;
    background: #DFE2E8;
}

.jqx-popover-close-button {
    width: 32px !important;
    height: 32px !important;
    top: 14px !important;
    right: 10px !important;
}

.jqx-window #buttons .bh-btn {
    margin-left: 8px;
}

.jqx-window #buttons {
    bottom: 14px!important;
}

.jqx-window {
    border-radius: 8px;
    padding: 0px;
    padding-bottom: 56px!important;
}

.jqx-window-header {
    height: 56px;
    padding: 18px 20px;
}

.jqx-window-content {
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.jqx-window-content .content {
    padding: 0px 20px;
}

.bh-form-readonly .bh-form-block,
.bh-form-readonly.bh-form-block {
    border-left-color: #EDEFF2;
    border-top-color: #EDEFF2;
}