@charset "utf-8";

.BsyAlertTip {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    overflow: hidden;
    pointer-events: none
}

.BsyAlertTip .alertTipContent {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
    overflow: hidden;
    transition: all .3s
}

.BsyAlertTip .alertTipContent .content {
    padding: .9375rem 2.5rem .9375rem 1.5625rem;
    border-radius: .25rem;
    position: relative;
    display: flex;
    align-items: center;
    min-width: 17.5rem;
    overflow: hidden
}

.BsyAlertTip .alertTipContent .content i {
    font-size: 1.25rem;
    margin-right: .625rem
}

.BsyAlertTip .alertTipContent .content span {
    font-size: .875rem;
    font-weight: 500;
    color: #000
}

.BsyAlertTip .alertTipContent .content.error {
    background-color: #fee8ea;
    box-shadow: 0 0 .875rem 0 rgba(245, 34, 45, .08)
}

.BsyAlertTip .alertTipContent .content.error i {
    color: #f5222d
}

.BsyAlertTip .alertTipContent .content.error:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .25rem;
    background-color: #f5222d
}

.BsyAlertTip .alertTipContent .content.success {
    background-color: #edf9e8;
    box-shadow: 0 0 .875rem 0 rgba(82, 196, 26, .08)
}

.BsyAlertTip .alertTipContent .content.success i {
    color: #52c41a
}

.BsyAlertTip .alertTipContent .content.success:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .25rem;
    background-color: #52c41a
}

.BsyAlertTip .alertTipContent .content.common {
    background-color: #ebf6ff;
    box-shadow: 0 0 .875rem 0 rgba(2, 101, 255, .08)
}

.BsyAlertTip .alertTipContent .content.common i {
    color: #044feb
}

.BsyAlertTip .alertTipContent .content.common:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .25rem;
    background-color: #044feb
}

.BsyAlertTip .alertTipContent .content.warning {
    background-color: #fefbe7;
    box-shadow: 0 0 .875rem 0 rgba(250, 219, 20, .08)
}

.BsyAlertTip .alertTipContent .content.warning i {
    color: #fadb14
}

.BsyAlertTip .alertTipContent .content.warning:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .25rem;
    background-color: #fadb14
}

.BsyAlert .alertContent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    overflow: auto;
    background-color: rgba(0, 0, 0, .2)
}

.BsyAlert .alertContent .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    padding: 26px 36px;
    overflow: hidden;
    line-height: normal;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.BsyAlert .alertContent .content .close {
    position: absolute;
    top: 25px;
    right: 35px;
    font-size: 16px;
    color: #999;
    transition: all 218ms;
    transform: rotate(0);
    cursor: pointer
}

.BsyAlert .alertContent .content .close:hover {
    transform: rotate(90deg)
}

.BsyAlert .alertContent .content .alertHeader .alertTop {
    display: flex;
    align-items: center
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon {
    margin-right: 12px
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon i {
    font-size: 32px
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon i.icon-alert-error {
    color: #f5222d
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon i.icon-alert-query {
    color: var(--bsy-base-color)
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon i.icon-alert-warning {
    color: #fadb14
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon i.icon-alert-success {
    color: #52c41a
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon.icon-alert-query {
    color: var(--bsy-base-hovercolor)
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon.icon-alert-warning {
    color: #fadb14
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertIcon.icon-alert-success {
    color: #52c41a
}

.BsyAlert .alertContent .content .alertHeader .alertTop .alertTitle {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyAlert .alertContent .content .alertHeader .alertText {
    margin-left: 15px
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertTitle {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.BsyAlert .alertContent .content .alertHeader .alertText {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 30px
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertMsg {
    color: #666;
    font-size: 12px;
    line-height: 24px
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertMsg i,
.BsyAlert .alertContent .content .alertHeader .alertText .alertMsg span {
    font-size: 13px !important
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertInput {
    width: 100%;
    margin-top: 20px
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertInput input {
    height: 34px;
    padding: 7px 10px;
    width: 100%;
    border-radius: 2px
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertInput input:hover {
    border-color: #0265ff
}

.BsyAlert .alertContent .content .alertHeader .alertText .alertInput.error input {
    border-color: #f5222d
}

.BsyAlert .alertContent .content .alertFooter {
    display: flex;
    justify-content: flex-end
}

.BsyAlert .alertContent .content .alertFooter .BsyIconBtn {
    margin-right: 12px;
    padding: 6px 19px;
    border-radius: 4px;
    min-width: 68px
}

.BsyAlert .alertContent .content .alertFooter .BsyIconBtn:last-child {
    margin-right: 0
}

.BsyAlert .alertContent .content.dark {
    background-color: #3e3d3d;
    box-shadow: 0 2px 14px 0 var(--bsy-base-bgcolor)
}

.BsyAlert .alertContent .content.dark .alertHeader .alertText .alertTitle {
    color: #fff
}

.BsyAlert .alertContent .content.dark .alertHeader .alertText .alertMsg {
    color: #c5c5c5
}

.BsyAlert.fadein .alertContent .content {
    animation: showAlert2 .3s
}

.BsyAlert.dark .alertContent {
    background-color: rgba(0, 0, 0, .8)
}

.BsyIconBtn {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    min-width: 82px;
    text-align: center;
    padding: 6px 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background-color .15s
}

.BsyIconBtn.BsyBtn {
    padding: 0 19px
}

.BsyIconBtn.BsyBtn i {
    margin-right: auto
}

.BsyIconBtn.BsyBtn i,
.BsyIconBtn.BsyBtn span {
    margin: 0 4px !important
}

.BsyIconBtn .btnCont {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px
}

.BsyIconBtn i {
    font-size: 16px;
    margin-right: 8px;
    color: #333
}

.BsyIconBtn span {
    font-size: 14px;
    color: #333
}

.BsyIconBtn.blue {
    border: 1px solid var(--bsy-base-color);
    background-color: var(--bsy-base-color)
}

.BsyIconBtn.blue i,
.BsyIconBtn.blue span {
    color: #fff
}

.BsyIconBtn.blue:hover {
    background-color: var(--bsy-base-hovercolor)
}

.BsyIconBtn.newblue {
    border: 1px solid rgba(2, 101, 255, .2);
    background-color: #f2f6ff
}

.BsyIconBtn.newblue i,
.BsyIconBtn.newblue span {
    color: #0265ff
}

.BsyIconBtn.grey {
    background-color: #eee;
    border-color: #eee
}

.BsyIconBtn.grey i,
.BsyIconBtn.grey span {
    color: #333
}

.BsyIconBtn.grey:hover {
    background-color: #f0f6ff;
    border-color: #f0f6ff
}

.BsyIconBtn.border-red {
    border: 1px solid #ff5631;
    background-color: #fff
}

.BsyIconBtn.border-red i,
.BsyIconBtn.border-red span {
    color: #ff5631
}

.BsyIconBtn.border-red:hover {
    background-color: rgba(222, 54, 12, .06)
}

.BsyIconBtn.border-blue {
    border-color: #0265ff;
    background-color: #fff
}

.BsyIconBtn.border-blue i,
.BsyIconBtn.border-blue span {
    color: #0265ff
}

.BsyIconBtn.border-blue:hover {
    background-color: rgba(2, 101, 255, .1)
}

.BsyIconBtn.white {
    border: 1px solid #e0e0e0;
    background-color: #fff
}

.BsyIconBtn.white i,
.BsyIconBtn.white span {
    color: #333
}

.BsyIconBtn.white:hover {
    background-color: #eee;
    border-color: #eee
}

.BsyIconBtn.white.borderBlue:hover {
    background-color: #fff;
    border-color: var(--bsy-base-color)
}

.BsyIconBtn.white.borderBlue:hover i,
.BsyIconBtn.white.borderBlue:hover span {
    color: var(--bsy-base-color)
}

.BsyIconBtn.white.borderRed:hover {
    background-color: #fff;
    border-color: #ff5631
}

.BsyIconBtn.white.borderRed:hover i,
.BsyIconBtn.white.borderRed:hover span {
    color: #ff5631
}

.BsyIconBtn.red {
    border: 1px solid #ff5631;
    background-color: #fff
}

.BsyIconBtn.red i,
.BsyIconBtn.red span {
    color: #ff5631
}

.BsyIconBtn.red:hover {
    background-color: #ffe6e6;
    border-color: #ffe6e6
}

.BsyIconBtn.pureRed {
    border: 1px solid #ff5631;
    background-color: #ff5631
}

.BsyIconBtn.pureRed i,
.BsyIconBtn.pureRed span {
    color: #fff
}

.BsyIconBtn.pureRed:hover {
    background-color: #de360c;
    border-color: #de360c
}

.BsyIconBtn.dark.grey {
    background-color: #4f4f4f;
    border-color: #4f4f4f
}

.BsyIconBtn.dark.grey i,
.BsyIconBtn.dark.grey span {
    color: #fff
}

.BsyIconBtn.dark.grey:hover {
    background-color: #374e50;
    border-color: #374e50
}

.BsyIconBtn.dark.blue {
    border: 1px solid #00f0ff;
    background-color: #00f0ff
}

.BsyIconBtn.dark.blue i,
.BsyIconBtn.dark.blue span {
    color: #000
}

.BsyIconBtn.dark.blue:hover {
    background-color: #00c3ce;
    border-color: #00c3ce
}

.BsyIconBtn.dark.white {
    border: 1px solid #606060;
    background-color: #3e3d3d
}

.BsyIconBtn.dark.white i,
.BsyIconBtn.dark.white span {
    color: #fff
}

.BsyIconBtn.dark.white:hover {
    background-color: #606060;
    border-color: #606060
}

.BsyIconBtn.dark.red {
    border: 1px solid #ff5631;
    background-color: #3e3d3d
}

.BsyIconBtn.dark.red i,
.BsyIconBtn.dark.red span {
    color: #ff5631
}

.BsyIconBtn.dark.red:hover {
    background-color: #ffe6e6;
    border-color: #ffe6e6
}

.BsyIconBtn .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer !important;
    display: inline-block
}

.BsyIconBtn .upload-form input {
    cursor: pointer !important
}

.bsy-multi-text {
    border: 1px solid #e0e0e0;
    padding: 0 6px;
    outline: 0;
    color: #1f2d3d;
    display: flex;
    align-items: center;
    border-radius: 4px;
    height: 30px
}

.bsy-multi-text:hover {
    border-color: var(--bsy-base-color)
}

.bsy-multi-text .val-wrapper {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.bsy-multi-text .val-wrapper .val-list {
    display: inline-block;
    position: relative
}

.bsy-multi-text .val-wrapper .val-list .val-tag {
    display: inline-block;
    border-radius: 3px;
    line-height: 22px;
    background: #e5f2fb;
    margin: 0 3px;
    padding: 0 6px;
    cursor: pointer
}

.bsy-multi-text .val-wrapper .val-list .val-tag.active {
    background: var(--bsy-base-color) !important;
    color: #fff
}

.bsy-multi-text .text-input {
    flex: none;
    outline: 0;
    border: 1px dashed #e0e0e0;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 8px;
    margin-left: 5px;
    border-radius: 3px
}

.bsy-multi-text .text-input:hover {
    border-color: var(--bsy-base-color)
}

.bsy-multi-text .text-input:empty:before {
    display: inline-block;
    color: #91a1b7;
    content: attr(data-watermark)
}

.bsy-multi-text.auto-wrap {
    display: inline-block;
    min-height: 100px;
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%
}

.bsy-multi-text.auto-wrap .val-wrapper {
    display: block;
    white-space: normal;
    word-break: break-all;
    max-width: 100% !important
}

.bsy-multi-text.auto-wrap .val-wrapper .val-list .val-tag {
    vertical-align: middle;
    margin-bottom: 6px
}

.bsy-multi-text.auto-wrap .val-wrapper .val-list .text-input {
    vertical-align: middle;
    margin-bottom: 6px;
    white-space: normal;
    height: auto
}

.BsySelect {
    height: 30px
}

.BsySelect.has-other {
    height: auto !important
}

.BsySelect.open .showText,
.BsySelect.open .showText .iconSelect {
    border-color: #0265ff
}

.BsySelect.open .showText .iconSelect i {
    color: #0265ff
}

.BsySelect .showText {
    padding: 0 30px 0 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.BsySelect .showText,
.BsySelect .showText .selectShowText {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.BsySelect .showText .selectShowText {
    width: 100%;
    border-radius: 4px
}

.BsySelect .showText .bsy-text-tag {
    margin-right: 4px
}

.BsySelect .showText span {
    font-size: 14px;
    color: #333;
    display: block;
    max-width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none
}

.BsySelect .showText span.waterMark {
    color: #c9ced9
}

.BsySelect .showText .value-text:empty:before,
.BsySelect .showText span:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c9ced9;
    line-height: 20px
}

.BsySelect .showText .iconSelect {
    padding: 0 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    border-radius: 0 4px 4px 0
}

.BsySelect .showText .iconSelect i.icon-bsy-xiala {
    font-size: 16px;
    color: #999
}

.BsySelect .showText .iconSelect i.icon-bsy-xiala:before {
    content: "\e8b8"
}

.BsySelect .showText .iconSelect .widget-icon {
    display: none
}

.BsySelect .showText:hover {
    border-color: #0265ff
}

.BsySelect .showText:hover .iconSelect.has-value .icon-bsy-xiala {
    display: none !important
}

.BsySelect .showText:hover .iconSelect.has-value .icon-dingding-guide-close {
    display: block !important
}

.BsySelect .showText:hover .iconSelect.has-value .icon-dingding-guide-close:hover {
    color: #0265ff
}

.BsySelect .showText:hover .iconSelect i {
    color: #999
}

.BsySelect .showText:hover .iconSelect .icon-bsy-xiala {
    color: #0265ff
}

.BsySelect .bsy-text {
    margin-top: 6px
}

.bsy-trigger-pane {
    position: relative;
    z-index: 9999;
    padding: .3125rem 0;
    border-radius: .25rem;
    overflow: auto;
    color: #1f2329;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .06);
    background: #fff
}

.bsy-trigger-pane .bsy-combo-search {
    height: 30px;
    position: relative
}

.bsy-trigger-pane .bsy-combo-search input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 4px 0 0;
    border-width: 0;
    padding-left: 25px;
    background: 0 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0
}

.bsy-trigger-pane .bsy-combo-search input:focus {
    border-color: #e0e0e0 !important
}

.bsy-trigger-pane .bsy-combo-search i {
    color: #999;
    line-height: 30px;
    padding-left: 8px;
    position: absolute
}

.bsy-trigger-pane .bsy-combo-search .icon-dingding-guide-close {
    right: 8px;
    cursor: pointer
}

.bsy-trigger-pane .bsy-combo-search .icon-dingding-guide-close:hover {
    color: var(--bsy-base-color)
}

.bsy-trigger-pane .seach-data-empty {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #999
}

.bsy-trigger-pane .item {
    display: flex;
    align-items: center;
    height: 2.03125rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    overflow: hidden
}

.bsy-trigger-pane .item:hover {
    background-color: #f5f5f5
}

.bsy-trigger-pane .item.select-all span {
    font-weight: 700;
    font-size: 14px
}

.bsy-trigger-pane .item.isFormType {
    align-items: center;
    justify-content: space-between;
    padding-right: 6px !important
}

.bsy-trigger-pane .item .formType {
    display: block;
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 12px
}

.bsy-trigger-pane .item .formType.extend {
    color: #8f23f6;
    background: rgba(143, 35, 246, .06)
}

.bsy-trigger-pane .item .formType.form {
    background: rgba(2, 101, 255, .06);
    color: #0265ff
}

.bsy-trigger-pane .item .formType.dash {
    background: rgba(74, 204, 140, .06);
    color: #4acc8c
}

.bsy-trigger-pane .item .formType.etl,
.bsy-trigger-pane .item .formType.etl_table {
    color: #2bc2e1;
    background: rgba(43, 194, 225, .06)
}

.bsy-trigger-pane .item .formType.scenes {
    background: rgba(74, 204, 140, .06);
    color: #4acc8c
}

.bsy-trigger-pane .item .formType.aggregate_table {
    color: #ff9921;
    background: rgba(255, 153, 33, .06)
}

.bsy-trigger-pane .item:hover {
    background-color: #f5f5f5 !important
}

.bsy-trigger-pane .item.select {
    color: #333;
    position: relative;
    padding-right: 30px;
    background-color: #f0f6ff
}

.bsy-trigger-pane .item.select.bsy-x-check {
    background-color: initial
}

.bsy-trigger-pane .item.select .icon-ok {
    position: absolute;
    right: 10px;
    color: var(--bsy-base-color)
}

.bsy-trigger-pane .item.invalid {
    color: #c3cdda !important;
    background: #fff;
    pointer-events: none
}

.bsy-trigger-pane .item.fixed {
    margin-top: 10px;
    pointer-events: none;
    background: #f0f0f0;
    font-weight: 700
}

.bsy-trigger-pane .item.fixed .icon-bsy-outsiderGroup {
    color: #4acc8c;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane .item.fixed .icon-bsy-organization {
    color: #0265ff;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane .item.fixed .icon-bsy-dynamic {
    color: #ffc502;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane .item.fixed span {
    margin-left: 6px
}

.bsy-trigger-pane .item .bsy-text-tag {
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-trigger-pane .loading-text {
    height: 30px;
    line-height: 30px;
    padding-left: 10px
}

.bsy-trigger-pane .text {
    margin: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-trigger-pane .bsy-x-check span {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-trigger-pane .bsy-x-check .icon-blank {
    color: #c6c6c6;
    line-height: normal;
    border: none
}

.bsy-trigger-pane .bsy-x-check .icon-blank:before {
    content: "\e7fd"
}

.bsy-trigger-pane .bsy-x-check.select .icon-blank:before {
    content: "\e7fe"
}

.bsy-trigger-pane .bsy-x-check.select i.icon-blank,
.bsy-trigger-pane .bsy-x-check:hover i.icon-blank {
    color: #0265ff
}

.bsy-trigger-pane .bsy-x-check.select-all span {
    font-weight: 700;
    font-size: 14px
}

.bsy-trigger-pane.fixed {
    margin-top: 10px;
    pointer-events: none;
    background: #f0f0f0;
    font-weight: 700
}

.bsy-trigger-pane.fixed .icon-bsy-outsiderGroup {
    color: #4acc8c;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane.fixed .icon-bsy-organization {
    color: #0265ff;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane.fixed .icon-bsy-dynamic {
    color: #ffc502;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.bsy-trigger-pane.fixed span {
    margin-left: 5px
}

.bsy-msg-bubble {
    position: absolute;
    background: #fff;
    z-index: 9999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .04);
    border-radius: 4px
}

.bsy-msg-bubble .content {
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.bsy-msg-bubble.filter-bubble {
    border-radius: 10px
}

.bsy-msg-bubble.filter-bubble .content {
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .1);
    border-radius: 10px;
    border: 1px solid rgba(2, 101, 255, .2)
}

.bsy-msg-bubble.filter-bubble .content .bsy-filter-pane .pane {
    max-height: 400px;
    overflow: auto
}

.bsy-msg-bubble .content-body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.bsy-msg-bubble .content-body .emptySearch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    color: #666;
    align-items: center;
    justify-content: center
}

.bsy-msg-bubble .content-body .tips {
    padding: 10px 12px
}

.bsy-msg-bubble.fadein {
    transition: all 218ms;
    transform: translateY(-5px);
    opacity: 0
}

.bsy-msg-bubble.active {
    transform: none;
    opacity: 1
}

.bsy-msg-bubble .bby-user-center {
    margin-top: 5px;
    max-width: 232px;
    min-width: 200px;
    cursor: pointer;
    box-shadow: 1px 4px 4px #eee
}

.bsy-msg-bubble .bby-user-center .menu-cont .menu-item {
    padding: 0 20px;
    cursor: pointer;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    color: #666
}

.bsy-msg-bubble .bby-user-center .menu-cont .menu-item i {
    padding-right: 5px
}

.bsy-msg-bubble .bby-user-center .menu-cont .menu-item:hover {
    background: #f2f2f2;
    color: #666
}

.bsy-msg-bubble .bby-user-center .menu-cont .menu-item.select {
    color: #fff;
    background: var(--bsy-base-color)
}

.bsy-msg-bubble .bby-user-center .user-name {
    color: #333;
    font-size: 14px;
    padding: 0 20px 10px
}

.bsy-msg-bubble .bby-user-center .user-team {
    color: #666;
    font-size: 12px;
    padding: 0 20px 5px;
    margin-bottom: 10px;
    height: 22px;
    line-height: 22px
}

.bsy-msg-bubble .bby-user-center .user-team .team-name {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #91a1b7
}

.bsy-msg-bubble .bby-user-center .user-team .team-status {
    display: inline-block;
    float: right;
    background-color: #f0f2f5;
    max-width: 110px;
    margin-left: 5px;
    padding: 0 5px;
    text-align: center;
    border-radius: 3px
}

.bsy-msg-bubble .bby-user-center .split-line {
    border-top: 1px solid #eee
}

.bsy-msg-bubble .bby-team-center {
    padding-top: 5px;
    width: 320px;
    cursor: pointer;
    padding-bottom: 14px
}

.bsy-msg-bubble .bby-team-center .teamRoll {
    max-height: 300px;
    overflow-y: auto
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item {
    padding: 0 20px;
    cursor: pointer;
    line-height: 40px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item i {
    padding-right: 6px;
    font-size: 16px;
    color: #424242
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item:hover {
    background: #f2f6ff
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item.select {
    color: var(--bsy-base-color);
    position: relative;
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item.select i {
    color: var(--bsy-base-color)
}

.bsy-msg-bubble .bby-team-center .menu-team .menu-item.select:after {
    content: "\e810";
    color: var(--bsy-base-color);
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
    cursor: pointer;
    flex: none
}

.bsy-msg-bubble .bby-team-center .team-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 14px 0;
    margin: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center
}

.bsy-msg-bubble .bby-team-center .team-title i {
    font-size: 16px;
    margin-right: 6px;
    font-weight: 400
}

.bsy-msg-bubble .bby-team-center .team-title i.icon-bsy-icontongxunlu,
.bsy-msg-bubble .bby-team-center .team-title i.icon-bsy-owner-corps,
.bsy-msg-bubble .bby-team-center .team-title i.icon-team-create {
    color: var(--bsy-base-color)
}

.bsy-msg-bubble .bby-team-center .team-title i.icon-team-join {
    color: #2bc2e1
}

.bsy-msg-bubble .bby-team-center .split-line {
    border-top: 1px solid #eee
}

.createForm-menu,
.editForm-menu {
    padding: 10px 0;
    width: 100%
}

.createForm-menu .createItem,
.createForm-menu .menu-item,
.editForm-menu .createItem,
.editForm-menu .menu-item {
    width: 100%;
    height: 36px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.createForm-menu .createItem.hasChild,
.createForm-menu .menu-item.hasChild,
.editForm-menu .createItem.hasChild,
.editForm-menu .menu-item.hasChild {
    cursor: auto
}

.createForm-menu .createItem.hasChild i,
.createForm-menu .createItem.hasChild span,
.createForm-menu .menu-item.hasChild i,
.createForm-menu .menu-item.hasChild span,
.editForm-menu .createItem.hasChild i,
.editForm-menu .createItem.hasChild span,
.editForm-menu .menu-item.hasChild i,
.editForm-menu .menu-item.hasChild span {
    opacity: .5
}

.createForm-menu .createItem i,
.createForm-menu .menu-item i,
.editForm-menu .createItem i,
.editForm-menu .menu-item i {
    color: #333;
    font-size: 16px;
    margin-right: 6px
}

.createForm-menu .createItem i.green,
.createForm-menu .menu-item i.green,
.editForm-menu .createItem i.green,
.editForm-menu .menu-item i.green {
    color: #4acc8c
}

.createForm-menu .createItem i.icon-form-flow,
.createForm-menu .menu-item i.icon-form-flow,
.editForm-menu .createItem i.icon-form-flow,
.editForm-menu .menu-item i.icon-form-flow {
    color: #ff9921
}

.createForm-menu .createItem i.icon-bsy-new-report,
.createForm-menu .menu-item i.icon-bsy-new-report,
.editForm-menu .createItem i.icon-bsy-new-report,
.editForm-menu .menu-item i.icon-bsy-new-report {
    color: #4acc8c
}

.createForm-menu .createItem i.icon-bsy-new-file,
.createForm-menu .menu-item i.icon-bsy-new-file,
.editForm-menu .createItem i.icon-bsy-new-file,
.editForm-menu .menu-item i.icon-bsy-new-file {
    color: var(--bsy-base-color)
}

.createForm-menu .createItem span,
.createForm-menu .menu-item span,
.editForm-menu .createItem span,
.editForm-menu .menu-item span {
    color: #666;
    font-size: 14px;
    height: 20px;
    line-height: 20px
}

.createForm-menu .createItem:hover,
.createForm-menu .menu-item:hover,
.editForm-menu .createItem:hover,
.editForm-menu .menu-item:hover {
    background-color: #f5f5f5
}

.createForm-menu .createItem:hover span,
.createForm-menu .menu-item:hover span,
.editForm-menu .createItem:hover span,
.editForm-menu .menu-item:hover span {
    color: #333
}

.createForm-menu .createItem.entry-remove i,
.createForm-menu .createItem.entry-remove span,
.createForm-menu .menu-item.entry-remove i,
.createForm-menu .menu-item.entry-remove span,
.editForm-menu .createItem.entry-remove i,
.editForm-menu .createItem.entry-remove span,
.editForm-menu .menu-item.entry-remove i,
.editForm-menu .menu-item.entry-remove span {
    color: #ff5631
}

.createForm-menu .createItem.entry-remove:hover i,
.createForm-menu .createItem.entry-remove:hover span,
.createForm-menu .menu-item.entry-remove:hover i,
.createForm-menu .menu-item.entry-remove:hover span,
.editForm-menu .createItem.entry-remove:hover i,
.editForm-menu .createItem.entry-remove:hover span,
.editForm-menu .menu-item.entry-remove:hover i,
.editForm-menu .menu-item.entry-remove:hover span {
    color: #de360c
}

.createForm-menu .line,
.editForm-menu .line {
    height: 1px;
    background-color: #e0e0e0;
    width: 100%;
    margin: 10px 0
}

@media screen and (max-height:700px) {
    .bsy-msg-bubble.filter-bubble .content .bsy-filter-pane .pane {
        max-height: 300px;
        overflow: auto
    }
}

.BsySLoading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    pointer-events: none;
    z-index: 1
}

.BsySLoading.mask {
    background: rgba(0, 0, 0, .2)
}

.BsySLoading .isLoading {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid var(--bsy-base-color);
    border-top: 5px solid transparent;
    background: hsla(0, 0%, 100%, 0);
    animation-name: rotate;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.BsySLoading .title {
    margin-top: 30px;
    font-size: 13px;
    color: #999
}

.BsySLoading.small .isLoading {
    width: 20px;
    height: 20px;
    border: 2px solid var(--bsy-base-color);
    border-top: 2px solid transparent
}

.BsySLoading .x-skeleton-spin {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    overflow: hidden
}

.BsySLoading .x-skeleton-spin .skeleton-line {
    height: 20px;
    margin: 20px;
    border-radius: 3px;
    background-color: #f1f1f1;
    background-image: linear-gradient(90deg, #f1f1f1 25%, #f9f9f9 37%, #f1f1f1 63%);
    background-size: 400% 100%;
    animation: skeleton 1.4s ease infinite
}

.BsySLoading .x-skeleton-spin .skeleton-line.title {
    width: 40%;
    height: 20px;
    background-color: #ededed;
    background-image: linear-gradient(90deg, #ededed 20%, #f3f3f3 33%, #ededed 58%);
    margin-bottom: 25px
}

.BsySLoading .x-skeleton-spin .skeleton-line:first-child {
    margin-left: 80px
}

.bsy-text {
    position: relative
}

.bsy-text .generate-qr {
    display: flex
}

.bsy-text .btn {
    margin-left: 5px;
    height: 34px;
    line-height: 34px;
    font-size: 25px;
    cursor: pointer
}

.bsy-text .BsyIconBtn {
    width: 80px;
    padding: 5px 0;
    min-width: 0;
    margin-left: 5px
}

.bsy-text .qr-btn {
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 25px;
    cursor: pointer
}

.bsy-text .img-preview {
    cursor: pointer
}

.bsy-text .img-preview.imageurl img {
    margin-left: 8px
}

.bsy-text .img-preview.imageurl img,
.bsy-text .img-preview.qrcode1 canvas {
    width: 80px;
    height: 80px;
    margin-top: 10px
}

.bsy-text .img-preview.barcode {
    width: auto;
    overflow-y: hidden;
    overflow-x: auto
}

.bsy-text .img-preview.barcode canvas {
    height: 80px;
    margin-top: 10px
}

.bsy-text .percent .percent-suffix {
    background: #fff;
    border-radius: 4px;
    margin: 1px 1px 0 10px
}

.bsy_file_preview_v1 .menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, .8)
}

.bsy_file_preview_v1 .file-nav {
    color: #e6e6e6;
    cursor: pointer
}

.bsy_file_preview_v1 .file-nav:hover {
    background: hsla(0, 0%, 84.7%, .2)
}

.bsy_file_preview_v1 .file-nav.close {
    top: 12px;
    right: 33px
}

.bsy_file_preview_v1 .file-nav.close,
.bsy_file_preview_v1 .file-nav.download {
    position: absolute;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center
}

.bsy_file_preview_v1 .file-nav.download {
    top: 13px;
    right: 70px
}

.bsy_file_preview_v1 .file-nav.download i {
    color: #fff;
    font-size: 24px
}

.bsy_file_preview_v1 .file-nav.download i:before {
    content: "\e82d"
}

.bsy_file_preview_v1 .file-item {
    text-align: center;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.bsy_file_preview_v1 .file-item canvas {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: auto;
    max-height: none;
    max-width: none;
    cursor: grab;
    background: #fff
}

.bsy_form_item_disable.barcodetext,
.bsy_form_item_disable.imageurltext,
.bsy_form_item_disable.qrcodetext {
    background: transparent
}

.bsy_form_item_disable .img-preview {
    cursor: pointer
}

.bsy_form_item_disable .img-preview canvas {
    width: 80px;
    height: 80px
}

.bsy-datepicker {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px 0 0;
    font-size: 14px;
    color: #333;
    background: #fff;
    border-radius: 4px;
    line-height: 0;
    border: none
}

.bsy-datepicker table td {
    height: 27px
}

.bsy-datepicker table td.btn:hover {
    color: var(--bsy-base-color)
}

.bsy-datepicker table td.name {
    font-weight: 700
}

.bsy-datepicker table td.week:hover {
    background-color: initial;
    padding: 0;
    border: none
}

.bsy-datepicker .mt {
    background: #fff
}

.bsy-datepicker .mt tfoot {
    display: none
}

.bsy-datepicker table {
    padding: 3px;
    border-radius: 4px
}

.bsy-datepicker table td {
    text-align: center;
    padding: 2px;
    min-width: 35px;
    height: 32px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px
}

.bsy-datepicker td.name {
    font-weight: 700
}

.bsy-datepicker table td.weekend {
    color: #ff5631
}

.bsy-datepicker tbody td.day:hover {
    background: rgba(2, 101, 255, .06);
    border-color: rgba(2, 101, 255, .06)
}

.bsy-datepicker tfoot td.split {
    border-radius: 0;
    height: 1px;
    border-bottom: 1px solid #e0e0e0
}

.bsy-datepicker tfoot td.split,
.bsy-datepicker thead td:hover {
    color: var(--bsy-base-color)
}

.bsy-datepicker tbody td.today {
    font-weight: 700;
    color: var(--bsy-base-color)
}

.bsy-datepicker tbody td.selected {
    font-weight: 700;
    padding: 1px;
    color: #fff;
    border: 1px solid var(--bsy-base-color);
    background-color: var(--bsy-base-color)
}

.bsy-datepicker tbody td.selected:hover {
    border: 1px solid var(--bsy-base-color) !important;
    background-color: var(--bsy-base-color) !important
}

.bsy-datepicker thead td.title {
    font-weight: 700;
    text-align: center;
    padding: 2px
}

.bsy-datepicker thead td.title .title-year {
    margin-right: 6px
}

.bsy-datepicker thead td.title:hover {
    background-color: initial !important;
    color: #333 !important
}

.bsy-datepicker thead td.title span:hover {
    color: var(--bsy-base-color)
}

.bsy-datepicker table.mt tbody td {
    width: 58px;
    height: 38px
}

.bsy-datepicker table.mt tbody td:hover {
    background: rgba(2, 101, 255, .06);
    border-color: rgba(2, 101, 255, .06)
}

.bsy-datepicker table.mt tbody td:hover .selected {
    border: 1px solid var(--bsy-base-color) !important;
    background-color: var(--bsy-base-color) !important
}

.bsy-datepicker td.oday {
    color: #e0e0e0
}

.bsy-datepicker td.disabled {
    color: #999
}

.bsy-datepicker td i {
    font-size: 14px;
    font-weight: 700
}

.bsy-datepicker td table.tt {
    border: 0;
    padding: 0
}

.bsy-datepicker table.tt td.common {
    width: 5px
}

.bsy-datepicker table.tt tbody td {
    width: 40px;
    height: 14px
}

.bsy-datepicker table.tt input {
    margin: 0 auto;
    width: 38px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px
}

.bsy-datepicker table.tt input.focus,
.bsy-datepicker table.tt input:focus {
    border-color: var(--bsy-base-color)
}

.bsy-datepicker .data-range {
    min-width: 270px;
    min-height: 270px
}

.bsy-datepicker .data-range table {
    width: 270px
}

.bsy-datepicker .data-range table .mainhead td {
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    height: 36px
}

.bsy-datepicker .time-range {
    --time-input-height: 40px;
    width: 180px
}

.bsy-datepicker .time-range .time-input {
    display: flex;
    height: var(--time-input-height);
    border-left: 1px solid #e0e0e0
}

.bsy-datepicker .time-range .time-input input {
    height: 24px !important;
    width: 38px;
    margin: 10px 10px 0;
    text-align: center;
    padding-left: 5px;
    flex: 1 1
}

.bsy-datepicker .time-range .time-input span {
    line-height: var(--time-input-height)
}

.bsy-datepicker .time-range .time-select-range {
    display: flex;
    height: calc(100% - var(--time-input-height));
    border-top: 1px solid #e0e0e0
}

.bsy-datepicker .time-range .time-select-range .col {
    border-left: 1px solid #e0e0e0;
    flex: 1 1
}

.bsy-datepicker .time-range .time-select-range .col .label {
    height: 32px;
    line-height: 32px;
    text-align: center
}

.bsy-datepicker .time-range .time-select-range .col .col-list {
    height: 200px;
    overflow: auto
}

.bsy-datepicker .time-range .time-select-range .col .col-list .col-item {
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px
}

.bsy-datepicker .time-range .time-select-range .col .col-list .col-item:hover {
    background: rgba(2, 101, 255, .06)
}

.bsy-datepicker .time-range .time-select-range .col .col-list .col-item.select {
    background-color: rgba(2, 101, 255, .2)
}

.bsy-datepicker .footer {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #e0e0e0
}

.bsy-datepicker .footer .hms {
    padding: 0 10px
}

.bsy-datepicker .footer .hms .btn {
    cursor: pointer;
    padding: 0 5px;
    margin: 0 5px;
    float: right
}

.bsy-datepicker .footer .hms .btn.current-time {
    float: left;
    color: var(--bsy-base-color);
    margin-left: 0;
    padding-left: 0
}

.bsy-datepicker .footer .hms .btn.ok {
    margin-right: 0;
    color: #fff;
    background: var(--bsy-base-color);
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    margin-top: 8px
}

.bsy-datepicker .footer .hms .btn.ok:hover {
    opacity: .8
}

.bsy-datepicker .footer .btn {
    cursor: pointer
}

.bsy-datepicker .footer .btn.today {
    text-align: center
}

.bsy-datepicker .footer .btn:hover {
    color: var(--bsy-base-color)
}

.BsySelectList .bsy-combo-search {
    height: 30px;
    position: relative
}

.BsySelectList .bsy-combo-search input {
    border-width: 0;
    height: 100%;
    border-radius: 15px !important;
    text-align: center;
    box-shadow: inset 0 0 0 1000px #f4f5f5;
    border-bottom: 1px solid #eee
}

.BsySelectList .bsy-combo-search input:hover {
    border-color: var(--bsy-base-color)
}

.BsySelectList .bsy-combo-search input:focus,
.BsySelectList .bsy-combo-search input:hover {
    border-width: 1px;
    box-shadow: inset 0 0 0 1000px #fff
}

.BsySelectList .selectList {
    padding: .3125rem 0;
    height: calc(100% - 30px);
    max-height: calc(100% - 30px);
    border-radius: .25rem;
    overflow: auto;
    color: #1f2329;
    background-color: #fff
}

.BsySelectList .selectList .item {
    display: flex;
    align-items: center;
    height: 2.03125rem;
    padding-left: .75rem;
    padding-right: 30px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySelectList .selectList .item .icon-blank {
    margin-right: 6px;
    color: #c6c6c6
}

.BsySelectList .selectList .item .icon-blank:before {
    content: "\e7fc"
}

.BsySelectList .selectList .item.select {
    position: relative;
    font-family: finex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.BsySelectList .selectList .item.select .icon-blank:before {
    content: "\e7fa"
}

.BsySelectList .selectList .item.select i.icon-blank {
    color: var(--bsy-base-color)
}

.BsySelectList .selectList .item:hover {
    background-color: #f5f5f5
}

.BsySelectList .selectList .item:hover i.icon-blank {
    color: var(--bsy-base-color)
}

.BsySelectList {
    position: relative;
    height: 100%
}

.BsySelectList .selectList .bsy-x-check span {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySelectList .selectList .bsy-x-check .icon-blank {
    color: #c6c6c6;
    line-height: normal;
    border: none
}

.BsySelectList .selectList .bsy-x-check .icon-blank:before {
    content: "\e7fd"
}

.BsySelectList .selectList .bsy-x-check.select .icon-blank:before {
    content: "\e7fe"
}

.BsySelectList .selectList .bsy-x-check.select:after {
    content: " " !important
}

.BsySelectList .selectList .bsy-x-check.select i.icon-blank,
.BsySelectList .selectList .bsy-x-check:hover i.icon-blank {
    color: var(--bsy-base-color)
}

.BsySelectList .selectList .bsy-x-check.select-all span {
    font-weight: 700;
    font-size: 14px
}

.BsySelectList .selectList .bsy-x-check.fixed {
    margin-top: 10px;
    pointer-events: none;
    background: #f0f0f0;
    font-weight: 700
}

.BsySelectList .selectList .bsy-x-check.fixed .icon-bsy-outsiderGroup {
    color: #4acc8c;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelectList .selectList .bsy-x-check.fixed .icon-bsy-organization {
    color: var(--bsy-base-color);
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelectList .selectList .bsy-x-check.fixed .icon-bsy-dynamic {
    color: #ffc502;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelectList .selectList .bsy-x-check.fixed span {
    margin-left: 5px
}

.bsy-filter-base {
    margin: 10px !important
}

.bsy-filter-base.bsy-filelist_filter {
    margin: 5px 10px !important
}

.bsy-filter-base .bsy-dash-head {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.bsy-filter-base .bsy-dash-head .bsy-cond-label {
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    font-weight: 600
}

.bsy-filter-base .bsy-dash-head .cond-method {
    border: none;
    min-width: auto !important
}

.bsy-filter-base .bsy-dash-head .cond-method .showText {
    border: none;
    padding-right: 20px
}

.bsy-filter-base .bsy-dash-head .cond-method .showText span {
    color: var(--bsy-base-color);
    width: auto;
    overflow: hidden;
    max-width: 180px !important
}

.bsy-filter-base .bsy-dash-head .cond-method .showText .iconSelect {
    padding: 0 5px 0 0 !important;
    border-left: none;
    background-color: initial
}

.bsy-filter-base .bsy-dash-head .cond-method .showText .iconSelect .icon-bsy-xiala {
    color: #0265ff
}

.bsy-filter-base .bsy-dash-head .cond-method.disabled {
    opacity: .6;
    pointer-events: none
}

.bsy-filter-base .bsy-dash-head.input .cond-method {
    display: none
}

.bsy-filter-base .bsy-dash-cont {
    margin-top: 5px;
    height: calc(100% - 40px)
}

.bsy-filter-base .bsy-dash-cont .bsy-address .showContent,
.bsy-filter-base .bsy-dash-cont .bsy-address .showContent .iconSelect,
.bsy-filter-base .bsy-dash-cont .bsy-datetime {
    background: transparent !important
}

.bsy_dash_block .bsy-filter-base .bsy-dash-head,
.bsy_dash_block .bsy-filter-base .bsy-dash-head .bsy-cond-label {
    white-space: nowrap
}

.bsy-dept {
    max-width: 100%
}

.bsy-dept .select-list {
    background: #fff;
    height: 34px;
    border: 1px dashed #e0e0e0;
    margin: 0 0 8px !important;
    overflow: auto;
    transition: all .3s;
    border-radius: 4px;
    text-align: left
}

.bsy-dept .select-list .select-empty {
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    color: #999
}

.bsy-dept .select-list .select-item {
    position: relative;
    line-height: 28px;
    margin: 2px 0 0 4px;
    padding: 0 10px;
    border-radius: 15px;
    cursor: pointer;
    background: #ebf0ff;
    display: inline-flex;
    align-items: center
}

.bsy-dept .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.bsy-dept .select-list .select-item .select-icon.icon-bby-iconqiyeshezhi,
.bsy-dept .select-list .select-item .select-icon.icon-department {
    color: var(--bsy-base-color)
}

.bsy-dept .select-list:hover {
    border-color: var(--bsy-base-hovercolor);
    background-color: #fff
}

.bsy-dept .select-list:hover .select-empty {
    color: var(--bsy-base-hovercolor)
}

.BsySelect.open .showText,
.BsySelect.open .showText .iconSelect {
    border-color: var(--bsy-base-color)
}

.BsySelect .selectList .bsy-x-check span {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySelect .selectList .bsy-x-check .icon-blank {
    color: #c6c6c6;
    line-height: normal;
    border: none
}

.BsySelect .selectList .bsy-x-check .icon-blank:before {
    content: "\e7fd"
}

.BsySelect .selectList .bsy-x-check.select {
    color: var(--bsy-base-color)
}

.BsySelect .selectList .bsy-x-check.select .icon-blank:before {
    content: "\e7fe"
}

.BsySelect .selectList .bsy-x-check.select:after {
    content: " " !important
}

.BsySelect .selectList .bsy-x-check.select i.icon-blank,
.BsySelect .selectList .bsy-x-check:hover i.icon-blank {
    color: var(--bsy-base-color)
}

.BsySelect .selectList .bsy-x-check.select-all span {
    font-weight: 700;
    font-size: 14px
}

.BsySelect .selectList.fixed {
    margin-top: 10px;
    pointer-events: none;
    background: #f0f0f0;
    font-weight: 700
}

.BsySelect .selectList.fixed .icon-bsy-outsiderGroup {
    color: #4acc8c;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelect .selectList.fixed .icon-bsy-organization {
    color: var(--bsy-base-color);
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelect .selectList.fixed .icon-bsy-dynamic {
    color: #ffc502;
    font-size: 16px;
    background: #fff;
    border-radius: 50%
}

.BsySelect .selectList.fixed span {
    margin-left: 5px
}

.bsy-text .percent {
    position: absolute;
    top: 0;
    display: flex;
    padding-left: 10px;
    height: 0
}

.bsy-text .percent .percent-value {
    letter-spacing: normal;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
    font-weight: 400
}

.bsy-text .percent .percent-suffix {
    height: 28px;
    line-height: 28px;
    margin-left: 10px
}

.bsy-number-limit {
    display: flex
}

.bsy-number-limit .limit-item {
    flex: 1 1;
    display: flex
}

.bsy-number-limit .limit-to {
    margin: 0 5px;
    text-align: center;
    line-height: 30px
}

.bsy-number-limit.wrap {
    flex-direction: column
}

.bsy-number-limit.wrap .limit-to {
    line-height: normal
}

.bsy-number_filter .bsy-dash-cont {
    display: flex
}

.csp-0 .icon-bsy-iconqiyeshezhi,
.csp-0 .icon-corp-label,
.csp-0 .icon-dept-title,
.csp-1 .icon-bsy-iconqiyeshezhi,
.csp-1 .icon-corp-label,
.csp-2 .icon-bsy-iconqiyeshezhi,
.csp-2 .icon-corp-label,
.csp-3 .icon-bsy-iconqiyeshezhi,
.csp-3 .icon-corp-label,
.csp-4 .icon-bsy-iconqiyeshezhi,
.csp-4 .icon-corp-label,
.csp-5 .icon-bsy-iconqiyeshezhi,
.csp-5 .icon-corp-label,
.csp-6 .icon-bsy-iconqiyeshezhi,
.csp-6 .icon-corp-label,
.csp-7 .icon-bsy-iconqiyeshezhi,
.csp-7 .icon-corp-label,
.csp-8 .icon-bsy-iconqiyeshezhi,
.csp-8 .icon-corp-label,
.csp-9 .icon-bsy-iconqiyeshezhi,
.csp-9 .icon-corp-label,
.csp-10 .icon-bsy-iconqiyeshezhi,
.csp-10 .icon-corp-label,
.csp-11 .icon-bsy-iconqiyeshezhi,
.csp-11 .icon-corp-label,
.csp-12 .icon-bsy-iconqiyeshezhi,
.csp-12 .icon-corp-label,
.csp-13 .icon-bsy-iconqiyeshezhi,
.csp-13 .icon-corp-label,
.csp-14 .icon-bsy-iconqiyeshezhi,
.csp-14 .icon-corp-label,
.csp-15 .icon-bsy-iconqiyeshezhi,
.csp-15 .icon-corp-label,
.csp-16 .icon-bsy-iconqiyeshezhi,
.csp-16 .icon-corp-label,
.csp-17 .icon-bsy-iconqiyeshezhi,
.csp-17 .icon-corp-label,
.csp-18 .icon-bsy-iconqiyeshezhi,
.csp-18 .icon-corp-label,
.csp-19 .icon-bsy-iconqiyeshezhi,
.csp-19 .icon-corp-label,
.csp-20 .icon-bsy-iconqiyeshezhi,
.csp-20 .icon-corp-label,
.csp-21 .icon-bsy-iconqiyeshezhi,
.csp-21 .icon-corp-label,
.csp-22 .icon-bsy-iconqiyeshezhi,
.csp-22 .icon-corp-label,
.csp-23 .icon-bsy-iconqiyeshezhi,
.csp-23 .icon-corp-label,
.csp-24 .icon-bsy-iconqiyeshezhi,
.csp-24 .icon-corp-label,
.csp-25 .icon-bsy-iconqiyeshezhi,
.csp-25 .icon-corp-label,
.csp-26 .icon-bsy-iconqiyeshezhi,
.csp-26 .icon-corp-label,
.csp-27 .icon-bsy-iconqiyeshezhi,
.csp-27 .icon-corp-label,
.csp-28 .icon-bsy-iconqiyeshezhi,
.csp-28 .icon-corp-label,
.csp-29 .icon-bsy-iconqiyeshezhi,
.csp-29 .icon-corp-label,
.csp-30 .icon-bsy-iconqiyeshezhi,
.csp-30 .icon-corp-label,
.csp-31 .icon-bsy-iconqiyeshezhi,
.csp-31 .icon-corp-label,
.csp-32 .icon-bsy-iconqiyeshezhi,
.csp-32 .icon-corp-label,
.csp-33 .icon-bsy-iconqiyeshezhi,
.csp-33 .icon-corp-label,
.csp-34 .icon-bsy-iconqiyeshezhi,
.csp-34 .icon-corp-label,
.csp-35 .icon-bsy-iconqiyeshezhi,
.csp-35 .icon-corp-label,
.csp-36 .icon-bsy-iconqiyeshezhi,
.csp-36 .icon-corp-label,
.csp-37 .icon-bsy-iconqiyeshezhi,
.csp-37 .icon-corp-label,
.csp-38 .icon-bsy-iconqiyeshezhi,
.csp-38 .icon-corp-label,
.csp-39 .icon-bsy-iconqiyeshezhi,
.csp-39 .icon-corp-label {
    background: #f2f6ff
}

.csp-0 .icon-tree-collapse,
.csp-0 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-1 .icon-dept-title {
    background: #f2f6ff
}

.csp-1 .icon-tree-collapse,
.csp-1 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-2 .icon-dept-title {
    background: #f2f6ff
}

.csp-2 .icon-tree-collapse,
.csp-2 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-3 .icon-dept-title {
    background: #f2f6ff
}

.csp-3 .icon-tree-collapse,
.csp-3 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-4 .icon-dept-title {
    background: #f2f6ff
}

.csp-4 .icon-tree-collapse,
.csp-4 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-5 .icon-dept-title {
    background: #f2f6ff
}

.csp-5 .icon-tree-collapse,
.csp-5 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-6 .icon-dept-title {
    background: #f2f6ff
}

.csp-6 .icon-tree-collapse,
.csp-6 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-7 .icon-dept-title {
    background: #f2f6ff
}

.csp-7 .icon-tree-collapse,
.csp-7 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-8 .icon-dept-title {
    background: #f2f6ff
}

.csp-8 .icon-tree-collapse,
.csp-8 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-9 .icon-dept-title {
    background: #f2f6ff
}

.csp-9 .icon-tree-collapse,
.csp-9 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-10 .icon-dept-title {
    background: #f2f6ff
}

.csp-10 .icon-tree-collapse,
.csp-10 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-11 .icon-dept-title {
    background: #f2f6ff
}

.csp-11 .icon-tree-collapse,
.csp-11 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-12 .icon-dept-title {
    background: #f2f6ff
}

.csp-12 .icon-tree-collapse,
.csp-12 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-13 .icon-dept-title {
    background: #f2f6ff
}

.csp-13 .icon-tree-collapse,
.csp-13 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-14 .icon-dept-title {
    background: #f2f6ff
}

.csp-14 .icon-tree-collapse,
.csp-14 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-15 .icon-dept-title {
    background: #f2f6ff
}

.csp-15 .icon-tree-collapse,
.csp-15 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-16 .icon-dept-title {
    background: #f2f6ff
}

.csp-16 .icon-tree-collapse,
.csp-16 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-17 .icon-dept-title {
    background: #f2f6ff
}

.csp-17 .icon-tree-collapse,
.csp-17 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-18 .icon-dept-title {
    background: #f2f6ff
}

.csp-18 .icon-tree-collapse,
.csp-18 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-19 .icon-dept-title {
    background: #f2f6ff
}

.csp-19 .icon-tree-collapse,
.csp-19 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-20 .icon-dept-title {
    background: #f2f6ff
}

.csp-20 .icon-tree-collapse,
.csp-20 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-21 .icon-dept-title {
    background: #f2f6ff
}

.csp-21 .icon-tree-collapse,
.csp-21 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-22 .icon-dept-title {
    background: #f2f6ff
}

.csp-22 .icon-tree-collapse,
.csp-22 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-23 .icon-dept-title {
    background: #f2f6ff
}

.csp-23 .icon-tree-collapse,
.csp-23 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-24 .icon-dept-title {
    background: #f2f6ff
}

.csp-24 .icon-tree-collapse,
.csp-24 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-25 .icon-dept-title {
    background: #f2f6ff
}

.csp-25 .icon-tree-collapse,
.csp-25 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-26 .icon-dept-title {
    background: #f2f6ff
}

.csp-26 .icon-tree-collapse,
.csp-26 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-27 .icon-dept-title {
    background: #f2f6ff
}

.csp-27 .icon-tree-collapse,
.csp-27 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-28 .icon-dept-title {
    background: #f2f6ff
}

.csp-28 .icon-tree-collapse,
.csp-28 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-29 .icon-dept-title {
    background: #f2f6ff
}

.csp-29 .icon-tree-collapse,
.csp-29 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-30 .icon-dept-title {
    background: #f2f6ff
}

.csp-30 .icon-tree-collapse,
.csp-30 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-31 .icon-dept-title {
    background: #f2f6ff
}

.csp-31 .icon-tree-collapse,
.csp-31 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-32 .icon-dept-title {
    background: #f2f6ff
}

.csp-32 .icon-tree-collapse,
.csp-32 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-33 .icon-dept-title {
    background: #f2f6ff
}

.csp-33 .icon-tree-collapse,
.csp-33 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-34 .icon-dept-title {
    background: #f2f6ff
}

.csp-34 .icon-tree-collapse,
.csp-34 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-35 .icon-dept-title {
    background: #f2f6ff
}

.csp-35 .icon-tree-collapse,
.csp-35 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-36 .icon-dept-title {
    background: #f2f6ff
}

.csp-36 .icon-tree-collapse,
.csp-36 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-37 .icon-dept-title {
    background: #f2f6ff
}

.csp-37 .icon-tree-collapse,
.csp-37 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-38 .icon-dept-title {
    background: #f2f6ff
}

.csp-38 .icon-tree-collapse,
.csp-38 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.csp-39 .icon-dept-title {
    background: #f2f6ff
}

.csp-39 .icon-tree-collapse,
.csp-39 .icon-tree-expand {
    color: var(--bsy-base-color) !important
}

.bsy-datetime {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fff
}

.bsy-datetime .showContent {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    position: relative
}

.bsy-datetime .showContent.focus {
    border: 1px solid #0265ff
}

.bsy-datetime .showContent .icon-dingding-guide-close {
    display: none
}

.bsy-datetime .showContent .icon-dingding-guide-close:hover {
    color: #0265ff !important
}

.bsy-datetime .showContent .format-input,
.bsy-datetime .showContent .format-input:focus {
    border: none
}

.bsy-datetime .showContent .value-text {
    display: inline-block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 0 30px 0 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
}

.bsy-datetime .showContent .value-text:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c9ced9;
    line-height: 20px
}

.bsy-datetime .showContent .iconSelect {
    padding: 0 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

.bsy-datetime .showContent .iconSelect i {
    font-size: 16px;
    color: #666
}

.bsy-datetime:hover .focus {
    border: none
}

.bsy-datetime.focus,
.bsy-datetime:hover {
    border-color: #0265ff
}

.bsy-datetime.focus i,
.bsy-datetime:hover i {
    color: #0265ff
}

.bsy-datetime.focus .has-value .icon-widget-datetime,
.bsy-datetime:hover .has-value .icon-widget-datetime {
    display: none
}

.bsy-datetime.focus .has-value .icon-dingding-guide-close,
.bsy-datetime:hover .has-value .icon-dingding-guide-close {
    display: block;
    color: #999
}

.bsy-datetime.x-ui-disable {
    pointer-events: none !important
}

.bsy-datetime-limit {
    display: flex;
    padding-right: 1px
}

.bsy-datetime-limit .limit-item {
    flex: 1 1
}

.bsy-datetime-limit .limit-to {
    margin: 0 5px;
    text-align: center;
    line-height: 30px
}

.bsy-datetime-limit.wrap {
    flex-direction: column
}

.bsy-datetime-limit.wrap .limit-to {
    line-height: normal
}

.bsy-date-range .range-content .content-menu .menu-item i {
    left: 110px
}

.bsy-date-range .range-content .content-menu .line {
    width: 120px
}

.bsy-date-range .range-content .content-main {
    margin: 0 !important
}

.bsy-date-range .range-content .content-main .datePicker-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 218ms
}

.bsy-date-range .range-content .content-main .datePicker-content .main-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.bsy-date-range .range-content .content-main .datePicker-content .main-wrapper .bsy-datepicker {
    box-shadow: unset
}

.bsy-date-range .range-content .content-main .datePicker-content .main-wrapper:last-child {
    left: 100%
}

.bsy-date-range .range-content {
    position: relative;
    height: 100%
}

.bsy-date-range .range-content .content-menu {
    margin: 0 20px;
    height: 42px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    display: flex
}

.bsy-date-range .range-content .content-menu .menu-item {
    flex: 1 1;
    cursor: pointer;
    line-height: 40px;
    position: relative
}

.bsy-date-range .range-content .content-menu .menu-item i {
    cursor: pointer;
    color: #c9ced9;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 130px;
    transform: translateY(-50%);
    visibility: hidden
}

.bsy-date-range .range-content .content-menu .menu-item:hover i {
    visibility: inherit
}

.bsy-date-range .range-content .content-menu .line {
    width: 130px;
    height: 4px;
    background: var(--bsy-base-color);
    position: absolute;
    bottom: 0
}

.bsy-date-range .range-content .content-main {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 20px;
    transition: transform 218ms
}

.bsy-date-range .range-content .content-main .main-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.bsy-date-range .range-content .content-main .main-wrapper .bsy-datepicker {
    box-shadow: unset
}

.bsy-date-range .range-content .content-main .main-wrapper:last-child {
    left: 100%
}

.bsy-date-range .range-content.right .line {
    left: 50%
}

.bsy-date-range .range-content.right .content-main {
    transform: translate(-100%)
}

.bsy-time-picker .head-tab {
    height: 40px;
    line-height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-time-picker .head-tab .tab-btn {
    flex: 1 1;
    padding: 0 25px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.bsy-time-picker .head-tab .tab-btn .btn-text {
    cursor: pointer;
    height: 40px
}

.bsy-time-picker .head-tab .tab-btn .btn-text:empty:before {
    content: attr(data-watermark);
    color: #c3cdda
}

.bsy-time-picker .head-tab .tab-btn .btn-text:empty+.clear-btn {
    display: none
}

.bsy-time-picker .head-tab .tab-btn.select .btn-text:empty:before {
    font-weight: 700
}

.bsy-time-picker .head-tab .tab-btn .clear-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #c3cdda
}

.bsy-time-picker .head-tab .tab-btn .clear-btn:hover {
    color: #5e6d82
}

.bsy-time-picker .head-tab .tab-separator {
    flex: 0 0 15px;
    color: #c3cdda
}

.bsy-time-picker .head-tab:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0
}

.bsy-time-picker .body {
    height: 200px;
    padding: 20px;
    display: flex;
    justify-content: center;
    position: relative
}

.bsy-time-picker .body:before {
    top: 84px
}

.bsy-time-picker .body:after,
.bsy-time-picker .body:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #e0e0e0
}

.bsy-time-picker .body:after {
    bottom: 84px
}

.bsy-time-picker .body .body-col {
    flex: 1 1;
    height: 160px;
    overflow: hidden
}

.bsy-time-picker .body .body-col .col-wrapper.transition {
    transition: transform 218ms
}

.bsy-time-picker .body .body-col .col-wrapper.scrolling .col-item:hover .item-wrapper {
    background: 0 0
}

.bsy-time-picker .body .body-col .col-wrapper .col-item {
    height: 32px;
    color: #1f2d3d;
    cursor: pointer;
    padding: 4px 0;
    text-align: center
}

.bsy-time-picker .body .body-col .col-wrapper .col-item .item-wrapper {
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-time-picker .body .body-col .col-wrapper .col-item:hover .item-wrapper {
    background: #f2f6ff
}

.bsy-time-picker .body .body-col .col-wrapper .col-item.select {
    color: var(--bsy-base-color)
}

.bsy-time-picker .body .body-col .col-wrapper .col-item.select:hover .item-wrapper {
    background: 0 0
}

.bsy-time-picker .foot {
    height: 40px;
    position: relative
}

.bsy-time-picker .foot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0
}

.bsy-time-picker .foot .btn-group {
    position: absolute;
    top: 8px;
    right: 10px
}

.bsy-time-picker .foot .btn-group .group-btn {
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 2px;
    display: inline-block
}

.bsy-time-picker .foot .btn-group .group-btn :hover {
    color: var(--bsy-base-color)
}

.bsy-time-picker .foot .btn-group .group-btn.style-green {
    color: #fff;
    background: var(--bsy-base-color)
}

.bsy-time-picker .foot .btn-group .group-btn.style-green:hover {
    opacity: .8;
    color: #fff
}

.custom.format {
    display: flex
}

.custom.format .BsySelect {
    flex: 1 1
}

.custom.format .bsy-datetime {
    flex: 1 1;
    margin-left: 5px;
    border: 1px solid transparent !important
}

.custom.format.wrap {
    flex-direction: column
}

.custom.format.wrap .BsySelect {
    flex: unset
}

.custom.format.wrap .bsy-datetime {
    flex: unset;
    margin-left: 0;
    margin-top: 8px
}

.bsy-text input.x-input.x-input-focus {
    border-color: var(--bsy-base-color) !important
}

.bsy-textarea textarea {
    padding: 8px 10px 3px
}

.bsy-address .bsy-textarea textarea::placeholder {
    color: #999
}

.bsy-address .bsy-textarea textarea::-moz-placeholder {
    color: #999
}

.bsy-address .showContent {
    display: flex;
    align-items: center;
    height: 34px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    position: relative;
    background: #fff
}

.bsy-address .showContent .value-text {
    display: inline-block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 0 30px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
}

.bsy-address .showContent .value-text:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.bsy-address .showContent .iconSelect {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999;
    background: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 3px
}

.bsy-address .showContent .iconSelect .widget-icon {
    display: block;
    font-size: 16px
}

.bsy-address .showContent .iconSelect .widget-icon.icon-dingding-guide-close {
    display: none
}

.bsy-address .showContent:hover {
    border: 1px solid #0265ff
}

.bsy-address .showContent:hover .iconSelect .widget-icon {
    color: #0265ff
}

.bsy-address .showContent:hover .iconSelect.has-value .widget-icon {
    display: none;
    color: #999
}

.bsy-address .showContent:hover .iconSelect.has-value .widget-icon:hover {
    color: #0265ff !important
}

.bsy-address .showContent:hover .iconSelect.has-value .widget-icon.icon-dingding-guide-close {
    display: block
}

.bsy-address .bys-address-select {
    display: flex
}

.bsy-address .bys-address-select .province {
    flex: 2 1
}

.bsy-address .bys-address-select .city,
.bsy-address .bys-address-select .district {
    flex: 1 1;
    padding-left: 5px
}

.bsy-address .detail {
    margin-top: 6px
}

.bsy-address.wrap .bys-address-select {
    flex-wrap: wrap
}

.bsy-address.wrap .bys-address-select .province {
    width: 100%;
    flex: 1 0 auto;
    margin-right: 1px
}

.bsy-address.wrap .bys-address-select .city {
    flex: 1 1 auto;
    margin-top: 10px;
    margin-right: 0;
    padding-left: 0
}

.bsy-address.wrap .bys-address-select .district {
    flex: 1 1 auto;
    margin-top: 10px;
    margin-right: 0;
    padding-left: 5px
}

.bsy-address .seleceMapAddress {
    position: relative;
    float: left;
    left: 0;
    margin-left: 8px;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border: 1px dashed #e0e0e0;
    border-radius: 4px
}

.bsy-address .seleceMapAddress i {
    color: #666
}

.bsy-address .seleceMapAddress i.icon-location:before {
    content: "\e692"
}

.bsy-address .seleceMapAddress:hover {
    cursor: pointer;
    border-color: #0265ff
}

.bsy-address .seleceMapAddress:hover i {
    color: #0265ff
}

.bsy-show-address-pane .search-wrapper,
.bsy-show-address-pane .search-wrapper .BsySearchInput {
    width: 100%
}

.bsy-show-address-pane .search-wrapper .BsySearchInput input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 !important;
    border: unset !important;
    padding-right: unset
}

.bsy-show-address-pane .search-wrapper .BsySearchInput input:focus,
.bsy-show-address-pane .search-wrapper .BsySearchInput input:hover {
    border: unset !important
}

.bsy-show-address-pane .content-wrapper-list {
    height: 200px;
    display: inline-block;
    min-width: 240px;
    max-height: 200px;
    overflow: auto;
    color: #141e31;
    white-space: nowrap;
    vertical-align: top;
    background: #fff;
    border-radius: 3px;
    border-top: 1px solid #e0e0e0
}

.bsy-show-address-pane .content-wrapper-list .result-item {
    padding: 0 10px;
    line-height: 32px;
    cursor: pointer;
    transition: background .2s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-show-address-pane .content-wrapper-list .result-empty {
    width: 240px;
    color: #838892;
    line-height: 40px;
    text-align: center
}

.bsy-show-address-pane .content-wrapper {
    overflow: hidden;
    color: #141e31;
    white-space: nowrap;
    vertical-align: top;
    background: #fff;
    border-radius: 3px;
    border-top: 1px solid #e0e0e0
}

.bsy-show-address-pane .content-wrapper .menu-items {
    height: 200px;
    padding: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top;
    border-right: 1px solid #ebecee;
    display: inline-block
}

.bsy-show-address-pane .content-wrapper .menu-items .item {
    position: relative;
    min-width: 110px;
    max-width: 240px;
    line-height: 32px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 30px 0 4px
}

.bsy-show-address-pane .content-wrapper .menu-items .item i {
    position: absolute;
    top: 0;
    right: 10px;
    color: #666
}

.bsy-show-address-pane .content-wrapper .menu-items .item:hover {
    background: #f5f5f5
}

.bsy-show-address-pane .content-wrapper .menu-items .item.selected {
    background: #0265ff;
    color: #fff
}

.bsy-show-address-pane .content-wrapper .menu-items .item.selected i {
    color: #fff
}

.BsySearchInput {
    display: inline-block
}

.BsySearchInput.ext .inputCont .split {
    border-right: 1px solid #ddd;
    position: absolute;
    right: 21px;
    height: 15px;
    margin-top: 7px
}

.BsySearchInput.ext .inputCont .icon-bsy-xia {
    position: absolute;
    right: 10px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #999;
    cursor: pointer;
    right: 5px
}

.BsySearchInput.ext .inputCont .icon-bsy-xia:hover {
    color: #0265ff
}

.BsySearchInput.ext .inputCont .icon-dingding-guide-close {
    right: 30px
}

.BsySearchInput .inputCont {
    position: relative;
    height: 30px;
    display: flex
}

.BsySearchInput .inputCont input {
    width: 169px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    padding-right: 30px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    color: #333;
    padding-left: 30px
}

.BsySearchInput .inputCont input:hover {
    border-color: var(--bsy-base-color)
}

.BsySearchInput .inputCont .inputIcon {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 1
}

.BsySearchInput .inputCont .inputIcon i {
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.BsySearchInput .inputCont .inputIcon:hover i {
    color: var(--bsy-base-hovercolor)
}

.BsySearchInput .inputCont .icon-dingding-guide-close {
    position: absolute;
    right: 10px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #999;
    cursor: pointer
}

.BsySearchInput .inputCont .icon-dingding-guide-close:hover {
    color: #0265ff
}

.BsySearchInput.dark input {
    border-color: #606060;
    background-color: #3e3d3d;
    box-shadow: none;
    color: #fff
}

.BsySearchInput.dark input:focus {
    border-color: #00f0ff !important
}

.BsySearchInput.dark i {
    color: #999
}

.bsy-x-group:hover i {
    color: #0265ff
}

.bsy-x-group.horizontal {
    display: flex;
    flex-wrap: wrap
}

.bsy-x-group .bsy-group-item {
    min-height: 24px;
    display: flex;
    align-items: center;
    margin: 0 20px 12px 0
}

.bsy-x-group .bsy-group-item.other .bsy-text-tag {
    background: #f5f6f7 !important;
    border: 1px solid #f5f6f7 !important;
    color: #333 !important
}

.bsy-x-group .bsy-group-item.other .bsy-text {
    flex: 1 1;
    margin-left: 6px;
    display: inline-block;
    opacity: .7;
    pointer-events: none
}

.bsy-x-group .bsy-group-item.other.select .bsy-text {
    opacity: 1;
    pointer-events: inherit
}

.bsy-x-group .x-radio {
    cursor: pointer;
    display: flex;
    align-items: center
}

.bsy-x-group .x-radio i {
    color: #9da2b2;
    letter-spacing: .65px
}

.bsy-x-group .x-radio span {
    margin-left: 8px;
    letter-spacing: .65px
}

.bsy-x-group .x-radio .icon-bsy-icondanxuananniu:before {
    content: "\e7fc" !important
}

.bsy-x-group .x-radio.select .icon-bsy-icondanxuananniu:before {
    content: "\e7fa" !important
}

.bsy-x-group .x-radio.select i {
    color: #0265ff
}

.bsy-x-group .x-radio.horizontal {
    margin-right: 20px
}

.bsy-x-group .bsy-group-item {
    cursor: pointer;
    line-height: 24px;
    position: relative
}

.bsy-x-group .bsy-group-item:hover i {
    color: #0265ff
}

.bsy-x-group .bsy-group-item.vertical:last-of-type {
    margin-bottom: 0
}

.bsy-x-group .bsy-check i {
    color: #9da2b2
}

.bsy-x-group .bsy-check .icon-bsy-check2:before {
    content: "\e7fd" !important
}

.bsy-x-group .bsy-check span {
    margin-left: 8px;
    letter-spacing: .65px
}

.bsy-x-group .bsy-check.select {
    padding-right: 0
}

.bsy-x-group .bsy-check.select .icon-bsy-check2:before {
    content: "\e7fe" !important
}

.bsy-x-group .bsy-check.select i {
    color: var(--bsy-base-color)
}

.bsy-x-group .bsy-check.horizontal {
    display: inline-block;
    margin-right: 20px;
    padding-right: 0
}

.bsy-dept-group {
    max-width: 100%
}

.bsy-dept-group .select-list {
    height: 80px
}

.bsy-dept-group .select-list .select-empty {
    line-height: 78px
}

.bsy-user {
    max-width: 100%
}

.bsy-user .select-list {
    cursor: pointer;
    background: #fff;
    height: 34px;
    border: 1px dashed #e0e0e0;
    margin: 0 0 8px !important;
    overflow: auto;
    transition: all .3s;
    border-radius: 4px;
    text-align: left
}

.bsy-user .select-list .select-empty {
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    color: #999
}

.bsy-user .select-list .select-item {
    position: relative;
    line-height: 28px;
    display: inline-block;
    margin: 2px 0 0 4px;
    padding: 0 10px;
    background: #f7ebff;
    border-radius: 15px;
    cursor: pointer
}

.bsy-user .select-list .select-item .user-center {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: sub;
    margin-right: 6px
}

.bsy-user .select-list .select-item .table-user-portrait-name {
    display: inline-block;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.bsy-user .select-list:hover {
    border-color: var(--bsy-base-hovercolor);
    background-color: #fff
}

.bsy-user .select-list:hover .select-empty {
    color: var(--bsy-base-hovercolor)
}

.bsy_form_item_disable .select-list {
    cursor: pointer;
    margin: 0 !important;
    overflow: auto;
    transition: all .3s;
    border-radius: 4px;
    text-align: left
}

.bsy_form_item_disable .select-list .select-empty {
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    color: #999
}

.bsy_form_item_disable .select-list .select-item {
    position: relative;
    line-height: 24px;
    display: inline-block;
    padding: 0 10px 0 0;
    background: #f7ebff;
    border-radius: 15px;
    cursor: pointer
}

.bsy_form_item_disable .select-list .select-item .user-center {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: sub;
    margin-right: 6px
}

.bsy_form_item_disable .select-list .select-item .table-user-portrait-name {
    display: inline-block;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.switchFrozenCont {
    width: 240px;
    padding: 15px
}

.switchFrozenCont .frozen-tip {
    font-size: 13px;
    color: #333;
    margin-bottom: 10px
}

.switchFrozenCont .frozen-footer {
    margin-top: 10px;
    display: flex;
    justify-content: end
}

.switchFrozenCont .frozen-footer .BsyBtn:last-child {
    margin-left: 10px
}

.bsy-user-group .select-list {
    height: 80px
}

.bsy-user-group .select-list .select-empty {
    line-height: 78px
}

.BsyComboBox {
    height: 30px
}

.BsyComboBox .bsy-text {
    margin-top: 6px
}

.BsyComboBox.open .showText,
.BsyComboBox.open .showText .iconSelect {
    border-color: #0265ff
}

.BsyComboBox.open .showText .iconSelect i {
    color: #0265ff
}

.BsyComboBox .showText {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    padding: 0 8px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.BsyComboBox .showText .bsy-text-tag {
    margin-right: 4px
}

.BsyComboBox .showText span {
    font-size: 14px;
    color: #333;
    display: block;
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyComboBox .showText span.waterMark {
    color: #c9ced9
}

.BsyComboBox .showText .value-text:empty:before,
.BsyComboBox .showText span:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c9ced9;
    line-height: 20px
}

.BsyComboBox .showText .iconSelect {
    padding: 0 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

.BsyComboBox .showText .iconSelect i.icon-bsy-xiala {
    font-size: 16px;
    color: #999
}

.BsyComboBox .showText .iconSelect i.icon-bsy-xiala:before {
    content: "\e8b8"
}

.BsyComboBox .showText .iconSelect .widget-icon {
    display: none
}

.BsyComboBox .showText:hover {
    border-color: #0265ff
}

.BsyComboBox .showText:hover .iconSelect.has-value .icon-bsy-xiala {
    display: none !important
}

.BsyComboBox .showText:hover .iconSelect.has-value .icon-dingding-guide-close {
    display: block !important
}

.BsyComboBox .showText:hover .iconSelect i {
    color: #0265ff
}

.BsyComboCheckBox .bsy-text {
    margin-top: 6px
}

.BsyComboCheckBox .widget-icon {
    display: none
}

.BsyComboCheckBox .showText .icon-dingding-guide-close,
.BsyComboCheckBox .showText:hover .icon-bsy-xiala {
    display: none !important
}

.BsyComboCheckBox .showText:hover .icon-dingding-guide-close {
    display: block !important
}

.BsyBtn {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    min-width: 82px;
    text-align: center;
    padding: 0 16px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    color: #333;
    transition: background-color .15s
}

.BsyBtn:hover {
    opacity: .8
}

.BsyBtn .btnCont {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyBtn i {
    font-size: 16px;
    margin-right: 6px
}

.BsyBtn span {
    font-size: 14px
}

.BsyBtn.blue {
    border: 1px solid #0265ff;
    background-color: #0265ff;
    color: #fff
}

.BsyBtn.blue:hover {
    background-color: rgba(2, 101, 255, .8);
    border: 1px solid rgba(2, 101, 255, .8)
}

.BsyBtn.grey {
    background-color: #eee;
    border-color: #eee
}

.BsyBtn.grey:hover {
    background-color: #f0f6ff;
    border-color: #f0f6ff
}

.BsyBtn.border-red {
    border-color: #ff5631;
    background-color: #fff;
    color: #ff5631
}

.BsyBtn.border-red:hover {
    background-color: rgba(222, 54, 12, .06);
    border-color: rgba(222, 54, 12, .06)
}

.BsyBtn.border-blue {
    border-color: #0265ff;
    background-color: #fff
}

.BsyBtn.border-blue i,
.BsyBtn.border-blue span {
    color: #0265ff
}

.BsyBtn.border-blue:hover {
    background-color: rgba(2, 101, 255, .1)
}

.BsyBtn.white {
    border-color: #e0e0e0;
    background-color: #fff;
    color: #333
}

.BsyBtn.white:hover {
    background-color: #eee;
    border-color: #eee
}

.BsyBtn.white.borderBlue:hover {
    background-color: #fff;
    border-color: #0265ff;
    color: #0265ff
}

.BsyBtn.red,
.BsyBtn.white.borderRed:hover {
    background-color: #fff;
    border-color: #ff5631;
    color: #ff5631
}

.BsyBtn.red:hover {
    background-color: #ffe6e6;
    border-color: #ffe6e6
}

.BsyBtn.pureRed {
    border-color: #ff5631;
    background-color: #ff5631;
    color: #fff
}

.BsyBtn.pureRed:hover {
    background-color: #de360c;
    border-color: #de360c
}

.BsyBtn.dark.grey {
    background-color: #4f4f4f;
    border-color: #4f4f4f;
    color: #fff
}

.BsyBtn.dark.grey:hover {
    background-color: #374e50;
    border-color: #374e50
}

.BsyBtn.dark.blue {
    border-color: #00f0ff;
    background-color: #00f0ff;
    color: #000
}

.BsyBtn.dark.blue:hover {
    background-color: #00c3ce;
    border-color: #00c3ce
}

.BsyBtn.dark.white {
    border-color: #606060;
    background-color: #3e3d3d;
    color: #fff
}

.BsyBtn.dark.white:hover {
    background-color: #606060;
    border-color: #606060
}

.BsyBtn.dark.red {
    border-color: #ff5631;
    background-color: #3e3d3d;
    color: #ff5631
}

.BsyBtn.dark.red:hover {
    background-color: #ffe6e6;
    border-color: #ffe6e6
}

.BsyBtn .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: inline-block
}

.BsyBtn .upload-form,
.BsyBtn .upload-form input {
    cursor: pointer !important
}

.bsy-separator .bsy-subhtml a {
    color: var(--bsy-base-color)
}

.bsy-separator img {
    max-width: 100%
}

.bsy-separator .sep-line.default {
    border-top: 1px solid #e0e0e0;
    height: 0
}

.bsy-separator .sep-line.none {
    height: 0
}

.bsy-separator .sep-line.dashed {
    border-top: 1px dashed #c5cfdb
}

.bsy-separator .sep-line.thin {
    border-top: 1px solid #c5cfdb
}

.bsy-separator .sep-line.thick {
    border-top: 2px solid #c5cfdb
}

.bsy-serial-num {
    max-width: 350px;
    padding: 5px 10px;
    line-height: 24px;
    background: #f5f7fa;
    white-space: pre-wrap;
    color: #999;
    height: 34px;
    border-radius: 4px
}

.bsy-serial-num:empty:before {
    color: #999;
    content: attr(data-watermark)
}

.bsy-serial-num .rule-item {
    height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
    position: relative;
    background-color: #fff
}

.bsy-serial-num .rule-item i {
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: 31px
}

.bsy-location.showMap {
    height: auto !important
}

.bsy-location .BsyBtn {
    height: 100%;
    width: 100% !important;
    border: 1px dashed #e0e0e0 !important
}

.bsy-location .BsyBtn .icon-bby-icondingwei {
    color: #666
}

.bsy-location .BsyBtn.bsy-ui-disable {
    background-color: #fafafa;
    border: 1px solid #e0e0e0 !important
}

.bsy-location .BsyBtn.bsy-ui-disable .icon-bby-icondingwei,
.bsy-location .BsyBtn.bsy-ui-disable span {
    color: #999
}

.bsy-location .BsyBtn.bsy-ui-disable:hover {
    border-color: #e0e0e0 !important
}

.bsy-location .BsyBtn.bsy-ui-disable:hover i,
.bsy-location .BsyBtn.bsy-ui-disable:hover span {
    color: #999 !important
}

.bsy-location .BsyBtn span {
    color: #666
}

.bsy-location .BsyBtn:hover {
    border-color: #0265ff !important;
    background-color: initial
}

.bsy-location .BsyBtn:hover i,
.bsy-location .BsyBtn:hover span {
    color: #0265ff !important
}

.bsy-location .location-btn {
    height: 100%;
    width: 100%
}

.bsy-location .location-content {
    height: 150px;
    display: flex;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px
}

.bsy-location .location-content .location-content-info {
    flex: 1 1
}

.bsy-location .location-content .location-content-info .location-info1 {
    padding: 6px;
    height: 120px
}

.bsy-location .location-content .location-content-info .location-info1 .sub-head {
    height: 60%;
    overflow-y: auto
}

.bsy-location .location-content .location-content-info .location-info1 .sub-info {
    padding-top: 6px;
    border-top: 1px solid #e0e0e0
}

.bsy-location .location-content .location-content-info .location-info-clear {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    padding: 0 6px;
    color: #0265ff
}

.bsy-location .location-content .location-content-info .location-info-clear span {
    margin-right: 10px
}

.bsy-location .location-content .location-content-map {
    flex: 1 1
}

.bsy-upload {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.bsy-upload .download {
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 12px;
    cursor: pointer;
    color: var(--bsy-base-color)
}

.bsy-upload .download i {
    margin-right: 6px
}

.bsy-upload .download:hover {
    opacity: .8
}

.bsy-upload.bsy-ui-disable {
    pointer-events: auto !important;
    min-height: 34px;
    height: auto !important;
    border-color: transparent !important;
    background: transparent !important
}

.bsy-upload.bsy-ui-disable .remove-btn {
    display: none !important
}

.bsy-upload .upload-preview-list {
    max-height: 320px;
    overflow: auto
}

.bsy-upload .upload-preview-list.empty {
    margin: 0
}

.bsy-upload .upload-preview-list .upload-info {
    width: 350px;
    height: 60px;
    max-width: 100%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    transition: all .3s;
    margin-bottom: 6px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.bsy-upload .upload-preview-list .upload-info .loading {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 10px auto;
    vertical-align: middle
}

.bsy-upload .upload-preview-list .upload-info .loading .node {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #0265ff;
    position: absolute;
    animation: node .8s linear infinite
}

.bsy-upload .upload-preview-list .upload-info .loading .node:first-child {
    left: 24px;
    top: 2px;
    animation-delay: 0s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(2) {
    left: 40px;
    top: 8px;
    animation-delay: .1s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(3) {
    left: 47px;
    top: 24px;
    animation-delay: .1s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(4) {
    left: 40px;
    top: 40px;
    animation-delay: .2s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(5) {
    left: 24px;
    top: 47px;
    animation-delay: .4s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(6) {
    left: 8px;
    top: 40px;
    animation-delay: .5s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(7) {
    left: 2px;
    top: 24px;
    animation-delay: .6s
}

.bsy-upload .upload-preview-list .upload-info .loading .node:nth-child(8) {
    left: 8px;
    top: 8px;
    animation-delay: .7s
}

.bsy-upload .upload-preview-list .upload-info .upload-preview {
    position: relative;
    float: left;
    left: 0;
    padding: 8px;
    width: 54px;
    height: 54px
}

.bsy-upload .upload-preview-list .upload-info .upload-preview img {
    width: 100%;
    height: 100%;
    margin: auto
}

.bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb {
    width: 32px;
    height: 38px;
    background-size: 352px 77px
}

.bsy-upload .upload-preview-list .upload-info .upload-file-info {
    position: relative;
    float: left;
    left: 0;
    width: calc(100% - 75px);
    height: 100%;
    line-height: 20px;
    padding: 10px 12px 10px 2px
}

.bsy-upload .upload-preview-list .upload-info .upload-file-info .info-text {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-upload .upload-preview-list .upload-info .upload-file-info .info-sub {
    color: #666;
    font-size: 12px
}

.bsy-upload .upload-preview-list .upload-info .upload-info-btn {
    position: absolute;
    float: right;
    right: 7px;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.bsy-upload .upload-preview-list .upload-info .upload-info-btn i {
    color: #999;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s
}

.bsy-upload .upload-preview-list .upload-info .upload-info-btn i.icon-bby-quchu:before {
    content: "\e846"
}

.bsy-upload .upload-preview-list .upload-info .upload-info-btn:hover i {
    color: #f5222d
}

.bsy-upload .upload-btn {
    position: relative;
    width: 100%;
    height: 34px;
    overflow: hidden;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.bsy-upload .upload-btn:hover {
    border-color: #0265ff
}

.bsy-upload .upload-btn:hover i,
.bsy-upload .upload-btn:hover span {
    color: #0265ff
}

.bsy-upload .upload-btn span {
    color: #666
}

.bsy-upload .upload-btn .upload-icon {
    margin-right: 5px;
    font-size: 16px;
    color: #666;
    vertical-align: bottom
}

.bsy-upload .upload-btn .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.bsy-upload .upload-btn .upload-form input {
    cursor: pointer
}

.bsy-upload.bsy-image-upload .upload-btn {
    border: none;
    text-align: center
}

.bsy-upload.bsy-image-upload .upload-btn .qr_upload {
    display: inline-block;
    border: 1px dashed #e0e0e0;
    width: 34px;
    line-height: 32px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 4px 4px 0 0
}

.bsy-upload.bsy-image-upload .upload-btn .qr_upload a {
    display: none
}

.bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover {
    border-color: #0265ff;
    color: #0265ff
}

.bsy-upload.bsy-image-upload .upload-btn .upload {
    display: inline-block;
    border: 1px dashed #e0e0e0;
    width: 270px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 0 0 4px 4px
}

.bsy-upload.bsy-image-upload .upload-btn .upload .upload-form {
    width: 270px
}

.bsy-upload.bsy-image-upload .upload-btn .upload .upload-form input {
    height: 34px
}

.bsy-upload.bsy-image-upload .upload-btn .upload:hover {
    border-color: #0265ff;
    color: #0265ff
}

.subform .upload-disabled .upload {
    cursor: not-allowed;
    margin-top: 0;
    background-color: #fafafa;
    border: 1px dashed #e0e0e0
}

.subform .upload-disabled .upload * {
    cursor: not-allowed !important
}

.subform .upload-disabled .upload i,
.subform .upload-disabled .upload span {
    color: #999
}

.fl-widget .bsy-upload.bsy-image-upload,
.widget-data .bsy-upload.bsy-image-upload {
    display: flex;
    width: 100%;
    height: auto
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn,
.widget-data .bsy-upload.bsy-image-upload .upload-btn {
    border: none;
    text-align: center;
    width: 140px;
    height: 140px;
    max-width: 100%;
    position: relative;
    cursor: default
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px dashed #e0e0e0;
    border-bottom-color: transparent;
    margin-left: 0
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    display: flex
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv i,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv i {
    font-size: 16px;
    color: #666;
    margin-right: 6px
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv a,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload .qsbtv a {
    z-index: 1;
    color: #999;
    display: block
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover {
    border-color: #0265ff
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover a,
.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover i,
.fl-widget .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover span,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover a,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover i,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .qr_upload:hover span {
    color: #0265ff
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload {
    margin-top: 40px;
    cursor: pointer;
    border: 1px dashed #e0e0e0;
    position: relative;
    width: 100%;
    height: 100px
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload i.icon-add1,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload i.icon-add1 {
    font-size: 16px;
    position: absolute;
    left: calc(50% - 8px);
    top: 23px;
    color: #666
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload .upload-btn-input,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload .upload-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload .upload-form,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload .upload-form {
    width: 100%
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload span,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload span {
    font-size: 14px;
    bottom: 20px;
    text-align: center;
    width: 100%;
    position: absolute;
    line-height: 12px;
    left: 0;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload:hover,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload:hover {
    border-color: #0265ff
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload:hover a,
.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload:hover i,
.fl-widget .bsy-upload.bsy-image-upload .upload-btn .upload:hover span,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload:hover a,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload:hover i,
.widget-data .bsy-upload.bsy-image-upload .upload-btn .upload:hover span {
    color: #0265ff
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn.upload-disabled,
.widget-data .bsy-upload.bsy-image-upload .upload-btn.upload-disabled {
    height: 100px !important
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload,
.widget-data .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload {
    cursor: not-allowed;
    margin-top: 0;
    background-color: #fafafa;
    border: 1px dashed #e0e0e0
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload *,
.widget-data .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload * {
    cursor: not-allowed !important
}

.fl-widget .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload i,
.fl-widget .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload span,
.widget-data .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload i,
.widget-data .bsy-upload.bsy-image-upload .upload-btn.upload-disabled .upload span {
    color: #999
}

.fl-widget .bsy-upload.bsy-image-upload .upload-tip,
.widget-data .bsy-upload.bsy-image-upload .upload-tip {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
    display: block;
    line-height: 18px
}

.fl-widget .bsy-upload.bsy-image-upload .progress-bar,
.widget-data .bsy-upload.bsy-image-upload .progress-bar {
    width: 140px;
    height: 140px;
    max-width: 100%;
    position: relative
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list {
    display: block;
    margin: 0
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info {
    width: 140px;
    height: 140px;
    position: relative;
    float: left;
    margin-top: 0;
    border: none;
    margin-right: 14px;
    margin-bottom: 14px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 10px auto
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #0265ff;
    position: absolute;
    animation: node .8s linear infinite
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:first-child,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:first-child {
    left: 24px;
    top: 2px;
    animation-delay: 0s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(2),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(2) {
    left: 40px;
    top: 8px;
    animation-delay: .1s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(3),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(3) {
    left: 47px;
    top: 24px;
    animation-delay: .1s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(4),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(4) {
    left: 40px;
    top: 40px;
    animation-delay: .2s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(5),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(5) {
    left: 24px;
    top: 47px;
    animation-delay: .4s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(6),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(6) {
    left: 8px;
    top: 40px;
    animation-delay: .5s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(7),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(7) {
    left: 2px;
    top: 24px;
    animation-delay: .6s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(8),
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .loading .node:nth-child(8) {
    left: 8px;
    top: 8px;
    animation-delay: .7s
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-preview,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-preview {
    width: 100%;
    height: 100%;
    padding: 0
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    transition: all .3s;
    background: linear-gradient(1turn, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .5));
    display: none
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-text,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .54);
    height: 25px;
    line-height: 25px;
    padding: 0 4px
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub {
    position: absolute;
    top: 4px;
    left: 4px;
    color: #fff
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-info-btn,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-info-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    transition: all .3s;
    display: none
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-info-btn:hover i,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info .upload-info-btn:hover i {
    color: #ff5631
}

.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info:hover .upload-file-info,
.fl-widget .bsy-upload.bsy-image-upload .upload-preview-list .upload-info:hover .upload-info-btn,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info:hover .upload-file-info,
.widget-data .bsy-upload.bsy-image-upload .upload-preview-list .upload-info:hover .upload-info-btn {
    display: block
}

.bsy-thumb-list .thumb-list {
    cursor: pointer;
    height: 100%
}

.bsy-thumb-list .thumb-list .thumb-item {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
    margin: 1px;
    cursor: pointer
}

.bsy-thumb-list .thumb-list .thumb-item img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.bsy-float-preview-img {
    position: fixed;
    z-index: 999999;
    border: 1px solid #eee;
    background: #fff
}

.bsy-float-preview-img img {
    width: 100%;
    height: 100%;
    padding: 5px
}

.bsy-signature:hover .signature-btn .icon-widget-signature,
.bsy-signature:hover .signature-btn span {
    color: #0265ff
}

.bsy-signature .signature-btn {
    width: 100%;
    height: 34px;
    background: #fff;
    line-height: 28px;
    border: 1px dashed #e0e0e0;
    border-radius: 2px !important;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-signature .signature-btn:hover {
    border-color: #0265ff
}

.bsy-signature .signature-btn i {
    color: #666;
    font-size: 16px;
    margin-right: 5px
}

.bsy-signature .signature-btn span {
    color: #666;
    line-height: 14px
}

.bsy-signature .upload-info {
    height: auto;
    display: flex;
    height: 98px !important;
    border-radius: 4px
}

.bsy-signature .upload-info .upload-preview {
    width: 100% !important;
    height: 98px !important
}

.bsy-signature .upload-info .signature-delete-btn {
    width: 40px;
    height: 96px;
    text-align: center;
    background: #fff;
    font-size: 20px;
    color: var(--bsy-base-color);
    display: flex;
    align-items: center
}

.bsy-signature .upload-info .signature-delete-btn:hover {
    color: #ff5631
}

.bsy-link-data .BsyIconBtn .btnCont i,
.bsy-link-data .BsyIconBtn .btnCont span {
    color: #666
}

.bsy-link-data .bsy-group-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0
}

.bsy-link-data .bsy-group-item:hover {
    background-color: #eee
}

.bsy-link-data .bsy-group-item.select {
    background-color: #0265ff;
    color: #fff
}

.bsy-link-data .bsy-group-item.clear {
    text-align: center;
    color: #0265ff
}

.bsy-link-data .add {
    border: 1px solid transparent;
    background-color: #fff;
    text-align: left;
    padding: 5px 0;
    min-width: 0
}

.bsy-link-data .add .icon-bsy-add,
.bsy-link-data .add span {
    color: #0265ff
}

.bsy-link-data .BsySearchInput {
    border-bottom: 1px solid #e0e0e0
}

.bsy-link-data .BsySearchInput input {
    border-radius: 0 !important;
    border-color: transparent
}

.bsy-link-data .field-list .link-field {
    padding: 5px 0;
    width: 100%
}

.bsy-link-data .field-list .link-field .bsy_form_item_disable:empty:before {
    display: none
}

.bsy-link-data .field-list .link-field .fl-label {
    padding-bottom: 3px;
    font-weight: 400 !important;
    color: #333;
    line-height: 20px
}

.bsy-show-data-list-pane {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.bsy-show-data-list-pane .data-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.bsy-show-data-list-pane .data-header .BsyBtn {
    border: none;
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    min-width: 34px
}

.bsy-show-data-list-pane .data-header .left-pane .BsyBtn.add {
    width: 86px !important;
    margin-right: 10px;
    border: 1px solid #0265ff;
    background-color: #0265ff;
    color: #fff
}

.bsy-show-data-list-pane .data-header .right-pane .BsySearchInput {
    margin-right: 10px
}

.bsy-show-data-list-pane .data-header .right-pane .BsyBtn {
    float: right
}

.bsy-show-data-list-pane .data-body {
    border-radius: 3px;
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 52px
}

.bsy-show-data-list-pane .data-body .data-table {
    position: relative;
    height: 100%
}

.bsy-show-data-list-pane .data-body .data-table .chart-data-border {
    border: 1px solid #e0e0e0
}

.bsy-show-data-list-pane .data-body .data-table .chart-data-border tr.first th {
    border-top: none !important
}

.bsy-show-data-list-pane .data-body .data-table .chart-data-border tbody td.first {
    border-left: none !important
}

.x-layout-table-row {
    position: relative;
    display: flex
}

.x-layout-table-row:after,
.x-layout-table-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.x-layout-table-row:after {
    clear: both
}

.bsy-x-window-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .2);
    transition: opacity .218s linear
}

.bsy-x-window-mask.scrollable {
    overflow: auto
}

.bsy-x-window-mask.fadein {
    background-color: rgba(0, 0, 0, .5)
}

.bsy-x-window-mask.fadein .bsy-x-dialog {
    animation: x-fade-down .218s ease
}

.bsy-x-window-mask.fadeout .bsy-x-dialog {
    animation: x-fade-up .218s ease
}

.bsy-x-window-mask.hasBackground {
    background-color: initial !important
}

.bsy-x-window-mask.dark {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1
}

.bsy-x-window-mask.light {
    background-color: hsla(0, 0%, 94.1%, .8);
    opacity: 1
}

.bsy-x-window-mask.modal {
    position: fixed;
    opacity: 1
}

.bsy-x-dialog {
    overflow: hidden;
    line-height: normal;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px hsla(0, 0%, 57%, .5);
    position: relative
}

.bsy-x-dialog.full-screen {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: auto !important
}

.bsy-x-dialog .dialog-header {
    position: relative;
    height: 60px;
    line-height: 60px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1
}

.bsy-x-dialog .dialog-header span.title {
    color: #333;
    font-weight: 700
}

.bsy-x-dialog .dialog-header .sub-title {
    margin-left: 10px;
    font-size: 12px;
    color: #999
}

.bsy-x-dialog .dialog-header .icon-bsy-full,
.bsy-x-dialog .dialog-header .icon-bsy-not-full {
    position: absolute;
    top: 0;
    right: 70px;
    cursor: pointer;
    color: #666
}

.bsy-x-dialog .dialog-header .icon-close-large {
    color: #666;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 45px;
    font-size: 16px;
    cursor: pointer;
    transform: rotate(0);
    transition: all 218ms
}

.bsy-x-dialog .dialog-header .icon-close-large:hover {
    transform: rotate(90deg)
}

.bsy-x-dialog .dialog-header .white {
    color: #333;
    background: #fff
}

.bsy-x-dialog .dialog-body {
    height: calc(100% - 120px);
    overflow: hidden;
    position: relative
}

.bsy-x-dialog .dialog-body .qiyewechat-active {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.bsy-x-dialog .dialog-body .qiyewechat-active .qiyewechat-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.bsy-x-dialog .dialog-body .qiyewechat-active .qiyewechat-content .qiyewechat-active-title {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-bottom: 20px
}

.bsy-x-dialog .dialog-body .qiyewechat-active .qiyewechat-content .qiyewechat-qrcode {
    padding-bottom: 20px
}

.bsy-x-dialog .dialog-body .qiyewechat-active .qiyewechat-content .qiyewechat-qrcode img {
    width: 300px
}

.bsy-x-dialog .dialog-footer {
    height: 60px;
    padding: 14px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e0e0e0
}

.bsy-x-dialog .dialog-footer .BsyIconBtn {
    float: right;
    margin-left: 12px;
    border-radius: 4px
}

.bsy-x-dialog .select-approval-dept {
    padding: 16px
}

.bsy-x-dialog .select-approval-dept .approval-hint {
    color: #888;
    font-size: 14px;
    margin-bottom: 20px
}

.BsyMaskLayer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3)
}

.BsyMaskLayer.hasBackground {
    background-color: initial
}

.BsyMaskLayer.sloading {
    background-color: rgba(0, 0, 0, .3)
}

.BsyMaskLayer.fadein-right {
    animation: antdDrawerFadeIn .3s ease
}

.BsyMaskLayer.fadein-right .bsy-form-edit-pane,
.BsyMaskLayer.fadein-right .bsy-form-pane {
    animation: fadeInRightBig1 .2s ease
}

.BsyMaskLayer.fadein-right .bsy-form-edit-pane .bsy-form-pane {
    animation: unset
}

.bsy-form-pane {
    position: relative;
    height: 100%;
    margin-left: auto;
    background: #fff;
    min-width: 1080px !important
}

.bsy-form-pane.bsy-form-success {
    min-height: 400px
}

.bsy-form-pane.bsy-form-success .error-pane,
.bsy-form-pane.bsy-form-success .success-pane,
.bsy-form-pane.bsy-form-success .waring-pane {
    padding-top: 70px;
    min-height: 400px;
    text-align: center;
    font-size: 14px;
    position: relative
}

.bsy-form-pane.bsy-form-success .error-pane.system,
.bsy-form-pane.bsy-form-success .success-pane.system,
.bsy-form-pane.bsy-form-success .waring-pane.system {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - 50px);
    padding-top: 0
}

.bsy-form-pane.bsy-form-success .error-pane.system .button-pane,
.bsy-form-pane.bsy-form-success .success-pane.system .button-pane,
.bsy-form-pane.bsy-form-success .waring-pane.system .button-pane {
    width: auto;
    margin: 0;
    text-align: left
}

.bsy-form-pane.bsy-form-success .bsy-header {
    position: relative
}

.bsy-form-data {
    position: absolute;
    right: 0;
    color: #333;
    background: #fff;
    overflow: hidden
}

.bsy-form-data .fx_flow_state {
    width: 100% !important;
    z-index: 999
}

.bsy-form-data .fx_flow_state .state-content {
    left: 0 !important;
    width: 100%
}

.bsy-form-data .view-rawdata {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e0e0e0;
    z-index: 111;
    cursor: pointer;
    background: #fff;
    color: #0265ff
}

.bsy-form-data .view-rawdata.hasLog {
    right: 300px
}

.bsy-form-data .view-rawdata .dfe {
    width: 100%;
    height: 100%
}

.bsy-form-data .view-rawdata .dfe:hover {
    background: rgba(2, 101, 255, .2)
}

.bsy-form-data .flow-state,
.bsy-form-data .form-data-container {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.bsy-form-data .flow-state {
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.bsy-form-data .preview-title-pane {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 50px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    color: #333;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    z-index: 1
}

.bsy-form-data .preview-title-pane .flow-chart {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 10px;
    float: right;
    margin-right: 53px;
    text-align: center;
    color: #333;
    cursor: pointer;
    transition: background-color .218s;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-form-data .preview-title-pane .flow-chart i {
    margin-right: 5px;
    font-size: 16px
}

.bsy-form-data .preview-title-pane .flow-chart span {
    font-size: 14px
}

.bsy-form-data .preview-title-pane .flow-chart:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form-data .preview-title-pane .contract {
    width: 28px;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 12px;
    margin-right: 36px;
    font-size: 20px;
    text-align: center;
    color: #333;
    cursor: pointer;
    position: relative
}

.bsy-form-data .preview-title-pane .contract:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form-data .preview-title-pane .contract:after {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: -20px;
    width: 1px;
    height: 14px;
    background-color: #e5e5e5;
    pointer-events: none
}

.bsy-form-data .preview-title-pane .all {
    width: 32px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    float: right;
    margin-top: 10px;
    margin-right: 40px;
    font-size: 20px;
    text-align: center;
    color: #333;
    cursor: pointer
}

.bsy-form-data .preview-title-pane .all:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form-data .preview-title-pane~.widget-wrapper {
    top: 50px
}

.bsy-form-data .widget-wrapper.fullscreen {
    width: 100% !important
}

.bsy-form-data .widget-wrapper.hasLog {
    right: 300px
}

.bsy-form-data .bsy-log-wrapper {
    overflow: unset
}

.bsy-form-data.side .widget-wrapper.hasLog {
    right: 0
}

.bsy-form-data.side .bsy-log-wrapper {
    padding: 0;
    width: 0
}

.bsy-form-data.side .bsy-log-wrapper .log-main,
.bsy-form-data.side .bsy-log-wrapper .log-menu {
    display: none
}

.bsy-form-data.side .bsy-log-wrapper .log-wrapper-switch {
    display: block
}

.bsy-form-data .preview-title-pane .preview-title {
    float: left;
    text-align: center;
    line-height: 50px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    max-width: calc(100% - 300px)
}

.bsy-form-data .preview-title-pane .preview-title.left {
    font-size: 16px;
    text-align: left
}

.bsy-form-data .preview-title-pane .preview-title .item.go {
    color: #0265ff;
    cursor: pointer
}

.bsy-form-data .preview-title-pane .pane-menu-item {
    position: relative;
    float: left;
    left: 0;
    margin: 0 40px 0 0;
    height: 50px;
    line-height: 50px;
    padding-right: 10px;
    color: #333;
    font-size: 16px
}

.bsy-form-data .preview-title-pane .flow-state {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    cursor: pointer;
    line-height: 50px;
    padding: 0 10px;
    color: #666
}

.bsy-form-data .preview-title-pane .flow-state .icon-flow-comment,
.bsy-form-data .preview-title-pane .flow-state .icon-flow-state {
    font-size: 16px;
    padding-right: 8px
}

.bsy-form-data .preview-title-pane .flow-state:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form-data .flow-info-pane {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    z-index: 99
}

.bsy-form-data .form-data-exit-icon {
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto 0;
    color: #333;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 32px;
    transition: transform 218ms
}

.bsy-form-data .form-data-exit-icon:hover {
    color: var(--bsy-base-color);
    background: rgba(2, 101, 255, .1)
}

.bsy-form-data .bsy-switch-tip {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    border-radius: 2px;
    background: #989898;
    text-align: center
}

.bsy-form-data .switch-tip .prev {
    margin-right: 10px
}

.bsy-form-data .switch-tip .next {
    margin-left: 10px
}

.bsy-form-data .switch-tip.widen {
    width: 210px
}

.bsy-form-data .widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 10px 10px;
    padding-bottom: 60px
}

.bsy-form-data .widget-wrapper.hide-left {
    transform: translate(-100%)
}

.bsy-form-data .widget-wrapper.hide-right {
    transform: translate(100%)
}

.bsy-form-data .widget-wrapper .bsy-footer {
    border-top: 1px dashed #bcbcbc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    background-color: #fff;
    z-index: 111
}

.bsy-form-data .widget-wrapper .bsy-footer .btn-pane {
    padding: 15px 0;
    overflow: hidden;
    margin: 0 auto
}

.bsy-form-data .widget-wrapper .bsy-footer .btn-pane .BsyIconBtn {
    margin-right: 10px
}

.bsy-form-data .widget-wrapper .data-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding-bottom: 70px
}

.bsy-form-data .widget-wrapper .data-wrapper ul {
    margin: 0 10px 10px;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .bsy-ui-disable {
    width: 100%
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery {
    display: unset !important;
    overflow: hidden;
    padding: 0;
    background: transparent !important
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .bsy-link-data.bsy-ui-disable,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .bsy-link-data.bsy-ui-disable {
    opacity: 1 !important
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .table-text {
    white-space: pre-wrap
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .dept .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .deptgroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .user .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkdata .usergroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .dept .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .deptgroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .user .table-text,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.linkquery .usergroup .table-text {
    white-space: normal !important
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .field-list {
    background: #f5f6f8
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .field-list .link-field {
    opacity: 1
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .field-list .link-field .bsy_form_item_disable {
    padding-left: 8px;
    background: #f0f1f2
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload {
    padding-left: 0;
    background: transparent !important
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload {
    height: auto !important;
    opacity: 1 !important
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list {
    margin: 0;
    position: relative
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list:empty:before,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list:empty:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    background-color: #f5f7fa
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info {
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 4px;
    background: #f5f7fa
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-preview,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-preview {
    flex: none;
    width: 54px;
    height: 54px
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb {
    width: 32px;
    height: 38px;
    background-size: 352px 77px
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-file-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-file-info {
    flex: auto;
    height: 54px;
    padding: 10px 12px 10px 2px
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-info,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-info {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .text-ext,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-file-info .text-ext {
    flex: 0 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info .upload-file-info .info-sub,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info .upload-file-info .info-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-image-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.button .bsy-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-image-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.image .bsy-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-image-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.signature .bsy-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-image-upload .upload-preview-list .upload-info:first-child,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.upload .bsy-upload .upload-preview-list .upload-info:first-child {
    margin-top: 0
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.dept,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.deptgroup,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.user,
.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value.usergroup {
    padding-left: 0
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .bsy_form_item_disable {
    white-space: pre-wrap
}

.bsy-form-data .widget-wrapper .data-wrapper ul .widget-data.has-value .bsy_form_item_disable.text {
    display: initial
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField {
    margin-top: 0;
    padding: 20px 10px 0;
    border-top: 1px solid #e0e0e0
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view {
    display: inline-flex;
    align-items: center;
    width: 50%;
    margin: 3px 0;
    padding: 0;
    vertical-align: middle;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data {
    background-color: initial;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    height: 34px;
    line-height: 34px
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data.chargers,
.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data.flowdecision,
.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data.user {
    padding-left: 8px
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .bsy_form_item_disable {
    background-color: initial;
    font-size: 12px
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .flowstate-btn {
    padding: 0 8px;
    height: 22px;
    border-radius: 15px;
    text-align: center;
    line-height: 22px
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .flowstate-btn.f0 {
    background-color: rgba(2, 101, 255, .06);
    color: #0265ff
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .flowstate-btn.f1 {
    background: #edf9e8;
    color: #52c41b
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .flowstate-btn.f2 {
    background-color: #ffe6e6;
    color: #ff5631
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item {
    padding: 0;
    margin: 0 8px 0 0;
    background: transparent;
    line-height: inherit
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item:last-child {
    margin-right: 0
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item .table-user-portrait-name,
.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item .user-center {
    display: none
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item .user-center span {
    color: #fff
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-data .widget-user-dept-list .select-item span {
    color: #0265ff
}

.bsy-form-data .widget-wrapper .data-wrapper .systemField .widget-data-view .widget-label {
    color: #666;
    font-weight: 400;
    font-size: 12px;
    width: 80px !important;
    height: 34px;
    line-height: 34px;
    padding: 0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list {
    max-height: 68px;
    overflow: auto;
    transition: all .3s;
    border-radius: 4px;
    min-height: 34px
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item {
    border-radius: 15px;
    position: relative;
    line-height: 28px;
    display: inline-flex;
    margin: 3px;
    padding: 0 8px;
    background: #f7ebff;
    cursor: pointer;
    vertical-align: top;
    max-width: calc(100% - 6px);
    width: auto
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name {
    vertical-align: middle;
    margin: 4px 6px 4px 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffd000;
    color: #fff;
    flex: none;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name span {
    display: block;
    color: #fff;
    transform: scale(.8)
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-0 {
    background: #f5c547
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-1 {
    background-color: #528cff
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-2 {
    background-color: #50b0f4
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-3 {
    background-color: #61db8c
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-4 {
    background-color: #ff8383
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .table-user-portrait-name.color-5 {
    background-color: #444
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item .user-center {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: sub;
    margin: 4px 6px 4px 0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item.dept {
    align-items: center;
    cursor: pointer;
    background: #ebf0ff
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-user-dept-list .select-item.dept .select-icon {
    font-size: 20px;
    padding-right: 5px;
    color: #0265ff
}

.bsy-form-data .widget-wrapper .data-wrapper .bsy-flow-comment,
.bsy-form-data .widget-wrapper .data-wrapper .bsy-flow-comment .comment-content {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    top: unset
}

.bsy-form-data .widget-wrapper .data-wrapper .bsy-flow-comment .comment-content .comment-list {
    display: block !important
}

.bsy-form-data .widget-wrapper .data-wrapper .switch-tip {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333;
    border-radius: 2px;
    background: #989898;
    text-align: center
}

.bsy-form-data .widget-wrapper .flow-menu~.data-wrapper {
    top: 50px
}

.bsy-form-data .widget-wrapper .preview-edit-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    display: block
}

.bsy-form-data .widget-wrapper .preview-edit-pane~.data-wrapper {
    top: 52px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane {
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
    align-items: center;
    line-height: normal;
    height: 100%
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn {
    font-size: 16px;
    position: relative;
    float: left;
    left: 0;
    color: #0265ff;
    cursor: pointer;
    margin: 0 10px;
    padding: 0 2px;
    border-radius: 2px;
    display: flex;
    height: 20px;
    line-height: 20px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn:hover {
    background: rgba(2, 101, 255, .1)
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn.disabled {
    color: #9c9c9c;
    pointer-events: none
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn.disabled:hover {
    background-color: initial
}

.bsy-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-num {
    position: relative;
    float: left;
    left: 0;
    height: 20px;
    line-height: 20px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane {
    position: absolute;
    top: 0;
    left: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: row-reverse
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a {
    float: right;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    color: #333;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn {
    margin-right: 8px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.line-btn {
    background-color: #e5e5e5;
    height: 14px;
    width: 1px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a i {
    color: #333;
    font-size: 16px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn {
    width: 32px
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn i {
    font-size: 16px;
    padding: unset
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn:hover,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn:hover {
    background: rgba(2, 101, 255, .1)
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn:hover span,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn:hover span {
    color: #0265ff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active {
    background: rgba(2, 101, 255, .1)
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active span,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active span {
    color: #0265ff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active:hover,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active:hover {
    background: #0265ff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.share-btn.active:hover span,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.show-fields-btn.active:hover span {
    color: #fff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.activate-btn,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.close-btn,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.transfer-btn {
    width: auto
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.activate-btn:hover,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.close-btn:hover,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.transfer-btn:hover {
    background: transparent
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.activate-btn:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.activate-btn:hover span,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.close-btn:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.close-btn:hover span,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.transfer-btn:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a.transfer-btn:hover span {
    color: #0265ff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover {
    background: rgba(2, 101, 255, .1)
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover i,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover span {
    color: #0265ff
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover.style-red {
    color: #ff3939
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a span {
    padding: 0 4px 0 0
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane .split-btn {
    position: relative;
    top: 10px;
    float: right;
    width: 1px;
    height: 20px;
    margin: 10px 20px 10px 0;
    background: #e0e0e0
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho {
    color: #333
}

.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit.style-red,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state.style-red,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print.style-red,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover.style-red,
.bsy-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho.style-red {
    color: #ff3939
}

.bsy-form-data .flow-state-wrapper {
    overflow: auto;
    position: relative
}

.bsy-form-data .widget-data-view {
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    padding: 16px 10px 8px
}

.bsy-form-data .widget-data-view.layout-horizontal {
    display: inline-flex !important;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    align-items: flex-start
}

.bsy-form-data .widget-data-view.layout-horizontal .widget-label {
    position: relative;
    flex: 0 0 auto;
    max-width: 70%;
    line-height: 20px;
    padding: 6px 20px 6px 0
}

.bsy-form-data .widget-data-view.layout-horizontal .widget-data {
    flex: 1 1 auto;
    min-width: 32px
}

.bsy-form-data .widget-data-view.layout-horizontal.textAlign-right>.widget-label {
    justify-content: flex-end;
    text-align: right
}

.bsy-form-data .widget-data-view.layout-horizontal .fui_text .img-preview {
    cursor: pointer;
    width: 130px;
    height: auto;
    margin: 0;
    max-width: 100%;
    max-height: 100%
}

.bsy-form-data .widget-data-view.layout-horizontal .text img.img-preview {
    width: 100% !important;
    height: 100% !important
}

.bsy-form-data .widget-data-view.x-grid-col-12 {
    width: 100%
}

.bsy-form-data .widget-data-view.x-grid-col-6 {
    width: 50%
}

.bsy-form-data .widget-data-view.x-grid-col-4 {
    width: 33.33333%
}

.bsy-form-data .widget-data-view.x-grid-col-3 {
    width: 25%
}

.bsy-form-data .widget-data-view.x-grid-col-8 {
    width: 66.66667%
}

.bsy-form-data .widget-data-view.x-grid-col-9 {
    width: 75%
}

.bsy-form-data .multi-tab-pane .multi-tab-widget-list {
    min-height: unset !important
}

.bsy-form-data .multi-tab-widget-list .widget-data-view.hide {
    display: none !important
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-label {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding-bottom: 6px;
    min-height: 26px
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data {
    overflow: auto;
    max-width: 100%;
    min-height: 34px;
    color: #141e31;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-line;
    background: #f5f7fa;
    border-radius: 2px;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery {
    display: unset !important;
    overflow: hidden;
    padding: 0;
    background: transparent !important
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .bsy-link-data.bsy-ui-disable,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .bsy-link-data.bsy-ui-disable {
    opacity: 1 !important
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .table-text {
    white-space: pre-wrap
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .dept .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .deptgroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .user .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkdata .usergroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .dept .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .deptgroup .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .user .table-text,
.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.linkquery .usergroup .table-text {
    white-space: normal !important
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data .bsy-select-user .select-list .select-item {
    white-space: pre-line
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.subform-widget-data {
    padding: 0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.button {
    padding-left: 0;
    background: transparent
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.button .BsyBtn {
    max-width: 100%
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.separator {
    line-height: normal;
    padding: 0;
    min-height: 0;
    background: transparent
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.separator .separator-line {
    height: 0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.separator .separator-line.default {
    border-top: 1px solid #e0e0e0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.separator .separator-line.dashed {
    border-top: 1px dashed #e0e0e0
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data .bsy-link-query {
    width: 100%;
    overflow: hidden
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.subform {
    padding: 0;
    display: unset !important
}

.bsy-form-data .widget-wrapper .data-wrapper .widget-data-view .widget-data.subform .bsy-subform .menu {
    display: none
}

.bsy-form-data .widget-data-view .widget-data.fui_linkdata {
    padding-left: 10px
}

.bsy-form-data .widget-data-view .widget-data.fui_linkdata ul li .widget-data {
    background: #f0f1f2
}

.bsy-form-data .widget-data-view .widget-data.fui_link_query {
    padding-left: 0
}

.bsy-form-data .widget-data-view .widget-data pre {
    white-space: pre-wrap;
    margin: 0
}

.bsy-form-data .widget-data-view .widget-data .widget-subform .widget-label {
    line-height: 20px;
    padding: 5px
}

.bsy-form-data .widget-data-view .widget-data .widget-subform .widget-label tr {
    background: #f5f5f5
}

.bsy-form-data .widget-data-view .widget-data .widget-subform .widget-data {
    padding: 5px !important;
    background-color: initial
}

.bsy-form-data .widget-data-view .widget-data.fui_signature .upload-info {
    height: 100%
}

.bsy-form-data .widget-data-view .widget-data .widget-subform .widget-data tr:nth-child(2n) {
    background: #f5f5f5
}

.bsy-form-data .widget-data-view .widget-data .widget-subform .widget-item {
    padding: 0 2px;
    line-height: 20px;
    min-width: 146px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.bsy-form-data .footer {
    position: relative;
    height: 60px;
    border-top: 1px dashed #bcbcbc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.bsy-form-data .footer.hasLog {
    right: 300px
}

.bsy-form-data .footer>.btn-pane {
    margin: auto;
    overflow: hidden
}

.bsy-form-data .fui-form-data.relative-height .widget-wrapper {
    top: 0;
    position: relative
}

.bsy-form-data .fui-form-data.relative-height .widget-wrapper .data-wrapper {
    position: relative
}

.bsy-form-data .fui-form-data.relative-height .flow-menu~.data-wrapper {
    top: 0
}

.bsy-form-data .fui-form-data.relative-height .fx_flow_state {
    z-index: 999;
    position: absolute;
    top: 50px
}

.bsy-form-data .fui-form-data.relative-height .footer {
    position: relative
}

.bsy-form-data .preview-title-pane~.log-wrapper {
    top: 50px
}

.bsy-form-data .fx_form_edit_pane .log-wrapper {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    width: 300px;
    background-color: #fff;
    padding: 0 10px;
    overflow: hidden
}

.share-url-pane {
    padding: 10px 20px
}

.share-url-pane .BsySwitchBtn,
.share-url-pane .outlimk .bsy-share-url {
    margin-bottom: 10px
}

.preview-print-title {
    display: flex;
    justify-content: space-between;
    height: 36px;
    align-items: center;
    padding: 0 20px;
    background: #323639;
    color: #fff;
    font-size: 14px
}

.preview-print-title .fileDownloadBtn {
    color: #fff
}

.preview-print-title .fileDownloadBtn i {
    margin-right: 6px;
    font-size: 16px
}

.bsy-navigator {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #333;
    overflow: hidden
}

.bsy-navigator .title {
    cursor: pointer
}

.bsy-navigator .title i {
    margin-left: 20px
}

.BsyAlertMenu {
    position: fixed;
    z-index: 9999;
    height: auto;
    border-radius: 4px;
    overflow: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    background-color: #fff
}

.BsyAlertMenu .alertMenuContent .content {
    color: #1f2329;
    background-color: #fff;
    padding: 10px 0
}

.BsyAlertMenu .alertMenuContent .content .item {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding-left: 16px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    font-size: 14px;
    color: #333;
    padding-right: 26px
}

.BsyAlertMenu .alertMenuContent .content .item i {
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin-right: 6px
}

.BsyAlertMenu .alertMenuContent .content .item span {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyAlertMenu .alertMenuContent .content .item.select,
.BsyAlertMenu .alertMenuContent .content .item:hover {
    background-color: #f5f5f5
}

.BsyAlertMenu .alertMenuContent .content .item.selected {
    background-color: #f2f6ff
}

.BsyAlertMenu .alertMenuContent .content .item.selected span {
    color: #0265ff
}

.BsyAlertMenu .alertMenuContent .content .item i.icon-ok {
    position: absolute;
    right: 6px
}

.BsyAlertMenu .alertMenuContent .content .item.red {
    color: #ff5631
}

.BsyAlertMenu .alertMenuContent .content .item.red:hover {
    background-color: rgba(255, 86, 49, .1)
}

.BsyAlertMenu .alertMenuContent .content .item.blue {
    color: #0265ff
}

.BsyAlertMenu .alertMenuContent .content .item.blue:hover {
    opacity: .8
}

.BsyAlertMenu .alertMenuContent .content .item.no-drop {
    color: #aaa !important;
    cursor: no-drop
}

.BsyAlertMenu .alertMenuContent .content .line {
    height: 1px;
    background-color: #e0e0e0;
    width: 100%;
    margin: 10px 0
}

.BsyAlertMenu .alertMenuContent .content.dark {
    color: #fff;
    background-color: #222428;
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 100%, .1)
}

.BsyAlertMenu .alertMenuContent .content.dark .item:hover {
    background-color: #4f4f4f
}

.BsyAlertMenu .alertMenuContent .content.dark .item.red {
    color: #ff5631
}

.BsyAlertMenu .alertMenuContent .content.dark .item.red:hover {
    background-color: rgba(255, 86, 49, .1)
}

.BsyAlertMenu.fadein {
    transition: all 218ms;
    transform: translateY(-5px);
    opacity: 0
}

.BsyAlertMenu.active {
    transform: none;
    opacity: 1
}

.bsy-form-multi-tab {
    background: #fff;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.bsy-form-multi-tab.has-padding {
    margin: 9px 15px
}

.bsy-form-multi-tab .tab-list-wrapper {
    flex: none;
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff
}

.bsy-form-multi-tab .tab-list-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e0e0e0
}

.bsy-form-multi-tab .tab-list-wrapper.fixed-multi-tab-header {
    position: fixed !important;
    background: #fff;
    z-index: 10
}

.bsy-form-multi-tab .tab-list-wrapper .arrow {
    flex: none;
    font-size: 16px;
    color: #5e6d82;
    font-weight: 700;
    width: 35px;
    text-align: center;
    cursor: pointer;
    z-index: 2
}

.bsy-form-multi-tab .tab-list-wrapper .arrow.disable {
    color: #c3cdda;
    cursor: default
}

.bsy-form-multi-tab .tab-list-wrapper .arrow.left {
    box-shadow: 5px -4px 4px 0 #fff
}

.bsy-form-multi-tab .tab-list-wrapper .arrow.right {
    box-shadow: -5px -4px 4px 0 #fff
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper {
    overflow: hidden;
    width: 100%
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list {
    display: flex;
    position: relative;
    transition: transform 218ms ease
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list.no-animation {
    transition: none
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item {
    flex: none;
    position: relative;
    padding: 0 10px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item:hover {
    color: #0265ff !important
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item {
    color: inherit
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item .bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #0265ff;
    transition: height 218ms ease
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item.active {
    color: #0265ff
}

.bsy-form-multi-tab .tab-list-wrapper .inner-wrapper .tab-list .tab-item.active .bar {
    height: 3px
}

.bsy-form-multi-tab .tab-content {
    flex: auto
}

.bsy-form-multi-tab .tab-content .invisible-list-after,
.fx-form-multi-tab .tab-content .invisible-list-before {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.bsy-form-multi-tab .tab-content .multi-tab-widget-list {
    padding: 10px 10px 20px;
    min-height: 300px;
    height: 100%;
    position: relative;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start
}

.bsy-form-multi-tab .tab-content .multi-tab-widget-list:empty:before {
    content: attr(data-empty-tip);
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #d9d9d9;
    color: #91a1b7
}

.bsy-form-multi-tab.invisible {
    display: none
}

.bsy-link-query.block-fullscreen {
    opacity: 1 !important
}

.bsy-link-query .field-list .link-field .bsy_form_item_disable:empty:before {
    display: none
}

.bsy-link-query .query-menu {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px
}

.bsy-link-query .query-menu .form-name {
    float: left
}

.bsy-link-query .query-menu .right {
    float: right;
    width: 120px;
    height: 100%
}

.bsy-link-query .query-menu .right .add {
    float: right;
    cursor: pointer;
    color: #333
}

.bsy-link-query .query-menu .right .add.new,
.bsy-link-query .query-menu .right .add:hover {
    color: #0265ff
}

.bsy-link-query .query-menu .right .add.new i {
    margin-right: 6px;
    font-size: 12px
}

.bsy-link-query .query-menu .right .add.split {
    margin: 0 10px;
    color: #e0e0e0
}

.bsy-link-query .field-list .link-field {
    padding: 5px 0;
    width: 100%
}

.bsy-link-query .field-list .link-field .fl-label {
    padding-bottom: 3px;
    font-weight: 400 !important;
    color: #333;
    line-height: 20px
}

.bsy-link-query .label .bsy_form_item_disable {
    pointer-events: inherit !important
}

.bsy-link-query .label .bsy_form_item_disable .BsyIconBtn {
    margin-right: 10px;
    width: 99px
}

.bsy-link-query .label .bsy_form_item_disable .BsyIconBtn:hover {
    border-color: #0265ff;
    background-color: #fff
}

.bsy-link-query .label .bsy_form_item_disable .BsyIconBtn:hover i,
.bsy-link-query .label .bsy_form_item_disable .BsyIconBtn:hover span {
    color: #0265ff
}

.bsy-link-query .label .bsy_form_item_disable .item {
    padding: 5px;
    color: #0265ff;
    cursor: pointer
}

.bsy-link-query .data-table .page {
    position: relative !important;
    margin-top: 10px
}

.bsy-link-query .chart-data-border {
    max-height: 382px !important;
    width: 100%
}

.bsy-link-query .chart-data-border .art-table-header-row.first th {
    border-top: none !important
}

.bsy-link-query .chart-data-border .art-table-header-row.first th.last {
    border-right: none !important
}

.bsy-link-query .chart-data-border .art-table-header-row.first th.first {
    border-left: none !important
}

.bsy-link-query .block-fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1111;
    padding: 10px
}

.bsy-link-query .block-fullscreen .data-table {
    height: calc(100% - 30px)
}

.bsy-link-query .bsy_form_item_disable.show-many-label {
    white-space: normal !important;
    overflow-y: scroll !important;
    display: block !important;
    max-height: 120px !important;
    padding-left: 8px !important
}

.bsy-link-query .bsy_form_item_disable.show-many-label .BsyIconBtn {
    width: 24px;
    height: 24px;
    min-width: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    padding: 0
}

.bsy-link-query .bsy_form_item_disable.show-many-label .BsyIconBtn i {
    margin: 0 !important
}

.bsy-link-query .bsy_form_item_disable.show-many-label .item {
    display: inline;
    padding: 5px 0;
    word-break: break-all
}

.bsy-link-query .bsy_form_item_disable.show-many-label .item:after {
    content: "，";
    font-size: 14px;
    color: #333;
    margin-left: 6px
}

.bsy-link-query .bsy_form_item_disable.show-many-label .item.last:after {
    display: none
}

.bsy-link-query .bsy_form_item_disable.show-many-label .item:hover {
    opacity: .8
}

.bsy-link-query .bsy_form_item_disable.show-many-label .load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #0265ff;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid #e0e0e0;
    vertical-align: bottom
}

.bsy-link-query .bsy_form_item_disable.show-many-label .load-more i {
    line-height: normal;
    display: block;
    padding-top: 2px
}

.bsy-link-query .bsy_form_item_disable.show-many-label .load-more:hover {
    background-color: #0265ff;
    color: #fff;
    border-color: #0265ff
}

.BsyTurnPage {
    display: flex;
    justify-content: space-between
}

.BsyTurnPage .pageCount {
    display: flex;
    min-width: 0
}

.BsyTurnPage .pageCount .total {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    margin-left: 10px
}

.BsyTurnPage .userTip {
    height: 33px;
    background: rgba(252, 166, 3, .15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fca603;
    padding: 0 10px;
    margin-left: 30px
}

.BsyTurnPage .userTip i {
    font-size: 16px;
    margin-right: 6px
}

.BsyTurnPage .userTip span {
    font-size: 12px
}

.BsyTurnPage .userTip button {
    font-size: 12px;
    font-weight: 700;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 20px
}

.BsyTurnPage .userTip button:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyTurnPage .turnPage {
    display: flex;
    align-items: center;
    flex: none
}

.BsyTurnPage .turnPage input {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    text-align: center;
    margin-right: 10px;
    color: #333;
    padding: 0
}

.BsyTurnPage .turnPage input:hover {
    border: 1px solid var(--bsy-base-color)
}

.BsyTurnPage .turnPage span {
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.BsyTurnPage .turnPage .turn {
    border-radius: 4px;
    margin-left: 20px;
    display: flex;
    align-items: center
}

.BsyTurnPage .turnPage .turn .turn-btn {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.BsyTurnPage .turnPage .turn .turn-btn i {
    color: var(--bsy-base-color);
    font-size: 16px
}

.BsyTurnPage .turnPage .turn .turn-btn.first,
.BsyTurnPage .turnPage .turn .turn-btn.next,
.BsyTurnPage .turnPage .turn .turn-btn.prev {
    margin-right: 2px
}

.BsyTurnPage .turnPage .turn .turn-btn:hover i {
    color: var(--bsy-base-hovercolor)
}

.BsyTurnPage .turnPage .turn .turn-btn.icon-angleleft {
    margin-right: 2px
}

.BsyTurnPage .turnPage .turn .turn-btn:hover {
    border: 1px solid var(--bsy-base-color);
    background: #f2f6ff
}

.BsyTurnPage .turnPage .turn .turn-btn.disabled {
    pointer-events: none;
    background: #fff
}

.BsyTurnPage .turnPage .turn .turn-btn.disabled i {
    color: #999
}

.BsyTurnPage.dark .pageCount .BsySelect {
    background-color: #505050
}

.BsyTurnPage.dark .pageCount .BsySelect .showText {
    border: 1px solid #606060
}

.BsyTurnPage.dark .pageCount .BsySelect .showText span {
    color: #fff
}

.BsyTurnPage.dark .pageCount .BsySelect .showText .iconSelect i {
    color: #00f0ff
}

.BsyTurnPage.dark .pageCount .BsySelect .showText:hover .iconSelect i {
    color: #00c3ce
}

.BsyTurnPage.dark .pageCount .BsySelect .selectList {
    color: #fff;
    background-color: #222428;
    box-shadow: 0 2px 14px 0 hsla(0, 0%, 100%, .1);
    -webkit-box-shadow: 0 2px 14px 0 hsla(0, 0%, 100%, .1)
}

.BsyTurnPage.dark .pageCount .BsySelect .selectList .item.select {
    color: #fff
}

.BsyTurnPage.dark .pageCount .BsySelect .selectList .item.select:after {
    color: #00f0ff
}

.BsyTurnPage.dark .pageCount .BsySelect .selectList .item:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.BsyTurnPage.dark .pageCount .total {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    margin-left: 10px
}

.BsyTurnPage.dark .turnPage {
    background-color: #3e3d3d
}

.BsyTurnPage.dark .turnPage input {
    border: 1px solid #505050;
    color: #fff;
    background-color: #3e3d3d;
    box-shadow: none
}

.BsyTurnPage.dark .turnPage input:focus {
    border-color: #00f0ff !important
}

.BsyTurnPage.dark .turnPage span {
    color: #fff
}

.BsyTurnPage.dark .turnPage .turn .turn-btn {
    border: 1px solid #505050
}

.BsyTurnPage.dark .turnPage .turn .turn-btn i {
    color: #00f0ff
}

.BsyTurnPage.dark .turnPage .turn .turn-btn:hover i {
    color: #00c3ce
}

.BsyCheckBox .x-item-check span {
    margin-left: 6px
}

.bsy-file-thumb-list .thumb-list .thumb-item {
    display: flex;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.bsy-file-thumb-list .thumb-list .thumb-item .fui_file_thumb {
    width: 23.73px;
    min-width: 23.73px
}

.bsy-file-thumb-list .thumb-list .thumb-item i {
    font-size: 18px
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-ppt {
    color: #d46b08
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-pptx {
    color: #08979c
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-doc,
.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-docx {
    color: #096dd9
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-xls,
.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-xlsx {
    color: #389e0d
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-zip {
    color: #d46b08
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-rar {
    color: #389e0d
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-csv {
    color: #1d39c4
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-txt {
    color: #08979c
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-pdf {
    color: #d4380d
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-mp4 {
    color: #1d39c4
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-webm {
    color: #d46b08
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-gif,
.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-ogg {
    color: #d4380d
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-jpg {
    color: #08979c
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-jpge {
    color: #096dd9
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-png {
    color: #389e0d
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-other {
    color: #8c8c8c
}

.bsy-file-thumb-list .thumb-list .thumb-item i.icon-bsy-icongengduo1 {
    font-size: 12px;
    margin-left: 1px
}

.bsy-file-thumb-list .thumb-list .thumb-item .thumb-name {
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-user-thumb-list .user-list {
    display: inline-block
}

.bsy-user-thumb-list .user-list .table-user-name {
    color: var(--bsy-base-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.bsy-dept-user-pane {
    color: #666
}

.bsy-dept-user-pane .user-header {
    display: flex;
    padding: 12px;
    border-bottom: 1px solid #e0e0e0
}

.bsy-dept-user-pane .user-header .user-avatar {
    margin-right: 10px;
    display: flex;
    align-items: center
}

.bsy-dept-user-pane .user-header .user-avatar img {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%
}

.bsy-dept-user-pane .user-header .user-avatar .table-user-portrait-name {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%
}

.bsy-dept-user-pane .user-header .user-avatar .table-user-portrait-name span {
    font-size: 18px
}

.bsy-dept-user-pane .user-header .user-name-type {
    width: 100%
}

.bsy-dept-user-pane .user-header .user-name-type .user-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    flex: 1 1;
    margin-right: 5px
}

.bsy-dept-user-pane .user-header .user-name-type .user-status {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bsy-dept-user-pane .user-header .user-name-type .user-type {
    display: inline-block;
    width: auto;
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    color: #666;
    text-align: center;
    background: #f3f6fc;
    border-radius: 12px;
    font-size: 12px
}

.bsy-dept-user-pane .user-header .user-name-type .user-type.red {
    border-radius: 8px;
    margin-top: 0;
    color: #ff5631;
    flex: none
}

.bsy-dept-user-pane .user-info {
    padding: 12px 0
}

.bsy-dept-user-pane .user-info .user-deptname,
.bsy-dept-user-pane .user-info .user-email,
.bsy-dept-user-pane .user-info .user-mobile {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    padding: 0 12px
}

.bsy-dept-user-pane .user-info .user-deptname .user-title,
.bsy-dept-user-pane .user-info .user-email .user-title,
.bsy-dept-user-pane .user-info .user-mobile .user-title {
    margin-right: 20px;
    color: #999;
    flex: none;
    width: 70px;
    font-size: 12px
}

.bsy-dept-user-pane .user-info .user-deptname .info,
.bsy-dept-user-pane .user-info .user-email .info,
.bsy-dept-user-pane .user-info .user-mobile .info {
    display: inline-block;
    color: #333;
    flex: 1 1;
    word-break: break-all;
    font-size: 12px;
    line-height: 1.6
}

.bsy-dept-user-pane .user-info .user-deptname .info b,
.bsy-dept-user-pane .user-info .user-email .info b,
.bsy-dept-user-pane .user-info .user-mobile .info b {
    padding: 4px 4px 4px 22px;
    border-radius: 10px;
    background: #f0f6ff;
    font-weight: 500;
    position: relative
}

.bsy-dept-user-pane .user-info .user-deptname .info b i,
.bsy-dept-user-pane .user-info .user-email .info b i,
.bsy-dept-user-pane .user-info .user-mobile .info b i {
    color: #0265ff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%)
}

.bsy-dept-user-pane .dept-view-popover-content {
    margin: 10px 12px
}

.bsy-dept-user-pane .dept-view-popover-content .dept-content-title {
    margin-bottom: 6px;
    color: #666
}

.bsy-dept-user-pane .dept-view-popover-content .dept-content-info {
    word-break: break-all
}

.bsy-dept-user-pane .dept-view-popover-content .dept-content-info.deleted {
    color: #c3c3cc
}

.bsy-dept-thumb-list .dept-item {
    color: var(--bsy-base-color);
    cursor: pointer;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.bsy-dept-thumb-list .dept-item.error {
    color: #999
}

.bsy-dept-thumb-list .dept-item-status {
    color: #999;
    cursor: pointer
}

.data-table {
    position: relative;
    height: 100%;
    --cell-border-vertical: 1px solid #e0e0e0;
    --cell-border-horizontal: 1px solid #e0e0e0
}

.data-table.hasScrollX .right-cell-menu {
    border-left: var(--cell-border-vertical)
}

.data-table .empty-wrapper {
    height: 100%;
    margin: calc(30% - 30px) auto 0;
    text-align: center;
    color: #91a1b7
}

.data-table .empty-wrapper i {
    font-size: 34px
}

.data-table .empty-wrapper .empty-text {
    margin-top: 10px
}

.data-table .page {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.data-table .art-table {
    position: relative
}

.data-table .chart-data-border {
    border: var(--cell-border-vertical);
    border-radius: 4px
}

.data-table .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table {
    border-bottom: none
}

.data-table .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table .art-table-cell {
    padding: 0;
    height: 0 !important
}

.data-table .chart-data-border .art-lock-shadow-mask {
    display: none
}

.data-table .page .bsy-row-height-combo {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer
}

.data-table .page .bsy-row-height-combo i {
    font-size: 18px
}

.data-table .page .bsy-row-height-combo:hover {
    border-color: var(--bsy-base-color)
}

.data-table .page .bsy-row-height-combo:hover i {
    color: var(--bsy-base-color)
}

.data-table .page .BsyTurnPage {
    margin-left: 36px
}

.data-table .page .BsyTurnPage .turnPage input {
    background: transparent;
    border-radius: 4px
}

.data-table .page .BsyTurnPage .turnPage .turn-btn {
    border-radius: 4px
}

.data-table pre {
    line-height: 1
}

.data-table .art-table-header .art-table-header-cell {
    overflow: hidden !important;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap
}

.data-table .art-table-header .art-table-header-cell .cell-sort-header {
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap
}

.data-table .art-table-header .art-table-header-cell .sort-icon {
    position: absolute;
    right: 5px
}

.data-table .art-table-header .art-table-header-cell .sort-icon i {
    font-size: 12px
}

.data-table .art-table-header .art-table-header-cell .sort-icon.none {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 20px
}

.data-table .art-table-header .art-table-header-cell .sort-icon.none i {
    height: 8px
}

.data-table .art-table-header .art-table-header-cell .sort-icon.asc .icon-bsy-iconshangxia,
.data-table .art-table-header .art-table-header-cell .sort-icon.asc .icon-bsy-sort-desc,
.data-table .art-table-header .art-table-header-cell .sort-icon .icon-bsy-iconshangxia {
    display: none !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.asc .icon-bsy-sort-asc {
    display: block !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.asc.userdept .icon-bsy-iconshangxia {
    display: none !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.asc.userdept .icon-bsy-sort-desc {
    display: block !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.asc.userdept .icon-bsy-sort-asc,
.data-table .art-table-header .art-table-header-cell .sort-icon.desc .icon-bsy-iconshangxia {
    display: none !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.desc .icon-bsy-sort-desc {
    display: block !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.desc .icon-bsy-sort-asc,
.data-table .art-table-header .art-table-header-cell .sort-icon.desc.userdept .icon-bsy-iconshangxia {
    display: none !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.desc.userdept .icon-bsy-sort-desc {
    display: block !important
}

.data-table .art-table-header .art-table-header-cell .sort-icon.desc.userdept .icon-bsy-sort-asc {
    display: none !important
}

.data-table .art-table-header .lock-right {
    z-index: 11
}

.data-table .art-table-header th {
    background-color: #f4f4f4;
    border-color: #e5e5e5
}

.data-table .art-table-header th .cell-sort-header .sort-icon {
    background-color: #f4f4f4
}

.data-table .art-table-header th .resize-handle {
    background: transparent !important;
    cursor: ew-resize !important
}

.data-table .art-table-header th .resize-handle:hover {
    background: transparent !important
}

.data-table .art-table-header th.last .resize-handle {
    display: none
}

.data-table .art-table-sticky-menu tr.odd td,
.data-table .art-table-sticky-row-header tr.odd td {
    --bgcolor: #f7f7f7 !important
}

.data-table .art-table-sticky-menu tr.art-table-row.hover td,
.data-table .art-table-sticky-row-header tr.art-table-row.hover td {
    background: #f0f6ff
}

.data-table .art-table-wrapper {
    --cell-padding: 7px 8px !important;
    --row-height: 33px !important;
    --font-size: 13px !important;
    --header-bgcolor: #f2f3f9;
    --header-color: #333;
    --line-height: 1 !important
}

.data-table .art-table-wrapper tr.odd td {
    --bgcolor: #f7f7f7 !important
}

.data-table .art-table-wrapper td.first {
    border-left: none !important
}

.data-table .art-table-wrapper tr.art-table-row.hover td {
    background: #f0f6ff
}

.data-table .art-table-wrapper tr.art-table-row.verify-error .first .BsyCheckBox {
    pointer-events: none
}

.data-table .art-table-wrapper tr.art-table-row.verify-error .first .BsyCheckBox .icon-blank:before {
    content: "\e607 "
}

.data-table .art-table-wrapper tr.art-table-row.verify-error .first .BsyCheckBox .icon-blank {
    color: #ff5631
}

.data-table .art-table-wrapper tr.art-table-row.verify-error td {
    background: #fff5f3
}

.data-table .art-table-wrapper tr.art-table-row.field-error .first .BsyCheckBox {
    pointer-events: none
}

.data-table .art-table-wrapper tr.art-table-row.field-error .first .BsyCheckBox .icon-blank:before {
    content: "\e607 "
}

.data-table .art-table-wrapper tr.art-table-row.field-error .first .BsyCheckBox .icon-blank {
    color: #f5222d
}

.data-table .art-table-wrapper tr.art-table-row.linking td {
    background: rgba(0, 255, 0, .08) !important
}

.data-table .art-table-wrapper tr.art-table-row.linking td.first .BsyCheckBox {
    pointer-events: none;
    display: none
}

.data-table .art-table-wrapper tr.art-table-row.linking td.first .BsyCheckBox .icon-blank {
    color: #ccc
}

.data-table .art-table-wrapper tr.art-table-row.linking td.first .BsySLoading {
    display: flex !important
}

.data-table .art-table-wrapper .art-table-header-cell .icon-blank {
    font-weight: 400
}

.data-table .art-table-wrapper .text-barcode,
.data-table .art-table-wrapper .text-qrcode {
    width: 26px !important;
    height: 26px !important;
    cursor: pointer
}

.data-table .art-table-wrapper .text-barcode canvas,
.data-table .art-table-wrapper .text-qrcode canvas {
    width: 26px !important;
    height: 26px !important
}

.data-table .art-table-wrapper .text-barcode {
    width: 52px !important;
    height: 26px !important;
    cursor: pointer
}

.data-table .art-table-wrapper .text-barcode canvas {
    width: 52px !important;
    height: 26px !important
}

.data-table .art-table-wrapper .x-item-check i {
    font-size: 14px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell {
    overflow: hidden;
    position: relative
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-td-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell {
    height: 100%
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .x-icon {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 30px;
    padding: 7px 0;
    color: #838892;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: none;
    z-index: 1
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell.editing:hover .x-icon,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell.loading:hover .x-icon {
    display: none !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit.editing {
    z-index: 1
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit:focus {
    outline: none
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit.focus:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #0265ff;
    border-radius: 3px;
    content: "";
    pointer-events: none;
    z-index: 10
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    --field-components-height: 34px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components textarea {
    padding: 10px 8px;
    font-size: 13px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-text {
    height: 100% !important;
    width: 100% !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-text .text-context,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-text .text-context input {
    height: 100% !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-text input:focus {
    border-color: transparent !important;
    font-size: 13px;
    overflow: auto
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-datetime {
    border-color: transparent !important;
    height: var(--field-components-height) !important;
    width: 100% !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-upload {
    border-color: transparent !important;
    border-width: 0;
    height: 30px;
    line-height: 30px;
    margin: 7px 0 0 5px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-upload .widget-icon {
    top: -7px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-upload .bsy-thumb-list .thumb-item,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-upload .bsy-thumb-list .thumb-item img {
    height: 30px;
    line-height: 30px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-x-group {
    border-color: transparent !important;
    height: var(--field-components-height) !important;
    width: 100%
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-x-group .select-trigger {
    padding: 1px 4px !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-x-group .icon-bsy-xiala,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .BsySelect .icon-bsy-xiala {
    display: none
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-upload {
    border-color: transparent !important;
    height: var(--field-components-height) !important;
    width: 100%
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-upload .select-trigger {
    padding: 1px 4px !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-address {
    border-color: transparent !important;
    height: var(--field-components-height) !important;
    width: 100%
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-subform-address .select-trigger {
    padding: 1px 4px !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-dept,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-user {
    border-color: transparent !important;
    height: var(--field-components-height) !important;
    width: 100%
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-dept .select-trigger,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-user .select-trigger {
    padding: 1px 4px !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-dept .select-list,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .bsy-select-user .select-list {
    border-color: transparent !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .BsySelect {
    height: var(--field-components-height) !important;
    width: 100% !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .BsySelect .showText {
    height: 100%;
    border-color: transparent !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-edit-cell .content-edit .field-components .BsySelect .showText span {
    font-size: 13px !important;
    padding: 0 7px !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell:hover .x-icon {
    display: block !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell:hover .x-icon:hover {
    color: #0265ff
}

.data-table .art-table-wrapper .art-table-row .art-table-cell:hover .content-edit {
    margin-right: 16px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.error-info .content-edit {
    background: #fff5f3
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.error-info .content-edit:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #ff5631 !important;
    border-radius: 4px;
    content: "";
    pointer-events: none;
    z-index: 10
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.button .cell-btn {
    text-align: left
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.number {
    text-align: right
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.left-cell-menu,
.data-table .art-table-wrapper .art-table-row .art-table-cell.right-cell-menu {
    text-align: center !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.right-cell-menu.endRight {
    border-left: none !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.h-left {
    text-align: left !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.h-right {
    text-align: right !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.h-center {
    text-align: center !important
}

.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-dept-thumb-list,
.data-table .art-table-wrapper .art-table-row .art-table-cell .bsy-user-thumb-list,
.data-table .art-table-wrapper .art-table-row .art-table-cell .BsyCheckBox,
.data-table .art-table-wrapper .art-table-row .art-table-cell .table-text {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 20px
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.user,
.data-table .art-table-wrapper .art-table-row .art-table-cell.usergroup {
    color: #0265ff
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.user .name,
.data-table .art-table-wrapper .art-table-row .art-table-cell.usergroup .name {
    cursor: pointer;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.user .name.error,
.data-table .art-table-wrapper .art-table-row .art-table-cell.usergroup .name.error {
    color: #999
}

.data-table .art-table-wrapper .art-table-row .art-table-cell.user .user-item-status,
.data-table .art-table-wrapper .art-table-row .art-table-cell.usergroup .user-item-status {
    color: #999;
    cursor: pointer
}

.data-table .art-table-wrapper .art-table-row .cell-no-auth {
    color: #c3c3c3
}

.data-table .art-table-wrapper .sc-furwcr div {
    display: none
}

.data-table .art-table-wrapper .art-table-cell .op-menu .more {
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    display: flex
}

.data-table .art-table-wrapper .art-table-cell .op-menu .item {
    margin-right: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    padding: 4px;
    border: 1px solid transparent;
    -webkit-user-select: none;
    user-select: none
}

.data-table .art-table-wrapper .art-table-cell .op-menu .item:hover {
    background: #fff;
    border: 1px solid var(--bsy-base-bgcolor)
}

.data-table .art-table-wrapper .art-table-cell .op-menu .item i {
    font-weight: 700;
    font-size: 14px
}

.data-table .art-table-wrapper .art-table-cell .op-menu .more-btn {
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    border: 1px solid transparent;
    display: inline-block;
    margin-top: 4px
}

.data-table .art-table-wrapper .art-table-cell .op-menu .more-btn i {
    font-weight: 400
}

.data-table .art-table-wrapper .art-table-cell .op-menu .more-btn:hover {
    background: #d3e2ff
}

.data-table .art-table-wrapper .art-table-cell .op-menu .more-btn:hover i {
    color: var(--bsy-base-color) !important
}

.data-table .art-table-wrapper .art-table-cell.lock-right {
    z-index: 11
}

.data-table .art-table-wrapper .art-table-cell.lock-left .background-mask,
.data-table .art-table-wrapper .art-table-cell.lock-right .background-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.data-table .column-resizer-line {
    display: none;
    position: absolute;
    top: 0;
    left: 72px;
    width: 5px;
    z-index: 2000;
    bottom: 0;
    cursor: ew-resize !important
}

.data-table .column-resizer-line .line {
    height: 100%;
    border-right: 1px solid var(--bsy-base-color);
    margin-left: 2px
}

.data-table .column-resizer-line.active {
    display: block
}

.data-table .art-table-body {
    overflow-x: hidden !important;
    border-bottom: 1px solid #e0e0e0
}

.data-table .art-table-wrapper {
    height: 100%
}

.data-table .art-table-wrapper .art-table {
    display: flex;
    flex-flow: column
}

.data-table .art-table-wrapper .art-table .art-table-body {
    height: auto;
    flex: 1 1;
    border-bottom: none
}

.data-table .art-table-sticky-menu,
.data-table .art-table-sticky-row-header {
    border-bottom: 1px solid #e0e0e0
}

.data-table .art-table-sticky-menu .BsyCheckBox,
.data-table .art-table-sticky-row-header .BsyCheckBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.data-table .cell-check {
    padding: 0 !important;
    position: relative;
    cursor: pointer
}

.data-table .cell-check .BsyCheckBox .x-item-check {
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 7px)
}

.data-table .art-table-header {
    position: relative;
    cursor: pointer
}

.data-table .art-table-header .first .BsyCheckBox {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.data-table .art-table-header .first .BsyCheckBox .x-item-check {
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 7px)
}

.data-table .art-loading-wrapper {
    height: 100%
}

.data-table .art-loading-wrapper .art-loading-content-wrapper {
    height: calc(100% - 1px)
}

.data-table .art-loading-wrapper .art-loading-content-wrapper .art-sticky-scroll {
    margin-top: 0 !important
}

.data-table .cell-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center
}

.data-table .cell-btn .BsyBtn {
    min-width: auto !important;
    font-size: 13px;
    line-height: 22px;
    min-height: 24px;
    padding: 0 12px;
    max-width: 100%
}

.data-table .cell-btn .BsyBtn span {
    font-size: 12px !important;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap
}

.data-table .cell-btn .BsyBtn.bsy-ui-disable {
    opacity: .3 !important
}

.data-table.bsy-row-height-height .art-table-wrapper {
    --row-height: 106px !important
}

.data-table.bsy-row-height-height .art-table-wrapper .bsy-dept-thumb-list,
.data-table.bsy-row-height-height .art-table-wrapper .bsy-user-thumb-list,
.data-table.bsy-row-height-height .art-table-wrapper .BsyCheckBox,
.data-table.bsy-row-height-height .art-table-wrapper .pre,
.data-table.bsy-row-height-height .art-table-wrapper .table-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.data-table.bsy-row-height-middle .art-table-wrapper {
    --row-height: 70px !important
}

.data-table.bsy-row-height-middle .art-table-wrapper .bsy-dept-thumb-list,
.data-table.bsy-row-height-middle .art-table-wrapper .bsy-user-thumb-list,
.data-table.bsy-row-height-middle .art-table-wrapper .BsyCheckBox,
.data-table.bsy-row-height-middle .art-table-wrapper .pre,
.data-table.bsy-row-height-middle .art-table-wrapper .table-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.data-table.bsy-row-height-low .art-table-wrapper {
    --row-height: 33px !important
}

.data-table.bsy-row-height-low .art-table-wrapper .bsy-dept-thumb-list,
.data-table.bsy-row-height-low .art-table-wrapper .bsy-user-thumb-list,
.data-table.bsy-row-height-low .art-table-wrapper .pre,
.data-table.bsy-row-height-low .art-table-wrapper .table-text {
    max-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 20px
}

.data-table.bsy-row-height-low .art-table-wrapper .cell-btn {
    text-align: left !important
}

.data-table.bsy-row-height-low .art-table-wrapper .cell-btn .BsyBtn {
    height: 22px !important
}

.data-table.bsy-row-height-low .art-table-wrapper .BsyCheckBox {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.iPad .art-table-body {
    overflow-x: auto !important
}

.multiple .art-table-header th.first .resize-handle {
    display: none
}

.more-menu.content {
    padding: 6px 0 !important
}

.more-menu.content .item {
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 28px !important;
    line-height: 28px !important
}

.more-menu.content .item:hover {
    background-color: #e8e8e8 !important
}

.more-menu.content .item span {
    font-size: 12px !important;
    letter-spacing: .54px !important
}

.more-menu.content i {
    font-weight: 700 !important;
    font-size: 14px !important
}

.slide-dash-menu {
    position: absolute;
    top: 0;
    right: 70px;
    display: flex
}

.slide-dash-menu .dash-filter-rel {
    float: right;
    margin-right: 20px;
    display: flex;
    align-items: center
}

.slide-dash-menu .dash-filter-rel .BsySelect {
    min-width: 50px !important;
    width: 70px
}

.slide-dash-menu .dash-filter-rel .BsySelect .showText {
    border: none;
    line-height: inherit
}

.slide-dash-menu .dash-filter-rel .BsySelect .showText span {
    padding: 0;
    width: auto;
    max-width: inherit
}

.slide-dash-menu .dash-filter-rel .BsySelect .showText .iconSelect {
    padding: 0
}

.slide-dash-menu .dash-filter-reset {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
    float: right
}

.slide-dash-menu .dash-filter-reset i {
    margin-right: 6px;
    font-size: 16px
}

.slide-dash-menu .dash-filter-reset span {
    font-size: 14px
}

.slide-dash-menu .dash-filter-reset:hover {
    color: var(--bsy-base-color)
}

.bys-cell-edit-layer {
    position: absolute
}

.bys-cell-edit-layer.focus:after,
.bys-cell-edit-layer:focus:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #0db3a6;
    border-radius: 3px;
    content: "";
    pointer-events: none;
    z-index: 10
}

.bys-cell-edit-layer .bsy-text {
    height: 100%
}

.bys-cell-edit-layer .bsy-text input,
.bys-cell-edit-layer .bsy-text input.input-focus {
    border-color: transparent !important
}

.bsy-subform-x-group .bsy-check {
    margin-right: 5px;
    letter-spacing: .65px
}

.bsy-subform-x-group .x-radio {
    letter-spacing: .65px
}

.form-data-container .sub-cell-widget:hover .iconSelect.has-value .widget-icon {
    display: block
}

.form-data-container .sub-cell-widget:hover .iconSelect.has-value .widget-icon.icon-dingding-guide-close {
    display: none
}

.sub-cell-widget {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    position: relative;
    overflow: hidden
}

.sub-cell-widget.error {
    border-color: #f5222d !important
}

.sub-cell-widget .select-trigger {
    height: 100%
}

.sub-cell-widget .select-trigger .select-val {
    white-space: nowrap;
    padding-left: 6px;
    font-size: 13px;
    height: 100%;
    display: flex;
    align-items: center
}

.sub-cell-widget .select-trigger .bsy-thumb-list .thumb-list .thumb-item {
    display: inline-flex;
    height: 26px;
    line-height: 26px;
    width: 26px;
    margin: 1px;
    cursor: pointer;
    vertical-align: bottom
}

.sub-cell-widget .select-trigger .bsy-file-thumb-list {
    white-space: nowrap;
    padding-left: 6px;
    font-size: 13px;
    height: 100%;
    display: flex;
    align-items: center
}

.sub-cell-widget .download {
    position: absolute;
    top: 1px;
    right: 31px;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999;
    background: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 3px
}

.sub-cell-widget .download:hover i {
    color: #0265ff
}

.sub-cell-widget .iconSelect {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666;
    background: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 3px
}

.sub-cell-widget .iconSelect .widget-icon {
    display: block;
    font-size: 16px;
    cursor: pointer
}

.sub-cell-widget .iconSelect .widget-icon.icon-dingding-guide-close {
    display: none
}

.sub-cell-widget:hover {
    border: 1px solid #0265ff
}

.sub-cell-widget:hover .iconSelect .widget-icon {
    color: #0265ff
}

.sub-cell-widget:hover .iconSelect.has-value .widget-icon {
    display: none;
    color: #999
}

.sub-cell-widget:hover .iconSelect.has-value .widget-icon:hover {
    color: #0265ff !important
}

.sub-cell-widget:hover .iconSelect.has-value .widget-icon.icon-dingding-guide-close {
    display: block
}

.bsy-msg-bubble .bsy-x-group {
    margin: 4px 0;
    max-height: 200px;
    overflow: auto
}

.bsy-msg-bubble .bsy-x-group .bsy-group-item {
    margin: 6px
}

.bsy-msg-bubble .bsy-x-group .bsy-group-item .bsy-text {
    margin-left: 10px
}

.bsy-msg-bubble .bsy-x-group .bsy-group-item:hover {
    background-color: #fafafa
}

.bsy-subform-x-group .x-radio {
    cursor: pointer
}

.bsy-subform-x-group .x-radio i {
    margin-right: 5px;
    color: #9da2b2
}

.bsy-subform-x-group .x-radio .icon-bsy-icondanxuananniu:before {
    content: "\e7fc" !important
}

.bsy-subform-x-group .x-radio.select .icon-bsy-icondanxuananniu:before {
    content: "\e7fa" !important
}

.bsy-subform-x-group .x-radio.select i {
    color: #0265ff
}

.bsy-subform-x-group .x-radio.horizontal {
    display: inline-block;
    margin-right: 26px;
    vertical-align: middle
}

.bsy-select-user {
    max-width: 100%;
    position: relative;
    cursor: pointer
}

.bsy-select-user:hover {
    border-color: rgba(2, 101, 255, .8);
    background-color: #fff
}

.bsy-select-user:hover .select-empty {
    color: rgba(2, 101, 255, .8)
}

.bsy-select-user .select-list {
    cursor: pointer;
    background: #fff;
    margin: 0 0 8px !important;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    border-radius: 4px;
    text-align: left;
    display: flex;
    flex-wrap: wrap
}

.bsy-select-user .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #c3c3c3
}

.bsy-select-user .select-list .select-item {
    position: relative;
    line-height: 20px;
    display: inline-flex;
    margin: 2px 0 2px 4px;
    padding: 0 10px;
    background: #f7ebff;
    border-radius: 15px;
    cursor: pointer;
    vertical-align: top
}

.bsy-select-user .select-list .select-item .user-center {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: sub;
    margin: 4px 6px 4px 0;
    flex: none
}

.bsy-select-user .select-list .select-item .table-user-portrait-name {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin: 4px 6px 4px 0;
    flex: none
}

.bsy-select-user .select-list .select-item .table-user-portrait-name span {
    margin: 0
}

.bsy-select-user .select-list .select-item span {
    margin: 4px 6px 4px 0
}

.bsy-select-user.bsy_form_item_disable {
    padding: 0 !important
}

.bsy-select-user.bsy_form_item_disable:hover {
    overflow-x: inherit !important
}

.bsy-select-user.bsy_form_item_disable .select-list {
    background: transparent;
    max-height: 130px;
    overflow-y: auto;
    padding: 1px 4px !important;
    margin: 0 !important
}

.bsy-select-dept {
    max-width: 100%;
    position: relative;
    cursor: pointer
}

.bsy-select-dept:hover .select-empty {
    color: rgba(2, 101, 255, .8)
}

.bsy-select-dept .select-list {
    cursor: pointer;
    background: #fff;
    margin: 0 0 8px !important;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    border-radius: 4px;
    text-align: left;
    display: flex;
    flex-wrap: wrap
}

.bsy-select-dept .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #c3c3c3
}

.bsy-select-dept .select-list .select-item {
    position: relative;
    line-height: 28px;
    height: 28px;
    display: inline-flex;
    margin: 2px 0 2px 4px;
    padding: 0 10px;
    background: #f4f6fc;
    border-radius: 15px;
    cursor: pointer;
    background: #ebf0ff
}

.bsy-select-dept .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.bsy-select-dept .select-list .select-item .select-icon.icon-department {
    color: #0265ff
}

.bsy-select-dept.bsy_form_item_disable {
    padding: 0 !important
}

.bsy-select-dept.bsy_form_item_disable:hover {
    overflow-x: inherit !important
}

.bsy-select-dept.bsy_form_item_disable .select-list {
    background: transparent;
    max-height: 130px;
    overflow-y: auto;
    padding: 1px 4px !important;
    margin: 0 !important
}

.bsy-subform-address {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.bsy-subform-address:hover {
    border: 1px solid #0265ff
}

.bsy-subform-address:hover .widget-icon {
    color: #0265ff
}

.bsy-subform-address .x-radio {
    cursor: pointer
}

.bsy-subform-address .x-radio i {
    margin-right: 5px;
    color: #9da2b2
}

.bsy-subform-address .x-radio .icon-bsy-icondanxuananniu:before {
    content: "\e7fc" !important
}

.bsy-subform-address .x-radio.select .icon-bsy-icondanxuananniu:before {
    content: "\e7fa" !important
}

.bsy-subform-address .x-radio.select i {
    color: #0265ff
}

.bsy-subform-address .x-radio.horizontal {
    display: inline-block;
    margin-right: 26px;
    vertical-align: middle
}

.bsy-msg-bubble .bsy-address {
    height: auto;
    margin: 10px
}

.bsy-msg-bubble .bsy-filter-pane .bsy-address {
    margin: 0
}

.bsy-subform-upload {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.bsy-subform-upload .select-val {
    white-space: nowrap;
    padding-left: 3px
}

.bsy-subform-upload:hover {
    border: 1px solid #0265ff
}

.bsy-subform-upload:hover .widget-icon {
    color: #0265ff
}

.bsy-subform-upload .widget-icon {
    color: #999;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 30px
}

.bsy-msg-bubble .bsy-upload.subform {
    height: auto !important;
    margin: 10px
}

.bsy-image-upload {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.bsy-image-upload .select-val {
    white-space: nowrap;
    padding-left: 3px
}

.bsy-image-upload .widget-icon {
    color: #0265ff;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 30px;
    border-left: 1px solid #e0e0e0
}

.bsy-subform-signature {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.bsy-subform-signature:hover {
    border: 1px solid #0265ff
}

.bsy-subform-signature:hover .widget-icon {
    color: #0265ff
}

.bsy-subform-signature .signature-btn:hover {
    border-color: #0265ff
}

.bsy-subform-signature .signature-btn:hover i {
    color: #0265ff
}

.bsy-subform-signature .select-val {
    white-space: nowrap;
    padding-left: 3px
}

.bsy-subform-signature .widget-icon {
    color: #999;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 30px
}

.bsy-msg-bubble .bsy-subform-signature {
    height: 140px;
    margin: 10px
}

.bsy-msg-bubble .bsy-subform-signature:hover {
    border: unset
}

.bsy-subform {
    position: relative;
    background: #fff
}

.bsy-subform.bsy-ui-disable {
    pointer-events: inherit !important
}

.bsy-subform.items-empty {
    background: #f0f1f4;
    border: 1px solid #ebecee;
    border-radius: 3px;
    color: #838892;
    height: 76px;
    line-height: 76px;
    text-align: center;
    width: 330px
}

.bsy-subform .menu {
    margin-bottom: 10px;
    display: flex
}

.bsy-subform .menu .BsyIconBtn {
    margin-right: 10px
}

.bsy-subform .menu .link-btn {
    width: 120px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-subform .menu .link-btn:hover {
    background: #f2f6ff
}

.bsy-subform .chart-data-border {
    max-height: 467px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.bsy-subform .chart-data-border .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-subform .chart-data-border::-webkit-scrollbar-thumb {
    background: none
}

.bsy-subform .chart-data-border:hover .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-subform .chart-data-border:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.bsy-subform .chart-data-border .art-table-cell.linkdata,
.bsy-subform .chart-data-border .art-table-cell.linkquery {
    padding: 0
}

.bsy-subform .chart-data-border .art-table-cell.linkdata .sub-cell,
.bsy-subform .chart-data-border .art-table-cell.linkdata .sub-cell .bsy-subform-link-query,
.bsy-subform .chart-data-border .art-table-cell.linkdata .sub-cell .bsy-subform-link-query .link-field,
.bsy-subform .chart-data-border .art-table-cell.linkquery .sub-cell,
.bsy-subform .chart-data-border .art-table-cell.linkquery .sub-cell .bsy-subform-link-query,
.bsy-subform .chart-data-border .art-table-cell.linkquery .sub-cell .bsy-subform-link-query .link-field {
    height: 100%
}

.bsy-subform .chart-data-border .art-table-cell.linkdata .field-list,
.bsy-subform .chart-data-border .art-table-cell.linkquery .field-list {
    height: 100% !important
}

.bsy-subform .chart-data-border .art-table-cell.linkdata .field-list .link-field,
.bsy-subform .chart-data-border .art-table-cell.linkquery .field-list .link-field {
    display: inline-flex;
    align-items: center;
    border-left: 1px solid #e0e0e0
}

.bsy-subform .chart-data-border .art-table-cell.linkdata .field-list .link-field:first-child,
.bsy-subform .chart-data-border .art-table-cell.linkquery .field-list .link-field:first-child {
    border-left-width: 0
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy_form_item_disable {
    background: transparent !important;
    padding-left: 4px !important
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy_form_item_disable .bsy-upload .upload-preview-list .upload-info {
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 4px;
    background: #f5f7fa
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy_form_item_disable .bsy-upload .upload-preview-list .upload-info .upload-preview {
    flex: none;
    width: 54px;
    height: 54px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy_form_item_disable .bsy-upload .upload-preview-list .upload-info .upload-preview .fui_file_thumb {
    width: 32px;
    height: 38px;
    background-size: 352px 77px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy_form_item_disable .bsy-upload .upload-preview-list .upload-info .upload-file-info {
    flex: auto;
    height: 54px;
    padding: 8px 8px 8px 0
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell.error {
    position: relative
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .sub-cell-widget {
    border-color: #ff5631
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell.error:after {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    bottom: 0;
    width: 2px;
    background: #e64340
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .bsy_form_item_disable {
    background: #ffeeec !important
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-file-thumb-list {
    padding-left: 6px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-file-thumb-list .thumb-list .thumb-item {
    height: 30px;
    line-height: 30px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: left;
    cursor: pointer
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i {
    font-size: 26px;
    color: var(--bsy-base-color)
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-ppt {
    color: #d46b08
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-pptx {
    color: #08979c
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-doc,
.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-docx {
    color: #096dd9
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-xls,
.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-xlsx {
    color: #389e0d
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-zip {
    color: #d46b08
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-rar {
    color: #389e0d
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-csv {
    color: #1d39c4
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-txt {
    color: #08979c
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-pdf {
    color: #d4380d
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-mp4 {
    color: #1d39c4
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-webm {
    color: #d46b08
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-gif,
.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-ogg {
    color: #d4380d
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-jpg {
    color: #08979c
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-jpge {
    color: #096dd9
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-png {
    color: #389e0d
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-thumb-list .thumb-item i.icon-bsy-other {
    color: #8c8c8c
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .iconSelect {
    font-size: 16px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-text input {
    padding-left: 6px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .bsy-datetime .value-text {
    white-space: nowrap;
    padding-left: 6px;
    font-size: 13px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsySelect.has-other {
    display: flex
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsySelect.has-other .showText {
    width: 146px;
    margin-right: 6px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsySelect.has-other .bsy-text {
    margin-top: 0
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsySelect .showText {
    white-space: nowrap;
    padding-left: 6px;
    font-size: 13px
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsyBtn {
    min-width: unset !important;
    padding: 0
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell .BsyBtn span {
    color: inherit
}

.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .bsy-subform-x-group,
.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .bsy-text input,
.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .BsySelect,
.bsy-subform .chart-data-border .art-table-cell .sub-cell.error .textarea {
    border-color: #f5222d !important
}

.bsy-subform .chart-data-border .art-table-cell.checkboxgroup .sub-cell .bsy_form_item_disable {
    white-space: unset;
    display: block
}

.bsy-subform .chart-data-border .art-table-cell.checkboxgroup .sub-cell .bsy_form_item_disable .bsy-text-tag {
    margin-right: 2px;
    margin-bottom: 2px
}

.bsy-subform .chart-data-border .art-table-header {
    height: auto !important
}

.bsy-subform .chart-data-border .art-table-header th {
    background-color: #f4f4f4;
    border-color: #e5e5e5;
    border-top: none !important
}

.bsy-subform .chart-data-border .art-table-header th.first {
    border-left: none !important
}

.bsy-subform .chart-data-border .art-table-header th.last {
    border-right: none !important
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell {
    overflow: hidden;
    line-height: 20px;
    padding: 8px 5px 7px 7px;
    word-wrap: break-word;
    height: auto !important;
    min-height: 35px !important;
    font-size: 14px
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkdata,
.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkquery {
    padding: 0
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkdata .sub-link-title,
.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkquery .sub-link-title {
    display: inline-flex;
    height: 100%;
    align-items: center;
    border-left: 1px solid #e0e0e0;
    padding-left: 4px !important
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkdata .sub-link-title.sub-linkdata:first-child,
.bsy-subform .chart-data-border .art-table-header .art-table-header-cell.linkquery .sub-link-title.sub-linkdata:first-child {
    border-left-width: 0
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell .fix-col-head .head-icon {
    display: none;
    font-size: 16px;
    margin: 0 6px
}

.bsy-subform .chart-data-border .art-table-header .art-table-header-cell .label-notnull {
    color: #d84636;
    position: relative;
    margin-left: 0
}

.bsy-subform .chart-data-border .art-table-wrapper {
    --cell-padding: 4px !important;
    --row-height: 33px !important;
    --cell-border-vertical: 1px solid #e0e0e0;
    --cell-border-horizontal: 1px solid #e0e0e0;
    --font-size: 13px !important;
    --header-bgcolor: #f2f3f9;
    --header-color: #333;
    --line-height: 1 !important
}

.bsy-subform .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table {
    border-bottom: none
}

.bsy-subform .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table .art-table-cell {
    padding: 0;
    height: 0 !important
}

.bsy-subform .chart-data-border .art-table-wrapper tr td.first {
    border-left: none !important;
    background: #fff
}

.bsy-subform .chart-data-border .art-table-wrapper tr td.last {
    border-right: none !important
}

.bsy-subform .chart-data-border .art-table-wrapper tr td.combo .bsy_form_item_disable {
    white-space: unset
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td {
    background: #f2f6ff
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td.first {
    background: #fff
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td .row-head .head-icon {
    display: inline-block
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td .row-head .head-icon.icon-ui-expand:hover {
    color: var(--bsy-base-color)
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td .row-head .head-icon.icon-trasho:hover {
    color: #ff5631
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td .row-head .head-icon.icon-bsy-icongengduo1:hover {
    color: var(--bsy-base-color)
}

.bsy-subform .chart-data-border .art-table-wrapper tr.hover td .row-head .row-num {
    display: none
}

.bsy-subform .chart-data-border .art-table-wrapper tr td .row-head .head-icon {
    font-size: 16px;
    cursor: pointer;
    margin: 0 3px;
    display: none
}

.bsy-subform .chart-data-border .art-table-wrapper tr td .BsySelect {
    background: #fff
}

.bsy-subform .chart-data-border .art-table-wrapper tr td .bsy-select-dept .select-list,
.bsy-subform .chart-data-border .art-table-wrapper tr td .bsy-select-user .select-list,
.bsy-subform .chart-data-border .art-table-wrapper tr td .BsySelect .showText {
    height: 100%
}

.bsy-subform .chart-data-border .art-table-wrapper tr.last td {
    border-bottom: none
}

.bsy-subform .chart-data-border .art-table-body {
    overflow-x: hidden !important;
    border-bottom: 1px solid #e0e0e0
}

.bsy-subform .chart-data-border:hover .art-table-header-cell .fix-col-head {
    cursor: pointer
}

.bsy-subform .chart-data-border:hover .art-table-header-cell .fix-col-head .icon-ui-expand {
    display: block !important
}

.bsy-subform .chart-data-border:hover .art-table-header-cell .fix-col-head .head-icon {
    color: #333
}

.bsy-subform .chart-data-border:hover .art-table-header-cell .fix-col-head .head-icon:hover {
    color: #0265ff
}

.bsy-subform .chart-data-border .art-sticky-scroll {
    margin-top: 0 !important
}

.bsy-subform.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 10px;
    opacity: 1 !important
}

.bsy-subform.fullscreen .chart-data-border {
    max-height: calc(100% - 20px)
}

.bsy-subform.fullscreen .chart-data-border:hover .art-table-header-cell .fix-col-head {
    cursor: pointer
}

.bsy-subform.fullscreen .chart-data-border:hover .art-table-header-cell .fix-col-head .icon-ui-expand {
    display: none !important
}

.bsy-subform.fullscreen .chart-data-border:hover .art-table-header-cell .fix-col-head .icon-contract {
    display: block !important
}

.bsy-subform.fullscreen .chart-data-border .art-table-wrapper tr.last td {
    border-bottom: var(--cell-border-horizontal)
}

.bsy-subform .BsyBtn {
    border: 1px solid transparent;
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding: 0;
    min-width: auto
}

.bsy-subform .BsyBtn .icon-bsy-add,
.bsy-subform .BsyBtn span {
    color: #0265ff
}

.bsy-subform .BsyBtn:hover .icon-bsy-add,
.bsy-subform .BsyBtn:hover span {
    color: rgba(2, 101, 255, .8)
}

.popup-subform .subform-cell .fl-label .label-notnull {
    margin-left: 0
}

.bsy-subform-row-editor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, .3);
    z-index: 100
}

.bsy-subform-row-editor .fui_address {
    width: 426px !important
}

.bsy-subform-row-editor .switch-pane {
    display: flex
}

.bsy-subform-row-editor .switch-pane .switch-num {
    margin: 0 8px
}

.bsy-subform-row-editor .switch-pane .switch-btn {
    cursor: pointer;
    color: #0265ff
}

.bsy-subform-row-editor .switch-pane .disabled {
    color: #9c9c9c
}

.bsy-subform-row-editor .close {
    background: 0 0;
    pointer-events: none
}

.bsy-subform-row-editor .close .edit-content {
    animation: fadeOutRight .3s;
    opacity: 0
}

.bsy-subform-row-editor .edit-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 460px;
    background: #fff;
    animation: fadeInRightBig .3s
}

.bsy-subform-row-editor .row-title {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 50px 0 20px;
    color: #5e6d82;
    border-bottom: 1px solid #e0e0e0
}

.bsy-subform-row-editor .row-title .label {
    display: block;
    max-width: 350px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-subform-row-editor .row-title .close-btn {
    position: absolute;
    top: 0;
    right: 5px;
    width: 40px;
    height: 44px;
    text-align: center;
    color: #666;
    font-size: 16px;
    cursor: pointer
}

.bsy-subform-row-editor .row-title .close-btn:hover {
    color: #0265ff
}

.bsy-subform-row-editor .subform-row {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 5px 10px
}

.bsy-subform-row-editor .subform-cell {
    line-height: 20px;
    padding: 5px 10px
}

.bsy-subform-row-editor .subform-cell .fl-label {
    padding: 5px 0;
    color: #3d464d;
    font-weight: 600
}

.bsy-subform-row-editor .subform-cell .fui_upload .upload-preview-list .upload-info {
    width: 100%
}

.bsy-excel-grid {
    overflow: auto;
    height: 100%
}

.bsy-excel-grid table {
    table-layout: fixed
}

.bsy-excel-grid table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1
}

.bsy-excel-grid table thead .row-idx {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #f4f4f4;
    z-index: 1
}

.bsy-excel-grid table thead tr:hover .row-idx {
    background: #f4f4f4
}

.bsy-excel-grid table tbody {
    position: -webkit-sticky;
    position: sticky;
    z-index: 0
}

.bsy-excel-grid table tbody .row-idx {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1
}

.bsy-excel-grid table tbody tr:hover .row-idx {
    background: #f4f4f4
}

.bsy-excel-grid table tbody tr.row-head,
.bsy-excel-grid table tbody tr:hover,
.bsy-excel-grid table thead tr.row-head,
.bsy-excel-grid table thead tr:hover {
    cursor: pointer;
    background: #f4f4f4
}

.bsy-excel-grid table tbody tr,
.bsy-excel-grid table thead tr {
    line-height: 30px
}

.bsy-excel-grid table tbody tr.row-disable,
.bsy-excel-grid table thead tr.row-disable {
    color: #989898
}

.bsy-excel-grid table tbody tr.row-head,
.bsy-excel-grid table thead tr.row-head {
    font-weight: 700
}

.bsy-excel-grid table tbody tr tr.last-child td,
.bsy-excel-grid table thead tr tr.last-child td {
    border-bottom: none
}

.bsy-excel-grid table tbody tr .row-idx .row-label,
.bsy-excel-grid table thead tr .row-idx .row-label {
    display: none !important
}

.bsy-excel-grid table tbody tr .row-idx .row-num,
.bsy-excel-grid table tbody tr:hover .row-idx .row-label,
.bsy-excel-grid table thead tr .row-idx .row-num,
.bsy-excel-grid table thead tr:hover .row-idx .row-label {
    display: block !important
}

.bsy-excel-grid table tbody tr:hover .row-idx .row-num,
.bsy-excel-grid table thead tr:hover .row-idx .row-num {
    display: none !important
}

.bsy-excel-grid table tbody td,
.bsy-excel-grid table thead td {
    max-width: 175px;
    min-width: 170px;
    padding: 7px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    position: relative
}

.bsy-excel-grid table tbody td .BsySLoading,
.bsy-excel-grid table thead td .BsySLoading {
    display: none
}

.bsy-excel-grid table tbody td.loading,
.bsy-excel-grid table thead td.loading {
    filter: blur(1px)
}

.bsy-excel-grid table tbody td.loading .BsySLoading,
.bsy-excel-grid table thead td.loading .BsySLoading {
    display: flex
}

.bsy-excel-grid table tbody td .col-label,
.bsy-excel-grid table thead td .col-label {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bsy-base-color)
}

.bsy-excel-grid table tbody td .col-label.style-check-error,
.bsy-excel-grid table tbody td .col-label.style-check-userdept,
.bsy-excel-grid table thead td .col-label.style-check-error,
.bsy-excel-grid table thead td .col-label.style-check-userdept {
    color: #ff5631
}

.bsy-excel-grid table tbody td .bsy-x-group,
.bsy-excel-grid table tbody td .BsySelect,
.bsy-excel-grid table thead td .bsy-x-group,
.bsy-excel-grid table thead td .BsySelect {
    text-align: left
}

.bsy-excel-grid table tbody td .fui_user_group .select-list,
.bsy-excel-grid table thead td .fui_user_group .select-list {
    height: 80px
}

.bsy-excel-grid table tbody td .fixed-btn,
.bsy-excel-grid table thead td .fixed-btn {
    height: 40px;
    line-height: 38px;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    color: #91a1b7;
    text-align: center;
    margin-bottom: 4px
}

.bsy-excel-grid table tbody td .td-text,
.bsy-excel-grid table thead td .td-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.bsy-fixed-content .content-title {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 15px;
    border-bottom: 1px solid #eee
}

.bsy-fixed-content .content-wrapper {
    height: 310px;
    overflow: auto;
    padding: 0 15px
}

.bsy-fixed-content .content-wrapper .content-line {
    margin-top: 20px
}

.bsy-fixed-content .content-wrapper .content-line .line-label {
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-fixed-content .content-wrapper .content-line .line-wrapper {
    margin-top: 10px
}

.bsy-fixed-content .content-footer {
    height: 60px;
    padding: 10px 20px;
    border-top: 1px solid #eee
}

.bsy-fixed-content .content-footer .BsyIconBtn {
    width: 110px;
    height: 36px;
    line-height: 26px;
    display: inline-block;
    float: right;
    margin-left: 20px
}

.bsy-fixed-content .style-red {
    color: #e64340
}

.bsy-fixed-content .style-green {
    color: var(--bsy-base-color)
}

.bsy-step-pane {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.bsy-step-pane .progress-step {
    position: relative;
    text-align: center;
    height: 60px;
    color: #999;
    flex: 1 1
}

.bsy-step-pane .progress-step .step-message {
    line-height: 30px
}

.bsy-step-pane .progress-step .step-point {
    display: inline-block;
    border-radius: 50%;
    background: #c2c2c2;
    width: 6px;
    height: 6px
}

.bsy-step-pane .progress-step .step-line {
    position: absolute;
    top: 42px;
    left: -70px;
    width: 146px;
    border-bottom: 1px dashed #c2c2c2
}

.bsy-step-pane .progress-step.select {
    color: var(--bsy-base-color)
}

.bsy-step-pane .progress-step.select .step-message {
    font-size: 16px
}

.bsy-step-pane .progress-step.select .step-point {
    background: var(--bsy-base-color)
}

.bsy-step-pane .progress-step.select .step-line {
    border-color: var(--bsy-base-color)
}

.bsy-step-pane .progress-step.current .step-message {
    font-size: 16px
}

.bsy-subform-import-pane {
    position: relative;
    height: 100%
}

.bsy-subform-import-pane.loading .import-content {
    filter: blur(1px)
}

.bsy-subform-import-pane .bsy-step-pane {
    padding: 0 44px;
    height: 80px;
    vertical-align: middle;
    margin: 0 auto
}

.bsy-subform-import-pane .bsy-step-pane .step-line {
    position: absolute;
    top: 41px;
    left: -105px !important;
    width: 209px !important
}

.bsy-subform-import-pane .bsy-step-pane .step-point {
    width: 7px !important;
    height: 7px !important
}

.bsy-subform-import-pane .bsy-import-tip-bar {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    background: #ffeeed;
    border: 1px solid #f9c8ba;
    border-radius: 3px;
    height: 60px;
    line-height: 33px;
    font-size: 13px;
    color: #7d241c;
    text-align: center;
    word-break: break-all;
    margin: 10px 10px 15px;
    padding: 5px
}

.bsy-subform-import-pane .bsy-import-tip-bar div {
    line-height: 24px
}

.bsy-subform-import-pane .bsy-import-tip-bar .download {
    color: var(--bsy-base-color)
}

.bsy-subform-import-pane .bsy-import-tip-bar-line {
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    z-index: 1;
    top: 80px
}

.bsy-subform-import-pane .content {
    height: calc(100% - 80px)
}

.bsy-subform-import-pane .content .import-content {
    height: calc(100% - 60px);
    position: relative
}

.bsy-subform-import-pane .content .import-content .bsy-import-item {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0 0 120px;
    display: flex
}

.bsy-subform-import-pane .content .import-content .bsy-import-item .span-text {
    margin-right: 23px;
    margin-top: 5px
}

.bsy-subform-import-pane .content .import-content .bsy-import-item .dataExt {
    border: 1px solid #e0e0e0;
    padding: 20px;
    width: 286px !important;
    height: 246px !important;
    border-radius: 4px;
    overflow: auto
}

.bsy-subform-import-pane .content .import-content .bsy-import-item .dataExt.hasFlow {
    height: 200px !important
}

.bsy-subform-import-pane .content .import-content .bsy-import-item .dataExt .x-c-key {
    color: var(--bsy-base-color) !important
}

.bsy-subform-import-pane .content .import-content .bsy-import-item .dataExt .nav-remove {
    color: #ff5631 !important
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 130px;
    padding: 20px;
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .06);
    border-radius: 4px;
    height: 382px
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip .title {
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip li {
    color: #666;
    line-height: 20px;
    margin-top: 10px
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip .tip {
    border-radius: 50%;
    background-color: #666;
    width: 4px;
    height: 4px;
    margin: 10px 6px 0 0;
    float: left
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip .subform_update {
    color: #ff5631 !important
}

.bsy-subform-import-pane .content .import-content .bsy-import-tip .x-c-key {
    margin: 0 5px;
    cursor: pointer;
    color: var(--bsy-base-color) !important
}

.bsy-subform-import-pane .content .bsy-import-tool {
    width: 800px;
    padding: 0 15px
}

.bsy-subform-import-pane .content .bsy-import-tool .span-title {
    display: inline-block;
    margin-right: 10px
}

.bsy-subform-import-pane .content .bsy-import-tool .bsy-text,
.bsy-subform-import-pane .content .bsy-import-tool .BsySelect {
    display: inline-block
}

.bsy-subform-import-pane .content .bsy-import-excel {
    width: calc(100% - 30px);
    margin: 15px;
    height: 340px;
    position: relative;
    border: 1px solid #e0e0e0
}

.bsy-subform-import-pane .content.formSet .bsy-import-excel {
    height: 320px !important
}

.bsy-subform-import-pane .content .bsy-import-info {
    padding-top: 80px
}

.bsy-subform-import-pane .content .bsy-import-info .success {
    font-size: 40px;
    margin: 0 auto;
    width: 80px;
    text-align: center;
    color: var(--bsy-base-color)
}

.bsy-subform-import-pane .content .bsy-import-info .success .icon-right-circle:before {
    content: "\e7de"
}

.bsy-subform-import-pane .content .bsy-import-info .error {
    font-size: 40px;
    margin: 80px auto 40px;
    width: 80px;
    text-align: center;
    color: #ff5631
}

.bsy-subform-import-pane .content .bsy-import-info .error .icon-right-circle:before {
    content: "\e793"
}

.bsy-subform-import-pane .content .bsy-import-info .info {
    width: 524px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 20px auto 0
}

.bsy-subform-import-pane .content .bsy-import-error-info {
    border: 1px solid #eee;
    margin: 10px 10px 0;
    border-radius: 3px;
    padding: 0 20px;
    overflow: auto
}

.bsy-subform-import-pane .content .bsy-import-error-info .info-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 25px
}

.bsy-subform-import-pane .content .bsy-import-error-info .info-label {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.bsy-subform-import-pane .content .bsy-import-error-info .info-text {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 30px;
    color: #f04134
}

.bsy-subform-import-pane .import-footer {
    height: 60px;
    padding: 10px 20px;
    border-top: 1px solid #eee
}

.bsy-subform-import-pane .import-footer .BsyIconBtn {
    width: 110px;
    height: 36px;
    line-height: 26px;
    display: inline-block;
    float: right;
    margin-left: 20px
}

.bsy-subform-link-data {
    display: flex;
    height: 100%
}

.bsy-subform-link-data .bsy-group-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0
}

.bsy-subform-link-data .bsy-group-item:hover {
    background-color: #eee
}

.bsy-subform-link-data .bsy-group-item.select {
    background-color: #0265ff;
    color: #fff
}

.bsy-subform-link-data .bsy-group-item.clear {
    text-align: center;
    color: #0265ff
}

.bsy-subform-link-data .add {
    border: 1px solid transparent;
    background-color: #fff;
    text-align: left;
    padding: 5px 0;
    min-width: 0
}

.bsy-subform-link-data .add .icon-bsy-add,
.bsy-subform-link-data .add span {
    color: #0265ff
}

.bsy-subform-link-data .BsySearchInput {
    border-bottom: 1px solid #e0e0e0
}

.bsy-subform-link-data .BsySearchInput input {
    border-radius: 0 !important;
    border-color: transparent
}

.bsy-subform-link-data .select-data {
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    color: #999;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    pointer-events: visible
}

.bsy-subform-link-data .select-data.enabled {
    pointer-events: auto
}

.bsy-subform-link-data .select-data.enabled:hover {
    color: #0265ff
}

.bsy-subform-link-data .field-list .link-field {
    height: 100%;
    padding: 5px 0;
    width: 150px;
    float: left
}

.bsy-subform-link-query .label .item {
    padding: 5px;
    color: #0265ff;
    cursor: pointer
}

.bsy-subform-link-query .field-list {
    height: 40px
}

.bsy-subform-link-query .field-list .link-field {
    padding: 5px 0;
    width: 150px;
    float: left
}

.bsy-data-load-pane i {
    margin-right: 6px
}

.bsy-data-load-pane .link-btn {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #666;
    height: 34px;
    line-height: 32px;
    border: 1px dashed #e0e0e0;
    border-radius: 4px !important;
    cursor: pointer;
    text-align: center;
    transition: all .3s
}

.bsy-data-load-pane .link-btn:hover {
    border-color: var(--bsy-base-color);
    background-color: rgba(2, 101, 255, .06);
    color: var(--bsy-base-color)
}

.slider-footer .BsyIconBtn {
    height: 30px;
    line-height: 30px;
    padding: 0;
    float: right;
    right: -45px;
    margin-top: 10px;
    margin-left: 10px
}

.bsy-batch-edit-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms
}

.bsy-batch-edit-pane .BsySLoading {
    display: none
}

.bsy-batch-edit-pane.show-loading {
    filter: blur(1px)
}

.bsy-batch-edit-pane.show-loading .BsySLoading {
    display: flex
}

.bsy-batch-edit-pane.show-result {
    transform: translateY(-100%)
}

.bsy-batch-edit-pane.show-result .btn-row {
    position: relative;
    float: right;
    right: 0
}

.bsy-batch-edit-pane.show-result .btn-row .cancel-btn,
.bsy-batch-edit-pane.show-result .btn-row .ok-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px
}

.bsy-batch-edit-pane.show-result .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 14px 20px;
    border-top: 1px solid #e9e9e9;
    background: #fff;
    z-index: 3
}

.bsy-batch-edit-pane .content-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px 20px 100px
}

.bsy-batch-edit-pane .content-main .edit-info-item {
    padding: 5px 10px
}

.bsy-batch-edit-pane .content-main .edit-info-item p {
    font-size: 12px;
    color: #989898;
    margin: 5px 0
}

.bsy-batch-edit-pane .content-main .edit-label {
    padding: 5px 10px;
    display: flex;
    line-height: 30px
}

.bsy-batch-edit-pane .content-main .edit-label span {
    margin-right: 10px
}

.bsy-batch-edit-pane .content-main .edit-label .icon-help-slim {
    margin: 0 7px;
    color: #444;
    cursor: pointer
}

.bsy-batch-edit-pane .content-main .widget-wrapper {
    padding: 5px 10px
}

.bsy-batch-edit-pane .content-main .widget-wrapper .fui_dept .select-list,
.bsy-batch-edit-pane .content-main .widget-wrapper .fui_user .select-list {
    height: 40px !important
}

.bsy-batch-edit-pane .content-main .widget-wrapper .fui_dept_group,
.bsy-batch-edit-pane .content-main .widget-wrapper .fui_dept_group .select-list,
.bsy-batch-edit-pane .content-main .widget-wrapper .fui_user_group,
.bsy-batch-edit-pane .content-main .widget-wrapper .fui_user_group .select-list {
    height: 80px !important
}

.bsy-batch-edit-pane .content-main .widget-wrapper .not-allowed {
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    width: 100%;
    height: 30px;
    cursor: not-allowed;
    border-radius: 4px
}

.bsy-batch-edit-pane .content-main .widget-formula {
    width: 100%
}

.bsy-batch-edit-pane .content-main .widget-error-info {
    padding: 0 10px;
    color: #ff5631
}

.bsy-batch-edit-pane .content-main .edit-footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 10px;
    overflow: hidden
}

.bsy-batch-edit-pane .content-main .edit-footer .edit-btn-left {
    position: relative;
    float: left;
    left: 10px;
    color: var(--bsy-base-color);
    cursor: pointer
}

.bsy-batch-edit-pane .content-main .edit-footer .edit-btn {
    position: relative;
    float: right;
    right: 0;
    margin-right: 15px
}

.bsy-batch-edit-pane .content-result {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    overflow: auto
}

.bsy-batch-edit-pane .content-result .title-bar {
    position: relative;
    padding-top: 10px;
    color: #333;
    font-weight: 700;
    text-align: center
}

.bsy-batch-edit-pane .content-result .title-bar .x-icon {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 20px;
    cursor: pointer
}

.bsy-batch-edit-pane .content-result .back-btn {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 20px;
    cursor: pointer
}

.bsy-batch-edit-pane .content-result .edit-label {
    color: #1f2d3d;
    text-align: center;
    font-weight: 700;
    margin-top: 10px
}

.bsy-batch-edit-pane .content-result .empty-tip {
    color: #c3cdda;
    font-size: 16px;
    text-align: center;
    margin-top: 120px
}

.bsy-batch-edit-pane .content-result .edit-list-item {
    margin: 10px 20px;
    background: #f4f6fc;
    padding: 5px 10px;
    position: relative;
    color: #5e6d82
}

.bsy-batch-edit-pane .content-result .edit-list-item .line-info {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-batch-edit-pane .content-result .edit-list-item .line-info .field-invalid {
    background: #e64340;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px
}

.bsy-batch-edit-pane .content-result .edit-list-item .line-info .field {
    background: #ebf5ff;
    color: #008dcd
}

.bsy-batch-edit-pane .content-result .edit-list-item .line-info .col-4 {
    display: inline-block;
    width: 33.33%
}

.bsy-batch-edit-peview-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms
}

.bsy-batch-edit-peview-pane .BsySLoading {
    display: none
}

.bsy-batch-edit-peview-pane.show-loading {
    filter: blur(1px)
}

.bsy-batch-edit-peview-pane.show-loading .BsySLoading {
    display: flex
}

.bsy-batch-edit-peview-pane .content-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px 20px 70px
}

.bsy-batch-edit-peview-pane .content-main .peview-data-formula {
    height: 30px
}

.bsy-batch-edit-peview-pane .content-main .peview-data-formula .peview-row {
    height: 30px;
    line-height: 30px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-batch-edit-peview-pane .content-main .peview-data-formula .peview-row .field {
    background: #ebf5ff;
    color: #008dcd;
    padding: 4px 8px;
    border-radius: 2px
}

.bsy-batch-edit-peview-pane .content-main .peview-data {
    position: relative;
    height: calc(100% - 70px)
}

.bsy-batch-edit-peview-pane .content-main .peview-data .peview-data-title {
    height: 30px;
    line-height: 30px;
    color: #333;
    margin-bottom: 10px
}

.bsy-batch-edit-peview-pane .content-main .peview-data .peview-data-title .widgetName {
    font-weight: 700
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border {
    border: 1px solid #e0e0e0
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border tr.first th {
    border-top: none !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border tr.first th.first {
    border-left: none !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border tr.first th.last {
    border-right: none !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border tbody td.first {
    border-left: none !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .chart-data-border tbody tr.last td {
    border-bottom: none !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield {
    background: var(--bsy-base-color);
    color: #fff
}

.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield .bsy-dept-thumb-list .dept-item {
    color: #fff
}

.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield .user-item {
    background: hsla(0, 0%, 100%, .2)
}

.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield .name,
.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield .nest-link,
.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .modifyfield .user-item .table-user-name {
    color: #fff !important
}

.bsy-batch-edit-peview-pane .content-main .peview-data .art-table-body .orgfield {
    background: #edf9e8
}

.bsy-batch-edit-peview-pane .content-main .edit-footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 10px;
    overflow: hidden;
    border-top: 1px solid #e0e0e0
}

.bsy-batch-edit-peview-pane .content-main .edit-footer .edit-btn-left {
    position: relative;
    float: left;
    left: 10px;
    color: var(--bsy-base-color);
    cursor: pointer
}

.bsy-batch-edit-peview-pane .content-main .edit-footer .edit-btn {
    position: relative;
    float: right;
    right: 0;
    margin-right: 15px
}

.bsy-batch-edit-peview-pane .content-result {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    overflow: auto
}

.bsy-batch-edit-peview-pane .content-result .title-bar {
    position: relative;
    padding-top: 10px;
    color: #333;
    font-weight: 700;
    text-align: center
}

.bsy-batch-edit-peview-pane .content-result .title-bar .x-icon {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 20px;
    cursor: pointer
}

.bsy-batch-edit-peview-pane .content-result .back-btn {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 20px;
    cursor: pointer
}

.bsy-batch-edit-peview-pane .content-result .edit-label {
    color: #1f2d3d;
    text-align: center;
    font-weight: 700;
    margin-top: 10px
}

.bsy-batch-edit-peview-pane .content-result .empty-tip {
    color: #c3cdda;
    font-size: 16px;
    text-align: center;
    margin-top: 120px
}

.bsy-batch-edit-peview-pane .content-result .edit-list-item {
    margin: 10px 20px;
    background: #f4f6fc;
    padding: 5px 10px;
    position: relative;
    color: #5e6d82
}

.bsy-batch-edit-peview-pane .content-result .edit-list-item .line-info {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-batch-edit-peview-pane .content-result .edit-list-item .line-info .field-invalid {
    background: #e64340;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px
}

.bsy-batch-edit-peview-pane .content-result .edit-list-item .line-info .field {
    background: #ebf5ff;
    color: #008dcd
}

.bsy-batch-edit-peview-pane .content-result .edit-list-item .line-info .col-4 {
    display: inline-block;
    width: 33.33%
}

.data-batch-edit-peview .bsy-x-dialog .dialog-header .sub-title {
    margin-left: 30px;
    color: #ff9921;
    font-size: 13px
}

.data-batch-edit-peview .bsy-x-dialog .dialog-header .sub-title i {
    margin-right: 6px
}

.bsy-export-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms;
    padding: 15px
}

.bsy-export-pane .title {
    display: flex;
    height: 30px;
    line-height: 30px
}

.bsy-export-pane .count-title,
.bsy-export-pane .fields-title {
    margin-top: 10px
}

.bsy-export-pane .fields-title-bold {
    font-weight: 700;
    font-size: 15px
}

.bsy-export-pane .BsySelect {
    margin-top: 10px
}

.bsy-export-pane .fields-list {
    border: 1px solid #e0e0e0;
    height: 250px;
    margin-top: 10px;
    overflow: auto
}

.bsy-export-pane .fields-list .bsy-group-item {
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px;
    height: 40px;
    line-height: 40px
}

.bsy-export-pane .fields-list .bsy-group-item.all {
    background-color: #f2f6ff;
    font-weight: 700
}

.bsy-export-pane .fields-list .bsy-group-item i {
    margin-right: 20px;
    color: #9da2b2
}

.bsy-export-pane .fields-list .bsy-group-item.select i {
    color: var(--bsy-base-color)
}

.bsy-export-pane .fields-list .bsy-group-item.select .icon-bsy-check2:before {
    content: "\e7fe" !important
}

.bsy-export-pane .fields-footer {
    margin-top: 10px;
    height: 60px;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bsy-export-pane .fields-footer .right-btn-group {
    display: flex
}

.bsy-export-pane .fields-footer .right-btn-group .BsyIconBtn {
    margin-left: 16px
}

.bsy-export-pane .fields-footer .left-btn-group {
    margin-top: 8px;
    float: left
}

.bsy-export-pane .fields-footer .left-btn-group .BsyCheckBox {
    margin-bottom: 6px;
    display: block
}

.bsy-export-pane .fields-footer .left-btn-group .BsyCheckBox span {
    font-size: 12px
}

.bsy-field-sort-pane {
    position: relative
}

.bsy-field-sort-pane .pane {
    margin-top: 10px
}

.bsy-field-sort-pane .pane .BsyIconBtn {
    border: unset
}

.bsy-field-sort-pane .pane .sortable-list {
    min-height: 30px;
    max-height: 50vh;
    margin: 10px 0;
    overflow: auto
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item {
    position: relative;
    display: -ms-flexbox;
    align-items: center;
    height: 40px;
    margin: 0 0 5px;
    padding: 0 20px;
    border-radius: 3px
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item:hover {
    background: #f3f6fc
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .item-text {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    -webkit-user-select: none;
    user-select: none
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-icon {
    float: right;
    height: 28px;
    line-height: 28px;
    margin: 5px 0;
    cursor: pointer;
    padding: 0 4px
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-icon.icon-drag-table {
    font-weight: 700
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-icon.icon-trasho {
    color: #ff5631
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-icon.icon-trasho:hover {
    background: rgba(255, 86, 49, .2);
    color: #ff5631
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-icon:hover {
    background: rgba(2, 101, 255, .2);
    border-radius: 4px;
    color: var(--bsy-base-color)
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-segment {
    float: right;
    color: #1f2d3d;
    margin-top: 5px
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-segment .x-segment-item {
    line-height: 28px;
    height: 29px;
    display: inline-block;
    padding: 0 13px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;
    border-right: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid var(--bsy-base-color);
    margin-right: 8px
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-segment .x-segment-item.item-selected {
    color: var(--bsy-base-color);
    background: #fff;
    background: rgba(2, 101, 255, .2)
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item .x-segment .x-segment-item:hover {
    color: var(--bsy-base-color)
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item.deleted .item-text {
    color: #e64340
}

.bsy-field-sort-pane .pane .sortable-list .sortable-item.deleted .x-segment {
    visibility: hidden
}

.bsy-field-sort-pane .footer {
    padding: 8px 20px;
    border-top: 1px solid #e9e9e9
}

.bsy-field-sort-pane .footer .BsyIconBtn {
    margin-right: 6px
}

.bsy-field-sort-pane .footer .delete {
    border: none !important
}

.bsy-field-sort-pane .footer .delete:hover span {
    color: var(--bsy-base-color) !important
}

.bsy-field-select-pane {
    min-width: 230px;
    max-width: 500px;
    max-height: 300px;
    padding: 5px 0;
    overflow-y: auto;
    z-index: 10000
}

.bsy-field-select-pane .menu-list .icon-form {
    color: #96afff
}

.bsy-field-select-pane .menu-list .menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 6px;
    display: block;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    position: relative
}

.bsy-field-select-pane .menu-list .menu-item:hover {
    background: #f5f5f5
}

.bsy-field-select-pane .menu-list .menu-item i {
    margin-right: 6px
}

.bsy-field-select-pane .menu-list .field-list .disabled {
    opacity: .5
}

.bsy-field-select-pane .menu-list .field-list .field {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    padding: 8px 6px 8px 30px;
    display: block;
    cursor: pointer;
    position: relative
}

.bsy-field-select-pane .menu-list .field-list .field:hover {
    background: #f5f5f5
}

.bsy-field-select-pane .menu-list .field-list .field.bule {
    color: var(--bsy-base-color)
}

.bsy-filter-pane {
    position: relative
}

.bsy-filter-pane .pin-btn {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 30px;
    background: rgba(13, 179, 166, .1);
    color: var(--bsy-base-color)
}

.bsy-filter-pane .pin-btn i {
    position: absolute;
    top: 5px;
    right: 5px
}

.bsy-filter-pane .pin-btn:hover {
    color: #7cc1ff
}

.bsy-filter-pane.filter-sticky {
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .1);
    border-radius: 10px;
    border: 1px solid rgba(2, 101, 255, .2)
}

.bsy-filter-pane.filter-sticky .footer .BsyIconBtn {
    width: 68px !important
}

.bsy-filter-pane.filter-top-sticky {
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .1);
    border-radius: 10px;
    border: 1px solid rgba(2, 101, 255, .2);
    margin: 10px 10px 0
}

.bsy-filter-pane.filter-top-sticky .wrapper-title .relation {
    padding: 0 !important;
    margin-left: 20px
}

.bsy-filter-pane.filter-top-sticky .wrapper-title .relation .rel-desc {
    vertical-align: inherit
}

.bsy-filter-pane.filter-top-sticky .pane {
    padding-top: 0 !important
}

.bsy-filter-pane.filter-top-sticky .pane .BsyIconBtn {
    position: absolute
}

.bsy-filter-pane.filter-top-sticky .pane .filter-list {
    max-height: 225px
}

.bsy-filter-pane.filter-top-sticky .pane .filter-list .filter-item {
    width: calc(33.3333% - 27.33333px);
    display: inline-block;
    position: relative;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    padding: 10px 14px;
    margin: 5px 7px 17px 10px !important;
    min-height: 80px
}

.bsy-filter-pane.filter-top-sticky .pane .filter-list .filter-item .bsy-cond-label {
    width: auto
}

.bsy-filter-pane.filter-top-sticky .footer {
    border-top: 1px solid transparent
}

.bsy-filter-pane.filter-top-sticky .footer .BsyIconBtn {
    width: 94px !important
}

.bsy-filter-pane .pin-filter-top-sticky {
    position: absolute;
    top: 14px;
    right: 146px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.bsy-filter-pane .pin-filter-top-sticky:hover {
    color: #0265ff
}

.bsy-filter-pane .pin-filter-top-sticky span {
    display: inline-block;
    font-size: 14px
}

.bsy-filter-pane .pin-filter-top-sticky i {
    font-size: 16px;
    margin-right: 6px
}

.bsy-filter-pane .pin-filter-top-sticky.sticky,
.bsy-filter-pane .pin-filter-top-sticky.sticky:hover {
    color: #999
}

.bsy-filter-pane .pin-filter-sticky {
    position: absolute;
    top: 14px;
    right: 46px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    align-self: center
}

.bsy-filter-pane .pin-filter-sticky:hover {
    color: #0265ff
}

.bsy-filter-pane .pin-filter-sticky span {
    display: inline-block;
    font-size: 14px
}

.bsy-filter-pane .pin-filter-sticky i {
    font-size: 16px;
    margin-right: 6px
}

.bsy-filter-pane .pin-filter-sticky.sticky,
.bsy-filter-pane .pin-filter-sticky.sticky:hover {
    color: #999
}

.bsy-filter-pane .pin-filter-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333
}

.bsy-filter-pane .pin-filter-close i {
    font-size: 16px
}

.bsy-filter-pane .pin-filter-close:hover {
    color: #0265ff
}

.bsy-filter-pane .wrapper-title {
    display: flex;
    align-items: center;
    padding: 0 20px !important;
    border-bottom: 1px solid #eee;
    height: 50px
}

.bsy-filter-pane .wrapper-title .title {
    font-weight: 700
}

.bsy-filter-pane .wrapper-title .icon-filter-o {
    margin-right: 5px
}

.bsy-filter-pane .relation {
    padding: 10px 20px
}

.bsy-filter-pane .relation .BsySelect {
    width: 80px !important
}

.bsy-filter-pane .relation .rel-desc {
    display: inline-block;
    vertical-align: middle;
    color: #5e6d82
}

.bsy-filter-pane .relation .cond-method {
    display: inline-block;
    margin: 0 10px 0 15px
}

.bsy-filter-pane .pane {
    height: 100%
}

.bsy-filter-pane .pane .BsyIconBtn {
    border: unset;
    margin: 10px 0
}

.bsy-filter-pane .pane .BsyIconBtn:hover i,
.bsy-filter-pane .pane .BsyIconBtn:hover span {
    color: #0265ff
}

.bsy-filter-pane .pane .filter-list {
    min-height: 30px;
    overflow: auto;
    height: calc(100% - 200px)
}

.bsy-filter-pane .pane .filter-list .filter-item {
    position: relative;
    margin: unset !important;
    padding: 10px 20px
}

.bsy-filter-pane .pane .filter-list .filter-item .bsy-dash-cont .showText {
    background: #fff
}

.bsy-filter-pane .pane .filter-list .filter-item .cond-method {
    border-radius: 2px
}

.bsy-filter-pane .pane .filter-list .filter-item .cond-method:hover {
    background: rgba(2, 101, 255, .1)
}

.bsy-filter-pane .pane .filter-list .filter-item .remove-item {
    position: absolute;
    top: 11px;
    right: 20px;
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 2px
}

.bsy-filter-pane .pane .filter-list .filter-item .remove-item .icon-bsy-close-small:before {
    content: "\e627" !important
}

.bsy-filter-pane .pane .filter-list .filter-item .remove-item:hover {
    background: rgba(255, 86, 49, .1)
}

.bsy-filter-pane .pane .filter-list .filter-item:hover {
    background: #f3f6fc
}

.bsy-filter-pane .pane .filter-list .filter-item:hover .remove-item {
    display: block;
    color: #ff5631
}

.bsy-filter-pane .footer {
    padding: 10px 20px;
    border-top: 1px solid #e9e9e9;
    display: flex;
    justify-content: flex-end
}

.bsy-filter-pane .footer .BsyIconBtn {
    margin-left: 16px
}

.bsy-filter-pane .footer .BsyIconBtn.clear:hover {
    background-color: #e5e5e5
}

.bsy-import-pane {
    position: relative;
    height: 100%
}

.bsy-import-pane.loading .import-content {
    filter: blur(1px)
}

.bsy-import-pane .bsy-step-pane {
    padding: 0 44px;
    height: 80px;
    vertical-align: middle;
    margin: 0 auto
}

.bsy-import-pane .bsy-step-pane .step-line {
    position: absolute;
    top: 41px;
    left: -105px !important;
    width: 209px !important
}

.bsy-import-pane .bsy-step-pane .step-point {
    width: 7px !important;
    height: 7px !important
}

.bsy-import-pane .bsy-import-tip-bar {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    background: #ffeeed;
    border: 1px solid #f9c8ba;
    border-radius: 3px;
    height: 60px;
    line-height: 33px;
    font-size: 13px;
    color: #7d241c;
    text-align: center;
    word-break: break-all;
    margin: 10px 10px 15px;
    padding: 5px
}

.bsy-import-pane .bsy-import-tip-bar div {
    line-height: 24px
}

.bsy-import-pane .bsy-import-tip-bar .download {
    color: var(--bsy-base-color)
}

.bsy-import-pane .bsy-import-tip-bar-line {
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    z-index: 1;
    top: 80px
}

.bsy-import-pane .content {
    height: calc(100% - 80px)
}

.bsy-import-pane .content .import-content {
    height: calc(100% - 60px);
    position: relative
}

.bsy-import-pane .content .import-content .bsy-import-item {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0 0 120px;
    display: flex;
    align-items: center
}

.bsy-import-pane .content .import-content .bsy-import-item .bsy-x-group .bsy-group-item {
    margin-bottom: 0
}

.bsy-import-pane .content .import-content .bsy-import-item .bsy-x-group .bsy-group-item.select {
    padding-right: 0
}

.bsy-import-pane .content .import-content .bsy-import-item .span-text {
    margin-right: 23px
}

.bsy-import-pane .content .import-content .bsy-import-item .dataExt {
    border: 1px solid #e0e0e0;
    padding: 20px;
    width: 286px !important;
    height: 246px !important;
    border-radius: 4px;
    overflow: auto
}

.bsy-import-pane .content .import-content .bsy-import-item .dataExt.hasFlow {
    height: 200px !important
}

.bsy-import-pane .content .import-content .bsy-import-item .dataExt .x-c-key {
    color: var(--bsy-base-color) !important
}

.bsy-import-pane .content .import-content .bsy-import-item .dataExt .nav-remove {
    color: #ff5631 !important
}

.bsy-import-pane .content .import-content .bsy-import-item .icon-bsy-help {
    color: var(--bsy-base-color)
}

.bsy-import-pane .content .import-content .bsy-import-tip {
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 530px;
    width: 310px;
    padding: 20px;
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .06);
    border-radius: 4px;
    border: 1px solid rgba(2, 101, 255, .2);
    height: 382px
}

.bsy-import-pane .content .import-content .bsy-import-tip .title {
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.bsy-import-pane .content .import-content .bsy-import-tip li {
    color: #666;
    line-height: 20px;
    margin-top: 10px
}

.bsy-import-pane .content .import-content .bsy-import-tip .tip {
    border-radius: 50%;
    background-color: #666;
    width: 4px;
    height: 4px;
    margin: 10px 6px 0 0;
    float: left
}

.bsy-import-pane .content .import-content .bsy-import-tip .subform_update {
    color: #ff5631 !important
}

.bsy-import-pane .content .import-content .bsy-import-tip .x-c-key {
    margin: 0 5px;
    cursor: pointer;
    color: var(--bsy-base-color) !important
}

.bsy-import-pane .content .bsy-import-tool {
    width: 800px;
    padding: 0 15px
}

.bsy-import-pane .content .bsy-import-tool .span-title {
    display: inline-block;
    margin-right: 10px
}

.bsy-import-pane .content .bsy-import-tool .bsy-text,
.bsy-import-pane .content .bsy-import-tool .BsySelect {
    display: inline-block
}

.bsy-import-pane .content .bsy-import-excel {
    width: calc(100% - 30px);
    margin: 15px;
    height: 320px;
    position: relative;
    border: 1px solid #e0e0e0
}

.bsy-import-pane .content .bsy-import-info {
    padding-top: 80px
}

.bsy-import-pane .content .bsy-import-info .success {
    font-size: 40px;
    margin: 0 auto;
    width: 80px;
    text-align: center;
    color: var(--bsy-base-color)
}

.bsy-import-pane .content .bsy-import-info .success .icon-right-circle:before {
    content: "\e7de"
}

.bsy-import-pane .content .bsy-import-info .error {
    font-size: 40px;
    margin: 80px auto 40px;
    width: 80px;
    text-align: center;
    color: #ff5631
}

.bsy-import-pane .content .bsy-import-info .error .icon-right-circle:before {
    content: "\e793"
}

.bsy-import-pane .content .bsy-import-info .info {
    width: 524px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    margin: 20px auto 0
}

.bsy-import-pane .content .bsy-import-error-info {
    border: 1px solid #eee;
    margin: 10px 10px 0;
    border-radius: 3px;
    padding: 0 20px;
    overflow: auto
}

.bsy-import-pane .content .bsy-import-error-info .info-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 25px
}

.bsy-import-pane .content .bsy-import-error-info .info-label {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.bsy-import-pane .content .bsy-import-error-info .info-text {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 30px;
    color: #f04134
}

.bsy-import-pane .import-footer {
    height: 60px;
    padding: 10px 20px;
    border-top: 1px solid #eee
}

.bsy-import-pane .import-footer .BsyIconBtn {
    width: 110px;
    height: 36px;
    line-height: 26px;
    display: inline-flex;
    float: right;
    margin-left: 20px
}

.bsy-data-manage {
    border-top: 1px solid #eee;
    z-index: 2;
    position: relative;
    font-size: 13px;
    background: #fff;
    overflow: auto
}

.bsy-data-manage.filter-sticky .bsy-filter-pane {
    position: absolute;
    right: 10px;
    width: 350px;
    bottom: 0;
    top: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.bsy-data-manage.filter-sticky .bsy-filter-pane .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.bsy-data-manage.filter-sticky .mamge-body {
    width: calc(100% - 380px)
}

.bsy-data-manage .mamge-body {
    height: calc(100% - 20px);
    margin: 10px;
    position: relative
}

.bsy-data-manage .mamge-body.manage-fullscreen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    z-index: 1000;
    overflow: hidden;
    animation: zoomIn 218ms;
    background: #fff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head {
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #333
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .block-menu {
    width: calc(100% - 300px);
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    display: flex
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .block-menu .select-datas-operation {
    margin-left: 10px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .block-menu-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    display: flex
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .block-menu-right .BsySearchInput {
    margin-right: 10px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn {
    border: none;
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    min-width: 34px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.add {
    width: 86px !important;
    margin-right: 10px;
    border: 1px solid #0265ff;
    background-color: #0265ff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.add .icon-bsy-add,
.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.add span {
    color: #fff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.add:hover {
    background-color: rgba(2, 101, 255, .8)
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn .icon-bby-xiala {
    visibility: hidden;
    font-size: 12px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn i {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn span {
    font-size: 13px;
    margin-left: 4px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.blue {
    background-color: #fff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.blue span {
    color: var(--bsy-base-color)
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.restore.blue {
    background-color: var(--bsy-base-color);
    height: 28px;
    line-height: 28px;
    margin-left: 6px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.restore.blue span {
    color: #fff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn .hover,
.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn:hover {
    background: #eee;
    border-radius: 4px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn .hover .icon-bby-xiala,
.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn:hover .icon-bby-xiala {
    visibility: initial;
    font-weight: 400
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtn.menu-right {
    float: right
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .split-line {
    border-left: 1px solid #ddd;
    margin: 0 10px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch {
    position: relative;
    display: inline-flex
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn {
    position: absolute;
    top: 8px;
    left: 7px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn .BsySwitchBtn {
    height: 16px !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn .BsySwitchBtn .switchText {
    font-size: 12px;
    position: absolute;
    top: -1px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn .BsySwitchBtn.off .switchText {
    right: 6px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn .BsySwitchBtn.on .switchText {
    left: 6px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .SwitchBtn .BsySwitchBtn .powerSwitch {
    width: 12px;
    height: 12px;
    top: 2px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .BsyBtnSwitch-title {
    margin-left: 52px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-head .BsyBtnSwitch .btnCont .icon-bsy-help {
    margin-left: 5px;
    cursor: pointer;
    color: #0265ff
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body {
    cursor: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: 40px 5px 5px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border {
    border: 1px solid #e0e0e0
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table {
    border-bottom: none
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper.empty .art-table .art-table-body table .art-table-cell {
    padding: 0;
    height: 0 !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper.empty .art-table .art-table-body:before {
    display: block;
    font-size: 14px;
    color: #666;
    content: attr(data-empty);
    background-image: url(/template/resource/static/media/img_shuju@2x.d35ae7e4.png);
    background-size: cover;
    width: 309px;
    height: 216px;
    position: absolute;
    top: calc(50% - 154.5px);
    left: calc(50% - 108px);
    z-index: 1;
    text-align: center;
    padding-top: 200px
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper {
    height: 100%
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper .art-table {
    min-height: calc(100% - 9px);
    display: flex;
    flex-flow: column
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper .art-table .art-table-body {
    height: auto;
    flex: 1 1;
    border-bottom: none
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-wrapper .art-table .art-table-body table {
    border-bottom: 1px solid #e0e0e0
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tr.first th {
    border-top: none !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tr.first th.first {
    border-left: none !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tr.first th.last {
    border-right: none !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tbody td.first {
    border-left: none !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tbody tr.last td {
    border-bottom: none !important
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border tbody tr.art-table-row td.first .BsySLoading {
    display: none
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-body {
    height: calc(100% - 20px)
}

.bsy-data-manage .mamge-body .bsy-data-manage-block-body .chart-data-border .art-table-body .art-loading-wrapper tbody tr.odd td {
    background: hsla(0, 0%, 91.4%, .2)
}

.bsy-data-manage .data-manage-batch-menu .item i {
    font-size: 14px !important
}

.bsy-data-manage .data-manage-batch-menu .item span {
    font-size: 13px !important
}

.bsy-data-manage .data-manage-batch-menu .item .icon-bsy-right {
    position: absolute;
    right: 6px
}

.bsy-data-manage .bsy-x-window-mask.sloading {
    background-color: rgba(0, 0, 0, .1)
}

.batch-print-pane {
    padding: 20px
}

.batch-print-pane .data-num {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.batch-print-pane .data-num i {
    font-size: 16px;
    margin-right: 6px;
    color: #666
}

.batch-print-pane .data-num span {
    font-size: 14px;
    color: #666
}

.batch-print-pane .print-item {
    margin-bottom: 16px
}

.batch-print-pane .print-item .item-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.batch-print-pane .print-item .item-label span {
    font-size: 13px;
    color: #333;
    font-weight: 700
}

.batch-print-pane .print-item .item-label b {
    font-weight: 400;
    font-size: 14px;
    color: #ff5631;
    margin-left: 2px
}

.bsy-search-field-pane {
    padding: 10px;
    max-height: 380px;
    overflow: auto
}

.bsy-search-field-pane .range-item {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.bsy-search-field-pane .range-item .icon-ok {
    display: none
}

.bsy-search-field-pane .range-item.selected {
    background-color: #eee
}

.bsy-search-field-pane .range-item.selected .icon-ok {
    display: block
}

.bsy-search-field-pane .BsySearchInput {
    margin: 5px
}

.bsy-search-field-pane .bsy-group-item {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: relative;
    display: flex;
    margin: 0 5px
}

.bsy-search-field-pane .bsy-group-item i {
    margin-right: 5px
}

.bsy-search-field-pane .bsy-group-item span {
    overflow: hidden !important;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-search-field-pane .bsy-group-item.disable {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.bsy-search-field-pane .bsy-group-item.select i {
    color: #0265ff
}

.bsy-search-field-pane .bsy-group-item.select .icon-bsy-check2:before {
    content: "\e7fe" !important
}

.bsy-batch-print-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms
}

.bsy-batch-print-pane .content-result {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bsy-batch-print-pane .content-result .empty-tip {
    margin-top: 40px;
    text-align: center
}

.bsy-batch-print-pane .content-result .pane-pack {
    height: 115px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 10px
}

.bsy-batch-print-pane .content-result .pane-pack .pack-progress {
    margin-top: 15px;
    height: 60px;
    position: relative
}

.bsy-batch-print-pane .content-result .record-wrapper {
    overflow: auto;
    height: calc(100% - 52px);
    padding: 20px 20px 0
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    border-radius: 2px
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record.finished .record-header {
    background: rgba(82, 196, 27, .06);
    color: #52c41b
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record.running .record-header {
    background: #f2f6ff;
    color: var(--bsy-base-color)
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record.failed .record-header {
    background: rgba(245, 34, 45, .06);
    color: #f5222d
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record.failed .file-item .file-name {
    color: #c2c2c2
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record.expired .record-header {
    background: hsla(0, 0%, 60%, .06);
    color: #999
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-header {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-header .icon-success-print {
    margin-right: 6px;
    font-size: 16px
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-header .btn-del {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-header .btn-del i {
    margin-right: 0;
    color: #f5222d;
    font-size: 16px
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #eee
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .left-item {
    padding-right: 20px;
    display: flex;
    flex-wrap: nowrap;
    width: 50%
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .left-item .file-name {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item {
    width: calc(50% - 1px);
    border-left: 1px dashed #e0e0e0;
    padding-left: 20px
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-bottom-item,
.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-bottom-item .item-detail,
.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item .item-detail {
    display: flex;
    align-items: center
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-bottom-item .item-detail .label,
.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item .item-detail .label {
    color: #999
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-bottom-item .item-detail span,
.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item .item-detail span {
    font-size: 12px;
    font-weight: 500
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-bottom-item .item-detail .cont a,
.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item .item-detail .cont a {
    color: var(--bsy-base-color)
}

.bsy-batch-print-pane .content-result .record-wrapper .pane-record .record-body .right-item .right-top-item {
    margin-bottom: 15px
}

.bsy-batch-print-pane .content-result .x-pagination-content {
    padding: 10px 20px
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont {
    display: flex;
    justify-content: flex-end
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont .page-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    padding: 0;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont .page-item:hover {
    background: #e6e8ed
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont .page-item:active {
    background: #e1e3e5;
    transition: unset
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont .page-item.disabled {
    color: #b5b8be;
    cursor: default
}

.bsy-batch-print-pane .content-result .x-pagination-content .page-cont .page-item.disabled:hover {
    background: transparent
}

.bsy-export-file-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms;
    padding: 15px
}

.bsy-export-file-pane .title {
    display: flex;
    height: 30px;
    line-height: 30px
}

.bsy-export-file-pane .count-title {
    margin-top: 10px
}

.bsy-export-file-pane .fields-list {
    border: 1px solid #e0e0e0;
    height: 280px;
    margin-top: 10px;
    overflow: auto
}

.bsy-export-file-pane .fields-list .fields-title {
    height: 35px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 35px;
    background: #f3fbff
}

.bsy-export-file-pane .fields-list .fields-title .first {
    float: left;
    width: 50px;
    margin-left: 10px
}

.bsy-export-file-pane .fields-list .bsy-group-item {
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 10px;
    height: 40px;
    line-height: 40px
}

.bsy-export-file-pane .fields-list .bsy-group-item.all {
    background-color: #f2f6ff;
    font-weight: 700
}

.bsy-export-file-pane .fields-list .bsy-group-item .field-text {
    width: 174px;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-export-file-pane .fields-list .bsy-group-item.origin .field-text {
    width: 360px
}

.bsy-export-file-pane .fields-list .bsy-group-item .field-list,
.bsy-export-file-pane .fields-list .bsy-group-item .field-type {
    width: 170px;
    float: right;
    margin: 5px 0 0 16px
}

.bsy-export-file-pane .fields-list .bsy-group-item .field-list .bsy-ui-hidden,
.bsy-export-file-pane .fields-list .bsy-group-item .field-type .bsy-ui-hidden {
    display: block;
    visibility: hidden
}

.bsy-export-file-pane .fields-list .bsy-group-item .icon-bsy-check2 {
    margin-right: 36px;
    color: #9da2b2
}

.bsy-export-file-pane .fields-list .bsy-group-item.select i {
    color: var(--bsy-base-color)
}

.bsy-export-file-pane .fields-list .bsy-group-item.select .icon-bsy-check2:before {
    content: "\e7fe" !important
}

.bsy-export-file-pane .fields-footer {
    margin-top: 10px;
    height: 30px
}

.bsy-export-file-pane .fields-footer .BsyIconBtn {
    float: right;
    margin-left: 16px
}

.bsy-export-file-pane .fields-footer .BsyCheckBox {
    margin-top: 8px;
    float: left
}

.bsy-batch-print-qrcode-pane {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 218ms;
    padding: 0 20px
}

.bsy-batch-print-qrcode-pane .set-body {
    color: #333;
    padding: 20px 0
}

.bsy-batch-print-qrcode-pane .set-body .title {
    margin-bottom: 10px
}

.bsy-batch-print-qrcode-pane .set-body .tip {
    font-size: 12px;
    margin-top: 5px;
    color: #c3cdda
}

.bsy-batch-print-qrcode-pane .set-body .tip-warning {
    font-size: 12px;
    color: #f04134
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text {
    display: flex
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .BsySelect {
    width: 150px
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .qr-field {
    margin-left: 16px
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .select-field {
    position: relative;
    margin-left: 16px;
    display: flex
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .select-field .field-editor {
    width: 300px;
    height: 30px
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .select-field .field-editor.has-watermark:after {
    position: absolute;
    top: 0;
    left: 10px;
    display: inline-block;
    content: attr(data-watermark);
    font-size: 12px;
    color: #c3cdda;
    line-height: 28px
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .select-field .field-editor .cm-field.field-item {
    background: #ebf5ff;
    color: #008dcd
}

.bsy-batch-print-qrcode-pane .set-body .qrcode-type .field-text .select-field .add-field {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-left: 16px
}

.bsy-batch-print-qrcode-pane .set-body .separator {
    border-top: 1px solid #e0e0e0;
    margin: 20px 0
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo {
    position: relative;
    float: left;
    left: 0;
    border: 1px solid #e0e0e0;
    display: inline-block
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo div {
    width: 130px;
    height: 182px;
    background: url(/template/resource/static/media/gef.1726f21f.png) no-repeat;
    background-size: cover
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo div.layout-1-1 {
    background-position-x: 0
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo div.layout-1-2 {
    background-position-x: 33%
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo div.layout-2-3 {
    background-position-x: 66%
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-demo div.layout-3-4 {
    background-position-x: 100%
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting {
    width: 290px;
    font-size: 12px;
    margin-left: 30px;
    display: inline-block;
    font-size: 14px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .qrcode-layout {
    width: 170px;
    margin-bottom: 16px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .qrcode-layout .title {
    margin-bottom: 4px;
    font-size: 12px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .page-margin {
    display: inline-block
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .page-margin .title {
    margin-bottom: 4px;
    font-size: 12px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .page-margin .margin-input {
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 10px;
    font-size: 12px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .page-margin .margin-input .bsy-text {
    width: 50px
}

.bsy-batch-print-qrcode-pane .set-body .page-setting .print-content .print-setting .page-margin .margin-input .margin-num {
    display: inline-block;
    margin: 0 3px
}

.bsy-batch-print-qrcode-pane .edit-footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 10px;
    overflow: hidden;
    border-top: 1px solid #f2f2f2
}

.bsy-batch-print-qrcode-pane .edit-footer .edit-btn-left {
    position: relative;
    float: left;
    left: 10px;
    color: var(--bsy-base-color);
    cursor: pointer
}

.bsy-batch-print-qrcode-pane .edit-footer .edit-btn {
    position: relative;
    float: right;
    right: 0;
    margin-right: 15px;
    height: 32px;
    line-height: 32px
}

.bsy-x-slider {
    top: 0;
    background: rgba(0, 0, 0, .2)
}

.bsy-x-slider,
.bsy-x-slider .slider-body {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.bsy-x-slider .slider-body {
    top: 45px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    transform: translateY(100%);
    transition: transform 218ms ease-in-out
}

.bsy-x-slider .slider-body .slider-header {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    padding: 0 65px;
    z-index: 2
}

.bsy-x-slider .slider-body .slider-header .header-btn {
    position: absolute;
    top: 17px;
    left: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    padding: 0 15px;
    line-height: 32px;
    border: 1px solid var(--bsy-base-color);
    text-align: center;
    color: var(--bsy-base-color);
    cursor: pointer
}

.bsy-x-slider .slider-body .slider-header .header-btn:hover {
    background: var(--bsy-base-color);
    color: #fff
}

.bsy-x-slider .slider-body .slider-header .slider-close {
    bottom: 0;
    width: 65px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.bsy-x-slider .slider-body .slider-header .slider-close .icon-close-large {
    display: block;
    transform: rotate(0);
    transition: transform 218ms;
    font-weight: 700;
    font-size: 16px;
    color: #666
}

.bsy-x-slider .slider-body .slider-header .slider-close .icon-close-large:hover,
.bsy-x-slider .slider-body .slider-header .slider-close .icon-close-large:hover i.icon-close-large {
    transform: rotate(90deg)
}

.bsy-x-slider .slider-body .slider-main {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto
}

.bsy-x-slider .slider-body .slider-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    border-top: 1px solid #e0e0e0;
    padding: 0 65px
}

.bsy-x-slider.fadein .slider-body {
    transform: none
}

.BsySwitchBtn {
    position: relative;
    font-size: 14px;
    overflow: hidden;
    background: #b2b2b2;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: background .15s;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 40px;
    height: 20px;
    line-height: 18px;
    border-radius: 10px
}

.BsySwitchBtn .switchText {
    font-weight: 700;
    font-size: 14px;
    visibility: hidden
}

.BsySwitchBtn .powerSwitch {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px
}

.BsySwitchBtn.on {
    background-color: #73d13d;
    padding-left: 0;
    padding-right: 14px
}

.BsySwitchBtn.on .powerSwitch {
    left: 23px
}

.BsySwitchBtn.off {
    background-color: #b2b2b2;
    padding-left: 14px;
    padding-right: 0
}

.BsySwitchBtn.off .powerSwitch {
    left: 3px
}

.pivot-table {
    position: relative;
    height: 100%
}

.pivot-table .empty-wrapper {
    height: 100%;
    margin: calc(30% - 30px) auto 0;
    text-align: center;
    color: #91a1b7
}

.pivot-table .empty-wrapper i {
    font-size: 34px
}

.pivot-table .empty-wrapper .empty-text {
    margin-top: 10px
}

.pivot-table .page {
    left: 0
}

.pivot-table .page,
.pivot-table .page .turnPage {
    position: absolute;
    bottom: 0;
    right: 0
}

.pivot-table .chart-data-border .art-sticky-scroll::-webkit-scrollbar-thumb,
.pivot-table .chart-data-border::-webkit-scrollbar-thumb {
    background: none
}

.pivot-table .chart-data-border:hover .art-sticky-scroll::-webkit-scrollbar-thumb,
.pivot-table .chart-data-border:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.pivot-table .art-lock-shadow-mask {
    display: block !important
}

.pivot-table .art-table-header .art-table-header-cell {
    font-weight: 700;
    white-space: unset !important
}

.pivot-table .art-table-header .art-table-header-cell .col-title {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-break: break-word
}

.pivot-table .art-table-header .art-table-header-cell.number {
    text-align: right
}

.pivot-table .art-table-header-cell svg {
    position: absolute;
    right: 0
}

.pivot-table .art-table-header-cell svg path {
    fill: #999
}

.pivot-table .art-table-header-cell svg path.active {
    fill: var(--bsy-base-color)
}

.pivot-table .art-table-wrapper {
    --cell-border-vertical: 1px solid #e0e0e0;
    --cell-border-horizontal: 1px solid #e0e0e0;
    --header-bgcolor: #f2f3f9;
    --header-color: #333;
    --hover-bgcolor: transparent !important
}

.pivot-table .art-table-wrapper.empty .art-table .art-table-body table {
    border-bottom: none
}

.pivot-table .art-table-wrapper.empty .art-table .art-table-body table .art-table-cell {
    padding: 0;
    height: 1px !important
}

.pivot-table .art-table-wrapper .art-table-header-cell .icon-blank {
    font-weight: 400
}

.pivot-table .art-table-wrapper .x-item-check i {
    font-size: 14px
}

.pivot-table .art-table-wrapper .sc-furwcr div {
    display: none
}

.pivot-table .art-table-wrapper .resize-handle {
    background: transparent !important
}

.pivot-table .art-table-body {
    --cell-padding: 4px 8px !important;
    --row-height: 33px !important;
    border-bottom: 1px solid #e0e0e0
}

.pivot-table .art-table-body td {
    padding: 0 !important
}

.pivot-table .art-table-body td .cell-linkdata {
    cursor: pointer
}

.pivot-table .art-table-body td .cell-linkdata,
.pivot-table .art-table-body td .data-cell,
.pivot-table .art-table-body td .data-null {
    padding: var(--cell-padding);
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 20px
}

.pivot-table .art-table-body td .data-cell {
    cursor: pointer
}

.pivot-table .art-table-sticky-row-header {
    border-bottom: 1px solid #e0e0e0
}

.pivot-table .art-table-sticky-row-header td {
    padding: 0 !important
}

.pivot-table .art-table-sticky-row-header td .cell-linkdata {
    padding: var(--cell-padding);
    cursor: pointer
}

.pivot-table .art-table-sticky-row-header td .data-null {
    padding: var(--cell-padding)
}

.pivot-table .art-table-sticky-row-header td .data-cell {
    padding: var(--cell-padding);
    cursor: pointer
}

.pivot-table .art-table-header-row.last,
.pivot-table .art-table-header-row th.first {
    cursor: default
}

.pivot-table .art-sticky-scroll {
    bottom: -1px !important
}

.pivot-table.data-empty .result-data-empty {
    border: 1px solid #eee;
    height: 100%
}

.pivot-table .cell-linkdata {
    cursor: pointer
}

.bsy-gantt {
    position: relative;
    height: calc(100% - 30px);
    flex-direction: column;
    display: flex;
    -webkit-user-select: none;
    user-select: none
}

.bsy-gantt .gantt-content {
    flex: 1 1
}

.bsy-gantt .gantt-content .gantt-elemen {
    position: relative;
    height: calc(100% - 30px)
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    border: 1px solid #eee
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .content-text {
    fill: #333
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .header-text,
.bsy-gantt .gantt-content .gantt-elemen .gantt-container .lower-text,
.bsy-gantt .gantt-content .gantt-elemen .gantt-container .upper-text {
    fill: #6d7e98
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .row-line {
    stroke: #e9e9e9
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .data-col {
    fill: transparent !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .weekend-highlight {
    fill: #ccc;
    opacity: .1
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .tick {
    stroke: #e9e9e9
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-wrapper.disable {
    opacity: .1
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label {
    fill: #333 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.disable,
.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.hide {
    opacity: .1
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.bar-icon {
    fill: none !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-0 {
    fill: #f5c547 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-1 {
    fill: #528cff !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-2 {
    fill: #50b0f4 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-3 {
    fill: #61db8c !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-4 {
    fill: #ff8383 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-label.color-5 {
    fill: #444 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .grid-row {
    fill: transparent !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .bar-wrapper.hide {
    opacity: 0 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .arrow .disable {
    opacity: .2
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .arrow .hide {
    opacity: 0 !important
}

.bsy-gantt .gantt-content .gantt-elemen .gantt-container .arrow .light-color {
    stroke: #666
}

.bsy-gantt .gantt-content .gantt-zoom {
    height: 28px;
    display: flex;
    float: right;
    margin: 5px 5px 0;
    align-items: center
}

.bsy-gantt .gantt-content .gantt-zoom .gantt-mode {
    margin-right: 10px;
    color: #666;
    font-size: 14px
}

.bsy-gantt .gantt-content .gantt-zoom .alphaTypePaneContent {
    margin: 0 8px;
    height: 10px;
    width: 100px !important
}

.bsy-gantt .gantt-content .gantt-zoom .alphaTypePaneContent .alphaTypePane-box .thumb-box,
.bsy-gantt .gantt-content .gantt-zoom .alphaTypePaneContent .alphaTypePane-box .track-box {
    height: 2px;
    border-radius: 20px;
    top: 6px
}

.bsy-gantt .gantt-content .gantt-zoom .alphaTypePaneContent .alphaTypePane-box .spot-box {
    top: 2px;
    width: 10px;
    height: 10px;
    border: 1px solid var(--bsy-base-color)
}

.bsy-gantt .gantt-content .gantt-zoom .alphaTypePaneContent .alphaTypePane-box .spot-box:hover {
    border: 1px solid #096dd9
}

.bsy-gantt .gantt-content .gantt-zoom span {
    cursor: pointer;
    font-size: 20px
}

.bsy-gantt .gantt-content .gantt-zoom i {
    color: #ddd
}

.bsy-gantt .gantt-content .gantt-zoom i:hover {
    color: #666
}

.bsy-gantt .gantt-content .gantt-zoom .icon-enlargement {
    left: 25px
}

.bsy-gantt .gantt-content .gantt-zoom .icon-enlargement:before {
    content: "\e84d"
}

.bsy-gantt .gantt-content .gantt-zoom .icon-narrow {
    right: 25px
}

.bsy-gantt .gantt-content .gantt-zoom .icon-narrow:before {
    content: "\e84e"
}

.bsy-gantt .gantt-legend {
    position: relative;
    margin: 10px;
    overflow: hidden
}

.bsy-gantt .gantt-legend.row-1 {
    text-align: center;
    height: 20px
}

.bsy-gantt .gantt-legend.row-2 {
    height: 40px
}

.bsy-gantt .gantt-legend.row-3 {
    overflow-y: auto;
    height: 60px
}

.bsy-gantt .gantt-legend .gantt-legend-item {
    font-family: verdana;
    font-size: 12px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.bsy-gantt .gantt-legend .gantt-legend-item .color {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 5px
}

.bsy-gantt .gantt-legend .gantt-legend-item .text {
    margin-left: 10px;
    color: #333
}

.bsy-gantt .gantt-legend .gantt-legend-item.disable {
    opacity: .4
}

.bsy-gantt .gantt-legend .gantt-legend-item.hide {
    opacity: .4;
    display: inline-block
}

.bsy-gantt .gantt-legend .gantt-legend-item.hide .color {
    background: #eee !important
}

.bsy-gantt.left,
.bsy-gantt.right {
    display: flex;
    flex-direction: unset
}

.bsy-gantt.left .gantt-content,
.bsy-gantt.right .gantt-content {
    flex: 1 1;
    height: 100%
}

.bsy-gantt.left .gantt-legend,
.bsy-gantt.right .gantt-legend {
    max-width: 200px;
    height: 100%;
    margin: 0 10px;
    overflow-x: auto
}

.bsy-gantt.left .gantt-legend .gantt-legend-item,
.bsy-gantt.right .gantt-legend .gantt-legend-item {
    display: block;
    text-align: left
}

.bsy-gantt.left .gantt-legend .gantt-legend-item {
    margin: 0 10px 10px 0
}

.bsy-gantt.right .gantt-legend .gantt-legend-item {
    margin: 0 0 10px 10px
}

.bsy_alphaTypePane .alphaTypePaneContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box {
    position: relative;
    width: 100%;
    height: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .track-box {
    width: 100%;
    height: 2px;
    padding-right: 10px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #e0e0e0;
    border-radius: 2px
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .thumb-box {
    height: 2px;
    background-color: var(--bsy-base-color);
    left: 0;
    top: 4px;
    position: absolute;
    border-radius: 2px 0 0 2px
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .thumb-box.active {
    background-color: var(--bsy-base-hovercolor)
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .spot-box {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    cursor: pointer
}

.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .spot-box.active,
.bsy_alphaTypePane .alphaTypePaneContent .alphaTypePane-box .spot-box:hover {
    border-width: 2px;
    border-color: var(--bsy-base-hovercolor)
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box {
    position: relative;
    opacity: 1
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box:hover input {
    border-color: var(--bsy-base-color)
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn {
    position: absolute;
    top: 3px;
    right: 0;
    width: 14px
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn .alphaAddBtn {
    line-height: 14px;
    height: 14px;
    cursor: pointer
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn .alphaAddBtn:hover i {
    color: var(--bsy-base-color)
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn .alphaCutBtn {
    line-height: 14px;
    height: 14px;
    cursor: pointer
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn .alphaCutBtn:hover i {
    color: var(--bsy-base-color)
}

.bsy_alphaTypePane .alphaTypePaneContent .NumberPane-box .alphaBtn i {
    color: #ccc;
    font-size: 14px
}

.bsy-chart-body {
    position: relative;
    width: 100%;
    height: 100%
}

.chart-data-empty {
    height: 100%;
    color: #91a1b7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.chart-data-empty div {
    display: flex;
    flex-direction: column
}

.chart-data-empty div span {
    margin-top: 10px
}

.chart-data-empty div i {
    font-size: 34px
}

.chart-drilldown-tool {
    position: absolute;
    top: 10px;
    left: 5px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    padding: 0 15px
}

.chart-drilldown-tool span {
    margin: 0 4px;
    cursor: pointer
}

.chart-drilldown-tool span.drill-back {
    text-decoration: underline;
    color: #0097ff;
    cursor: pointer
}

.chart-drilldown-tool .tool-split {
    color: #d9d9d9
}

.chart-drilldown-tool span:first-child {
    margin-left: 0
}

.chart-drilldown-tool span:last-child {
    margin-right: 0
}

.BsyDashMap {
    padding: 0;
    margin: 0
}

.BsyDashMap,
.BsyDashMap .dash-map-cont {
    width: 100%;
    height: 100%
}

.BsyDashMap .dash-map-cont .amap-copyright,
.BsyDashMap .dash-map-cont .amap-logo {
    display: none !important
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label {
    background-color: initial;
    padding: 0;
    white-space: normal;
    box-shadow: none;
    border: none
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from {
    box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    width: 298px;
    min-height: 36px;
    position: relative;
    background-color: var(--bsy-base-color);
    padding: 12px;
    cursor: pointer
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from .crad-cont {
    position: relative;
    z-index: 1;
    font-size: 12px;
    color: #fff;
    display: block;
    letter-spacing: .35px;
    word-break: break-all;
    margin-bottom: 8px
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from .crad-cont:last-child {
    margin-bottom: 0
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%);
    width: 2px;
    height: 16px;
    background-color: rgba(0, 0, 0, .1);
    filter: blur(2px);
    z-index: -1
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%);
    width: 2px;
    height: 16px;
    background-color: var(--bsy-base-color);
    z-index: 1
}

.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from.active,
.BsyDashMap .dash-map-cont .amap-marker .amap-marker-label .marker-marker-bus-from.active:after {
    background-color: #4acc8c
}

.BsyDashMap .dash-map-search {
    position: absolute;
    top: 20px;
    right: 80px;
    width: 320px
}

.BsyDashMap .dash-map-search .map-search-input {
    width: 100%;
    position: relative
}

.BsyDashMap .dash-map-search .map-search-input input {
    height: 36px;
    line-height: 36px;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    padding-right: 40px;
    padding-left: 10px
}

.BsyDashMap .dash-map-search .map-search-input i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 15px;
    color: #999
}

.BsyDashMap .dash-map-search .location-tip {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-top: 5px;
    background-color: #fff;
    overflow: hidden
}

.BsyDashMap .dash-map-search .location-tip .search-item {
    width: 100%;
    height: 32px;
    max-height: 320px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    cursor: pointer
}

.BsyDashMap .dash-map-search .location-tip .search-item .item-name {
    font-size: 14px;
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none;
    max-width: 100%
}

.BsyDashMap .dash-map-search .location-tip .search-item .item-district {
    font-size: 12px;
    color: #999;
    margin-left: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashMap .dash-map-search .location-tip .search-item:hover {
    background-color: #f5f5f5
}

.BsyDashMap .dash-map-data-window {
    position: absolute;
    top: 20px;
    left: 6px;
    width: 344px;
    height: calc(100% - 40px)
}

.BsyDashMap .dash-map-data-window .map-data {
    position: relative;
    width: 100%;
    padding: 0 14px;
    height: 36px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.BsyDashMap .dash-map-data-window .map-data .map-data-title {
    display: flex;
    align-items: center
}

.BsyDashMap .dash-map-data-window .map-data .map-data-title .data-title {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.BsyDashMap .dash-map-data-window .map-data .map-data-title .data-msg {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-left: 6px
}

.BsyDashMap .dash-map-data-window .map-data-list {
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
    max-height: calc(100% - 40px);
    padding: 10px;
    overflow: auto
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item {
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 8px
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content {
    border-radius: 4px;
    padding: 0 10px;
    border: 1px solid transparent;
    background-color: #f4f6fc
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content:hover {
    border-color: rgba(2, 101, 255, .3);
    background-color: #f2f6ff
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header {
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header .info-btn {
    display: flex;
    align-items: center
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header .info-btn .map-btn {
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border-radius: 2px;
    margin-right: 14px;
    background: #e5e5e5;
    cursor: pointer
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header .info-btn .map-btn.active,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header .info-btn .map-btn:hover {
    color: #fff;
    background: var(--bsy-base-color)
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-header .info-btn .map-btn:last-child {
    margin-right: 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body {
    padding: 12px 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body .item-body-line {
    display: flex;
    margin-bottom: 8px
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body .item-body-line:last-child {
    margin-bottom: 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body .item-body-line .field-icon {
    display: flex;
    margin-right: 10px
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body .item-body-line .field-icon i {
    font-size: 12px;
    color: #333;
    height: 16px;
    line-height: 16px;
    font-weight: 700
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-body .item-body-line .field-cont {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    word-break: break-all
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu {
    display: flex;
    padding: 12px 0;
    border-top: 1px solid #e0e0e0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span {
    font-size: 14px;
    padding: 0 16px;
    position: relative
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i:before,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #e5e5e5
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i:first-child,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span:first-child {
    padding-left: 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i:last-child,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span:last-child {
    padding-right: 0
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i:last-child:before,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span:last-child:before {
    background-color: initial
}

.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu i:hover,
.BsyDashMap .dash-map-data-window .map-data-list .map-data-item .item-data-content .item-footer .table_menu span:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyDashCard {
    width: 100%;
    height: 100%;
    overflow: auto
}

.BsyDashCard .bsy-card-content {
    width: 100% !important;
    overflow-y: hidden;
    height: unset !important;
    padding: 0 8px 20px;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    align-content: flex-start
}

.BsyDashCard .bsy-card-content .card {
    padding: 16px;
    margin: 20px 8px 0;
    position: relative;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    min-height: 300px
}

.BsyDashCard .bsy-card-content .card.place-holder {
    height: 0;
    min-height: 0;
    margin: 0 8px;
    padding: 0 !important;
    box-shadow: none;
    min-height: 0 !important
}

.BsyDashCard .bsy-card-content .card.small {
    flex: 1 0 180px;
    min-width: 180px;
    max-width: 240px
}

.BsyDashCard .bsy-card-content .card.small.left.circular .card-title,
.BsyDashCard .bsy-card-content .card.small.left.fill .card-title,
.BsyDashCard .bsy-card-content .card.small.left.full .card-title,
.BsyDashCard .bsy-card-content .card.small.left.rectangular .card-title,
.BsyDashCard .bsy-card-content .card.small.right.circular .card-title,
.BsyDashCard .bsy-card-content .card.small.right.fill .card-title,
.BsyDashCard .bsy-card-content .card.small.right.full .card-title,
.BsyDashCard .bsy-card-content .card.small.right.rectangular .card-title {
    width: 50px !important
}

.BsyDashCard .bsy-card-content .card.small.left.circular .card-title .nickname,
.BsyDashCard .bsy-card-content .card.small.left.rectangular .card-title .nickname,
.BsyDashCard .bsy-card-content .card.small.right.circular .card-title .nickname,
.BsyDashCard .bsy-card-content .card.small.right.rectangular .card-title .nickname {
    width: 50px !important;
    height: 50px !important;
    font-size: 18px
}

.BsyDashCard .bsy-card-content .card.small.left.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.small.left.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.small.left.rectangular .card-title .image,
.BsyDashCard .bsy-card-content .card.small.left.rectangular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.small.right.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.small.right.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.small.right.rectangular .card-title .image,
.BsyDashCard .bsy-card-content .card.small.right.rectangular .card-title .image .img-header {
    height: 50px !important
}

.BsyDashCard .bsy-card-content .card.small.left .card-content,
.BsyDashCard .bsy-card-content .card.small.right .card-content {
    max-width: calc(100% - 66px)
}

.BsyDashCard .bsy-card-content .card.small.left.left .card-content .card-footer,
.BsyDashCard .bsy-card-content .card.small.right.left .card-content .card-footer {
    left: 82px
}

.BsyDashCard .bsy-card-content .card.small.left.right .card-content .card-footer,
.BsyDashCard .bsy-card-content .card.small.right.right .card-content .card-footer {
    right: 82px
}

.BsyDashCard .bsy-card-content .card.middle {
    flex: 1 0 240px;
    min-width: 240px;
    max-width: 320px
}

.BsyDashCard .bsy-card-content .card.middle.left.circular .card-title,
.BsyDashCard .bsy-card-content .card.middle.left.fill .card-title,
.BsyDashCard .bsy-card-content .card.middle.left.full .card-title,
.BsyDashCard .bsy-card-content .card.middle.left.rectangular .card-title,
.BsyDashCard .bsy-card-content .card.middle.right.circular .card-title,
.BsyDashCard .bsy-card-content .card.middle.right.fill .card-title,
.BsyDashCard .bsy-card-content .card.middle.right.full .card-title,
.BsyDashCard .bsy-card-content .card.middle.right.rectangular .card-title {
    width: 80px !important
}

.BsyDashCard .bsy-card-content .card.middle.left.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.middle.left.rectangular .card-title .image,
.BsyDashCard .bsy-card-content .card.middle.right.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.middle.right.rectangular .card-title .image {
    height: 80px !important
}

.BsyDashCard .bsy-card-content .card.middle.left.circular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.middle.left.rectangular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.middle.right.circular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.middle.right.rectangular .card-title .image .nickname {
    width: 80px !important;
    height: 80px !important;
    font-size: 24px
}

.BsyDashCard .bsy-card-content .card.middle.left.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.middle.left.rectangular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.middle.right.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.middle.right.rectangular .card-title .image .img-header {
    height: 80px !important
}

.BsyDashCard .bsy-card-content .card.middle.left .card-content,
.BsyDashCard .bsy-card-content .card.middle.right .card-content {
    max-width: calc(100% - 96px)
}

.BsyDashCard .bsy-card-content .card.middle.left.left .card-content .card-footer,
.BsyDashCard .bsy-card-content .card.middle.right.left .card-content .card-footer {
    left: 112px
}

.BsyDashCard .bsy-card-content .card.middle.left.right .card-content .card-footer,
.BsyDashCard .bsy-card-content .card.middle.right.right .card-content .card-footer {
    right: 112px
}

.BsyDashCard .bsy-card-content .card.large {
    flex: 1 0 320px;
    min-width: 320px;
    max-width: 400px
}

.BsyDashCard .bsy-card-content .card.large.left.circular .card-title,
.BsyDashCard .bsy-card-content .card.large.left.fill .card-title,
.BsyDashCard .bsy-card-content .card.large.left.full .card-title,
.BsyDashCard .bsy-card-content .card.large.left.rectangular .card-title,
.BsyDashCard .bsy-card-content .card.large.right.circular .card-title,
.BsyDashCard .bsy-card-content .card.large.right.fill .card-title,
.BsyDashCard .bsy-card-content .card.large.right.full .card-title,
.BsyDashCard .bsy-card-content .card.large.right.rectangular .card-title {
    width: 100px !important
}

.BsyDashCard .bsy-card-content .card.large.left.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.large.left.rectangular .card-title .image,
.BsyDashCard .bsy-card-content .card.large.right.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.large.right.rectangular .card-title .image {
    height: 100px !important
}

.BsyDashCard .bsy-card-content .card.large.left.circular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.large.left.rectangular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.large.right.circular .card-title .image .nickname,
.BsyDashCard .bsy-card-content .card.large.right.rectangular .card-title .image .nickname {
    width: 100px !important;
    height: 100px !important;
    font-size: 28px
}

.BsyDashCard .bsy-card-content .card.large.left.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.large.left.rectangular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.large.right.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.large.right.rectangular .card-title .image .img-header {
    height: 100px !important
}

.BsyDashCard .bsy-card-content .card.large.left .card-content,
.BsyDashCard .bsy-card-content .card.large.right .card-content {
    max-width: calc(100% - 116px)
}

.BsyDashCard .bsy-card-content .card.large.left .card-content .card-footer {
    left: 132px
}

.BsyDashCard .bsy-card-content .card.large.right .card-content .card-footer {
    right: 132px
}

.BsyDashCard .bsy-card-content .card.hasMenu {
    padding: 16px 16px 54px
}

.BsyDashCard .bsy-card-content .card .card-title .image {
    position: relative;
    background-color: #f5f5f5
}

.BsyDashCard .bsy-card-content .card .card-title .image .card_image_empty {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px
}

.BsyDashCard .bsy-card-content .card .card-title .image .nickname {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-0 {
    background: #f5c547
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-1 {
    background-color: #528cff
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-2 {
    background-color: #50b0f4
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-3 {
    background-color: #61db8c
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-4 {
    background-color: #ff8383
}

.BsyDashCard .bsy-card-content .card .card-title .image .color-5 {
    background-color: #444
}

.BsyDashCard .bsy-card-content .card .card-title .image img {
    border-radius: 8px;
    width: 60px;
    height: 60px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header {
    font-size: 14px;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 11px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top {
    margin-bottom: 5px;
    width: 100%;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top .left {
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
    letter-spacing: .06px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top .left.cell-no-auth {
    color: #c3c3c3
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top .right {
    position: relative;
    color: #fff;
    background: var(--bsy-base-color);
    border-radius: 6px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 48%;
    text-align: right;
    letter-spacing: .06px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top .right.cell-no-auth {
    color: #c3c3c3
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .top pre {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 22px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .left {
    float: left;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
    letter-spacing: .06px;
    display: flex;
    align-items: center
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .left img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 4px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .left span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .left .table-user-portrait-name {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 4px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .left.cell-no-auth {
    color: #c3c3c3
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .right {
    float: right;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
    right: 0;
    text-align: right;
    letter-spacing: .06px;
    font-size: 12px
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom .right.cell-no-auth {
    color: #c3c3c3
}

.BsyDashCard .bsy-card-content .card .card-content .card-header .bottom pre {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashCard .bsy-card-content .card .card-content .card-body {
    position: relative;
    font-size: 14px;
    color: #666;
    margin-bottom: 11px;
    cursor: pointer
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem {
    display: flex;
    padding: 6px 0;
    min-height: 32px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataIcon {
    width: 12px;
    line-height: 22px;
    height: 22px;
    margin-right: 6px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataIcon i {
    font-size: 12px;
    color: #81889f
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataTitle {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .24px;
    color: #81889f;
    font-size: 12px;
    line-height: 22px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 130px);
    letter-spacing: .24px;
    height: 25px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent.card-checkboxgroup,
.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent.card-combocheck {
    height: 75px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent.card-textarea {
    height: 66px;
    line-height: 22px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent.cell-no-auth {
    color: #c3c3c3
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent .table-tag-list {
    white-space: normal
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent .table-tag-list .fui-text-tag {
    margin-bottom: 3px;
    padding: 0 6px
}

.BsyDashCard .bsy-card-content .card .card-content .card-body .dataItem .dataContent.empty {
    width: calc(100% - 40px)
}

.BsyDashCard .bsy-card-content .card .card-footer {
    height: 43px;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px
}

.BsyDashCard .bsy-card-content .card .card-footer .menu {
    margin: 16px 0 0;
    height: 25px;
    line-height: 25px;
    display: flex
}

.BsyDashCard .bsy-card-content .card .card-footer .menu .item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashCard .bsy-card-content .card .card-footer .menu .item,
.BsyDashCard .bsy-card-content .card .card-footer .menu i {
    text-align: center;
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    flex: 1 1 auto;
    letter-spacing: .24px
}

.BsyDashCard .bsy-card-content .card .card-footer .menu .item:nth-child(2),
.BsyDashCard .bsy-card-content .card .card-footer .menu .item:nth-child(3) {
    border-left: 1px solid #e0e0e0
}

.BsyDashCard .bsy-card-content .card .card-footer .menu i,
.BsyDashCard .bsy-card-content .card .card-footer .menu span {
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 4px
}

.BsyDashCard .bsy-card-content .card .card-footer .menu i:hover,
.BsyDashCard .bsy-card-content .card .card-footer .menu span:hover {
    background: #fff;
    border-color: rgba(2, 101, 255, .1)
}

.BsyDashCard .bsy-card-content .card.top .card-title .image {
    height: 142px;
    margin-bottom: 16px
}

.BsyDashCard .bsy-card-content .card.top .card-title .image .img-header {
    border-radius: 6px;
    width: 100%;
    height: 100%
}

.BsyDashCard .bsy-card-content .card.left {
    display: flex
}

.BsyDashCard .bsy-card-content .card.left .card-title {
    flex: none;
    width: 104px;
    margin-right: 16px
}

.BsyDashCard .bsy-card-content .card.left .card-title .image .img-header {
    border-radius: 6px;
    height: 100%
}

.BsyDashCard .bsy-card-content .card.left .card-content {
    flex: 1 1 auto
}

.BsyDashCard .bsy-card-content .card.right {
    display: flex;
    flex-direction: row-reverse
}

.BsyDashCard .bsy-card-content .card.right .card-title {
    flex: none;
    width: 104px;
    margin-left: 16px
}

.BsyDashCard .bsy-card-content .card.right .card-title .image .img-header {
    border-radius: 6px;
    height: 100%
}

.BsyDashCard .bsy-card-content .card.right .card-content {
    flex: 1 1 auto
}

.BsyDashCard .bsy-card-content .card.full .card-title .image .img-header {
    background-color: #f5f5f5;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center
}

.BsyDashCard .bsy-card-content .card.fill .card-title .image .img-header {
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

.BsyDashCard .bsy-card-content .card.circular .card-title .image,
.BsyDashCard .bsy-card-content .card.circular .card-title .image .nickname {
    border-radius: 50%
}

.BsyDashCard .bsy-card-content .card.circular .card-title .image .img-header {
    border-radius: 50%
}

.BsyDashCard .bsy-card-content .card.circular .card-title .image .img-header,
.BsyDashCard .bsy-card-content .card.rectangular .card-title .image .img-header {
    background-color: #f5f5f5;
    height: 104px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover
}

.BsyDashCard .bsy-card-content .card.middle .card-content .card-body {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.BsyDashCard .bsy-card-content .card.middle .card-content .card-body .dataItem {
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start
}

.BsyDashCard .bsy-card-content .card.middle .card-content .card-body .dataItem .dataTitle {
    width: calc(100% - 25px)
}

.BsyDashCard .bsy-card-content .card.middle .card-content .card-body .dataItem .dataContent {
    margin-left: 0;
    width: calc(100% - 20px)
}

.BsyDashCard .bsy-card-content .card.line2 .card-content .card-body,
.BsyDashCard .bsy-card-content .card.small .card-content .card-body {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.BsyDashCard .bsy-card-content .card.line2 .card-content .card-body .dataItem,
.BsyDashCard .bsy-card-content .card.small .card-content .card-body .dataItem {
    width: 50%;
    flex-wrap: wrap;
    align-content: flex-start
}

.BsyDashCard .bsy-card-content .card.line2 .card-content .card-body .dataItem .dataTitle,
.BsyDashCard .bsy-card-content .card.small .card-content .card-body .dataItem .dataTitle {
    width: calc(100% - 25px)
}

.BsyDashCard .bsy-card-content .card.line2 .card-content .card-body .dataItem .dataContent,
.BsyDashCard .bsy-card-content .card.small .card-content .card-body .dataItem .dataContent {
    margin-left: 0;
    width: calc(100% - 20px)
}

.BsyDashCard .bsy-card-content .card.middle.line1 .card-content .card-body .dataItem,
.BsyDashCard .bsy-card-content .card.small.line1 .card-content .card-body .dataItem {
    width: 100%
}

.BsyDashCard .bsy-card-content .card.middle.line2 .card-content .card-body .dataItem,
.BsyDashCard .bsy-card-content .card.small.line2 .card-content .card-body .dataItem {
    width: 50%
}

.BsyDashCard .bsy-card-content .card.middle.line2 .card-content .card-body .dataItem .dataContent.empty,
.BsyDashCard .bsy-card-content .card.small.line2 .card-content .card-body .dataItem .dataContent.empty {
    width: 100%
}

.BsyDashCard .bsy-card-content .card.left.fill .card-title,
.BsyDashCard .bsy-card-content .card.left.full .card-title,
.BsyDashCard .bsy-card-content .card.right.fill .card-title,
.BsyDashCard .bsy-card-content .card.right.full .card-title {
    position: relative
}

.BsyDashCard .bsy-card-content .card.left.fill .card-title .image,
.BsyDashCard .bsy-card-content .card.left.full .card-title .image,
.BsyDashCard .bsy-card-content .card.right.fill .card-title .image,
.BsyDashCard .bsy-card-content .card.right.full .card-title .image {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -40px;
    top: 0
}

.BsyDashWebPage {
    width: 100%;
    height: 100%
}

.bsy-monthYearPane {
    overflow: hidden;
    font-size: 14px;
    line-height: 0;
    white-space: nowrap;
    background-color: #fff;
    border: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.bsy-monthYearPane .date-head {
    position: relative;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
}

.bsy-monthYearPane .date-head .head-btn {
    cursor: pointer;
    color: #666;
    display: flex
}

.bsy-monthYearPane .date-head .head-btn.btn-year span.on {
    cursor: pointer
}

.bsy-monthYearPane .date-head .head-btn.btn-year span.on:hover {
    color: var(--bsy-base-color)
}

.bsy-monthYearPane .date-head .head-btn.btn-next i {
    display: block;
    transform: rotate(-180deg)
}

.bsy-monthYearPane .date-head .head-btn i {
    font-size: 14px
}

.bsy-monthYearPane .date-head .head-btn i.icon-bsy-iconzuofanhui {
    margin: 0 6px
}

.bsy-monthYearPane .date-head .head-btn i:hover {
    color: #333
}

.bsy-monthYearPane .date-head:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e0e0e0;
    content: ""
}

.bsy-monthYearPane .date-month {
    height: 230px;
    white-space: normal;
    padding: 0 .5%
}

.bsy-monthYearPane .date-month .calendarMonth {
    width: 100%;
    height: 100%
}

.bsy-monthYearPane .date-month .calendarMonth .item-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    height: 25%;
    color: #333
}

.bsy-monthYearPane .date-month .calendarMonth .item-cell .cell-btn {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 218ms
}

.bsy-monthYearPane .date-month .calendarMonth .item-cell .cell-btn:hover {
    background-color: #e5efff
}

.bsy-monthYearPane .date-month .calendarMonth .item-cell .cell-btn.selected {
    color: #fff;
    background-color: var(--bsy-base-color)
}

.bsy-monthYearPane .date-month .calendarYear {
    width: 100%;
    height: 100%
}

.bsy-monthYearPane .date-month .calendarYear .item-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    height: 25%;
    color: #333
}

.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 218ms
}

.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn.last-year,
.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn.next-year {
    color: #999
}

.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn.disabled {
    opacity: .8
}

.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn:hover {
    background-color: #e5efff
}

.bsy-monthYearPane .date-month .calendarYear .item-cell .cell-btn.selected {
    background-color: var(--bsy-base-color);
    color: #fff
}

.bsy-monthYearPane .date-month .calendarCont {
    width: 100%;
    height: 100%
}

.bsy-monthYearPane .date-month .calendarCont table {
    width: 100%;
    height: 100%;
    position: relative
}

.bsy-monthYearPane .date-month .calendarCont table thead {
    position: relative
}

.bsy-monthYearPane .date-month .calendarCont table thead tr th {
    height: 42px;
    position: relative;
    text-align: center
}

.bsy-monthYearPane .date-month .calendarCont table thead:after {
    position: absolute;
    right: 10px;
    left: 10px;
    height: 1px;
    background: #e0e0e0;
    content: ""
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td {
    position: relative;
    text-align: center;
    cursor: pointer
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td .day-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
    margin: auto;
    line-height: 24px;
    border-radius: 4px;
    background: #fff;
    transition: background 218ms
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td .day-wrapper .day-item {
    color: #333;
    font-size: 14px
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td .day-wrapper:hover {
    background: #e5efff
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td.odd .day-wrapper .day-item {
    color: #999
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td.today .day-wrapper .day-item {
    color: var(--bsy-base-color)
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td.selected .day-wrapper {
    background-color: var(--bsy-base-color) !important
}

.bsy-monthYearPane .date-month .calendarCont table tbody tr td.selected .day-wrapper .day-item {
    color: #fff !important
}

.bsy-monthYearPane .date-foot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 10px;
    border-top: 1px solid #e0e0e0;
    cursor: pointer
}

.bsy-monthYearPane .date-foot .foot-btn {
    color: var(--bsy-base-color)
}

.bsy-monthYearPane .date-foot:hover .foot-btn {
    color: var(--bsy-base-hovercolor)
}

.BsyTagList {
    overflow: hidden
}

.BsyTagList .bsy-text-tag {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    background: #fff;
    border-radius: 12px;
    padding: 0 12px;
    box-sizing: border-box;
    flex: none;
    margin-right: 2px;
    margin-bottom: 2px;
    color: #fff
}

.BsyTagList .bsy-text-tag.middle {
    font-size: 12px;
    line-height: 20px;
    border-radius: 11px;
    padding: 0 11px;
    min-height: 22px
}

.BsyTagList .bsy-text-tag.multi-line {
    white-space: unset;
    word-break: unset;
    word-wrap: unset
}

.bsy-calendar {
    width: 100%;
    height: 100%;
    font-size: 14px
}

.bsy-calendar .header-calendar {
    margin-bottom: 10px;
    justify-content: space-between
}

.bsy-calendar .header-calendar,
.bsy-calendar .header-calendar .nav {
    height: 26px;
    display: flex;
    align-items: center
}

.bsy-calendar .header-calendar .nav .menu-btn {
    margin: 0 10px
}

.bsy-calendar .header-calendar .nav .menu-btn.next {
    cursor: pointer
}

.bsy-calendar .header-calendar .nav .menu-btn.prev {
    cursor: pointer;
    margin: 0 10px
}

.bsy-calendar .header-calendar .nav .menu-btn.text {
    min-width: 110px;
    height: 26px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    cursor: pointer
}

.bsy-calendar .header-calendar .nav .menu-btn.today {
    margin-left: 5px;
    color: var(--bsy-base-color);
    background: #e5efff;
    border-color: transparent;
    height: 26px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 26px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 218ms;
    font-weight: 500
}

.bsy-calendar .header-calendar .nav .menu-btn.today:hover {
    color: #fff !important;
    background: var(--bsy-base-color);
    border-color: var(--bsy-base-color)
}

.bsy-calendar .header-calendar .nav .menu-btn.notAllowed {
    cursor: not-allowed;
    pointer-events: none
}

.bsy-calendar .header-calendar .nav .menu-btn i {
    color: #999;
    font-size: 20px
}

.bsy-calendar .header-calendar .nav .menu-btn i:hover {
    background: #eee;
    border-radius: 4px
}

.bsy-calendar .header-calendar .nav .segment-calendar {
    display: flex
}

.bsy-calendar .header-calendar .nav .segment-calendar .segment-item {
    flex: none;
    height: 26px;
    line-height: 24px;
    padding: 0 15px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-right: none;
    cursor: pointer;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    transition: background-color 218ms
}

.bsy-calendar .header-calendar .nav .segment-calendar .segment-item:first-child {
    border-radius: 4px 0 0 4px
}

.bsy-calendar .header-calendar .nav .segment-calendar .segment-item:last-child {
    border-right: 1px solid #d9d9d9;
    border-radius: 0 4px 4px 0
}

.bsy-calendar .header-calendar .nav .segment-calendar .segment-item:hover {
    background: #e5efff;
    border-color: #e5efff
}

.bsy-calendar .header-calendar .nav .segment-calendar .segment-item.selected {
    color: #fff !important;
    background: var(--bsy-base-color);
    border-color: var(--bsy-base-color)
}

.bsy-calendar .body-calendar {
    width: 100%;
    height: calc(100% - 40px)
}

.bsy-calendar .body-calendar .month-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 1px solid #e2e2e2
}

.bsy-calendar .body-calendar .month-body .calendarCont {
    width: 380px;
    flex: none;
    height: 100%
}

.bsy-calendar .body-calendar .month-body .calendarCont table {
    width: 100%;
    height: 100%;
    min-height: 324px;
    max-height: 420px;
    position: relative
}

.bsy-calendar .body-calendar .month-body .calendarCont table thead tr th {
    height: 42px;
    text-align: center
}

.bsy-calendar .body-calendar .month-body .calendarCont table thead:after {
    position: absolute;
    right: 20px;
    left: 20px;
    height: 1px;
    background: #e0e0e0;
    content: ""
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td {
    position: relative;
    text-align: center;
    cursor: pointer
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
    margin: auto;
    line-height: 30px;
    border-radius: 50%;
    background: transparent;
    transition: background 218ms
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper .day-item {
    color: #333;
    font-size: 14px
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper:hover {
    background: #e5efff
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.odd .day-wrapper .day-item {
    color: #999
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.today .day-wrapper .day-item {
    color: var(--bsy-base-color)
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.hasData .day-wrapper .day-item .dot {
    background: var(--bsy-base-color);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    left: 13px
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.hasData.selected .day-wrapper .day-item:after {
    background: #fff
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.selected .day-wrapper {
    background: var(--bsy-base-color) !important
}

.bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.selected .day-wrapper .day-item {
    color: #fff
}

.bsy-calendar .body-calendar .month-body .blockCont {
    width: calc(100% - 380px);
    min-width: 280px;
    height: 100%;
    overflow: auto;
    background: #f3f6fc;
    border-left: 4px solid #d2e6fc;
    border-radius: 0 4px 4px 0;
    padding-top: 10px
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list {
    margin: 5px 20px 20px;
    padding: 10px 0;
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .2);
    border-radius: 4px;
    background: #fff;
    cursor: pointer
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list:hover {
    background: #e1e9f8
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item {
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    margin: 5px 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .titleDate {
    display: block;
    width: 100%;
    line-height: 25px;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    color: #333;
    font-size: 14px
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .item-content {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #989898
}

.bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .item-content.cell-no-auth {
    color: #c3c3cc
}

.bsy-calendar .body-calendar .month-body .blockCont .empty-cont {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-calendar .body-calendar .month-body .blockCont .empty-cont .empty-text {
    font-size: 14px;
    color: #91a1b7
}

.bsy-calendar .body-calendar .week-body {
    width: 100%;
    height: 100%
}

.bsy-calendar .body-calendar .week-body .weekCont {
    position: relative;
    width: 100%;
    height: 100%
}

.bsy-calendar .body-calendar .week-body .weekCont .week-days-wrapper {
    display: flex;
    align-items: flex-start
}

.bsy-calendar .body-calendar .week-body .weekCont .week-days-wrapper .week-day-header {
    flex: 1 1;
    padding: 0 2px;
    overflow: hidden;
    color: #91a1b7;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content {
    display: flex;
    min-height: 100%
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .week-day-list {
    flex: 1 1;
    margin: 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list {
    position: relative;
    min-height: 100%;
    padding: 10px 5px;
    background: #f3f6fc
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list {
    color: #1f2d3d;
    line-height: 21px;
    border-radius: 3px
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #1f2d3d;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 5px 0;
    transition: background-color 218ms;
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .2);
    border-radius: 4px;
    background: #fff
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: 0 5px
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content,
.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .titleDate {
    padding: 5px;
    color: #1f2d3d;
    font-size: 12px;
    line-height: 14px;
    white-space: normal;
    cursor: pointer;
    display: block
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .titleDate {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 47px
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content {
    color: #999
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content.cell-no-auth {
    color: #c3c3cc
}

.bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list:hover {
    background: #e1e9f8
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .menu-btn.today {
    color: #7993f1;
    background: #e5efff
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .menu-btn.today:hover {
    color: #fff !important;
    background: #7993f1;
    border-color: #7993f1
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .menu-btn i {
    color: #999
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .menu-btn i:hover {
    color: #333
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .segment-calendar .segment-item {
    border: 1px solid #d9d9d9
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .segment-calendar .segment-item:last-child {
    border-right: 1px solid #d9d9d9
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .segment-calendar .segment-item:hover {
    background: #e5efff;
    border-color: #e5efff
}

.preset_style_dark_3 .bsy-calendar .header-calendar .nav .segment-calendar .segment-item.selected {
    color: #fff !important;
    background: #7993f1;
    border-color: #7993f1
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body {
    border-top: 1px solid #e2e2e2
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table thead:after {
    background: #e0e0e0;
    content: ""
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper {
    background: transparent
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper .day-item {
    color: #fff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td .day-wrapper:hover {
    background: #e5efff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.odd .day-wrapper .day-item {
    color: #999
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.today .day-wrapper .day-item {
    color: #7993f1
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.hasData .day-wrapper .day-item:after {
    background: #7993f1
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.hasData.selected .day-wrapper .day-item:after {
    background: #fff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.selected .day-wrapper {
    background: #7993f1 !important
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .calendarCont table tbody tr td.selected .day-wrapper .day-item {
    color: #fff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont {
    background: #f3f6fc;
    border-left: 4px solid #d2e6fc
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list {
    box-shadow: 0 2px 14px 0 var(--bsy-base-bgcolor);
    background: #fff;
    cursor: pointer;
    transition: background-color 218ms
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list:hover {
    background: #e1e9f8
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item {
    border-bottom: 1px solid #eee
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .titleDate {
    color: #fff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .item-content {
    color: #989898
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .block-list .block-item .item-content.cell-no-auth {
    color: #c3c3cc
}

.preset_style_dark_3 .bsy-calendar .body-calendar .month-body .blockCont .empty-cont .empty-text,
.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .week-days-wrapper .week-day-header {
    color: #91a1b7
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list {
    background: #f3f6fc
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list {
    color: #1f2d3d
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list {
    color: #1f2d3d;
    border-bottom: 3px solid #eee
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item {
    border-bottom: 1px solid #eee
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content,
.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .titleDate {
    color: #fff
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content {
    color: #999
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list .block-item .item-content.cell-no-auth {
    color: #c3c3cc
}

.preset_style_dark_3 .bsy-calendar .body-calendar .week-body .weekCont .date-days-wrapper .wrapper-content .calendar-data-list .x-list .block-list:hover {
    background: hsla(0, 0%, 100%, .2)
}

.BsyDashDescription {
    width: 100%;
    height: 100%;
    padding: 10px 0 10px 10px
}

.BsyDashDescription a {
    color: #0265cc
}

.BsyDashImage {
    width: 100%;
    height: 100%
}

.BsyDashImage.visit-mode {
    cursor: pointer
}

.BsyDashImage.center {
    background-size: contain
}

.BsyDashImage.center,
.BsyDashImage.center_fill {
    background-repeat: no-repeat;
    background-position: 50%
}

.BsyDashImage.center_fill {
    background-size: cover
}

.BsyDashImage.stretch_fill {
    background-size: 100% 100%
}

.bsy-dash-metric-table {
    position: relative;
    height: 100%;
    width: 100%
}

.bsy-dash-metric-table.one-dimension {
    margin: 42px 10px 10px;
    width: auto;
    height: calc(100% - 52px)
}

.bsy-dash-metric-table.one-dimension .title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.one-dimension .number-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.bsy-dash-metric-table.one-dimension .number-lines .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    line-height: 45px
}

.bsy-dash-metric-table.one-dimension .number-lines .line .left {
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.one-dimension .number-lines .line .right {
    flex: none;
    border-radius: 100px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    margin-left: 20px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.one-dimension .number-lines .line.sum {
    border-bottom: 1px solid #c9ced9
}

.bsy-dash-metric-table.one-dimension .number-lines .line.sum .left {
    color: var(--bsy-base-color)
}

.bsy-dash-metric-table.one-dimension .number-lines .line.sum .right {
    color: #fff;
    background: #f9c51a
}

.bsy-dash-metric-table.one-dimension .number-lines .line.number {
    border-bottom: 1px solid #e9e9e9
}

.bsy-dash-metric-table.one-dimension .number-lines .line.number .right {
    color: var(--bsy-base-color);
    background: #eaf5ff;
    cursor: pointer
}

.bsy-dash-metric-table.one-dimension .number-lines .line.number .right.show-alert {
    color: #e64340
}

.bsy-dash-metric-table.one-dimension .number-lines .line.number:hover {
    background-color: rgba(2, 101, 255, .1)
}

.bsy-dash-metric-table.no-dimension {
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bsy-dash-metric-table.no-dimension .content-wrapper.pop {
    cursor: pointer
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper {
    min-height: 20px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content {
    max-width: 100%;
    line-height: 1.2
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .sum {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0 15px
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .sum .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .sum .sum-val {
    display: block;
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .sum .sum-unit {
    flex: 1 1 auto;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper .inner-content .title .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_1 .content-wrapper.pop .inner-content .sum:hover {
    background-color: #e0e0e0
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon {
    position: absolute;
    top: 0;
    right: 0
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i {
    display: inline-block;
    background-size: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-1 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-2 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-3 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-4 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-5 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABlCAYAAAC7vkbxAAAAAXNSR0IArs4c6QAABcRJREFUeAHtXd+LVVUYdcpCKCnCLCpwmHqLHkSsh1GjmMbwQZ0IoRd7isL+BFHwyecYQXwRexE1ghgGegiyh5kofPAXaNEEY1HaDxymH5qmjmuBXmQ7d87eZ+0fc879NizuPfd+e3/ft9bZ++x9zj3nLllixRgwBowBY8AYMAaMAWPAGDAGjIG8DPSldjc3N/cAfKwEHkntK2H7l/v6+mYStt9pOokgEGE9PLwNbAL6gaVA08t/SOAsMAYcgUBTiz4hCLEG+BJoe7mBBA8AT8UWJVoPQXAfILhRoA29wZfnSzAcQW/5xrdClR3Hd7lAjD1oZD/QS2KQt6eBr5D/EDdiFLmHIJh3EMjhGME0uA0e8F9BT/lBzUESBGJw9vQj8KgaSAvqT0KQdWoe6pC128ToSDCIHXRrZ6vmm9o9BM65rvgTWFbTdxurHUcveV1JTOkhG02M+6hfjx31ifs+DfhAEeTVAD+9YspZ5qCSrCLIs4rjFteVeFEEib5KbYlIEi+KIL22CPTdXyReFEF8AzS7AAZMkACycpiaIDlYDvBhggSQlcPUBMnBcoAPEySArBymJkgOlgN8KHPmkBOTvE5wCpgNiC2nKXPhOai1wHM5Hbu+FEHctrptf4IvLgMhAnZrK+Xnf6DxcaAfeBMoUpQha84j4gnY8GraYhfjbirk4wJw/u4HuV8VQXxI5s9mmlaY19elglYEKRVzDr/XcjiZz4ciiM+QdWs+pw34TOFFSk9x7DNkNfXnoyskVoXKiiA+bnnR/4aP4SKyYbxbSsWTWpDHkdg2gMPbYh++biJGLgO2Aw8BRUqOdQi7//vA/8DPgM+xB2ZZy8PwxgWhzzCcNDBFkFBiudcNJM2mBY2nHrJaQFHeFEyQvHxXejNBKinKa2CC5OW70psJUklRXgMTJC/fld6UaW+dOfu/iCjGyn052mnlzqQIUqn2HYN/8PopQDFi+eOqn+ugDcCLQGtK6r3sCpj6GODp7FhikHzG/SAwARS7dgHf0UtqQdgzUp4X4rDJa/U8LdOKogjic+rk7wwssed9n8FPFheKID4HdR+bGInyBwqtKIogPgT49CKfdqpsBqoMmvJ9akFeyEAEZ1yrMvjJ4iK1IMPIIuVdukWv7qVQKOZUtFt8vAJ3AjgHcC0S47jCmRtvHeMP2lLO4tB83qIIEnJ84E80CSsVDKQesirc29cuAyaIy0jhbROksACuexPEZaTwtglSWADXvQniMlJ42wQpLIDr3gRxGSm8bYIUFsB1b4K4jBTeNkEKC+C6N0FcRgpvmyCFBXDdK2d7Y5xGd+PJsf0LnHwGnAH4gP2FCp9HvBp4C5AebrmQk3u/UwS5t52mvD+GQN/Do1z/CgkYTxrdBfvDwGsh9erYKkNWyPWQOrHFrvMdGnw3VAwGgTqX8MJb837ndsqiCNK0IesjEFs1RHXlGnX50OiDXQ0ifaEIEimEbM2cjOApRhsLhqEI0rQha+WCTPh9+aSfWX0rRZCmDVlD9Wnq1Hyj8y7RG0WQRCEla3YHZksv120ddUdQN/kDBXpJEE7x+f9YHwKP+QoD2xXAbtgf9a2j2CnrkCuK40J1+eyVfcAoSL6A16pZFxeGfKBASLkaYuzaKoJcdBtr0DaPf/2J4pV4UYas6UQJNb1ZiRdFkM+bzlyC+Hk/zKTSriIIbyX7TXHewrrjWNFfV/KqLQgc8zaAvYrzltWNwkdtQe6QuR+vUy0jtm46h7CTyg/9lFfbmD6+hAw4fHGK2KvlNBIfhCC83UIqag/hqWnuFTw1LQcjZVKuMp/avTmGGExBFoSNIBjOuAaBaaCXyhdIln+5+lOspKMIwmAQFLstn6qwE5gF2lzYK7Yh52FgJmai8jFkvmBwXOF9hTwzyj+4fx54BuBpiyYWXmYg6b8CHJ7HgG8hRNMuPyBsK8aAMWAMGAPGgDFgDBgDxoAxYAwYA8aAMRDGwG3TDro/CImNPAAAAABJRU5ErkJggg==)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-6 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABlCAYAAAC7vkbxAAAAAXNSR0IArs4c6QAABKJJREFUeAHtnVuITVEYx89xv4REyaWEErnMA1N4cCk8CjVF5N2D8qRmpsQLUhTlxcOUS8qTPPBAigdPJm/MJNIo86SU27gf/8/MvMz57P1fe9a0nLP/qz6n861vfd9ev/++zN4da1cqaiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAo1PoDraKdRqtXHI0QpbAZsPmwUrQ6thku9g/bDuarX6MsakCwsCIQx+B6wNNi/GxjR4jufY/i7YJYjztehcggWBEDamHdYJm1a0cBOPe4O5HYYod4vMMUgQiGECXIPtLVKsRGN+Y67tEOVs6JxpQYauFbdQYFdokRLHH4UoF0Lmbxdktp1AoMRgaQ3GncOOvC1kCHWEIOkSJO2FTQpJrti/BJ7h3xYcKb8YHuwRchLJJAZDtD5mFVwH6t2+J1cQHB1TMFQXcZ8f640nCCpuh01nKyvOJbAVO/ZMt2eEM/cIQfzqEWP0NZyAne6XM8MYQeyOXG30BCiOjCBrR78tygACLQwFRpDJTCLF5BKg/kqdkJumUrmJmD4iTiHZBB5ldw/2MoJ8ROgHJpliMgl8yewd6mROWUwexUQiIEEigYyVRoLEIhkpjwSJBDJWGgkSi2SkPBIkEshYaSRILJKR8kiQSCBjpZEgsUhGyiNBIoGMlUaCxCIZKQ/zLGsOapmpjY7ADGY4I8geJNrIJFNMJgH7qem9zAh0Mqeswr9TzStesn6KIyPI25KBG6vpUhwZQcZqA5XXISBBHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3azO+ynGFN5bL/jHkVZqv2/CRnVkXcQth+2FJyDBVWdkG+g9IWLJ3UTdEaEYT1S07D9RC2fkRX4a9lP2V1FRXDiGPsZ3wcL0zfGVh6QRwmoa7XoQOy4sssSA/28CdZcMi+dWQcFVZmQa5QhPKDDuaH8BFlFcSWcb3OY/IjcVG3JZd2+L3FvGUV5DFOV9SPn3Ow2tExPicmqJsR5H1QxsYIjnUhPhQwXYojI0h/QNFGCW3F6YaZ+z/ng/Gb0Bmy/CHFkdkou4NttrYSEzoDqIVONxhnd+mXA6D8QOwLJt4eAWQ2FJ+KAHstQzMuvN+HeT2FfYOxbTYCN8OMC9vu45q1kwnOfXSCRAMQxdZ8p9eeZQr/JzGLsR1mY91usAVyjxBLBEGW4aMHNtG+qwURMG5rsGPHW2ocyV4hafCrF4I2uzmDTYQjrBiGgLmoD6Oyh2h3hr/okyJwDGI8oCKHgmhBkNjubvfBbocUKGlsDfPuBLPzofOnBbHEKPAJH7aQgB0tAzC1egL2BGA3WJ2q78r3UBd1Lw0u9Ivg74C1weZ6MSXz2X1GF+wixCi8sxYWZBg2hLGbqw0we23eAhj1FgDENXqz05Ldn9kduL02r7fRJ6TtFwEREAEREAEREAEREAEREAEREAEREAEREAEREAEREIEmJfAHvBmfo8aqRPUAAAAASUVORK5CYII=)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-7 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-8 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAA75JREFUeAHtnbuKFEEUhme84SposF4wEEQEMVPEYMFIEFExEQNfwUjQzMBA2NRMMfAJfAAjM/ECm23gRgYmopi73sf/7DrMONZM1V+7x+6q/hsO21N9qk7X9+3sTtfcej1tIiACIiACIiACIiACIiACIiACIiACIiACIiACIiAC5RPolzaFwWCwB+d8CXEYsTVw/l/R9gbxrN/v/wwcb3VTUUIgYydo3kXMJ1BdgpDHCXmtStnSqrOJn8xJpKTIsJHOQODe+JDtyihNSKqMIeV9w51SfpYmpBSu2ecpIdnofDpKiA/X7FElJBudT0cJ8eGaPaqEZKPz6SghPlyzR92W3ZPoiAs0q7M/0OUXrqY/BtqnNVX/C+Q6QYiYRzwH3VXE+0B8wPHPiIfTDEy0X8HtgxNtVd10FQJSTxBnEbPuiXM4fgNSbuNnbLPci4hqpXgLWYgRHjt+bWx/1u4OHKxWircQW51N3ZiFwGqleAtJlZGTV6WUkoWYxOqklC6kOik1CKlKSi1CqpFSk5AqpNQmpHgps66gbXKlbsNHX/cxgbexSWCVwPKPIuwlRpPbAA2fEO+w7mb7rlutQgyaQT4QowcZtgxzExF7AcUKch9AyvfYmBs5XuOfLJbH9QQZNuYJxDnb8dwkpNc7RgBmcolhR6kS0uttH+GI7jG50cFCCRISotJgm4Q0CD9UWkJCVBpsk5AG4YdKS0jCtUoInFebhKy/+ac1z9FLSMue5JKQ9b89w7Wvxu8pEjL6Z9AKKRIyEmJ7jUuRkL+FNC5FQv4V0qgUCQkLaUyKhEwX0ogUCZkt5L9LkZC4kHEpR9LS87MkJJ2dPSS+kJ6elykhHDf3z4aREE6Ie7aEuCPmCkgIx8s9W0LcEXMFJITj5Z4tIe6IuQISwvFyz5YQd8RcAQnheLlnS4g7Yq6AhHC83LMlxB0xVyDrHVR/3nV0GqU2c7FtN8a9HDn9Q5Hjk4dPYczVycYN3J5LOMcvGP8l3mmVVZcCipOx/KcIW4am+iK/S9s3THYRUu6xk6agQsgiCtxhi3Q03z53fgFSlpj5s/9DzjODdzzXvijgKsuAFbKLLdDxfOYjp9ZQsUI6ztd/+hLiz5iqICEULv9kCfFnTFVghRT3FUIUjc1P/sEOyQpZYQt0PP8VO3/2wtCWLpYRxX1zDQtmE/Jf46KQ+ZjctZKUEOuBq3V7bH0LcRxB90ef2jdbNnkBGY9qn6jmJwIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAKFEPgNwwV3tayFNCQAAAAASUVORK5CYII=)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-9 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-10 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-11 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-12 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-13 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-14 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAACO9JREFUeAHtnXuIF1UUx10f+cp8pFGZZqWJkUZKZRgq66NMUiEq0V6IRRBUin8UBG0P0l7YH5FFZBT2R0WgRmWm66NMJExLkcoVCt22LDU1TV1z+xz97Y/Z2Xt/e2fm3vnNrPfAl5k5995zz/memTt37sz+tk0bL54Bz4BnwDPgGfAMeAY8A54Bz4BnIF0GKtLtLllvDQ0N52JhcAGXs+0OuoFO4B9wGOwHO8FPoKaioqKebW4k0wkhAW1hciy4GVSC4UB0pnKUihtANVhOcnaYNvT1AgyQiMvAArAb2JTNGHsEyFXlpSUGIGoweBfUA5eyH+NVoGdLPp2V5RDTDbwCXCeCLprIXxzNBpkeulM9KSBjLKgF5ZQNdN431cCz2BkkPAROlDMTgb7r2L8hizw594nA24PXAmRkZfcYjtzjnIAsdUDAvcDqrGRA48cL6KNMr7NEsbkvBNkRbNSQkDX1i+aR5bQmjMuUNk/SeocvsjAvT5ko+Cr3lJFpnv+pzL8J6laC+gTkcVz+Hb+vY9llTxqJcZ4QkiHze1lDOi+NgBz1sRG7o0hKgyP7RbNpnLEL6S3PyRCybgQPyI5rcXqFcHWMJ4AvLQdRi73lYCX4FdSBv8EF4GJwJbgN3AJkud6WyLL+IK4S2eZTSIjNKe4m7FUCo5OIejLFlnUqm8syz+YzE3gNEUKeDdmHkTvjEkHbLuBp8B9IKgcwkM/hF8c/TRo97XeAK+ImI9gOO5PBQZBU5gTt5mKfiC8EJxNGLi+TrJ6N2BsGkiZlay6SEHSSoOeAJFJH40uCNnX71OsEeoL2ujpBPfXkSkk6fA0N2rS5bxREjA6nxmjT2ETm+neUehCD0AHUGQOEmOLrWPTyECdncDXtD7JtJuhlKH2GgqpmheaKKVTdZl7dvKbRjMXc3OmbeWfqHwAdo7QL1P0A0qYHjou7EHkOBzNBS8sZJ6izDDurio0DO9gRH38GRldhoGnjriR8XOOBza2LhFTi4OqYTtbTbgjB7gq3L5A4F33/cFmJ4/XYel9Vjr1Z6N9WlRnojlGnB7aPG9SNVMXFk/o1kTxoWvkLVTIKVWazjZIMaTYa4icU2oc3S1AcCisNj+U7MHkAtS4uEjI4gZfLVG0hdQT6q1VlBrqptO8RrkfiZVj7PKyPcJwkTm03LhKS5MyRFWGVTFIpDXUdqKcb73X9mZgeZFIpah0XCekV1YlC/YOctX+E23J2n4+uX1gf8fhaTX353DSuiF/WxUVCitPQiN7+pqkfdyYUNNeHxMoMLSy6PsP1VMdx41TZKupcJKRL0Xq0nWZXR6G5rcBVT/17o7nYpHbcOJsYCR+4SMi+cCeGx9019f7V6KOqVXZ0fZrYjhtnSdsuErKnZI/6QnmXoZI/VcqIuqPcn44o2lyk0Jmq4sZZ0n6WEiLjvMzvw7IbhXIZJFyxxPE2TVnU55qgmVafEDk5xgcjln3ObFnb+iqsj3i8XlN/okZvos5NQr42iUZTZ6pGL6+B92vKWlJvJqk1mkq6/jTVi2q5H31XPLK442LIWod/cZckpjFsdQ3HB6GydvQ6kKfrKCLT2vdUDehnFPoBqjID3Wp8OmpQL3IV6wnBUVkgXBHZkzMNerOZp2qLXbmXvAQOqMoVuh/RvVxIpqK4zXyV0lC33LBe5GrWV3vFA86+mWyWRPbmTAP5482BEKl8Linc+GXsHw1Uzyh16OWE2IQN5XdU2JChaimII2KzL7alH+viKiGymFcL4j48raXtRIKWq00pkCpX96WgD+gMDoNaXSIpOy20k5nVt0A+G4ojsqQ/Jk7DsrYh8FdBEllkOwCc6Qq2JnGKtpNt+5WKPRzvB5L+ddQibLS34TB25MOLpN+J/YANJ6OKjRhbtIHzi0FSqcZA3OHltI+0vx7Y+BPrGS0GneUKkDAYJP3CAxMNh8CToNmUuFT81O8P5G9SbPiwCzvtSvWXi7ICIWysyF6svAEmgY4qAtDLn8zdCz4G8vcdtuRuVX+2dc7HQ9iQWZA8E8R9caWL+SQFMjWWhz9Z65JhTRYo5cWR7bjWMLOqxK5zse240mGSMpuCt5SF2VfK6sAwEpLk7aJxlNaf1DU9y+c2GzRlWVcvSCsZQkQqV4h0xFUiX43Igpx8dJAX2YmjQ0mI9e+vdASkdYXIMvp2nFigcySD+lP49GCayUidA66SdmAtyINUpU4QHaY2ZDUGRyZkJiQfRMvsK6tSjWMTuDrkKklVUhuyGqMiSJmmypw+9WAbfWhhK1/QzyhHMsSv1BMinRLsSjbPy37GRE6SmfinXPrPmK923WHokvvJGpAlecpulDmzRiZ6g5qMZORD/Ej9nhpOWdkdgAT5aHkjcPKtbDhgzbH0X8lQdUxTnpq6LPeQYHSQIA9f00BqD1/B/tmXPw6akoVkhPwq7yFXynRwCqQp8iOYcoV6UTEAOY+nmA1Zmr9J5YfXBRiApDdTSIq8sLor0K3f1TEAUW3BEodJkWFRXgd4MWUAwuQZRaahLuRhUz98vQADZKIDWGo5I3MDXfjdqAyQjHPAZ5aS8kTU/n19BQMkQ37LZFXCpFQpTHtVXAZIhvzm1bqYSZkft1/frgQDhaSsiJiUs3uxsASfVopIhtxTPjJIikxtH7XSqTdSmgGIlinx4hJJkR9Ou7+0FV9qlQEIrwALFUk5ju52q515Y+YMQH5VIClH2Jc/5PFSTgZIwmNAfi10VDn98H0HGCAZPQOHud5N5Y0hhMkPAowAV4E8fbkof++4BWznBVYDW+fiPCEkYxxRvAOS/sSSczJKdLCesvtIyi8l6lgpcpoQkjEEL+V7XtVPZlgJIEUjO+hrOElx+qrZ9Tv151pJMiTvMtzOkh2X4johI106XwbbzuNxnZCsfi4aN5fO43GdEPneqTXJN66DcX1TH0gA34O4v+jgOv4o9iUO+V9U9VEaRa3r9ArB+RockuUM2eZZVuD8ZNfJEIKcXiGNGWD62579oUBmKrKfF5GfBdxCIuTrRi+eAc+AZ8Az4BnwDHgGPAOeAc+AZ8Az4Blwz8D/EQnnUIMWwEcAAAAASUVORK5CYII=)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-15 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-16 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-17 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-18 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-19 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-icon i.icon-cover-20 {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-info {
    position: absolute;
    top: 0;
    left: 0;
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-text {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: baseline
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-text .text-val {
    transition: transform .4s linear;
    display: block;
    flex: 0 1 auto;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_2 .content-wrapper .wrapper-text .text-unit {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_3.4ddbaef7.svg)
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-main .wrapper-text {
    position: absolute;
    top: 0;
    left: 9%;
    right: 3%;
    bottom: 9%;
    color: #f1b030;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-main .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-main .wrapper-text .text-val {
    transition: transform .4s linear;
    display: block;
    text-align: center;
    flex: 0 1 auto;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_3 .content-wrapper .wrapper-main .wrapper-text .text-unit {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_4.08c53983.svg)
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont {
    position: absolute;
    width: 100%;
    height: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-info {
    top: 0;
    left: 0;
    right: 0;
    color: #1f2d3d;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 6px
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text {
    top: 33%;
    left: 0;
    right: 0;
    color: #f1b030;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-unit,
.bsy-dash-metric-table.no-dimension.preset_metric_4 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    display: block;
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension .wrapper-group {
    overflow: hidden
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    padding-left: 10%
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-icon {
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_5.40ca14dc.svg);
    flex: none
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-cont {
    margin-left: 8%;
    max-width: 67%;
    display: flex;
    align-items: center;
    min-width: 0
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-cont .wrapper-center {
    display: block;
    width: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-info {
    top: 0;
    left: 33%;
    right: 0;
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-text {
    top: 50%;
    left: 33%;
    right: 0;
    color: #32d7ff
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-text .text-val {
    display: block;
    flex: 0 1 auto;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_5 .content-wrapper .wrapper-text .text-unit {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    padding-left: 10%
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-icon {
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_6.97574ce2.svg);
    flex: none
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-cont {
    margin-left: 8%;
    max-width: 67%;
    display: flex;
    align-items: center;
    min-width: 0
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-cont .wrapper-center {
    display: block;
    width: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-info {
    top: 0;
    left: 33%;
    right: 0;
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-text {
    top: 50%;
    left: 33%;
    right: 0;
    color: #32d7ff
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-text .text-val {
    display: block;
    flex: 0 1 auto;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_6 .content-wrapper .wrapper-text .text-unit {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    padding-left: 10%
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-icon {
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_7.e8d57230.svg);
    flex: none
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-cont {
    margin-left: 8%;
    max-width: 67%;
    display: flex;
    align-items: center;
    min-width: 0
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-cont .wrapper-center {
    display: block;
    width: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-info {
    top: 0;
    left: 33%;
    right: 0;
    color: #1f2d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-text {
    top: 50%;
    left: 33%;
    right: 0;
    color: #32d7ff
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-text .text-val {
    display: block;
    flex: 0 1 auto;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_7 .content-wrapper .wrapper-text .text-unit {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_8.ebfcc7b3.svg)
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont {
    position: absolute;
    width: 100%;
    height: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-info {
    position: absolute;
    left: 0;
    right: 0;
    color: #1f2d3d;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text {
    position: absolute;
    left: 0;
    right: 0;
    color: #f1b030;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-unit,
.bsy-dash-metric-table.no-dimension.preset_metric_8 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    display: block;
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_9.f2f26098.svg)
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont {
    position: absolute;
    width: 100%;
    height: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-info {
    position: absolute;
    left: 0;
    right: 0;
    color: #1f2d3d;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text {
    position: absolute;
    left: 0;
    right: 0;
    color: #f1b030;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-unit,
.bsy-dash-metric-table.no-dimension.preset_metric_9 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    display: block;
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 {
    position: relative
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(../../static/media/preset_metric_bg_10.81f6bccc.svg)
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont {
    position: absolute;
    width: 100%
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-info {
    top: 0;
    left: 0;
    right: 0;
    color: #1f2d3d;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text {
    top: 33%;
    left: 0;
    right: 0;
    color: #f1b030;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 4%
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .show-alert {
    color: #e64340 !important
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    transition: transform .4s linear
}

.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-unit,
.bsy-dash-metric-table.no-dimension.preset_metric_10 .content-wrapper .wrapper-main .wrapper-cont .wrapper-text .text-val {
    display: block;
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy_dash_block {
    position: relative;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    overflow: hidden;
    border-radius: 4px
}

.bsy_dash_block .block-content {
    cursor: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: 42px 10px 10px
}

.bsy_dash_block .block-content.bsy-description,
.bsy_dash_block .block-content.bsy-image,
.bsy_dash_block .block-content.bsy-metric_table,
.bsy_dash_block .block-content.bsy-webPage {
    margin: 0
}

.bsy_dash_block .block-content.bsy-description .BsyDashDescription a {
    color: #0265cc
}

.bsy_dash_block .block-content .block-empty-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    color: #91a1b7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.bsy_dash_block .block-content .block-empty-wrapper i {
    font-size: 34px
}

.bsy_dash_block .block-content .block-empty-wrapper .empty-text {
    margin-top: 10px
}

.bsy_dash_block .block-content .invalid-Block {
    height: 100%;
    width: 100%;
    background: #fff;
    text-align: center;
    margin: 0;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999
}

.bsy_dash_block .block-content .fui_dash_card {
    width: 100% !important;
    overflow-y: auto;
    height: calc(100% - 20px) !important
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important;
    overflow-y: hidden;
    height: unset !important;
    padding-bottom: 20px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .content-empty {
    display: flex !important;
    align-items: center
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .content-empty .empty-wrapper {
    margin: auto;
    text-align: center;
    color: #91a1b7
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .content-empty .empty-wrapper i {
    font-size: 34px;
    color: #91a1b7
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .content-empty .empty-wrapper .empty-text {
    margin-top: 10px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card:nth-child(2n) {
    margin-right: 5%;
    margin-left: 0;
    float: right
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card {
    margin-top: 20px;
    margin-left: 5%;
    padding: 0 16px;
    width: 44%;
    position: relative;
    float: left;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 8px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title {
    height: 92px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    position: relative
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image {
    margin-top: 16px;
    margin-right: 12px;
    width: 60px;
    height: 60px;
    border-radius: 8px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .nickname {
    line-height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    font-size: 18px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-0 {
    background: #f5c547
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-1 {
    background-color: #528cff
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-2 {
    background-color: #50b0f4
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-3 {
    background-color: #61db8c
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-4 {
    background-color: #ff8383
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image .color-5 {
    background-color: #444
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .image img {
    border-radius: 8px;
    width: 60px;
    height: 60px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper {
    font-size: 14px;
    width: calc(100% - 32px);
    margin: 21px 0;
    position: relative
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .top {
    position: absolute;
    top: 0;
    height: 20px;
    line-height: 20px;
    width: 100%
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .top .left {
    float: left;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
    letter-spacing: .06px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .top .left.cell-no-auth {
    color: #c3c3c3
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .top .right {
    position: relative;
    float: right;
    top: -3px;
    right: 0;
    color: #fff;
    background: var(--bsy-base-color);
    border-radius: 6px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 40%;
    text-align: right;
    letter-spacing: .06px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .top .right.cell-no-auth {
    color: #c3c3c3
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .bottom {
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: -2px;
    width: 100%
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .bottom .left {
    float: left;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
    letter-spacing: .06px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .bottom .left.cell-no-auth {
    color: #c3c3c3
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .bottom .right {
    float: right;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
    position: absolute;
    right: 0;
    text-align: right;
    letter-spacing: .06px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-title .title-wrapper .bottom .right.cell-no-auth {
    color: #c3c3c3
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body {
    position: relative;
    font-size: 14px;
    color: #666;
    margin: 11px 0;
    cursor: pointer
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem {
    display: flex;
    padding: 6px 0;
    min-height: 32px;
    align-items: center
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataIcon {
    width: 16px;
    height: 16px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataIcon i {
    font-size: 14px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataTitle {
    margin-left: 6px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .24px;
    margin-right: 20px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataContent {
    margin-left: 10px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 130px);
    letter-spacing: .24px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataContent.cell-no-auth {
    color: #c3c3c3
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-body .dataItem .dataContent.empty {
    width: calc(100% - 40px)
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer {
    height: 51px;
    border-top: 1px solid #e0e0e0;
    position: relative;
    background: #fff
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu {
    margin: 16px 0;
    height: 20px;
    line-height: 20px;
    display: flex
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu .item,
.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu i {
    text-align: center;
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    padding: 0 16px;
    letter-spacing: .24px
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu .item:first-child {
    padding: 0 16px 0 0
}

.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu .item:nth-child(2),
.bsy_dash_block .block-content .fui_dash_card .x-block-body .card .card-footer .menu .item:nth-child(3) {
    border-left: 1px solid #e0e0e0
}

.bsy_dash_block .block-head {
    margin: 0 2px;
    line-height: 30px;
    z-index: 11;
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    display: flex;
    justify-content: space-between
}

.bsy_dash_block .block-head .block-title {
    font-weight: 600;
    color: #333;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none
}

.bsy_dash_block .block-head .block-operate {
    visibility: hidden;
    display: flex;
    transition: opacity 218ms;
    right: 0;
    top: 0
}

.bsy_dash_block .block-head .block-operate .block-custom-operate {
    cursor: pointer
}

.bsy_dash_block .block-head .block-operate .block-custom-operate .success {
    color: var(--bsy-base-color)
}

.bsy_dash_block .block-head .block-operate .block-custom-operate .warn {
    color: #f6bb42
}

.bsy_dash_block .block-head .block-operate .block-custom-operate .error {
    color: #e64340
}

.bsy_dash_block .block-head .block-operate .operate-btn,
.bsy_dash_block .block-head .block-operate .operate-more {
    cursor: pointer;
    flex: none;
    -webkit-user-select: none;
    user-select: none;
    min-width: 34px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 7px;
    color: #333
}

.bsy_dash_block .block-head .block-operate .operate-btn i,
.bsy_dash_block .block-head .block-operate .operate-more i {
    font-weight: 700
}

.bsy_dash_block .block-head .block-operate .operate-btn span,
.bsy_dash_block .block-head .block-operate .operate-more span {
    margin-left: 4px;
    font-weight: 500;
    font-size: 13px
}

.bsy_dash_block .block-head .block-operate .operate-btn:hover,
.bsy_dash_block .block-head .block-operate .operate-more:hover {
    background: #eee;
    border-radius: 4px
}

.bsy_dash_block .block-head .block-operate .operate-more {
    display: none
}

.bsy_dash_block .block-head .block-operate .operate-btn-title {
    margin-right: 10px
}

.bsy_dash_block .block-head .batch-update-pane {
    padding-left: 5px;
    height: 30px
}

.bsy_dash_block .block-head .batch-update-pane .btn-manage {
    display: inline-block;
    padding: 0 12px;
    margin-right: 10px;
    font-size: 12px
}

.bsy_dash_block .block-head .batch-update-pane .btn-manage.btn-history {
    border-color: transparent;
    color: var(--bsy-base-color)
}

.bsy_dash_block .block-head .batch-update-pane .btn-manage.btn-history:hover {
    background: #fff
}

.bsy_dash_block.focus .block-head .block-operate,
.bsy_dash_block:hover .block-head .block-operate {
    visibility: initial
}

.bsy-filter_btn {
    margin: 0 !important;
    text-align: center;
    color: #fff;
    background: var(--bsy-base-color);
    cursor: pointer !important
}

.bsy-dash {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background: #f4f6f9;
    font-size: 13px
}

.bsy-dash .dash-react-block {
    position: absolute;
    border-radius: 4px
}

.bsy-dash .dash-react-block.block-full-screen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(0) !important;
    margin: 0;
    z-index: 2001;
    overflow: hidden;
    animation: zoomIn 218ms;
    border-radius: 0
}

.bsy-dash .dash-react-block.block-full-screen .bsy_dash_block {
    border-radius: 0
}

.bsy-dash .dash-react-block .angle-cursor {
    display: none
}

.bsy-dash .dash-react-block:hover {
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .06)
}

.bsy-dash .dash-react-block .chart-data-border .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-dash .dash-react-block .chart-data-border::-webkit-scrollbar-thumb {
    background: none
}

.bsy-dash .dash-react-block .chart-data-border:hover .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-dash .dash-react-block .chart-data-border:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.bsy-dash .bsy-block-full-screen-mask {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 101
}

.bsy-dash .bsy-block-full-screen-mask.dash-theme-dark {
    background: #111121
}

.preset_style_dark_1 .slider-header,
.preset_style_dark_3 .slider-header {
    color: #fff;
    border-color: #29314c !important;
    background-color: #29314c !important
}

.preset_style_dark_1 .slider-header .slider-close i.icon-close-large,
.preset_style_dark_3 .slider-header .slider-close i.icon-close-large {
    color: #fff !important
}

.preset_style_dark_1 .slider-header .slide-dash-menu .dash-filter-rel .BsySelect .showText .iconSelect i,
.preset_style_dark_1 .slider-header .slide-dash-menu .dash-filter-rel .BsySelect .showText span,
.preset_style_dark_1 .slider-header .slide-dash-menu .dash-filter-reset i,
.preset_style_dark_1 .slider-header .slide-dash-menu .dash-filter-reset span,
.preset_style_dark_3 .slider-header .slide-dash-menu .dash-filter-rel .BsySelect .showText .iconSelect i,
.preset_style_dark_3 .slider-header .slide-dash-menu .dash-filter-rel .BsySelect .showText span,
.preset_style_dark_3 .slider-header .slide-dash-menu .dash-filter-reset i,
.preset_style_dark_3 .slider-header .slide-dash-menu .dash-filter-reset span {
    color: #fff
}

.preset_style_dark_1 .bsy_dash_block .block-head .block-operate .operate-btn:hover,
.preset_style_dark_1 .bsy_dash_block .block-head .block-operate .operate-more:hover,
.preset_style_dark_3 .bsy_dash_block .block-head .block-operate .operate-btn:hover,
.preset_style_dark_3 .bsy_dash_block .block-head .block-operate .operate-more:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.preset_style_dark_1 .bsy_dash_block .block-head .block-operate .operate-btn,
.preset_style_dark_1 .bsy_dash_block .block-head .block-operate .operate-more,
.preset_style_dark_3 .bsy_dash_block .block-head .block-operate .operate-btn,
.preset_style_dark_3 .bsy_dash_block .block-head .block-operate .operate-more {
    color: #fff
}

.preset_style_dark_1.alertQrcodeContent .QRcodeContent,
.preset_style_dark_3.alertQrcodeContent .QRcodeContent {
    border-color: #29314c !important;
    background-color: #29314c !important
}

.preset_style_dark_1.alertQrcodeContent .QRcodeContent .QRcodeTip,
.preset_style_dark_3.alertQrcodeContent .QRcodeContent .QRcodeTip {
    color: #fff !important
}

.preset_style_dark_1.bsy-datepicker,
.preset_style_dark_3.bsy-datepicker {
    background: #27366d !important
}

.preset_style_dark_1 .bsy-datepicker,
.preset_style_dark_1.bsy-datepicker,
.preset_style_dark_3 .bsy-datepicker,
.preset_style_dark_3.bsy-datepicker {
    background: transparent;
    color: hsla(0, 0%, 100%, .92) !important;
    margin: 0
}

.preset_style_dark_1 .bsy-datepicker .mt,
.preset_style_dark_1.bsy-datepicker .mt,
.preset_style_dark_3 .bsy-datepicker .mt,
.preset_style_dark_3.bsy-datepicker .mt {
    background: #27366d !important
}

.preset_style_dark_1 .bsy-datepicker .oday,
.preset_style_dark_1 .bsy-datepicker .year,
.preset_style_dark_1.bsy-datepicker .oday,
.preset_style_dark_1.bsy-datepicker .year,
.preset_style_dark_3 .bsy-datepicker .oday,
.preset_style_dark_3 .bsy-datepicker .year,
.preset_style_dark_3.bsy-datepicker .oday,
.preset_style_dark_3.bsy-datepicker .year {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1 .bsy-datepicker .selected,
.preset_style_dark_1.bsy-datepicker .selected,
.preset_style_dark_3 .bsy-datepicker .selected,
.preset_style_dark_3.bsy-datepicker .selected {
    background: #7993f1 !important
}

.preset_style_dark_1 .bsy-datepicker .selected.today,
.preset_style_dark_1.bsy-datepicker .selected.today,
.preset_style_dark_3 .bsy-datepicker .selected.today,
.preset_style_dark_3.bsy-datepicker .selected.today {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1 .bsy-datepicker .today,
.preset_style_dark_1.bsy-datepicker .today,
.preset_style_dark_3 .bsy-datepicker .today,
.preset_style_dark_3.bsy-datepicker .today {
    color: #7993f1 !important
}

.preset_style_dark_1 .bsy-datepicker .day:hover,
.preset_style_dark_1 .bsy-datepicker .month:hover,
.preset_style_dark_1 .bsy-datepicker .nextm:hover,
.preset_style_dark_1 .bsy-datepicker .nexty:hover,
.preset_style_dark_1 .bsy-datepicker .prevm:hover,
.preset_style_dark_1 .bsy-datepicker .prevy:hover,
.preset_style_dark_1 .bsy-datepicker .title:hover,
.preset_style_dark_1 .bsy-datepicker tfoot .btn:hover,
.preset_style_dark_1.bsy-datepicker .day:hover,
.preset_style_dark_1.bsy-datepicker .month:hover,
.preset_style_dark_1.bsy-datepicker .nextm:hover,
.preset_style_dark_1.bsy-datepicker .nexty:hover,
.preset_style_dark_1.bsy-datepicker .prevm:hover,
.preset_style_dark_1.bsy-datepicker .prevy:hover,
.preset_style_dark_1.bsy-datepicker .title:hover,
.preset_style_dark_1.bsy-datepicker tfoot .btn:hover,
.preset_style_dark_3 .bsy-datepicker .day:hover,
.preset_style_dark_3 .bsy-datepicker .month:hover,
.preset_style_dark_3 .bsy-datepicker .nextm:hover,
.preset_style_dark_3 .bsy-datepicker .nexty:hover,
.preset_style_dark_3 .bsy-datepicker .prevm:hover,
.preset_style_dark_3 .bsy-datepicker .prevy:hover,
.preset_style_dark_3 .bsy-datepicker .title:hover,
.preset_style_dark_3 .bsy-datepicker tfoot .btn:hover,
.preset_style_dark_3.bsy-datepicker .day:hover,
.preset_style_dark_3.bsy-datepicker .month:hover,
.preset_style_dark_3.bsy-datepicker .nextm:hover,
.preset_style_dark_3.bsy-datepicker .nexty:hover,
.preset_style_dark_3.bsy-datepicker .prevm:hover,
.preset_style_dark_3.bsy-datepicker .prevy:hover,
.preset_style_dark_3.bsy-datepicker .title:hover,
.preset_style_dark_3.bsy-datepicker tfoot .btn:hover {
    background: rgba(39, 112, 229, .3);
    border-color: rgba(39, 112, 229, .3)
}

.preset_style_dark_1 .bsy_dash_block:hover,
.preset_style_dark_3 .bsy_dash_block:hover {
    box-shadow: 0 0 14px 0 rgba(87, 118, 229, .49), inset 0 0 40px 0 rgba(13, 72, 121, .49)
}

.preset_style_dark_1 .block-content .art-table-cell .op-menu .item:hover,
.preset_style_dark_3 .block-content .art-table-cell .op-menu .item:hover {
    background: hsla(0, 0%, 100%, .2) !important
}

.preset_style_dark_1 .block-content .turnPage .turn .turn-btn,
.preset_style_dark_3 .block-content .turnPage .turn .turn-btn {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .turnPage .turn .turn-btn:hover,
.preset_style_dark_3 .block-content .turnPage .turn .turn-btn:hover {
    border-color: #8095ff !important;
    background-color: rgba(128, 149, 255, .1)
}

.preset_style_dark_1 .block-content .turnPage input,
.preset_style_dark_3 .block-content .turnPage input {
    background: transparent !important;
    box-shadow: inset 0 0 0 1000px transparent;
    color: #fff;
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .turnPage input:focus,
.preset_style_dark_1 .block-content .turnPage input:hover,
.preset_style_dark_3 .block-content .turnPage input:focus,
.preset_style_dark_3 .block-content .turnPage input:hover {
    border: 1px solid #7993f1 !important
}

.preset_style_dark_1 .block-content .turnPage span,
.preset_style_dark_3 .block-content .turnPage span {
    color: #999 !important
}

.preset_style_dark_1 .block-content .bsy-dept-thumb-list .dept-item,
.preset_style_dark_1 .block-content .bsy-user-thumb-list .table-user-name,
.preset_style_dark_3 .block-content .bsy-dept-thumb-list .dept-item,
.preset_style_dark_3 .block-content .bsy-user-thumb-list .table-user-name {
    color: #fff !important
}

.preset_style_dark_1 .block-content .bsy-multi-text .text-input,
.preset_style_dark_3 .block-content .bsy-multi-text .text-input {
    border-color: #8089a8 !important
}

.preset_style_dark_1 .block-content .BsySelectList .bsy-combo-search input,
.preset_style_dark_3 .block-content .BsySelectList .bsy-combo-search input {
    background: transparent;
    border: none;
    color: hsla(0, 0%, 100%, .92);
    box-shadow: inset 0 0 0 1000px transparent;
    background-color: #25315b
}

.preset_style_dark_1 .block-content .BsySelectList .bsy-combo-search input:focus,
.preset_style_dark_1 .block-content .BsySelectList .bsy-combo-search input:hover,
.preset_style_dark_3 .block-content .BsySelectList .bsy-combo-search input:focus,
.preset_style_dark_3 .block-content .BsySelectList .bsy-combo-search input:hover {
    border: 1px solid #7993f1 !important;
    background: transparent !important
}

.preset_style_dark_1 .block-content .bsy-datetime,
.preset_style_dark_3 .block-content .bsy-datetime {
    cursor: pointer
}

.preset_style_dark_1 .block-content .bsy-datetime .bsy-trigger-btn,
.preset_style_dark_3 .block-content .bsy-datetime .bsy-trigger-btn {
    color: #8089a8 !important
}

.preset_style_dark_1 .block-content .bsy-datetime:hover .bsy-trigger-btn,
.preset_style_dark_3 .block-content .bsy-datetime:hover .bsy-trigger-btn {
    color: #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-datetime .value-text,
.preset_style_dark_3 .block-content .bsy-datetime .value-text {
    color: #fff
}

.preset_style_dark_1 .block-content .bsy-datetime input,
.preset_style_dark_3 .block-content .bsy-datetime input {
    background: transparent;
    border: 1px solid #4e68c3;
    color: hsla(0, 0%, 100%, .92);
    box-shadow: inset 0 0 0 1000px transparent
}

.preset_style_dark_1 .block-content .bsy-datetime input:focus .bsy-trigger-btn,
.preset_style_dark_3 .block-content .bsy-datetime input:focus .bsy-trigger-btn {
    color: #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-multi-text,
.preset_style_dark_3 .block-content .bsy-multi-text {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .bsy-multi-text .text-input,
.preset_style_dark_3 .block-content .bsy-multi-text .text-input {
    color: hsla(0, 0%, 100%, .92)
}

.preset_style_dark_1 .block-content .bsy-multi-text:hover,
.preset_style_dark_3 .block-content .bsy-multi-text:hover {
    border: 1px solid #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-multi-text:hover .text-input,
.preset_style_dark_3 .block-content .bsy-multi-text:hover .text-input {
    border-color: #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-multi-text .val-tag.active,
.preset_style_dark_3 .block-content .bsy-multi-text .val-tag.active {
    background: #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-text input,
.preset_style_dark_3 .block-content .bsy-text input {
    background: transparent;
    border: 1px solid #4e68c3;
    color: hsla(0, 0%, 100%, .92);
    box-shadow: inset 0 0 0 1000px transparent
}

.preset_style_dark_1 .block-content .bsy-text input:focus,
.preset_style_dark_1 .block-content .bsy-text input:hover,
.preset_style_dark_3 .block-content .bsy-text input:focus,
.preset_style_dark_3 .block-content .bsy-text input:hover {
    border: 1px solid #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-dash-button,
.preset_style_dark_1 .block-content .BsyDashDescription,
.preset_style_dark_3 .block-content .bsy-dash-button,
.preset_style_dark_3 .block-content .BsyDashDescription {
    color: hsla(0, 0%, 100%, .92)
}

.preset_style_dark_1 .block-content .bsy-dash-head .showText,
.preset_style_dark_1 .block-content .bsy-dash-head .showText:hover,
.preset_style_dark_3 .block-content .bsy-dash-head .showText,
.preset_style_dark_3 .block-content .bsy-dash-head .showText:hover {
    border-width: 0 !important
}

.preset_style_dark_1 .block-content .bsy-row-height-combo,
.preset_style_dark_3 .block-content .bsy-row-height-combo {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .bsy-row-height-combo i,
.preset_style_dark_3 .block-content .bsy-row-height-combo i {
    color: #7993f1
}

.preset_style_dark_1 .block-content .bsy-datetime,
.preset_style_dark_3 .block-content .bsy-datetime {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .bsy-datetime:hover,
.preset_style_dark_3 .block-content .bsy-datetime:hover {
    border: 1px solid #7993f1 !important
}

.preset_style_dark_1 .block-content .bsy-datetime:hover .iconSelect i,
.preset_style_dark_3 .block-content .bsy-datetime:hover .iconSelect i {
    color: #7993f1
}

.preset_style_dark_1 .block-content .bsy-datetime input,
.preset_style_dark_3 .block-content .bsy-datetime input {
    border: none !important
}

.preset_style_dark_1 .block-content .bsy-datetime input:hover,
.preset_style_dark_3 .block-content .bsy-datetime input:hover {
    border-color: transparent !important
}

.preset_style_dark_1 .block-content .bsy-datetime .iconSelect i,
.preset_style_dark_3 .block-content .bsy-datetime .iconSelect i {
    color: #999
}

.preset_style_dark_1 .block-content .bsy-address .showContent,
.preset_style_dark_3 .block-content .bsy-address .showContent {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .bsy-address .showContent .value-text,
.preset_style_dark_3 .block-content .bsy-address .showContent .value-text {
    color: #fff !important
}

.preset_style_dark_1 .block-content .bsy-address .showContent:hover,
.preset_style_dark_3 .block-content .bsy-address .showContent:hover {
    border-color: #8095ff !important
}

.preset_style_dark_1 .block-content .bsy-address .showContent i,
.preset_style_dark_3 .block-content .bsy-address .showContent i {
    color: #999
}

.preset_style_dark_1 .block-content .bsy-address .seleceMapAddress,
.preset_style_dark_3 .block-content .bsy-address .seleceMapAddress {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .bsy-address .seleceMapAddress:hover,
.preset_style_dark_3 .block-content .bsy-address .seleceMapAddress:hover {
    border-color: #8095ff !important
}

.preset_style_dark_1 .block-content .bsy-address .seleceMapAddress i,
.preset_style_dark_3 .block-content .bsy-address .seleceMapAddress i {
    color: #999
}

.preset_style_dark_1 .block-content .showText,
.preset_style_dark_3 .block-content .showText {
    border: 1px solid #4e68c3
}

.preset_style_dark_1 .block-content .showText span,
.preset_style_dark_3 .block-content .showText span {
    color: #7993f1
}

.preset_style_dark_1 .block-content .showText.open,
.preset_style_dark_3 .block-content .showText.open {
    border: 1px solid #7993f1
}

.preset_style_dark_1 .block-content .showText .icon-bsy-xiala,
.preset_style_dark_3 .block-content .showText .icon-bsy-xiala {
    color: #4e68c3 !important
}

.preset_style_dark_1 .block-content .showText:hover,
.preset_style_dark_3 .block-content .showText:hover {
    border: 1px solid #7993f1
}

.preset_style_dark_1 .block-content .showText:hover .icon-bsy-xiala,
.preset_style_dark_3 .block-content .showText:hover .icon-bsy-xiala {
    color: #7993f1
}

.preset_style_dark_1 .block-content .field-components span,
.preset_style_dark_3 .block-content .field-components span {
    color: #fff
}

.preset_style_dark_1 .block-content .field-components .bsy-select-dept .select-list,
.preset_style_dark_1 .block-content .field-components .bsy-select-dept .select-list .select-item,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .select-list,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .select-list .select-item,
.preset_style_dark_1 .block-content .field-components .bsy-subform-signature,
.preset_style_dark_1 .block-content .field-components .bsy-subform-signature .widget-icon,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .select-list,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .select-list .select-item,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .select-list,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .select-list .select-item,
.preset_style_dark_3 .block-content .field-components .bsy-subform-signature,
.preset_style_dark_3 .block-content .field-components .bsy-subform-signature .widget-icon {
    background: transparent
}

.preset_style_dark_1 .block-content .field-components .bsy-select-dept .select-list .select-empty,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .select-list .select-empty,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .select-list .select-empty,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .select-list .select-empty {
    display: none
}

.preset_style_dark_1 .block-content .field-components .bsy-select-dept .icon-widget-dept,
.preset_style_dark_1 .block-content .field-components .bsy-select-dept .icon-widget-deptgroup,
.preset_style_dark_1 .block-content .field-components .bsy-select-dept .icon-widget-user,
.preset_style_dark_1 .block-content .field-components .bsy-select-dept .icon-widget-usergroup,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .icon-widget-dept,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .icon-widget-deptgroup,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .icon-widget-user,
.preset_style_dark_1 .block-content .field-components .bsy-select-user .icon-widget-usergroup,
.preset_style_dark_1 .block-content .field-components .bsy-subform-address,
.preset_style_dark_1 .block-content .field-components .bsy-subform-address .widget-icon,
.preset_style_dark_1 .block-content .field-components .bsy-subform-upload,
.preset_style_dark_1 .block-content .field-components .bsy-subform-upload .widget-icon,
.preset_style_dark_1 .block-content .field-components .bsy-subform-x-group,
.preset_style_dark_1 .block-content .field-components .bsy-subform-x-group .widget-icon,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .icon-widget-dept,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .icon-widget-deptgroup,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .icon-widget-user,
.preset_style_dark_3 .block-content .field-components .bsy-select-dept .icon-widget-usergroup,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .icon-widget-dept,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .icon-widget-deptgroup,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .icon-widget-user,
.preset_style_dark_3 .block-content .field-components .bsy-select-user .icon-widget-usergroup,
.preset_style_dark_3 .block-content .field-components .bsy-subform-address,
.preset_style_dark_3 .block-content .field-components .bsy-subform-address .widget-icon,
.preset_style_dark_3 .block-content .field-components .bsy-subform-upload,
.preset_style_dark_3 .block-content .field-components .bsy-subform-upload .widget-icon,
.preset_style_dark_3 .block-content .field-components .bsy-subform-x-group,
.preset_style_dark_3 .block-content .field-components .bsy-subform-x-group .widget-icon {
    background: transparent
}

.preset_style_dark_1 .block-content .content-edit.error-info,
.preset_style_dark_3 .block-content .content-edit.error-info {
    background: transparent !important
}

.preset_style_dark_1 .block-content .BsyBtn,
.preset_style_dark_3 .block-content .BsyBtn {
    background: transparent
}

.preset_style_dark_1 .block-content .BsyBtn span,
.preset_style_dark_3 .block-content .BsyBtn span {
    color: #fff
}

.preset_style_dark_1 .block-content .BsyBtn:hover,
.preset_style_dark_3 .block-content .BsyBtn:hover {
    background: hsla(0, 0%, 100%, .2)
}

.preset_style_dark_1 .block-content .bsy-dash-cont .selectList .item:hover,
.preset_style_dark_3 .block-content .bsy-dash-cont .selectList .item:hover {
    background: #5a72c9
}

.preset_style_dark_1 .block-content .BsyTurnPage .turnPage .turn .turn-btn i,
.preset_style_dark_3 .block-content .BsyTurnPage .turnPage .turn .turn-btn i {
    color: #7993f1
}

.preset_style_dark_1 .block-content .BsySelect .selectList,
.preset_style_dark_3 .block-content .BsySelect .selectList {
    background: #27366d
}

.preset_style_dark_1 .block-content .selectList,
.preset_style_dark_3 .block-content .selectList {
    background: transparent
}

.preset_style_dark_1 .block-content .selectList .csp-0 .icon-dept-title,
.preset_style_dark_1 .block-content .selectList .csp-0 .icon-tree-collapse,
.preset_style_dark_1 .block-content .selectList .csp-0 .icon-tree-expand,
.preset_style_dark_1 .block-content .selectList .csp-1 .icon-dept-title,
.preset_style_dark_1 .block-content .selectList .csp-1 .icon-tree-collapse,
.preset_style_dark_1 .block-content .selectList .csp-1 .icon-tree-expand,
.preset_style_dark_3 .block-content .selectList .csp-0 .icon-dept-title,
.preset_style_dark_3 .block-content .selectList .csp-0 .icon-tree-collapse,
.preset_style_dark_3 .block-content .selectList .csp-0 .icon-tree-expand,
.preset_style_dark_3 .block-content .selectList .csp-1 .icon-dept-title,
.preset_style_dark_3 .block-content .selectList .csp-1 .icon-tree-collapse,
.preset_style_dark_3 .block-content .selectList .csp-1 .icon-tree-expand {
    color: #7993f1
}

.preset_style_dark_1 .block-content .selectList .bsy-combo-search,
.preset_style_dark_3 .block-content .selectList .bsy-combo-search {
    border-bottom: 1px solid #586286
}

.preset_style_dark_1 .block-content .selectList .bsy-combo-search input,
.preset_style_dark_3 .block-content .selectList .bsy-combo-search input {
    background: transparent;
    border-width: 0;
    color: hsla(0, 0%, 100%, .92);
    box-shadow: inset 0 0 0 1000px transparent
}

.preset_style_dark_1 .block-content .selectList .bsy-combo-search input:focus,
.preset_style_dark_1 .block-content .selectList .bsy-combo-search input:hover,
.preset_style_dark_3 .block-content .selectList .bsy-combo-search input:focus,
.preset_style_dark_3 .block-content .selectList .bsy-combo-search input:hover {
    background: transparent !important
}

.preset_style_dark_1 .block-content .selectList .item,
.preset_style_dark_3 .block-content .selectList .item {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1 .block-content .selectList .item i,
.preset_style_dark_3 .block-content .selectList .item i {
    color: #7993f1
}

.preset_style_dark_1 .block-content .selectList .item:hover,
.preset_style_dark_3 .block-content .selectList .item:hover {
    background: #5a72c9 !important
}

.preset_style_dark_1 .block-content .selectList .item:hover i,
.preset_style_dark_3 .block-content .selectList .item:hover i {
    color: hsla(0, 0%, 100%, .8) !important
}

.preset_style_dark_1 .block-content .selectList .item.select:after,
.preset_style_dark_1 .block-content .selectList .item.select i,
.preset_style_dark_3 .block-content .selectList .item.select:after,
.preset_style_dark_3 .block-content .selectList .item.select i {
    color: #7993f1 !important
}

.preset_style_dark_1 .block-content .selectList .item.fixed,
.preset_style_dark_3 .block-content .selectList .item.fixed {
    background: #162149 !important
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-container,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-container {
    border: 1px solid #5c5f6f !important
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .content-text,
.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .header-text,
.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .lower-text,
.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .upper-text,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .content-text,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .header-text,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .lower-text,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .upper-text {
    fill: #fff !important
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .weekend-highlight,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .weekend-highlight {
    opacity: .1 !important
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .row-line,
.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .tick,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .row-line,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .tick {
    opacity: .3
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-content .arrow .light-color,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .arrow .light-color {
    stroke: #fff !important
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-zoom .gantt-mode,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-zoom .gantt-mode {
    color: #fff
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-zoom i,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-zoom i {
    color: #ddd
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-zoom i:hover,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-zoom i:hover {
    color: #fff
}

.preset_style_dark_1 .block-content .bsy-gantt .gantt-legend .text,
.preset_style_dark_3 .block-content .bsy-gantt .gantt-legend .text {
    color: #fff !important
}

.preset_style_dark_1 .block-content .bsy-calendar .menu-btn,
.preset_style_dark_1 .block-content .bsy-calendar .week,
.preset_style_dark_1 .block-content .bsy-dash-metric-table .number-lines .left,
.preset_style_dark_3 .block-content .bsy-calendar .menu-btn,
.preset_style_dark_3 .block-content .bsy-calendar .week,
.preset_style_dark_3 .block-content .bsy-dash-metric-table .number-lines .left {
    color: #fff
}

.preset_style_dark_1 .block-content .bsy-calendar .day.odd .day-wrapper,
.preset_style_dark_3 .block-content .bsy-calendar .day.odd .day-wrapper {
    background: transparent !important
}

.preset_style_dark_1 .block-content .bsy-calendar .day.odd .day-wrapper .day-item,
.preset_style_dark_3 .block-content .bsy-calendar .day.odd .day-wrapper .day-item {
    color: #999 !important
}

.preset_style_dark_1 .block-content .bsy-calendar .day.odd .day-wrapper:hover,
.preset_style_dark_3 .block-content .bsy-calendar .day.odd .day-wrapper:hover {
    background: #e5efff !important
}

.preset_style_dark_1 .block-content .bsy-calendar .day .day-wrapper,
.preset_style_dark_3 .block-content .bsy-calendar .day .day-wrapper {
    background: transparent !important
}

.preset_style_dark_1 .block-content .bsy-calendar .day .day-wrapper .day-item,
.preset_style_dark_3 .block-content .bsy-calendar .day .day-wrapper .day-item {
    color: #fff !important
}

.preset_style_dark_1 .block-content .bsy-calendar .day .day-wrapper:hover,
.preset_style_dark_3 .block-content .bsy-calendar .day .day-wrapper:hover {
    background: #e5efff !important
}

.preset_style_dark_1 .block-content .bsy-calendar .segment-calendar .segment-item,
.preset_style_dark_3 .block-content .bsy-calendar .segment-calendar .segment-item {
    background: #f4f4f4;
    color: #333
}

.preset_style_dark_1 .block-content .bsy-calendar .blockCont,
.preset_style_dark_1 .block-content .bsy-calendar .calendar-data-list,
.preset_style_dark_3 .block-content .bsy-calendar .blockCont,
.preset_style_dark_3 .block-content .bsy-calendar .calendar-data-list {
    background: hsla(0, 0%, 100%, .05) !important
}

.preset_style_dark_1 .block-content .bsy-calendar .blockCont .block-list,
.preset_style_dark_3 .block-content .bsy-calendar .blockCont .block-list {
    background: hsla(0, 0%, 100%, .1) !important
}

.preset_style_dark_1 .block-content .bsy-calendar .blockCont .block-list .item-content,
.preset_style_dark_1 .block-content .bsy-calendar .blockCont .block-list .titleDate,
.preset_style_dark_3 .block-content .bsy-calendar .blockCont .block-list .item-content,
.preset_style_dark_3 .block-content .bsy-calendar .blockCont .block-list .titleDate {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1 .block-content .bsy-date-range .content-menu,
.preset_style_dark_3 .block-content .bsy-date-range .content-menu {
    color: #fff
}

.preset_style_dark_1 .block-content .bsy-date-range .line,
.preset_style_dark_3 .block-content .bsy-date-range .line {
    background: #7993f1 !important
}

.preset_style_dark_1.bsy-msg-bubble,
.preset_style_dark_3.bsy-msg-bubble {
    background: #29314c
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane {
    background: transparent !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .bsy-combo-search .icon-bsy-iconsoushuo,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .bsy-combo-search .icon-bsy-iconsoushuo {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .bsy-combo-search input,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .bsy-combo-search input {
    color: hsla(0, 0%, 100%, .92) !important;
    border-bottom: 1px solid #4e68c3;
    box-shadow: inset 0 0 0 1000px #29314c
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .item,
.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .item .icon-blank,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .item,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .item .icon-blank {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .item:hover,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .item:hover {
    background: #5a72c9 !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-trigger-pane .item.fixed,
.preset_style_dark_3.bsy-msg-bubble .bsy-trigger-pane .item.fixed {
    background: #162149 !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker,
.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker .col-item,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker .col-item {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker .col-item:hover .item-wrapper,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker .col-item:hover .item-wrapper {
    background: rgba(2, 101, 255, .5) !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker .col-item.select .item-wrapper,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker .col-item.select .item-wrapper {
    background: transparent !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker .btn-group,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker .btn-group {
    color: hsla(0, 0%, 100%, .92)
}

.preset_style_dark_1.bsy-msg-bubble .bsy-time-picker .btn-group:hover,
.preset_style_dark_3.bsy-msg-bubble .bsy-time-picker .btn-group:hover {
    color: var(--bsy-base-color)
}

.preset_style_dark_1.bsy-msg-bubble .bsy-x-group,
.preset_style_dark_3.bsy-msg-bubble .bsy-x-group {
    background: transparent
}

.preset_style_dark_1.bsy-msg-bubble .bsy-x-group .bsy-group-item,
.preset_style_dark_3.bsy-msg-bubble .bsy-x-group .bsy-group-item {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature {
    background-color: initial;
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature .signature-btn,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature .signature-btn {
    background-color: initial
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature .signature-btn span,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature .signature-btn span {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature .upload-info,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature .upload-info {
    background-color: initial
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature .upload-info .info-sub,
.preset_style_dark_1.bsy-msg-bubble .bsy-subform-signature .upload-info .info-text,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature .upload-info .info-sub,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-signature .upload-info .info-text {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload {
    background: transparent;
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload .upload-btn,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload .upload-btn {
    background-color: initial
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload .upload-btn span,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload .upload-btn span {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload .upload-info,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload .upload-info {
    background-color: initial
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload .upload-info .info-sub,
.preset_style_dark_1.bsy-msg-bubble .bsy-subform-upload .upload-info .info-text,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload .upload-info .info-sub,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-upload .upload-info .info-text {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-textarea,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-textarea {
    background: transparent
}

.preset_style_dark_1.bsy-msg-bubble .bsy-subform-textarea .BsyBtn span,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-textarea .BsyBtn span {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-address .bsy-textarea textarea,
.preset_style_dark_1.bsy-msg-bubble .bsy-subform-textarea .bsy-textarea textarea,
.preset_style_dark_3.bsy-msg-bubble .bsy-address .bsy-textarea textarea,
.preset_style_dark_3.bsy-msg-bubble .bsy-subform-textarea .bsy-textarea textarea {
    background: transparent;
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-address .BsySelect span,
.preset_style_dark_3.bsy-msg-bubble .bsy-address .BsySelect span {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .BsySearchInput input,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .BsySearchInput input {
    background: transparent !important;
    color: #fff !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper,
.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list {
    background: transparent !important
}

.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .menu-items .item .label,
.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .result-item,
.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .menu-items .item .label,
.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .result-item,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .menu-items .item .label,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .result-item,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .menu-items .item .label,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .result-item {
    color: #fff
}

.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .menu-items .item:hover,
.preset_style_dark_1.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .menu-items .item:hover,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper-list .menu-items .item:hover,
.preset_style_dark_3.bsy-msg-bubble .bsy-show-address-pane .content-wrapper .menu-items .item:hover {
    background: #8095ff !important
}

.preset_style_dark_1.BsyAlertMenu,
.preset_style_dark_3.BsyAlertMenu {
    background: #29314c
}

.preset_style_dark_1.BsyAlertMenu .content,
.preset_style_dark_3.BsyAlertMenu .content {
    background-color: initial
}

.preset_style_dark_1.BsyAlertMenu .content .item,
.preset_style_dark_1.BsyAlertMenu .content .item .i,
.preset_style_dark_3.BsyAlertMenu .content .item,
.preset_style_dark_3.BsyAlertMenu .content .item .i {
    color: hsla(0, 0%, 100%, .92) !important
}

.preset_style_dark_1.BsyAlertMenu .content .item.select,
.preset_style_dark_1.BsyAlertMenu .content .item:hover,
.preset_style_dark_3.BsyAlertMenu .content .item.select,
.preset_style_dark_3.BsyAlertMenu .content .item:hover {
    background: #5a72c9 !important
}

.preset_style_dark_1 .x-skeleton-spin,
.preset_style_dark_3 .x-skeleton-spin {
    background: transparent
}

.preset_style_dark_3 .bsy_dash_block {
    border-radius: 0 !important
}

.preset_style_dark_3 .angle-cursor {
    display: block !important;
    position: absolute;
    width: 10px;
    height: 10px
}

.preset_style_dark_3 .angle-cursor.nw-cursor {
    top: 0;
    left: 0;
    border-color: #00f0fc;
    border-style: solid;
    border-width: 1px 0 0 1px
}

.preset_style_dark_3 .angle-cursor.ne-cursor {
    top: 0;
    right: 0;
    border-color: #00f0fc;
    border-style: solid;
    border-width: 1px 1px 0 0
}

.preset_style_dark_3 .angle-cursor.se-cursor {
    right: 0;
    bottom: 0;
    border-color: #00f0fc;
    border-style: solid;
    border-width: 0 1px 1px 0
}

.preset_style_dark_3 .angle-cursor.sw-cursor {
    bottom: 0;
    left: 0;
    border-color: #00f0fc;
    border-style: solid;
    border-width: 0 0 1px 1px
}

.preset_style_dark_3 .block-content .bsy-gantt .gantt-content .bar-label {
    fill: #fff !important;
    filter: none !important
}

.preset_style_dark_3 .time-input input {
    background: transparent !important;
    color: #fff
}

.bsy-subform-location {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.bsy-subform-location:hover {
    border: 1px solid #0265ff
}

.bsy-subform-location:hover .widget-icon {
    color: #0265ff
}

.bsy-subform-location .select-val {
    white-space: nowrap;
    padding-left: 3px
}

.bsy-subform-location .widget-icon {
    color: #999;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 30px
}

.bsy-subform-location .x-radio {
    cursor: pointer
}

.bsy-subform-location .x-radio i {
    margin-right: 5px;
    color: #9da2b2
}

.bsy-subform-location .x-radio .icon-bsy-icondanxuananniu:before {
    content: "\e7fc" !important
}

.bsy-subform-location .x-radio.select .icon-bsy-icondanxuananniu:before {
    content: "\e7fa" !important
}

.bsy-subform-location .x-radio.select i {
    color: #0265ff
}

.bsy-subform-location .x-radio.horizontal {
    display: inline-block;
    margin-right: 26px;
    vertical-align: middle
}

.bsy-msg-bubble .bsy-location {
    height: auto;
    margin: 10px
}

.bsy-msg-bubble .bsy-filter-pane .bsy-location {
    margin: 0
}

.bsy-subform-text {
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 7px
}

.bsy-msg-bubble .bsy-subform-textarea {
    height: auto;
    margin: 10px
}

.bsy-msg-bubble .bsy-subform-textarea .footer {
    margin-top: 10px;
    height: 30px
}

.bsy-msg-bubble .bsy-subform-textarea .footer .BsyBtn {
    float: right;
    margin-left: 10px;
    height: 26px;
    line-height: 26px
}

.BsyCheckBox .x-radio {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px)
}

.bsy-flow-comment {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: hsla(0, 0%, 98%, .7)
}

.bsy-flow-comment .close {
    background: 0 0
}

.bsy-flow-comment .close .comment-content {
    opacity: 0;
    animation: fadeOutRight .3s
}

.bsy-flow-comment.print {
    position: relative;
    margin-top: 20px
}

.bsy-flow-comment.print .comment-list {
    display: inherit
}

.bsy-flow-comment.print .comment-content {
    border-top: 1px dashed #eee;
    background: #fafafa;
    width: 100%;
    position: relative;
    animation: none
}

.bsy-flow-comment.print .comment-title {
    padding: 0 20px;
    border-bottom: 1px solid #eee
}

.bsy-flow-comment.print .comment-list {
    padding: 0 20px;
    position: relative;
    left: 0;
    right: 0;
    top: 0
}

.bsy-flow-comment.print .comment-list .comment-item {
    border-bottom: 1px solid #eee
}

.bsy-flow-comment .comment-empty-tip {
    width: 150px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: #989898
}

.bsy-flow-comment .comment-content {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 520px;
    background: #fff;
    animation: fadeInRightBig .3s;
    box-shadow: 0 0 10px 0 rgba(2, 101, 255, .1)
}

.bsy-flow-comment .comment-title {
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #e0e0e0
}

.bsy-flow-comment .comment-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    cursor: pointer;
    font-size: 16px
}

.bsy-flow-comment .comment-title .icon-close-normal:hover {
    color: #d84636
}

.bsy-flow-comment .comment-list {
    position: absolute;
    top: 40px;
    left: 10px;
    right: 10px;
    bottom: 0;
    overflow: auto
}

.bsy-flow-comment .comment-list .comment-item {
    padding: 10px 0 15px;
    border-bottom: 1px solid #e0e0e0
}

.bsy-flow-comment .comment-list .comment-menu {
    height: 30px;
    line-height: 30px
}

.bsy-flow-comment .comment-list .menu-creator {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: left;
    left: 0
}

.bsy-flow-comment .comment-list .menu-time {
    float: left;
    left: 5px
}

.bsy-flow-comment .comment-list .menu-state,
.bsy-flow-comment .comment-list .menu-time {
    color: #989898;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.bsy-flow-comment .comment-list .menu-state {
    text-align: right;
    float: right;
    right: 0
}

.bsy-flow-comment .comment-list .content {
    word-break: break-all;
    word-wrap: break-word
}

.bsy-flow-comment .comment-list .content img {
    display: block;
    width: 90px;
    height: 55px;
    margin-top: 5px
}

.bsy-share-url {
    height: 30px !important;
    background: #fff;
    position: relative
}

.bsy-share-url .bsy-text {
    line-height: 28px;
    overflow: hidden;
    width: calc(100% - 150px) !important;
    background-color: rgba(2, 101, 255, .06);
    border-radius: 2px;
    opacity: 1
}

.bsy-share-url.xxx-1 .bsy-text {
    width: calc(100% - 50px) !important
}

.bsy-share-url.xxx-2 .bsy-text {
    width: calc(100% - 100px) !important
}

.bsy-share-url.xxx-3 .bsy-text {
    width: calc(100% - 150px) !important
}

.bsy-share-url.xxx-4 .bsy-text {
    width: calc(100% - 200px) !important
}

.bsy-share-url .bsy-text .x-input {
    border: none;
    font-size: 12px;
    color: #666;
    background: transparent;
    pointer-events: none
}

.bsy-share-url .btn-wrapper {
    display: flex;
    flex: none;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 0
}

.bsy-share-url .btn-wrapper .btn {
    font-size: 14px;
    margin-left: 20px;
    color: #0265ff;
    cursor: pointer;
    font-weight: 500
}

.bsy-share-url .btn-wrapper .btn:hover,
.bsy-share-url .btn-wrapper .btn i,
.bsy-share-url .btn-wrapper .btn i:hover {
    color: #0265ff
}

.bsy-share-url .btn-wrapper .btn.qr-code {
    font-size: 16px
}

.bsy-share-url .btn-wrapper .btn:last-child {
    margin-right: 15px
}

.bsy-log-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    padding: 0 16px;
    background-color: #f5f7fa;
    overflow: hidden;
    border-left: 1px solid #e0e0e0;
    z-index: 1
}

.bsy-log-wrapper:hover .log-wrapper-switch {
    display: block
}

.bsy-log-wrapper .log-wrapper-switch {
    position: absolute;
    top: calc(50% - 38px);
    left: -18px;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #525967;
    background: #fff;
    border: 1px solid #ebecee;
    border-radius: 50%;
    cursor: pointer;
    text-align: center
}

.bsy-log-wrapper.for-second .log-menu .menu-select-bar {
    left: 70px
}

.bsy-log-wrapper.for-second .log-main {
    transform: translate(-100%)
}

.bsy-log-wrapper .log-menu {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.bsy-log-wrapper .log-menu .menu-item {
    display: inline-block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    margin-right: 30px;
    cursor: pointer;
    color: #333;
    position: relative
}

.bsy-log-wrapper .log-menu .menu-item:hover {
    color: #0265ff
}

.bsy-log-wrapper .log-menu .menu-item.select {
    color: #0265ff;
    font-weight: 700
}

.bsy-log-wrapper .log-menu .menu-item.select:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #0265ff
}

.bsy-log-wrapper .log-menu .menu-select-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 4px;
    transition: all 218ms
}

.bsy-log-wrapper .log-main {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 218ms
}

.bsy-log-wrapper .log-main .main-item {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

.bsy-form {
    position: relative;
    color: #333;
    background: #fff;
    margin: 0 auto;
    overflow: hidden
}

.bsy-form .bsy-log-wrapper {
    top: 50px;
    overflow: unset
}

.bsy-form.side .bsy-log-wrapper {
    padding: 0;
    width: 0
}

.bsy-form.side .bsy-log-wrapper .log-main,
.bsy-form.side .bsy-log-wrapper .log-menu {
    display: none
}

.bsy-form.side .bsy-log-wrapper .log-wrapper-switch {
    display: block
}

.bsy-form.side .bsy-footer,
.bsy-form.side .bsy-widget-wrapper {
    width: 100% !important
}

.bsy-form .fx_flow_state {
    width: 100% !important;
    z-index: 999
}

.bsy-form .fx_flow_state .state-content {
    left: 0 !important;
    width: 100%
}

.bsy-form .bsy-header {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 50px;
    background: #fff;
    text-align: left;
    font-size: 16px;
    color: #333;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    z-index: 1
}

.bsy-form .bsy-header .title {
    max-width: calc(100% - 300px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    height: 50px;
    line-height: 50px;
    font-weight: 700
}

.bsy-form .bsy-header .all {
    width: 32px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    float: right;
    margin-top: 10px;
    margin-right: 40px;
    font-size: 20px;
    text-align: center;
    cursor: pointer
}

.bsy-form .bsy-header .all:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form .bsy-header .form-exit-icon {
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto 0;
    width: 32px;
    height: 32px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 32px;
    transition: transform 218ms
}

.bsy-form .bsy-header .form-exit-icon:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form .bsy-header .flow-chart {
    width: 100px;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    margin-top: 12px;
    float: right;
    margin-right: 110px;
    text-align: center;
    color: #333;
    cursor: pointer;
    transition: background-color .218s;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-form .bsy-header .flow-chart i {
    margin-right: 5px;
    font-size: 16px
}

.bsy-form .bsy-header .flow-chart span {
    font-size: 14px
}

.bsy-form .bsy-header .flow-chart:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form .bsy-header .contract {
    width: 28px;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 12px;
    margin-right: 36px;
    font-size: 20px;
    text-align: center;
    color: #333;
    cursor: pointer;
    position: relative
}

.bsy-form .bsy-header .contract:hover {
    background: rgba(2, 101, 255, .1);
    color: var(--bsy-base-color)
}

.bsy-form .bsy-header .contract:after {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: -20px;
    width: 1px;
    height: 14px;
    background-color: #e5e5e5;
    pointer-events: none
}

.bsy-form.has-footer .bsy-widget-wrapper {
    bottom: 50px !important
}

.bsy-form.has-header .bsy-widget-wrapper {
    top: 50px !important
}

.bsy-form .bsy-widget-wrapper {
    overflow: auto;
    background: #fff
}

.bsy-form .bsy-widget-wrapper.hasLog {
    right: 300px !important
}

.bsy-form .bsy-widget-wrapper.hasComment {
    bottom: 190px !important
}

.bsy-form .bsy-widget-wrapper ul {
    margin: 9px 15px
}

.bsy-form .bsy-widget-view {
    position: relative;
    line-height: 20px;
    padding: 11px 0;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: top
}

.bsy-form .bsy-widget-view.auto-width .bsy-address,
.bsy-form .bsy-widget-view.auto-width .bsy-data-load,
.bsy-form .bsy-widget-view.auto-width .bsy-datetime,
.bsy-form .bsy-widget-view.auto-width .bsy-text,
.bsy-form .bsy-widget-view.auto-width .bsy-textarea,
.bsy-form .bsy-widget-view.auto-width .bsy-x-group,
.bsy-form .bsy-widget-view.auto-width .BsyBtn.button,
.bsy-form .bsy-widget-view.auto-width .BsySelect {
    width: 100% !important;
    max-width: 100% !important
}

.bsy-form .bsy-widget-view.layout-horizontal {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-label {
    position: relative;
    flex: 0 0 auto;
    max-width: 70%;
    display: flex;
    padding: 6px 20px 6px 0
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container {
    flex: 1 1 auto;
    min-width: 32px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    flex-direction: column-reverse
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget {
    margin-top: 0
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable.text {
    display: inherit !important
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable .bsy-text-tag {
    margin: 0 4px 0 0;
    flex: none
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable .img-preview.barcode {
    margin-left: -8px
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c2c2c2;
    line-height: 20px
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable:after,
.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable:before {
    content: " ";
    display: table;
    line-height: 0
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable.generate-qr {
    display: flex
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable.generate-qr .show-value {
    margin-right: 40px
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable .qr-btn {
    margin-left: 5px;
    margin-right: 10px;
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    right: 0
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable .nest-link {
    margin-right: 40px
}

.bsy-form .bsy-widget-view.layout-horizontal .fl-container .fl-widget .bsy_form_item_disable .show-value {
    white-space: pre-wrap
}

.bsy-form .bsy-widget-view.x-grid-col-12 {
    width: 100%
}

.bsy-form .bsy-widget-view.x-grid-col-6 {
    width: 50%
}

.bsy-form .bsy-widget-view.x-grid-col-4 {
    width: 33.33333%
}

.bsy-form .bsy-widget-view.x-grid-col-3 {
    width: 25%
}

.bsy-form .bsy-widget-view.x-grid-col-8 {
    width: 66.66667%
}

.bsy-form .bsy-widget-view.x-grid-col-9 {
    width: 75%
}

.bsy-form .bsy-widget-view.hide {
    display: none !important
}

.bsy-form .bsy-widget-view.error {
    background: #fef6de
}

.bsy-form .bsy-widget-view .error-info {
    font-size: 12px;
    color: #ff5631
}

.bsy-form .bsy-widget-view .fl-container {
    display: flex;
    flex-flow: column;
    justify-content: flex-end
}

.bsy-form .bsy-widget-view .fl-container .fl-widget {
    margin-top: 3px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .BsySelect {
    background: #fff
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-link-query {
    overflow: hidden
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-link-query .table-text {
    white-space: normal !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable {
    white-space: pre-wrap
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable .bsy-text-tag {
    margin: 0 4px 0 0;
    flex: none
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable .img-preview.barcode {
    margin-left: -8px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c9ced9;
    line-height: 20px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable:after,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable:before {
    content: " ";
    display: table;
    line-height: 0
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable.generate-qr {
    display: flex
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable.generate-qr .show-value {
    margin-right: 40px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable .qr-btn {
    margin-left: 5px;
    margin-right: 10px;
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    right: 0
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable .nest-link {
    margin-right: 40px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy_form_item_disable .show-value {
    white-space: pre-wrap
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-subform .bsy_form_item_disable {
    background: transparent;
    padding: 0 0 0 4px !important;
    white-space: pre !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-height: 34px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-subform .textarea .bsy_form_item_disable {
    height: 34px !important;
    overflow-y: auto !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-subform .textarea .bsy_form_item_disable pre {
    height: 100%;
    overflow: auto
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-upload {
    height: auto !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-upload .upload-btn {
    height: 34px;
    line-height: 34px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-image-upload {
    height: auto !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-image-upload .upload-btn {
    height: 140px
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-location,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-location .BsyBtn {
    max-width: 100%
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-location .BsyBtn span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-link-data,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-link-data .BsyIconBtn {
    max-width: 100%
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-link-data .BsyIconBtn span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .BsyBtn {
    padding: 0 2px !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .BsyBtn .button {
    max-width: 100%
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .BsyBtn span {
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-upload {
    max-width: 100%;
    opacity: 1 !important
}

.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-address,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-data-load,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-datetime,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-text,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-textarea,
.bsy-form .bsy-widget-view .fl-container .fl-widget .bsy-x-group,
.bsy-form .bsy-widget-view .fl-container .fl-widget .BsyBtn.button,
.bsy-form .bsy-widget-view .fl-container .fl-widget .BsySelect {
    max-width: 100%
}

.bsy-form .bsy-widget-view .description-info {
    margin-left: 5px;
    color: #999;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer
}

.bsy-form .bsy-widget-view .fl-label {
    padding-bottom: 3px;
    font-weight: 700;
    line-height: 20px
}

.bsy-form .bsy-widget-view .fl-label .label-title {
    color: #333;
    font-size: 14px
}

.bsy-form .bsy-widget-view .fl-label .label-title p {
    margin: 0
}

.bsy-form .bsy-widget-view .fl-description {
    font-size: 12px;
    color: #777
}

.bsy-form .bsy-widget-view .fl-description a {
    color: #178cdf !important
}

@media (min-width:768px) {
    .bsy-form .bsy-widget-view {
        padding: 11px 10px
    }
}

.bsy-form.bsy-normal-layout {
    border-top: 1px solid #e0e0e0
}

.bsy-form.bsy-form-modal .bsy-widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bsy-form.bsy-form-modal .bsy-footer {
    position: absolute;
    height: 50px;
    border-top: 1px dashed #bcbcbc;
    padding: 0 20px;
    background: #fff;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0
}

.bsy-form.bsy-form-modal .bsy-footer.hasLog {
    right: 300px !important
}

.bsy-form.bsy-form-modal .bsy-footer .comment-pane {
    display: flex
}

.bsy-form.bsy-form-modal .bsy-footer .comment-pane .comment {
    flex: 2 1;
    margin-right: 20px
}

.bsy-form.bsy-form-modal .bsy-footer .comment-pane .signature {
    flex: 1 1
}

.bsy-form.bsy-form-modal .bsy-footer .btn-pane.middle {
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-form.bsy-form-modal .bsy-footer .btn-pane .BsyIconBtn {
    margin-right: 10px;
    margin-top: 10px;
    min-width: 120px
}

.bsy-form.bsy-form-modal .bsy-footer .btn-pane .BsyIconBtn.form-custom span {
    color: #fff
}

.bsy-form.has-flow .bsy-footer {
    height: 190px
}

.bsy-form.has-flow .bsy-footer .title {
    height: 50px;
    line-height: 50px
}

.bsy-form.has-flow .bsy-footer .bsy-textarea {
    height: 80px !important
}

.bsy-form.has-flow .bsy-footer .bsy-textarea .x-textarea {
    min-height: 80px !important
}

.bsy-form.has-flow .bsy-footer .bsy-signature,
.bsy-form.has-flow .bsy-footer .bsy-signature .signature-btn {
    height: 80px !important
}

.bsy-form.has-flow .bsy-footer .bsy-signature .signature-delete-btn {
    height: auto
}

.bsy-form.has-flow .bsy-footer .bsy-signature .upload-preview-list {
    margin: 0
}

.bsy-form.has-flow .bsy-footer .bsy-signature .upload-preview-list .upload-info {
    height: 80px !important
}

.bsy-form.has-flow .bsy-footer .bsy-signature .upload-preview-list .upload-info .upload-preview {
    height: 80px !important;
    overflow: hidden
}

.bsy-submit-Confirm.content.h3 {
    height: 150px
}

.bsy-submit-Confirm.content.h6 {
    height: 250px
}

.bsy-submit-Confirm.content.h9 {
    height: 350px
}

.bsy-submit-Confirm.content {
    overflow-y: auto;
    margin: 20px
}

.bsy-submit-Confirm.content .widget-view {
    text-align: left;
    display: flex;
    font-size: 14px;
    margin-bottom: 4px;
    padding-bottom: 4px
}

.bsy-submit-Confirm.content .widget-view .widget-title {
    margin-right: 5px;
    width: 120px;
    color: #7c8bbb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bsy-submit-Confirm.content .widget-view .widget-title.subform {
    width: 110px
}

.bsy-submit-Confirm.content .widget-view .widget-text {
    width: 400px;
    word-break: break-word
}

.bsy-submit-Confirm.content .widget-view .widget-text pre {
    line-height: 20px
}

.bsy-submit-Confirm.content .widget-view .widget-text .row {
    border-bottom: 1px solid #eee;
    padding-top: 4px
}

.bsy-submit-Confirm.content .footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

.bsy-submit-Confirm.content .footer .BsyIconBtn {
    float: right;
    margin-top: 10px;
    margin-right: 15px
}

.bsy_flow_Sign_pane {
    padding: 15px
}

.bsy_flow_Sign_pane .flow-sign-block {
    margin-top: 20px;
    text-align: left;
    padding: 0 10px
}

.bsy_flow_Sign_pane .flow-sign-block .BsyIconBtn {
    float: right;
    margin-left: 15px
}

.bsy_flow_Sign_pane .flow-sign-block .red {
    color: #d84636
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-title {
    font-size: 15px
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content {
    margin: 10px 0 0 10px;
    font-size: 14px;
    display: flex
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content .x-radio {
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content .x-radio i {
    margin-right: 10px;
    line-height: 20px
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content .x-radio i.icon-blank:before {
    content: "\e7fc"
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content .x-radio.select .icon-blank:before {
    content: "\e7fa"
}

.bsy_flow_Sign_pane .flow-sign-block .flow-sign-content .x-radio .desc {
    color: #999;
    font-size: 12px
}

.bsy_flow_Sign_pane .flow-sign-block .x-user {
    margin: 10px 0 0 10px
}

.bsy-back-node-list {
    padding: 10px 20px
}

.bsy-back-node-list .title {
    height: 30px;
    line-height: 30px;
    text-align: left
}

.bsy-back-node-list .bsy-x-group {
    height: 250px !important;
    border: 1px solid #e0e0e0;
    overflow-y: auto
}

.bsy-back-node-list .bsy-x-group .bsy-group-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 10px
}

.bsy-back-node-list .footer .BsyIconBtn {
    margin-top: 10px;
    margin-left: 10px;
    float: right
}

.bsy-show-message-pane {
    width: 600px;
    text-align: center;
    color: #fff
}

.bsy-show-message-pane .bsy-show-message-pane-content .bsy-show-message-pane-content-timeout {
    margin-top: 10px
}

.bsy-show-message-pane .bsy-show-message-pane-content .bsy-show-message-pane-content-process {
    background: #fff;
    height: 10px;
    border-radius: 30px;
    margin-top: 10px
}

.bsy-show-message-pane .bsy-show-message-pane-content .bsy-show-message-pane-content-process .bsy-show-message-pane-content-process-bar {
    width: 0;
    height: 100%;
    background: #0265ff
}

.bsy-show-message-pane .bsy-show-message-pane-content .bsy-show-message-pane-content-title {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word
}

.bsy-show-message-pane .bsy-show-message-pane-content .bsy-show-message-pane-content-footer {
    margin-top: 10px
}

.BsyAlertQrcode {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyAlertQrcode .QRcodeContent {
    position: fixed;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(51, 51, 51, .2);
    border-radius: 4px
}

.BsyAlertQrcode .QRcodeContent .QRcodeTip {
    text-align: center;
    font-size: 12px;
    color: #777
}

:after,
:before {
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 8px;
    height: 9px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #b5b5b5
}

::-webkit-scrollbar-track {
    border-radius: 6px
}

::-webkit-scrollbar-corner {
    background: rgba(204, 13, 13, 0)
}

html {
    font-size: 16px
}

body {
    height: 100%;
    padding: 0;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    overflow-y: hidden;
    --bsy-base-color: #0265ff;
    --bsy-base-bgcolor: rgba(2, 101, 255, 0.1);
    --bsy-base-hovercolor: rgba(2, 101, 255, 0.8)
}

body * {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, Microsoft YaHei, "微软雅黑", sans-serif
}

a {
    outline: 0;
    text-decoration: none
}

input,
select,
textarea {
    font-size: .875rem;
    margin: 0;
    outline: 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: border-color .3s;
    padding: 0;
    box-shadow: inset 0 0 0 1000px #fff
}

textarea {
    resize: none;
    padding: 3px 10px
}

textarea:hover {
    border-color: var(--bsy-base-color)
}

input {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    width: 100%
}

input:hover {
    border-color: var(--bsy-base-color)
}

pre {
    margin: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
    white-space: pre-wrap
}

input::-webkit-input-placeholder {
    color: #c3c3c3
}

input:-moz-placeholder,
input::-moz-placeholder {
    color: #c3c3c3
}

input:-ms-input-placeholder {
    color: #c3c3c3
}

input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #333
}

input:focus {
    border-color: var(--bsy-base-color) !important
}

input::-moz-placeholder {
    color: #91a1b7
}

input:-ms-input-placeholder {
    color: #91a1b7
}

input::-webkit-input-placeholder {
    color: #91a1b7
}

input:-moz-placeholder {
    color: #91a1b7
}

@keyframes x-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.x-input-focus,
.x-textarea-focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--bsy-base-color) !important
}

.x-input-focus:focus:-moz-placeholder,
.x-input-focus:focus::-moz-placeholder {
    color: #c3cdda;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms
}

.x-input-focus:focus:-ms-input-placeholder {
    color: #c3cdda;
    -ms-transition: all 218ms;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms
}

.x-input-focus:focus::-webkit-input-placeholder {
    color: #c3cdda;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms
}

::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important
}

.x-input-error,
.x-textarea-error,
input.error,
select.error,
textarea.error {
    border-color: #f5222d !important
}

.x-input-warning,
.x-textarea-warning {
    border-color: #f0ad4e
}

.x-input-success,
.x-textarea-success {
    border-color: var(--bsy-base-color)
}

img {
    border: 0;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

button {
    border: none;
    background-color: initial;
    outline: none;
    padding: 0
}

.x-iconfont,
i[class*=icon-] {
    font-family: finex;
    font-style: normal
}

@font-face {
    font-family: finex;
    src: url(../../static/media/iconfont.16fe0625.eot);
    src: url(../../static/media/iconfont.16fe0625.eot?#iefix) format("embedded-opentype"), url(../../static/media/iconfont.a00256b6.woff) format("woff"), url(../../static/media/iconfont.77c136e0.ttf) format("truetype"), url(../../static/media/iconfont.cf54489b.svg#svgFontName) format("svg")
}

.x-iconfont,
body,
i[class*=icon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

.bsy-ui-disable {
    opacity: .7 !important;
    cursor: no-drop
}

.bsy-ui-hidden {
    display: none !important
}

.bsy-error-pane {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-error-pane .bsy-error-content {
    text-align: center
}

.bsy-error-pane .bsy-error-content .error-msg {
    margin-top: 20px;
    font-size: 16px
}

.nonsupport-msg {
    color: #d9534f
}

i.icon-bsy-help:before {
    content: "\e77c"
}

.icon-bsy-iconzhanghao:before {
    content: "\e60f"
}

.icon-bsy-iconmima:before {
    content: "\e610"
}

.icon-close-circle:before {
    content: "\e609"
}

.icon-bsy-iconshouji:before {
    content: "\e611"
}

.icon-widget-phone:before {
    content: "\e7ef"
}

.icon-bsy-iconduanxinyanzhengma:before {
    content: "\e612"
}

.icon-bsy-iconduijie:before {
    content: "\e613"
}

.icon-bsy-iconduide:before {
    content: "\e604"
}

.icon-bsy-iconjinggaoxianxing:before {
    content: "\e605"
}

.icon-bsy-icongantanhaoxianxing:before {
    content: "\e606"
}

.icon-bsy-icongantanhao:before {
    content: "\e607"
}

.icon-bsy-icontuxingyanzhengma:before {
    content: "\e614"
}

.icon-bsy-iconfuwushanglianmeng:before {
    content: "\e615"
}

.icon-bsy-iconjinggao:before {
    content: "\e608"
}

.icon-bsy-report:before {
    content: "\e664"
}

.icon-bsy-iconwodetuandui:before {
    content: "\e616"
}

.icon-bsy-iconcuode:before {
    content: "\e609"
}

.icon-bsy-iconfenxiangzhi:before {
    content: "\e617"
}

.icon-bsy-iconjiarudetuandui:before {
    content: "\e618"
}

.icon-bsy-icontaocangoumai:before {
    content: "\e619"
}

.icon-bsy-iconxiugai:before {
    content: "\e61a"
}

.icon-bsy-iconfuzhi:before {
    content: "\e61b"
}

.icon-bsy-iconxinshouyindao:before {
    content: "\e61c"
}

.icon-bsy-iconjia:before {
    content: "\e62d"
}

.icon-bsy-iconzaixiankefu:before {
    content: "\e61d"
}

.icon-bsy-icongengduo:before,
.icon-flow-other:before {
    content: "\e61e"
}

.icon-bsy-icongengduo1:before {
    content: "\e7e2"
}

.icon-flow-other:before {
    content: "\e7df"
}

.icon-more:before {
    content: "\e7e8"
}

.icon-aggregate:before {
    content: "\e6d5"
}

.icon-turn-right:before {
    content: "\e746"
}

.icon-turn-left:before {
    content: "\e747"
}

.icon-bsy-iconzhongmingming:before {
    content: "\e61f"
}

.icon-bsy-icontuichuzhanghao:before {
    content: "\e620"
}

.icon-bsy-iconmokuaizhongxin:before {
    content: "\e621"
}

.icon-bsy-iconguanli:before {
    content: "\e622"
}

.icon-bsy-icontongzhi:before {
    content: "\e623"
}

.icon-bsy-icongongzuotai:before {
    content: "\e624"
}

.icon-bsy-iconfaqi:before {
    content: "\e7f7"
}

.icon-bsy-iconxuanzhong:before {
    content: "\e7f8"
}

.icon-bsy-iconjian:before {
    content: "\e632"
}

.icon-bsy-iconfenxianggei:before {
    content: "\e626"
}

.icon-bsy-icondingdinglogo:before,
.icon-dingtalk:before {
    content: "\e60c"
}

.icon-bsy-iconshang:before {
    content: "\e600"
}

.icon-bsy-iconshanchu:before {
    content: "\e627"
}

.icon-bsy-iconyidong:before {
    content: "\e7a4"
}

.icon-bsy-iconxitongguanli:before {
    content: "\e629"
}

.icon-bsy-iconxia:before {
    content: "\e601"
}

.icon-bsy-icontongxunlu:before {
    content: "\e62a"
}

.icon-bsy-iconqingli:before {
    content: "\e62b"
}

.icon-bsy-iconshenqingdingzhi:before {
    content: "\e62c"
}

.icon-bsy-iconbangzhuxianxing:before {
    content: "\e60a"
}

.icon-bsy-iconshezhi:before {
    content: "\e7a5"
}

.icon-bsy-iconchaosong:before {
    content: "\e7f2"
}

.icon-bsy-icondaiban:before {
    content: "\e7f6"
}

.icon-bsy-iconquanbuyingyong:before {
    content: "\e7f5"
}

.icon-bsy-iconweixinlogo:before {
    content: "\e60d"
}

.icon-bsy-iconyou:before {
    content: "\e602"
}

.icon-bsy-iconzuofanhui:before {
    content: "\e7b1"
}

.icon-bsy-iconbangzhu:before {
    content: "\e60b"
}

.icon-bsy-iconqiyeweixinlogo:before {
    content: "\e60e"
}

.icon-bsy-iconkejian:before {
    content: "\e633"
}

.icon-widget-chargers:before,
.icon-widget-flowdecision:before {
    content: "\e69e"
}

.icon-bsy-iconbukejian:before,
.icon-eye-slash:before {
    content: "\e634"
}

.icon-eye-show:before {
    content: "\e633"
}

.icon-ascending:before {
    content: "\e72c"
}

.icon-descending:before {
    content: "\e72b"
}

.icon-bsy-iconbaibaoyunlogo:before {
    content: "\e635"
}

.icon-bsy-iconyangshi:before {
    content: "\e63d"
}

.icon-bsy-iconshixinyou:before {
    content: "\e64f"
}

.icon-bsy-folder-close:before {
    content: "\e7f3"
}

.icon-bsy-filter-show:before {
    content: "\e81a"
}

.icon-bsy-filter-hide:before {
    content: "\e81b"
}

.icon-bsy-iconshixinxia:before {
    content: "\e650"
}

.icon-bsy-folder-open:before {
    content: "\e7f4"
}

.icon-bsy-iconshixinshang:before {
    content: "\e652"
}

.icon-bsy-iconshixinzhuo:before {
    content: "\e651"
}

.icon-bsy-iconfenzhu:before {
    content: "\e7f1"
}

.icon-bsy-iconsoushuo:before {
    content: "\e783"
}

.icon-bsy-iconauthorization:before {
    content: "\e671"
}

.icon-bsy-iconqiehuan:before {
    content: "\e655"
}

.icon-bsy-iconqiehuan1:before {
    content: "\e924"
}

.icon-bsy-close:before {
    content: "\e679"
}

.icon-bsy-close-small:before {
    content: "\e7f0"
}

.icon-bsy-ding-delete:before {
    content: "\e81e"
}

.icon-bsy-ding-unset:before {
    content: "\e81c"
}

.icon-bsy-ding-ing:before {
    content: "\e81d"
}

.icon-close-large:before {
    content: "\e774"
}

.icon-field-auth:before {
    content: "\e6c1"
}

.icon-bsy-excel:before {
    content: "\e687"
}

.icon-bsy-blank-form:before {
    content: "\e685"
}

.icon-bsy-event-form:before {
    content: "\e686"
}

.icon-bsy-ui-combo:before {
    content: "\e77e"
}

.icon-bsy-biaodansheji:before,
.icon-page-module-design:before {
    content: "\e66b"
}

.icon-bsy-biaodanshezhi:before {
    content: "\e66f"
}

.icon-bsy-shujuguanli:before {
    content: "\e66c"
}

.icon-bsy-liucheng:before {
    content: "\e66a"
}

.icon-bsy-houduankaifa:before,
.icon-source-manager:before {
    content: "\e668"
}

.icon-bsy-widget-delete:before {
    content: "\e627"
}

.icon-bsy-widget-copy:before {
    content: "\e61b"
}

.icon-bsy-save:before {
    content: "\e66e"
}

.icon-bsy-preview:before {
    content: "\e633"
}

.icon-align-left:before,
.icon-bold:before,
.icon-bsy-share:before,
.icon-color:before,
.icon-font-size:before,
.icon-image:before,
.icon-italic:before,
.icon-link:before,
.icon-underline:before,
.icon-unlink:before {
    content: "\e626"
}

.icon-big-image:before {
    content: "\e759"
}

.icon-bsy-visit-cc:before {
    content: "\e812"
}

.icon-bsy-visit-create:before {
    content: "\e79b"
}

.icon-bsy-visit-todo:before {
    content: "\e811"
}

.icon-bsy-visit-transactors:before {
    content: "\e79a "
}

.icon-bsy-iconwenjianjiajiaohu:before {
    content: "\e672"
}

.icon-bsy-iconshouzhan:before,
.icon-flow:before {
    content: "\e677"
}

.icon-bsy-iconwenjianjia:before {
    content: "\e673"
}

.icon-bsy-icondingzhitijiao:before {
    content: "\e674"
}

.icon-bsy-iconchuangjiankongbaiyingyong:before {
    content: "\e675"
}

.icon-bsy-iconxuanzeyingyongmoban:before {
    content: "\e676"
}

.icon-bsy-iconerweima:before {
    content: "\e678"
}

.icon-bsy-iconicon-test:before {
    content: "\e679"
}

.icon-bsy-iconicon-test1:before {
    content: "\e67a"
}

.icon-bsy-iconyingyongquanxian:before {
    content: "\e67b"
}

.icon-bsy-iconguanlifanwei:before {
    content: "\e67c"
}

.icon-bsy-iconputongguanlizu:before {
    content: "\e67d"
}

.icon-bsy-iconfen:before {
    content: "\e67f"
}

.icon-bsy-iconID:before {
    content: "\e681"
}

.icon-bsy-iconpiliangyidong:before {
    content: "\e682"
}

.icon-bsy-iconyaoqingchengyuan:before {
    content: "\e683"
}

.icon-bsy-iconquanbuchengyuan:before {
    content: "\e684"
}

.icon-bsy-iconzuzhigoujia:before {
    content: "\e7ea"
}

.icon-bsy-iconxitongguanlizu:before {
    content: "\e67e"
}

.icon-bsy-helper-add:before {
    content: "\e824"
}

.icon-computer:before {
    content: "\e7ee"
}

.icon-bsy-iconkongbaibiaodan:before {
    content: "\e685"
}

.icon-bsy-iconshijianliuchengbiaodan:before {
    content: "\e686"
}

.icon-bsy-iconexcel:before {
    content: "\e687"
}

.icon-bsy-iconguanlianchaxun:before {
    content: "\e688"
}

.icon-bsy-iconguanlianshuju:before {
    content: "\e689"
}

.icon-bsy-iconbumenduoxuan:before {
    content: "\e68a"
}

.icon-bsy-icontupian:before {
    content: "\e68b"
}

.icon-bsy-iconfengexian:before {
    content: "\e68c"
}

.icon-bsy-iconbumendanxuan:before {
    content: "\e68d"
}

.icon-bsy-iconchengyuandanxuan:before {
    content: "\e68e"
}

.icon-bsy-iconshouxieqianming:before {
    content: "\e68f"
}

.icon-bsy-icondizhi:before {
    content: "\e690"
}

.icon-bsy-iconchengyuanduoxuan:before {
    content: "\e691"
}

.icon-bsy-icondingwei:before {
    content: "\e692"
}

.icon-bsy-iconshuzi:before {
    content: "\e693"
}

.icon-bsy-iconfujian:before {
    content: "\e694"
}

.icon-bsy-iconzibiaodan:before {
    content: "\e695"
}

.icon-bsy-icondanxuananniuzu:before {
    content: "\e696"
}

.icon-bsy-iconliushuihao:before {
    content: "\e697"
}

.icon-bsy-iconxialafuxuankuang:before {
    content: "\e698"
}

.icon-bsy-iconxialakuang:before {
    content: "\e699"
}

.icon-bsy-iconanniu:before {
    content: "\e69a"
}

.icon-bsy-iconshousuo:before {
    content: "\e69b"
}

.icon-bsy-iconduohangwenben:before {
    content: "\e69c"
}

.icon-bsy-iconfuxuankuangzu:before {
    content: "\e69d"
}

.icon-bsy-icondanhangwenben:before {
    content: "\e69e"
}

.icon-bsy-iconzhankai:before {
    content: "\e69f"
}

.icon-bsy-iconriqishijian:before {
    content: "\e6a0"
}

.icon-bsy-iconzhexiantu:before {
    content: "\e6a1"
}

.icon-bsy-iconbingtu:before {
    content: "\e6a2"
}

.icon-widget-columnchart:before {
    content: "\e6a3"
}

.icon-bsy-iconhuizongbiao:before {
    content: "\e6a4"
}

.icon-bsy-iconditu:before {
    content: "\e6a5"
}

.icon-bsy-iconquxiaolianjie:before {
    content: "\e6a6"
}

.icon-bsy-iconpaibanbiao:before {
    content: "\e6a7"
}

.icon-bsy-iconweixuanxuanxiang:before {
    content: "\e6a8"
}

.icon-bsy-iconrili:before {
    content: "\e6a9"
}

.icon-bsy-iconxiguangongju:before {
    content: "\e6aa"
}

.icon-bsy-iconxiahuaxian:before {
    content: "\e6ab"
}

.icon-bsy-iconlianjie:before {
    content: "\e6ac"
}

.icon-bsy-iconzuoduiqi:before {
    content: "\e6ad"
}

.icon-bsy-iconyixuanxuanxiang:before {
    content: "\e6ae"
}

.icon-bsy-iconyouduiqi:before {
    content: "\e6af"
}

.icon-bsy-iconcuti:before {
    content: "\e6b0"
}

.icon-bsy-icongongshi:before {
    content: "\e6b1"
}

.icon-bsy-iconjuzhongduiqi:before {
    content: "\e6b2"
}

.icon-bsy-iconzitidaxiao:before {
    content: "\e6b3"
}

.icon-bsy-iconxieti:before {
    content: "\e6b4"
}

.icon-bsy-icondanxuananniu:before {
    content: "\e7fc"
}

.icon-bsy-iconguolvtiaojian:before {
    content: "\e6b6"
}

.icon-bsy-iconquanping:before {
    content: "\e6b7"
}

.icon-bsy-expansion:before {
    content: "\e797"
}

.icon-bsy-collapse:before {
    content: "\e798"
}

.icon-bsy-iconhanshu:before {
    content: "\e6b8"
}

.icon-bsy-icontiaowenma:before {
    content: "\e6b9"
}

.icon-bsy-iconshaixuan:before {
    content: "\e6ba"
}

.icon-bsy-iconsuoxiao:before {
    content: "\e6bb"
}

.icon-bsy-iconleidatu:before {
    content: "\e6bc"
}

.icon-bsy-iconpiliang:before {
    content: "\e6bd"
}

.icon-bsy-icondayin:before {
    content: "\e6bf"
}

.icon-bsy-iconmianjitu:before {
    content: "\e6c0"
}

.icon-bsy-iconshujubiao:before {
    content: "\e6c1"
}

.icon-bsy-icondingzi:before {
    content: "\e6c2"
}

.icon-bsy-iconquxiaodingzi:before {
    content: "\e6c3"
}

.icon-bsy-iconmingdao:before {
    content: "\e6c4"
}

.icon-bsy-icondouban:before {
    content: "\e6c5"
}

.icon-bsy-iconkongjian:before {
    content: "\e6c6"
}

.icon-bsy-icontijiaotishi:before {
    content: "\e6c7"
}

.icon-bsy-iconrenren:before {
    content: "\e6c8"
}

.icon-bsy-icontuisongxiaoxi:before {
    content: "\e7c4"
}

.icon-bsy-iconbiaodanlianjie:before {
    content: "\e6ca"
}

.icon-bsy-iconmokuaiyuanma:before {
    content: "\e6cb"
}

.icon-bsy-iconweibo:before {
    content: "\e6cc"
}

.icon-bsy-iconmokuaifabu:before {
    content: "\e6cd"
}

.icon-bsy-iconmokuaisheji:before {
    content: "\e6ce"
}

.icon-bsy-iconqidong:before {
    content: "\e6cf"
}

.icon-bsy-iconxinjian1:before {
    content: "\e6d0"
}

.icon-bsy-iconshangxia:before {
    content: "\e6d1"
}

.icon-bsy-iconshujushitu:before {
    content: "\e6d2"
}

.icon-bsy-iconyingyongrizhi:before {
    content: "\e6d3"
}

.icon-bsy-iconshujuliu:before {
    content: "\e6d4"
}

.icon-bsy-iconjuhebiao:before {
    content: "\e6d5"
}

.icon-bsy-iconzidingyicaidan:before {
    content: "\e6d6"
}

.icon-bsy-iconkuayingyong:before {
    content: "\e6d7"
}

.icon-bsy-iconzhongzhitiaojian:before {
    content: "\e6d8"
}

.icon-bsy-iconxin:before {
    content: "\e6d9"
}

.icon-unlink:before {
    content: "\e6a6"
}

.icon-image:before {
    content: "\e68b"
}

.icon-bold:before {
    content: "\e6b0"
}

.icon-italic:before {
    content: "\e6b4"
}

.icon-iconchenggong:before {
    content: "\e704"
}

.icon-iconshibai:before {
    content: "\e703"
}

.icon-iconweixinzhifu:before {
    content: "\e705"
}

.icon-iconweizhifudingdan:before {
    content: "\e706"
}

.icon-underline:before {
    content: "\e6ab"
}

.icon-color:before {
    content: "\e6aa"
}

.icon-font-size:before {
    content: "\e6b3"
}

.icon-align-left:before {
    content: "\e6ad"
}

.icon-align-center:before {
    content: "\e6b2"
}

.icon-align-right:before {
    content: "\e6af"
}

.icon-link:before {
    content: "\e6ac"
}

.icon-search:before {
    content: "\e783"
}

.icon-preview:before {
    content: "\e633"
}

.icon-bsy-trasho:before,
.icon-remove:before,
.icon-ui-remove:before {
    content: "\e627"
}

.icon-drag:before {
    content: "\e628"
}

.icon-form:before {
    content: "\e665"
}

.icon-add:before {
    content: "\e7e0"
}

.icon-add1:before {
    content: "\e828"
}

.icon-bsy-add:before {
    content: "\e7e0"
}

.icon-bsy-appAdd:before {
    content: "\e77a"
}

.icon-bsy-appReduce:before {
    content: "\e780"
}

.icon-widget-signature:before {
    content: "\e68f"
}

.icon-widget-text:before {
    content: "\e69e"
}

.icon-widget-textarea:before {
    content: "\e69c"
}

.icon-widget-number:before {
    content: "\e693"
}

.icon-widget-datetime:before {
    content: "\e6a0"
}

.icon-widget-flowState:before,
.icon-widget-flowstate:before {
    content: "\e711"
}

.icon-widget-chargers:before {
    content: "\e712"
}

.icon-widget-radiogroup:before {
    content: "\e696"
}

.icon-widget-checkboxgroup:before {
    content: "\e69d"
}

.icon-widget-combo:before {
    content: "\e699"
}

.icon-widget-combocheck:before {
    content: "\e698"
}

.icon-widget-button:before {
    content: "\e69a"
}

.icon-widget-separator:before {
    content: "\e68c"
}

.icon-widget-address:before {
    content: "\e690"
}

.icon-widget-location:before {
    content: "\e692"
}

.icon-widget-image:before {
    content: "\e68b"
}

.icon-widget-upload:before {
    content: "\e694"
}

.icon-widget-subform:before {
    content: "\e695"
}

.icon-widget-linkquery:before {
    content: "\e688"
}

.icon-widget-linkdata:before {
    content: "\e6fb"
}

.icon-widget-sn:before {
    content: "\e697"
}

.icon-widget-user:before {
    content: "\e68e"
}

.icon-widget-user1:before {
    content: "\e795"
}

.icon-widget-usergroup1:before {
    content: "\e796"
}

.icon-widget-dept:before {
    content: "\e68d"
}

.icon-widget-deptgroup:before {
    content: "\e68a"
}

.icon-flow-edit:before {
    content: "\e61a"
}

.icon-page-view:before {
    content: "\e633"
}

.icon-vip-center-excel-import:before {
    content: "\e636"
}

.icon-export:before {
    content: "\e637"
}

.icon-batch-edit:before {
    content: "\e66b"
}

.icon-close-normal:before,
.icon-trasho:before {
    content: "\e800"
}

.icon-close:before {
    content: "\e679"
}

.icon-edit:before {
    content: "\e61f"
}

.icon-vip-center-print:before {
    content: "\e6bf"
}

.icon-vip-center-single-file:before {
    content: "\e6ac"
}

.icon-batch-export:before {
    content: "\e715"
}

.icon-filter-o:before {
    content: "\e6ba"
}

.icon-enlarge:before,
.icon-full-screen:before {
    content: "\e6b7"
}

.icon-shrink:before {
    content: "\e6bb"
}

.icon-flow-end:before {
    content: "\e81f"
}

.icon-back:before {
    content: "\e603"
}

.icon-data-auth:before {
    content: "\e656"
}

.icon-data-recycle:before {
    content: "\e627"
}

.icon-angledown:before {
    content: "\e77e"
}

.icon-angledown1:before {
    content: "\e601"
}

.icon-user:before {
    content: "\e6f5"
}

.icon-condition-remove:before {
    content: "\e627"
}

.icon-caret-down:before {
    content: "\e77f"
}

.icon-function:before,
.icon-widget-formula:before {
    content: "\e6b8"
}

.icon-list-ul:before {
    content: "\e695"
}

.icon-flow-set:before {
    content: "\e77e"
}

.icon-help:before {
    content: "\e60a"
}

.icon-shixinhelp:before {
    content: "\e7a0"
}

.icon-print:before {
    content: "\e6bf"
}

.icon-ui-expand:before {
    content: "\e69f"
}

.icon-contract:before {
    content: "\e69b"
}

.icon-save:before {
    content: "\e66e"
}

.icon-folder-close:before {
    content: "\e792"
}

.icon-folder-open:before {
    content: "\e791"
}

.icon-file:before {
    content: "\e668"
}

.icon-file-open:before {
    content: "\e69f"
}

.icon-file-create:before {
    content: "\e66d"
}

.icon-wodemokuai:before {
    content: "\e6dd"
}

.icon-async:before,
.icon-refresh:before {
    content: "\e669"
}

.icon-release:before {
    content: "\e61c"
}

.icon-sort-flow:before {
    content: "\e72a"
}

.icon-bsy-iconpaixu:before {
    content: "\e809"
}

.icon-pin:before {
    content: "\e6c2"
}

.icon-unpin:before {
    content: "\e6c3"
}

.icon-function-report-ref:before {
    content: "\e6ca"
}

.icon-news:before {
    content: "\e6c9"
}

.icon-success:before {
    content: "\e6c7"
}

.icon-schedule:before {
    content: "\e630"
}

.icon-share-open:before {
    content: "\e617"
}

.icon-ext-remove:before {
    content: "\e627"
}

.icon-qrcode:before,
.icon-widget-qrcode:before {
    content: "\e678"
}

.icon-weibo:before {
    content: "\e6cc"
}

.icon-qzone:before {
    content: "\e6c6"
}

.icon-renren:before {
    content: "\e6c8"
}

.icon-douban:before {
    content: "\e6c5"
}

.icon-mingdao:before {
    content: "\e6c4"
}

.icon-wechat:before {
    content: "\e60d"
}

.icon-register-mail:before {
    content: "\e6d0"
}

.icon-widget-background_table:before,
.icon-widget-datatable:before {
    content: "\e6c1"
}

.icon-widget-combinedtable:before {
    content: "\e6a4"
}

.icon-widget-barchart:before {
    content: "\e6a3"
}

.icon-widget-linechart:before {
    content: "\e6a1"
}

.icon-widget-piechart:before {
    content: "\e6a2"
}

.icon-widget-areachart:before {
    content: "\e6c0"
}

.icon-widget-radarchart:before {
    content: "\e6bc"
}

.icon-widget-paiban:before {
    content: "\e6a7"
}

.icon-widget-rili:before {
    content: "\e6a9"
}

.icon-widget-map:before {
    content: "\e6a5"
}

.icon-field-remove:before {
    content: "\e627"
}

.icon-setting:before {
    content: "\e7a5"
}

.icon-firstpage:before {
    content: "\e7e3"
}

.icon-lastpage:before {
    content: "\e7e4"
}

.icon-sigma:before {
    content: "\e6b1"
}

.icon-share:before {
    content: "\e626"
}

.icon-app-ref:before {
    content: "\e6d7"
}

.icon-app-menu:before {
    content: "\e6d6"
}

.icon-app-set:before {
    content: "\e62e"
}

.icon-app-etl:before {
    content: "\e6d2"
}

.icon-app-log:before {
    content: "\e6d3"
}

.icon-app-aggregate:before {
    content: "\e6d5"
}

.icon-shouye:before {
    content: "\e624"
}

.icon-gongju:before {
    content: "\e62e"
}

.icon-etl:before {
    content: "\e6d4"
}

.icon-app-fabu:before {
    content: "\e6cd"
}

.icon-page-design:before {
    content: "\e66b"
}

.icon-department:before {
    content: "\e909"
}

.icon-role:before {
    content: "\e91c"
}

.icon-member-normal:before {
    content: "\e68e"
}

.icon-batch:before {
    content: "\e799"
}

.icon-public:before,
.icon-widget-usergroup:before {
    content: "\e691"
}

.icon-bsy-restore:before {
    content: "\e6ea"
}

.icon-shuipingdengju:before {
    content: "\e6ef"
}

.icon-chuizhidengju:before {
    content: "\e6ee"
}

.icon-flow-node:before {
    content: "\e66b"
}

.icon-flow-start:before {
    content: "\e6eb"
}

.icon-flow-end:before {
    content: "\e6cf"
}

.icon-chehui:before {
    content: "\e6ed"
}

.icon-quxiaochehui:before {
    content: "\e6ec"
}

.icon-minus:before {
    content: "\e632"
}

.icon-set:before {
    content: "\e62e"
}

.icon-ok:before {
    content: "\e810"
}

.icon-tip-warning:before {
    content: "\e607 "
}

.icon-line-left:before {
    content: "\e603 "
}

.icon-line-right:before {
    content: "\e602 "
}

.icon-ui-delete:before {
    content: "\e627 "
}

.icon-clear:before {
    content: "\e62b "
}

.icon-signout:before {
    content: "\e620 "
}

.icon-bsy-iconqiyeshezhi:before {
    content: "\e641"
}

.icon-bsy-iconhuiyuanzhongxin:before {
    content: "\e63e"
}

.icon-bsy-iconchongzhi:before {
    content: "\e63b"
}

.icon-bsy-iconzhangdan:before {
    content: "\e640"
}

.icon-bsy-iconfapiao:before {
    content: "\e63f"
}

.icon-bsy-iconshujutongji:before {
    content: "\e63c"
}

.icon-bsy-iconcaozuorizhi:before {
    content: "\e63a"
}

.icon-bsy-iconanquanrizhi:before {
    content: "\e638"
}

.icon-bsy-iconliuchengfaqijiedian:before {
    content: "\e6eb"
}

.icon-angleup:before {
    content: "\e7e5"
}

.icon-select:before {
    content: "\e7ff"
}

.icon-widget-time:before {
    content: "\e7cc"
}

.icon-widget-addUser:before {
    content: "\e6f4"
}

.icon-data-inputdata:before,
.icon-shuru:before,
.icon-widget-formsource:before {
    content: "\e6ff"
}

.icon-shuchu:before {
    content: "\e6fe"
}

.icon-ziduanshezhi:before {
    content: "\e6f8"
}

.icon-fenzuhuizong:before {
    content: "\e6fd"
}

.icon-shujushaixuan:before {
    content: "\e6b6"
}

.icon-zhuijiahebing:before {
    content: "\e6fc"
}

.icon-hengxianglianjie:before {
    content: "\e689"
}

.icon-angleleft:before {
    content: "\e603"
}

.icon-angleright:before {
    content: "\e602"
}

.icon-download:before {
    content: "\e636"
}

.icon-narrow:before {
    content: "\e702"
}

.icon-enlargement:before {
    content: "\e701"
}

.icon-close-oo:before {
    content: "\e748"
}

.icon-close-o1:before {
    content: "\e749"
}

.icon-widget-field:before {
    content: "\e729"
}

.icon-widget-filter:before,
.icon-widget-filter_v1:before {
    content: "\e6b6"
}

.icon-widget-corresponding:before {
    content: "\e728"
}

.icon-widget-triggeraction:before,
.icon-widget-triggeractionv1:before {
    content: "\e727"
}

.icon-widget-triggeractionv2:before {
    content: "\e825"
}

.icon-widget-linkfield:before,
.icon-widget-linkfield_v2:before,
.icon-widget-linkfieldv1:before {
    content: "\e726"
}

.icon-subform-loaddata:before,
.icon-widget-dataload:before {
    content: "\e78b"
}

.icon-subform-select-file:before {
    content: "\e78d"
}

.icon-bby-new-tip:before {
    content: "\e90a"
}

.icon-bsy-app-0:before {
    content: "\e643"
}

.icon-bsy-app-1:before {
    content: "\e644"
}

.icon-bsy-app-2:before {
    content: "\e645"
}

.icon-bsy-app-3:before {
    content: "\e646"
}

.icon-bsy-app-4:before {
    content: "\e647"
}

.icon-bsy-app-5:before {
    content: "\e648"
}

.icon-bsy-app-6:before {
    content: "\e649"
}

.icon-bsy-app-7:before {
    content: "\e64a"
}

.icon-bsy-app-8:before {
    content: "\e64b"
}

.icon-bsy-app-9:before {
    content: "\e64c"
}

.icon-bsy-app-10:before {
    content: "\e64d"
}

.icon-bsy-app-11:before {
    content: "\e64e"
}

.appIcon {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-top: 5px !important;
    margin-right: 10px !important
}

.appIcon .imgbg-bsy-app {
    display: block
}

.icon-report:before {
    content: "\e7b3"
}

.icon-form-new-flow:before {
    content: "\e90b"
}

.icon-dash:before {
    content: "\e73b"
}

.icon-bsy-laba:before {
    content: "\e785"
}

.icon-bsy-iconshezhi1:before {
    content: "\e803"
}

.icon-bsy-new-file:before {
    content: "\e789"
}

.icon-bsy-new-report:before {
    content: "\e786"
}

.icon-bsy-form-0:before {
    content: "\e7b5"
}

.icon-bsy-form-1:before {
    content: "\e7c7"
}

.icon-bsy-form-2:before {
    content: "\e7b3"
}

.icon-bsy-form-3:before {
    content: "\e7c9"
}

.icon-bsy-form-4:before {
    content: "\e7bc"
}

.icon-bsy-form-5:before {
    content: "\e7be"
}

.icon-bsy-form-6:before {
    content: "\e7b8"
}

.icon-bsy-form-7:before {
    content: "\e7c8"
}

.icon-bsy-form-8:before {
    content: "\e7c1"
}

.icon-bsy-form-9:before {
    content: "\e7bb"
}

.icon-bsy-form-10:before {
    content: "\e7ca"
}

.icon-bsy-form-11:before {
    content: "\e7c4"
}

.icon-bsy-form-12:before {
    content: "\e7b4"
}

.icon-bsy-form-13:before {
    content: "\e7ba"
}

.icon-bsy-form-14:before {
    content: "\e7b6"
}

.icon-bsy-form-15:before {
    content: "\e7c5"
}

.icon-bsy-form-16:before {
    content: "\e7bf"
}

.icon-bsy-form-17:before {
    content: "\e7c3"
}

.icon-bsy-form-18:before {
    content: "\e7c2"
}

.icon-bsy-form-19:before {
    content: "\e7c6"
}

.icon-bsy-form-20:before {
    content: "\e7bd"
}

.icon-bsy-form-21:before {
    content: "\e7c0"
}

.icon-bsy-form-22:before {
    content: "\e7cb"
}

.icon-bsy-form-23:before {
    content: "\e7b7"
}

.icon-bsy-form-24:before {
    content: "\e7b9"
}

.color-font-4 {
    color: #9494f1
}

.color-font-3 {
    color: #ff8383
}

.color-font-2 {
    color: #80e070
}

.color-font-1 {
    color: #f0ba4c
}

.color-font-0 {
    color: #50b0f4
}

.color-cover-3 {
    background: linear-gradient(180deg, #fb7886, #f5222d);
    color: #fff
}

.color-cover-5 {
    background: linear-gradient(180deg, #fca160, #fa541c);
    color: #fff
}

.color-cover-1 {
    background: linear-gradient(180deg, #fdf360, #fadb14);
    color: #fff
}

.color-cover-2 {
    background: linear-gradient(180deg, #96e450, #52c41a);
    color: #fff
}

.color-cover-0 {
    background: linear-gradient(180deg, #059eff, var(--bsy-base-color));
    color: #fff
}

.color-cover-4 {
    background: linear-gradient(180deg, #c08aea, #722ed1);
    color: #fff
}

.color-app-4 {
    color: #9494f1 !important
}

.color-app-3 {
    color: #ff8383 !important
}

.color-app-2 {
    color: #80e070 !important
}

.color-app-1 {
    color: #f0ba4c !important
}

.color-app-0 {
    color: #50b0f4 !important
}

.color-flow-launch-0 {
    background-color: #528cff;
    color: #fff
}

.color-flow-launch-1 {
    background-color: #61db8c;
    color: #fff
}

.color-flow-launch-2 {
    background-color: #72ccff;
    color: #fff
}

.color-flow-launch-3 {
    background-color: #fa8382;
    color: #fff
}

.icon-menuIcon1:before {
    content: "\e643"
}

.icon-menuIcon2:before {
    content: "\e644"
}

.icon-menuIcon3:before {
    content: "\e645"
}

.icon-menuIcon4:before {
    content: "\e646"
}

.icon-menuIcon5:before {
    content: "\e647"
}

.icon-menuIcon6:before {
    content: "\e648"
}

.icon-menuIcon7:before {
    content: "\e649"
}

.icon-menuIcon8:before {
    content: "\e64a"
}

.icon-menuIcon9:before {
    content: "\e64b"
}

.icon-menuIcon10:before {
    content: "\e64c"
}

.icon-menuIcon11:before {
    content: "\e64d"
}

.icon-menuIcon12:before {
    content: "\e64e"
}

.icon-menuIcon13:before {
    content: "\e65e"
}

.icon-menuIcon14:before {
    content: "\e65f"
}

.icon-menuIcon15:before {
    content: "\e660"
}

.icon-bsy-module-0:before {
    content: "\e6df"
}

.icon-bsy-module-1:before {
    content: "\e6e0"
}

.icon-bsy-module-2:before {
    content: "\e6e1"
}

.icon-bsy-module-3:before {
    content: "\e6e2"
}

.icon-bsy-module-4:before {
    content: "\e6e3"
}

.icon-bsy-module-5:before {
    content: "\e6e4"
}

.icon-bsy-module-6:before {
    content: "\e6e5"
}

.icon-bsy-module-7:before {
    content: "\e6e6"
}

.icon-bsy-module-8:before {
    content: "\e6e7"
}

.icon-bsy-module-9:before {
    content: "\e6e8"
}

.icon-bsy-module-10:before {
    content: "\e6e9"
}

.icon-bsy-module-11:before {
    content: "\e725"
}

.icon-bsy-iconsad-face:before {
    content: "\e741"
}

i.icon-ascending:before {
    content: "\e72c"
}

i.icon-descending:before {
    content: "\e72b"
}

.icon-bsy-reportmenu-0:before {
    content: "\e804"
}

.icon-bsy-reportmenu-1:before {
    content: "\e787"
}

.icon-bsy-reportmenu-2:before {
    content: "\e7ff"
}

.icon-bsy-reportmenu-3:before {
    content: "\e786"
}

.icon-bsy-reportmenu-4:before {
    content: "\e789"
}

.icon-bsy-reportmenu-5:before {
    content: "\e803"
}

.icon-bsy-reportmenu-6:before {
    content: "\e790"
}

.icon-bsy-reportmenu-7:before {
    content: "\e806"
}

.icon-bsy-reportmenu-8:before {
    content: "\e807"
}

.icon-bsy-reportmenu-9:before {
    content: "\e800"
}

.icon-bsy-reportmenu-10:before {
    content: "\e8bf"
}

.icon-bsy-reportmenu-11:before {
    content: "\e801"
}

.icon-bsy-reportmenu-12:before {
    content: "\e8c2"
}

.icon-bsy-reportmenu-13:before {
    content: "\e8c0"
}

.icon-bsy-reportmenu-14:before {
    content: "\e8c4"
}

.icon-bsy-reportmenu-15:before {
    content: "\e8be"
}

.icon-bsy-reportmenu-16:before {
    content: "\e8c3"
}

.icon-bsy-reportmenu-17:before {
    content: "\e8c1"
}

.icon-bsy-reportmenu-18:before {
    content: "\e8bd"
}

.icon-bsy-reportmenu-19:before {
    content: "\e805"
}

.icon-widget-pivottable:before {
    content: "\e736"
}

.icon-widget-gaugechart:before,
.icon-widget-metrictable:before {
    content: "\e733"
}

.icon-widget-barchart:before {
    content: "\e737"
}

.icon-widget-multiaxeschart:before {
    content: "\e734"
}

.icon-widget-stackedcolumnchart:before {
    content: "\e735"
}

.icon-bsy-drag-menu:before {
    content: "\e738"
}

i.icon-form-field:before {
    content: "\e716"
}

.icon-bsy-help-0:before {
    content: "\e6a1"
}

.icon-bsy-help-1:before {
    content: "\e6a5"
}

.icon-bsy-help-2:before {
    content: "\e6ba"
}

.icon-bsy-help-3:before {
    content: "\e6cb"
}

.icon-bsy-help-4:before {
    content: "\e6ce"
}

.icon-bsy-help-5:before {
    content: "\e6c9"
}

.icon-bsy-help-6:before {
    content: "\e732"
}

.icon-bsy-help-7:before {
    content: "\e72e"
}

.icon-bsy-help-8:before {
    content: "\e653"
}

.icon-bsy-help-9:before {
    content: "\e62b"
}

.icon-bsy-help-10:before {
    content: "\e62c"
}

.icon-bsy-help-11:before {
    content: "\e6a9"
}

.icon-bsy-help-12:before {
    content: "\e6a7"
}

.icon-bsy-help-13:before {
    content: "\e628"
}

.icon-bsy-help-14:before {
    content: "\e66b"
}

.icon-bsy-help-15:before {
    content: "\e66c"
}

.icon-bsy-help-16:before {
    content: "\e76d"
}

.icon-bsy-help-17:before {
    content: "\e629"
}

.icon-bsy-help-18:before {
    content: "\e61a"
}

.icon-bsy-help-19:before {
    content: "\e643"
}

.icon-bsy-help-20:before {
    content: "\e640"
}

.icon-bsy-help-21:before {
    content: "\e63d"
}

.icon-bsy-help-22:before {
    content: "\e614"
}

.icon-bsy-help-23:before {
    content: "\e622"
}

.icon-bsy-help-24:before {
    content: "\e60d"
}

.icon-bsy-help-25:before {
    content: "\e60e"
}

.icon-bsy-help-26:before {
    content: "\e60c"
}

.icon-bsy-help-27:before {
    content: "\e60a"
}

.icon-bsy-help-28:before {
    content: "\e606"
}

.icon-bsy-help-29:before {
    content: "\e619"
}

.icon-bsy-help-30:before {
    content: "\e612"
}

.icon-bsy-help-31:before {
    content: "\e611"
}

.icon-bsy-help-32:before {
    content: "\e61c"
}

.icon-bsy-help-33:before {
    content: "\e626"
}

.icon-bsy-help-34:before {
    content: "\e613"
}

.icon-bsy-help-35:before {
    content: "\e616"
}

.icon-bsy-help-36:before {
    content: "\e696"
}

.icon-bsy-xuanzewenjian:before {
    content: "\e74b"
}

.icon-bsy-xiazaiyangbiao:before {
    content: "\e74a"
}

.icon-bsy-anzhuanbaoshangchuang:before {
    content: "\e773"
}

.icon-bsy-Newbiaodan:before {
    content: "\e74d"
}

.icon-bsy-houduanjiaoben:before {
    content: "\e7b2"
}

.icon-bsy-lianjie:before {
    content: "\e74c"
}

.icon-bsy-gou:before {
    content: "\e822"
}

.icon-bsy-shujuhuishou:before {
    content: "\e756"
}

.icon-bsy-yidongduan:before {
    content: "\e754"
}

.icon-bsy-shujuquanxian:before {
    content: "\e753"
}

.icon-bsy-xiala:before {
    content: "\e77f"
}

.icon-bsy-xia:before {
    content: "\e8b8"
}

.icon-bsy-shaixuantiaojian:before {
    content: "\e75b"
}

.icon-bsy-shaixuananniu:before {
    content: "\e75a"
}

.icon-bsy-fuzhi:before {
    content: "\e776"
}

.icon-bsy-tianjia:before {
    content: "\e77a"
}

.icon-bsy-quchu:before {
    content: "\e77d"
}

.icon-bsy-sousuo2:before {
    content: "\e784"
}

.icon-bsy-shanchu:before {
    content: "\e777"
}

.icon-bsy-ordinary:before {
    content: "\e7cf"
}

.icon-bsy-sso:before {
    content: "\e7d0"
}

.icon-addUser:before {
    content: "\e7d6"
}

.icon-tongbu:before {
    content: "\e7e1"
}

.icon-etlshuaxin:before {
    content: "\e7eb"
}

.icon-bsy-dongjie:before {
    content: "\e7ec"
}

.icon-bsy-jiedong:before {
    content: "\e7ed"
}

.icon-bsy-shanchu2:before {
    content: "\e777"
}

.icon-bsy-check2:before {
    content: "\e7fd"
}

.icon-bsy-xiazai2:before {
    content: "\e808"
}

.icon-bsy-menuDown:before {
    content: "\e80d"
}

.icon-bsy-menuUp:before {
    content: "\e80c"
}

.icon-bsy-location:before {
    content: "\e80e"
}

.icon-bsy-filter:before {
    content: "\e80f"
}

.icon-bsy-sure:before {
    content: "\e810"
}

.icon-bsy-vipDataImg:before {
    content: "\e762"
}

.icon-bsy-vipJHRW:before {
    content: "\e763"
}

.icon-bsy-vipExcel:before {
    content: "\e764"
}

.icon-bsy-vipAgg:before {
    content: "\e765"
}

.icon-bsy-vipPLDC:before {
    content: "\e766"
}

.icon-bsy-vipPLDR:before {
    content: "\e767"
}

.icon-bsy-vipUpload:before {
    content: "\e768"
}

.icon-bsy-vipWLZDY:before {
    content: "\e769"
}

.icon-bsy-vipXTGLY:before {
    content: "\e76a"
}

.icon-bsy-vipKYYQS:before {
    content: "\e76b"
}

.icon-bsy-vipZGLY:before {
    content: "\e76c"
}

.icon-bsy-vipSXQM:before {
    content: "\e76e"
}

.icon-bsy-vipDMK:before {
    content: "\e76f"
}

.icon-bsy-vipWEBAPI:before {
    content: "\e770"
}

.icon-bsy-vipSJHSZ:before {
    content: "\e771"
}

.icon-bsy-vipRechargeWX:before {
    content: "\e760"
}

.icon-bsy-vipRechargeWXZF:before {
    content: "\e75f"
}

.icon-bsy-vipRechargeZFB:before {
    content: "\e75e"
}

.icon-bsy-vipRechargeDGZF:before {
    content: "\e761"
}

.icon-bsy-MUserLeft:before {
    content: "\e819"
}

.icon-bsy-MMove:before {
    content: "\e820"
}

.icon-bsy-check3:before {
    content: "\e821"
}

.icon-bsy-passwordShow:before {
    content: "\e81a"
}

.icon-bsy-passwordHide:before {
    content: "\e81b"
}

.icon-bsy-search-close:before {
    content: "\e793"
}

.icon-bsy-MUserDown:before {
    content: "\e823"
}

.icon-bsy-tip:before {
    content: "\e79d"
}

.icon-bsy-etl_table:before {
    content: "\e7ea"
}

.icon-bsy-guide:before {
    content: "\e82a"
}

.icon-origin:before {
    content: "\e82f"
}

.icon-remove-bold:before {
    content: "\e7a3"
}

.icon-drag-bold:before {
    content: "\e7a4"
}

.icon-bsy-drag:before {
    content: "\e628"
}

.icon-subflow:before {
    content: "\e831"
}

.icon-datahelper:before {
    content: "\e832"
}

.icon-report-gauge:before {
    content: "\e83d"
}

.icon-report-styles:before {
    content: "\e83c"
}

.icon-report-description:before {
    content: "\e83e"
}

.icon-dingtalk-authorizationn:before {
    content: "\e844"
}

.icon-weChat-authorizationn:before {
    content: "\e845"
}

.icon-q-authorizationn:before {
    content: "\e842"
}

.icon-a-authorizationn:before {
    content: "\e843"
}

.icon-dingding-guide-errorTip:before {
    content: "\e79c"
}

.icon-dingding-guide-close:before {
    content: "\e846"
}

.icon-dingding-sso-help:before {
    content: "\e7af"
}

.icon-page-header:before {
    content: "\e814"
}

.icon-up:before {
    content: "\e791"
}

.icon-down:before {
    content: "\e792"
}

.icon-downPDF:before {
    content: "\e86d"
}

.icon-common:before,
.icon-success-print:before,
.icon-success:before {
    content: "\e79e"
}

.icon-error:before {
    content: "\e79c"
}

.icon-warning:before {
    content: "\e79d"
}

.icon-subform-next:before {
    content: "\e868"
}

.icon-flow-urge:before {
    content: "\e6c9"
}

.icon-input-style:before {
    content: "\e86f"
}

.icon-template-create:before {
    content: "\e870"
}

.icon-template-wechat:before {
    content: "\e876"
}

.icon-template-qywechat:before {
    content: "\e877"
}

.icon-template-dingtalk:before {
    content: "\e872"
}

.icon-template-mail:before {
    content: "\e873"
}

.icon-template-sms:before {
    content: "\e874"
}

.icon-template-voice:before {
    content: "\e875"
}

.icon-prev:before {
    content: "\e7d9"
}

.icon-next:before {
    content: "\e7d8"
}

.icon-drag-table:before {
    content: "\e820"
}

.icon-resignation:before {
    content: "\e87b"
}

.icon-alert-query:before {
    content: "\e7a0"
}

.icon-alert-warning:before {
    content: "\e79d"
}

.icon-alert-error:before {
    content: "\e79c"
}

.icon-alert-success:before {
    content: "\e79e"
}

.icon-outsdier-defaut-group:before {
    content: "\e87d"
}

.icon-outsdier-custom-group:before {
    content: "\e87c"
}

.icon-outsdier-deleted-group:before {
    content: "\e87e"
}

.icon-import:before {
    content: "\e7db"
}

.icon-batch-delete:before {
    content: "\e7d5"
}

.icon-outsdier-all-group:before {
    content: "\e880"
}

.icon-app-home:before {
    content: "\e882"
}

.icon-outsdier-all-member:before {
    content: "\e883"
}

.icon-all-user:before {
    content: "\e885"
}

.icon-resign-user:before {
    content: "\e884"
}

i.icon-bsy-home:before {
    content: "\e7a8"
}

i.icon-bsy-kanban:before {
    content: "\e642"
}

i.icon-bsy-system-msg:before {
    content: "\e7ae"
}

i.icon-bsy-link:before {
    content: "\e6ac"
}

i.icon-bsy-nlink:before {
    content: "\e905"
}

i.icon-data-source:before {
    content: "\e6d2"
}

i.icon-curForm:before,
i.icon-forbid:before {
    content: "\e724"
}

i.icon-forbid:before {
    content: "\e826"
}

i.icon-allow:before {
    content: "\e827"
}

i.icon-select-user:before {
    content: "\e7d1"
}

i.icon-background-image:before {
    content: "\e841"
}

i.icon-dept-title:before {
    content: "\e909"
}

i.icon-tree-collapse:before {
    content: "\e77f"
}

i.icon-tree-expand:before {
    content: "\e7d8"
}

i.icon-bsy-system-help:before {
    content: "\e7aa"
}

i.icon-unlink-alt:before {
    content: "\e6a6"
}

i.icon-bsy-iconbeta:before {
    content: "\e703"
}

i.icon-widget-linkform:before {
    content: "\e78a"
}

i.icon-guanbi:before {
    content: "\e774"
}

i.icon-guanbi-hover:before {
    content: "\e775"
}

i.icon-bsy-user-manager:before {
    content: "\e7ac"
}

i.icon-webhook-enable:before {
    content: "\e898"
}

i.icon-webhook-deactivate:before {
    content: "\e897"
}

i.icon-webhook-refresh:before {
    content: "\e80b"
}

i.icon-webhook-open:before {
    content: "\e899"
}

i.icon-bsy-iconsoushuo:before {
    content: "\e783"
}

.imgbg-bsy-app-0 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABlCAYAAAC7vkbxAAAAAXNSR0IArs4c6QAABKJJREFUeAHtnVuITVEYx89xv4REyaWEErnMA1N4cCk8CjVF5N2D8qRmpsQLUhTlxcOUS8qTPPBAigdPJm/MJNIo86SU27gf/8/MvMz57P1fe9a0nLP/qz6n861vfd9ev/++zN4da1cqaiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAo1PoDraKdRqtXHI0QpbAZsPmwUrQ6thku9g/bDuarX6MsakCwsCIQx+B6wNNi/GxjR4jufY/i7YJYjztehcggWBEDamHdYJm1a0cBOPe4O5HYYod4vMMUgQiGECXIPtLVKsRGN+Y67tEOVs6JxpQYauFbdQYFdokRLHH4UoF0Lmbxdktp1AoMRgaQ3GncOOvC1kCHWEIOkSJO2FTQpJrti/BJ7h3xYcKb8YHuwRchLJJAZDtD5mFVwH6t2+J1cQHB1TMFQXcZ8f640nCCpuh01nKyvOJbAVO/ZMt2eEM/cIQfzqEWP0NZyAne6XM8MYQeyOXG30BCiOjCBrR78tygACLQwFRpDJTCLF5BKg/kqdkJumUrmJmD4iTiHZBB5ldw/2MoJ8ROgHJpliMgl8yewd6mROWUwexUQiIEEigYyVRoLEIhkpjwSJBDJWGgkSi2SkPBIkEshYaSRILJKR8kiQSCBjpZEgsUhGyiNBIoGMlUaCxCIZKQ/zLGsOapmpjY7ADGY4I8geJNrIJFNMJgH7qem9zAh0Mqeswr9TzStesn6KIyPI25KBG6vpUhwZQcZqA5XXISBBHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3azO+ynGFN5bL/jHkVZqv2/CRnVkXcQth+2FJyDBVWdkG+g9IWLJ3UTdEaEYT1S07D9RC2fkRX4a9lP2V1FRXDiGPsZ3wcL0zfGVh6QRwmoa7XoQOy4sssSA/28CdZcMi+dWQcFVZmQa5QhPKDDuaH8BFlFcSWcb3OY/IjcVG3JZd2+L3FvGUV5DFOV9SPn3Ow2tExPicmqJsR5H1QxsYIjnUhPhQwXYojI0h/QNFGCW3F6YaZ+z/ng/Gb0Bmy/CHFkdkou4NttrYSEzoDqIVONxhnd+mXA6D8QOwLJt4eAWQ2FJ+KAHstQzMuvN+HeT2FfYOxbTYCN8OMC9vu45q1kwnOfXSCRAMQxdZ8p9eeZQr/JzGLsR1mY91usAVyjxBLBEGW4aMHNtG+qwURMG5rsGPHW2ocyV4hafCrF4I2uzmDTYQjrBiGgLmoD6Oyh2h3hr/okyJwDGI8oCKHgmhBkNjubvfBbocUKGlsDfPuBLPzofOnBbHEKPAJH7aQgB0tAzC1egL2BGA3WJ2q78r3UBd1Lw0u9Ivg74C1weZ6MSXz2X1GF+wixCi8sxYWZBg2hLGbqw0we23eAhj1FgDENXqz05Ldn9kduL02r7fRJ6TtFwEREAEREAEREAEREAEREAEREAEREAEREAEREAEREIEmJfAHvBmfo8aqRPUAAAAASUVORK5CYII=)
}

.imgbg-bsy-app-2 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-3 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-4 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-5 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-6 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-7 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-8 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-9 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAA75JREFUeAHtnbuKFEEUhme84SposF4wEEQEMVPEYMFIEFExEQNfwUjQzMBA2NRMMfAJfAAjM/ECm23gRgYmopi73sf/7DrMONZM1V+7x+6q/hsO21N9qk7X9+3sTtfcej1tIiACIiACIiACIiACIiACIiACIiACIiACIiACIiAC5RPolzaFwWCwB+d8CXEYsTVw/l/R9gbxrN/v/wwcb3VTUUIgYydo3kXMJ1BdgpDHCXmtStnSqrOJn8xJpKTIsJHOQODe+JDtyihNSKqMIeV9w51SfpYmpBSu2ecpIdnofDpKiA/X7FElJBudT0cJ8eGaPaqEZKPz6SghPlyzR92W3ZPoiAs0q7M/0OUXrqY/BtqnNVX/C+Q6QYiYRzwH3VXE+0B8wPHPiIfTDEy0X8HtgxNtVd10FQJSTxBnEbPuiXM4fgNSbuNnbLPci4hqpXgLWYgRHjt+bWx/1u4OHKxWircQW51N3ZiFwGqleAtJlZGTV6WUkoWYxOqklC6kOik1CKlKSi1CqpFSk5AqpNQmpHgps66gbXKlbsNHX/cxgbexSWCVwPKPIuwlRpPbAA2fEO+w7mb7rlutQgyaQT4QowcZtgxzExF7AcUKch9AyvfYmBs5XuOfLJbH9QQZNuYJxDnb8dwkpNc7RgBmcolhR6kS0uttH+GI7jG50cFCCRISotJgm4Q0CD9UWkJCVBpsk5AG4YdKS0jCtUoInFebhKy/+ac1z9FLSMue5JKQ9b89w7Wvxu8pEjL6Z9AKKRIyEmJ7jUuRkL+FNC5FQv4V0qgUCQkLaUyKhEwX0ogUCZkt5L9LkZC4kHEpR9LS87MkJJ2dPSS+kJ6elykhHDf3z4aREE6Ie7aEuCPmCkgIx8s9W0LcEXMFJITj5Z4tIe6IuQISwvFyz5YQd8RcAQnheLlnS4g7Yq6AhHC83LMlxB0xVyDrHVR/3nV0GqU2c7FtN8a9HDn9Q5Hjk4dPYczVycYN3J5LOMcvGP8l3mmVVZcCipOx/KcIW4am+iK/S9s3THYRUu6xk6agQsgiCtxhi3Q03z53fgFSlpj5s/9DzjODdzzXvijgKsuAFbKLLdDxfOYjp9ZQsUI6ztd/+hLiz5iqICEULv9kCfFnTFVghRT3FUIUjc1P/sEOyQpZYQt0PP8VO3/2wtCWLpYRxX1zDQtmE/Jf46KQ+ZjctZKUEOuBq3V7bH0LcRxB90ef2jdbNnkBGY9qn6jmJwIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAKFEPgNwwV3tayFNCQAAAAASUVORK5CYII=)
}

.imgbg-bsy-app-11 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-12 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-13 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-14 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-15 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-16 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-17 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-18 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-19 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-20 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-21 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-22 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-23 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-bsy-app-24 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-0 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABlCAYAAAC7vkbxAAAAAXNSR0IArs4c6QAABKJJREFUeAHtnVuITVEYx89xv4REyaWEErnMA1N4cCk8CjVF5N2D8qRmpsQLUhTlxcOUS8qTPPBAigdPJm/MJNIo86SU27gf/8/MvMz57P1fe9a0nLP/qz6n861vfd9ev/++zN4da1cqaiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAo1PoDraKdRqtXHI0QpbAZsPmwUrQ6thku9g/bDuarX6MsakCwsCIQx+B6wNNi/GxjR4jufY/i7YJYjztehcggWBEDamHdYJm1a0cBOPe4O5HYYod4vMMUgQiGECXIPtLVKsRGN+Y67tEOVs6JxpQYauFbdQYFdokRLHH4UoF0Lmbxdktp1AoMRgaQ3GncOOvC1kCHWEIOkSJO2FTQpJrti/BJ7h3xYcKb8YHuwRchLJJAZDtD5mFVwH6t2+J1cQHB1TMFQXcZ8f640nCCpuh01nKyvOJbAVO/ZMt2eEM/cIQfzqEWP0NZyAne6XM8MYQeyOXG30BCiOjCBrR78tygACLQwFRpDJTCLF5BKg/kqdkJumUrmJmD4iTiHZBB5ldw/2MoJ8ROgHJpliMgl8yewd6mROWUwexUQiIEEigYyVRoLEIhkpjwSJBDJWGgkSi2SkPBIkEshYaSRILJKR8kiQSCBjpZEgsUhGyiNBIoGMlUaCxCIZKQ/zLGsOapmpjY7ADGY4I8geJNrIJFNMJgH7qem9zAh0Mqeswr9TzStesn6KIyPI25KBG6vpUhwZQcZqA5XXISBBHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3aEsSBktIlQVLSd2pLEAdKSpcESUnfqS1BHCgpXRIkJX2ntgRxoKR0SZCU9J3azO+ynGFN5bL/jHkVZqv2/CRnVkXcQth+2FJyDBVWdkG+g9IWLJ3UTdEaEYT1S07D9RC2fkRX4a9lP2V1FRXDiGPsZ3wcL0zfGVh6QRwmoa7XoQOy4sssSA/28CdZcMi+dWQcFVZmQa5QhPKDDuaH8BFlFcSWcb3OY/IjcVG3JZd2+L3FvGUV5DFOV9SPn3Ow2tExPicmqJsR5H1QxsYIjnUhPhQwXYojI0h/QNFGCW3F6YaZ+z/ng/Gb0Bmy/CHFkdkou4NttrYSEzoDqIVONxhnd+mXA6D8QOwLJt4eAWQ2FJ+KAHstQzMuvN+HeT2FfYOxbTYCN8OMC9vu45q1kwnOfXSCRAMQxdZ8p9eeZQr/JzGLsR1mY91usAVyjxBLBEGW4aMHNtG+qwURMG5rsGPHW2ocyV4hafCrF4I2uzmDTYQjrBiGgLmoD6Oyh2h3hr/okyJwDGI8oCKHgmhBkNjubvfBbocUKGlsDfPuBLPzofOnBbHEKPAJH7aQgB0tAzC1egL2BGA3WJ2q78r3UBd1Lw0u9Ivg74C1weZ6MSXz2X1GF+wixCi8sxYWZBg2hLGbqw0we23eAhj1FgDENXqz05Ldn9kduL02r7fRJ6TtFwEREAEREAEREAEREAEREAEREAEREAEREAEREAEREIEmJfAHvBmfo8aqRPUAAAAASUVORK5CYII=)
}

.imgbg-small-bsy-app-2 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-3 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-4 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-5 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-6 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAB2dJREFUeAHtnVuoFVUYxz1mpWlWJJkpkZQlSdJNqYfEsDSwC3Ts6kNID0mFDyH5EJlREZRRD1IRhBEF5YNglBZmF5KMLIpUMrqodLWTRsmp1PT0+/Ts3GfvWbNn5lt71tp7fwu+ZuZb67us/3/WrJm19rFBg6wYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIOBDocuibru7r65tKkPOQ45oeLHuA32m6vqura3t2E78tgxACGdfSjdl+u+LNWx+enoSUr7x5zOFocI62XppCxlE4muXFWXOcyE16VXNcN/ZaOiGkdBIypHFqQVucEip6CEKCPCZzAhwsxxCE5MSms5p7vROYH04Hvm5kOjIOOR6pLTKHnFyrjOz6APnsSshJJnzRb0PWIKuY/Pdw9Fa8EAIRw8noUWQ+crS37OJ31EOKiyHlWV+pqgmBjLEksxqZ7CupFvTzEjnPg5h/tbmrCIEM+ahbj1ygTaQN7J+GkLu0/dBO6ktIwMg4zMKd3KAztYQUHiEEl3f1HchQbRJtZL+RUSJLQoWLZoRcR1QjYyD0U7hRxw9U5bvSEHJZvlAd01qFi4aQ0zoG4nwdVeGiIUS+PazUI6DCRUNIfSqmUSNghKgh9OvACPGLp9qbEaKG0K8DDSGFPyoLdmE/drKturegfUuYaQgps4MrCDaKr+CJHGWFQBbz2rJoCJG9gTLKGwS5BTL+lGD9x9s4XSfX7VY0hJTxyNoM4ELGwWrg+6/novulWu/pXJbQNyJfevKXy42GkFyBCjTuweYawE/ckUO/k/pbkQFkFYhTbSI3wER8T0XO5VxWb/+ubtDs81gJ2UfHuwFlexoA1L9L/YNpbXLUybbslfj8tmLD+VrOZSe0tBIrIfMB44OMKDxMO+18IqNxFjGTHoFZ88iYbnqzGAlZCjDL09M+UktbeWRp5pNe7Gfj5+sjXgecnTHgqskXsREib1SLXH1mr2FaUh1gFp1PZAKfg71M4nWFePKrGWc+dQYeFBpC+jzEr3aR+EZVaQA4izlfy3FKRVd9BNS884nkfzt2b1b7qZwTR349sxKRb5/4CwlvQHyVHhw5d9qom4Mc7A/2HccTkxBCPxh5u79do8O9ST5Eh2EX8nIjB476h1x+m6onGV+E7MWXc5eNuouQXqS6yJ2bWGg0Gvm5unHC+VOJxv1K2j+RYJNV1fKEzHOBAwJjkB8cSCxIsbscmwMOu1fQOz9qqVvosMuqbmlClqaAOgwEPk5BQUZW4nwiPql7IMF2HbpjUmLOpb7yaEwwz6RqWUJep3vOlwrq5E5uVPLMJ5/hbGQKGTOp39coYIb6liRkEx1L+iH2IbyoW5yh45UmWeYTIe7UFDJkntpTcag8BiPko4KJ53mjyhoibT6ZhpMJKWScRf3OrIEytAtGSJG3rCJvVBkw6BO/F7tAd+mxkTeyb7IEyNFGRYjzGe7qhFLvXKOiw2PwvQop8le5MlGvwEfi90lSzrSVR+Zq5Myk+lA6DSHOV0dHZ5bxVZy4RgU4w7ARMsY6bLOo5cPy+SwNiVf5Cr8wS/sy22gIyZvnIykGQpTzFTbFrrbqesB2zifSmHq5kV5ArkCiK2URIot4sgBYVwBI1qhuqqsorngcn2nziXz7yMZWlKUsQobQ+7qVWoCbg36JZ2Qq88kJtX6JtxDdPbX6mK7LIkT6vBxAZFv0UOFcRsWLSN656LCD9P/KfPIaMQ7NSRxl0fE+dI+lm4WvlTu3rCIgbQGYrRxHIOOaHFhG5DbiycaT/CI98xtYk/NKda8hRPYTipQy9xfkber/UVkk2bJtynxkld23loxnhERGmxFihESGQGTpaEbIX5H1JZZ0ejWJaAj5URO4jW1/0vRNQ8h6TeA2tlXhUvgrmQ+u0YC6Azm2jcHN27VPWNFWLZIWHiEElsXCZXkzbvP292v7V3iESGBGyXAOHyKT5brDy3PcpHdoMSg8QiQwCcgbxdXIFrnu4PIqfb/bR/9VhEgCkPI9h0uRZxDZ9+ikspvOLgCDm5H9PjquemTVJsAjbDy6G5DpiCx9O3/qQ522yONyaIIT+VtEL+Ak+JYF1V3IdmQNshIi/uDorXglxFtWGRxB/o00m5HQVPbuNyXoW0KlfmS1RC9bKEkjJDKyjBAjJDIEIkvHRogREhkCkaVjI8QIiQyByNKxEWKERIZAZOkEXTph+WMkeMgPo89G8o5W+VOCc5Da8j6KvNuo/2Ajyy2f+1okrE0q+mvIkL943Y3EVDaTTND/uUCQEUKnZ3LHvBXpXfMbeU1ipPwaIr+8jwlfOS715agJfkbhc1ET/GZyWTohjI4RZDYpU3bhGl0SKnTphNBR2eQp+sv5snA6WFag2jilE8KzWfbhv6hNJLLrDaHyCTWpT6fD7yBB4jcAW/6ZP5nUZb+89FL6CJEe0tn3OHQjQd5kiOsqn1IxIxQZklTQO5QJXn6kcD4yAQlycxBXivzz5fIY3QoZweYPScSKIWAIGAKGgCFgCBgChoAhYAgYAoZAhyPwHw2jNJ05ERtPAAAAAElFTkSuQmCC)
}

.imgbg-small-bsy-app-7 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-8 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-9 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAA75JREFUeAHtnbuKFEEUhme84SposF4wEEQEMVPEYMFIEFExEQNfwUjQzMBA2NRMMfAJfAAjM/ECm23gRgYmopi73sf/7DrMONZM1V+7x+6q/hsO21N9qk7X9+3sTtfcej1tIiACIiACIiACIiACIiACIiACIiACIiACIiACIiAC5RPolzaFwWCwB+d8CXEYsTVw/l/R9gbxrN/v/wwcb3VTUUIgYydo3kXMJ1BdgpDHCXmtStnSqrOJn8xJpKTIsJHOQODe+JDtyihNSKqMIeV9w51SfpYmpBSu2ecpIdnofDpKiA/X7FElJBudT0cJ8eGaPaqEZKPz6SghPlyzR92W3ZPoiAs0q7M/0OUXrqY/BtqnNVX/C+Q6QYiYRzwH3VXE+0B8wPHPiIfTDEy0X8HtgxNtVd10FQJSTxBnEbPuiXM4fgNSbuNnbLPci4hqpXgLWYgRHjt+bWx/1u4OHKxWircQW51N3ZiFwGqleAtJlZGTV6WUkoWYxOqklC6kOik1CKlKSi1CqpFSk5AqpNQmpHgps66gbXKlbsNHX/cxgbexSWCVwPKPIuwlRpPbAA2fEO+w7mb7rlutQgyaQT4QowcZtgxzExF7AcUKch9AyvfYmBs5XuOfLJbH9QQZNuYJxDnb8dwkpNc7RgBmcolhR6kS0uttH+GI7jG50cFCCRISotJgm4Q0CD9UWkJCVBpsk5AG4YdKS0jCtUoInFebhKy/+ac1z9FLSMue5JKQ9b89w7Wvxu8pEjL6Z9AKKRIyEmJ7jUuRkL+FNC5FQv4V0qgUCQkLaUyKhEwX0ogUCZkt5L9LkZC4kHEpR9LS87MkJJ2dPSS+kJ6elykhHDf3z4aREE6Ie7aEuCPmCkgIx8s9W0LcEXMFJITj5Z4tIe6IuQISwvFyz5YQd8RcAQnheLlnS4g7Yq6AhHC83LMlxB0xVyDrHVR/3nV0GqU2c7FtN8a9HDn9Q5Hjk4dPYczVycYN3J5LOMcvGP8l3mmVVZcCipOx/KcIW4am+iK/S9s3THYRUu6xk6agQsgiCtxhi3Q03z53fgFSlpj5s/9DzjODdzzXvijgKsuAFbKLLdDxfOYjp9ZQsUI6ztd/+hLiz5iqICEULv9kCfFnTFVghRT3FUIUjc1P/sEOyQpZYQt0PP8VO3/2wtCWLpYRxX1zDQtmE/Jf46KQ+ZjctZKUEOuBq3V7bH0LcRxB90ef2jdbNnkBGY9qn6jmJwIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAKFEPgNwwV3tayFNCQAAAAASUVORK5CYII=)
}

.imgbg-small-bsy-app-11 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-12 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-13 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-14 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-15 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-16 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-17 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-18 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-19 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-20 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAACcpJREFUeAHtnVtMHFUYxweWO5RGhEKNsdHUS5rUak0vGpM2UWvbxPCgbz5pmmhimuiT8cXERmPS+GCiploTvCTGS5pKIrRYoaVIvWEvRqkYWgSpbZFLuVNgF/z/Bz467MyyM7Bnd5Y9X/JxZs+cOec7/9+cyyxDaxjatAJaAa2AVkAroBXQCmgFtAJaAa2AVkAroBXQCmgFtAJaAa2AVkAroBXQCmgFtAJaAa2AVkAroBXQCiSBAmlJEGN4iNFing6/IJk+pydRsARh9fTr16/vnp6ePgYfhJ+GPw/Pmi2XRF1LrlAFAm+eADxjYGBg19TU1E8Q38nakfksPANlo42m5FIiwdHaQPT39+8IBoM/OFFwyGtF3tNwgtRglgDTCcQjANHgILqbrPMo9BRc6l1CaKl1qQjGO5qece3atW0AcdyN6i7KnEOZJ1CvtJNa6nrorQg0B6Kvr+9hgOBircJ+QaU7NBg7IQHB1BwRvb29WwHiqAoKDnU2Im/7LBh7dCmUYwPR09OzCSC+cRAtHlm1aOShVARjA9Hd3b0RICohyFQ8lI/SRjXOP5AKYGwgurq6NgDEIZ+ACOd0GBnrlyMYG4jOzs71APEFOhwKV8FnnzliP4ffsxzA2EB0dHSsA4jP0EG/gwi/L4LI+AR+RzKCsYG4dOnSXRMTE5+iQ+xYMtskgj8Ivy0ZwNhAYGpaCxAV6AA7spxsHJ15B77aj2BsINrb228HiA8R8MRyouDQl1HkvQUv8QOYcBCBtra2NQBxAAHyDkolG0Jn34DflAgwNhCtra23AsS7CGgslSg49LUfea/CCwEmLiYw+BVHoKWl5RaAeBsBcOhqu6FALw5fhuerojIPRHNzcxlAcO4cuRGDPnJQoAt5L8JzvIKh4JFMzpnfwl65cuX+srKyIyh8c6QLdL5Ngd+RszMtLe2y7UyEDIrtZFYYgb179+aWlpZqGE5KLZzHr2BeX7jI/LORgLAUofB8xp49ezaAsh4ZVMW7bcIlcoNHvdoNkEBDQ0M3agpGrU0XsCmAdaTFlrlARiRyzOcbHplwvlaTha/KXykuLn4Jx9rcK9AzPDy8fcWKFedxiav3xRYaIWyWlZheUlKyH9vd50B8gie0LajAON4ZO9jU1LQRMDyNkEi1ygjh6OCemk+i/JqgdHx8/A9A0easwARGxMeVlZXroFUenDMMb/pIMxFOzTe+TBbJODKm4Fw7WCE/B7C4MzUNzyRnMjMz70aesgchacvnaXBkZOTLurq6/eXl5e2IlZrRqZ85wyB1ZZGmLKmEFYbgk3BOVRNWIKOjo2f37du3FW+JfDRbBklKWQggvqqqqtpSUFDwAmBcRO+pE/WibtQvpsaRQWiywGfjFc5zMloHBwcP4twqeFlFRcUWfP4a5/zw+3EJUVUaws14qKamZjP6vhJeAM+Fc4rnrCPTlOupCte4NlY6BwY9PCu9HBsbO4BzXF+K4aXwsurq6scQbL2UWWbpFPrWWFtb+yD6GgmEwEARtWaCsQLBGvIemuT6weCK4ObCj7QMv7Z9H+eXzWjBrmka7xZfxc5pF/oXPiI4gwiIJY2KhRZ1tDHPuK7MaywQCHCO5HzJlEHNOZ5bLmDBN7Kzs43CwkIjI8NLU6jJJ4ZdpQEYZjTp6enBoqIiWU/ZZ1lrmdIknfm0iJ9eVZrXIALkZ9lNcBGbA5KbmztFCJOTkwbgGPhsYE9uAOIiwoz/JRjdBqZks2HGTGd/AYT9pLPvooekZvml/PAKxKktBiN3C1N6CLuOIEdIKBQynXcZPS8vz8A5ds6proTnEQTjxNRsQrDAMLDDNHJycqSPjDVmIKTjsQIiwXFKY5DpGA2hrKysOSACBouiQSeU/Px8s5MSTCLTaCAIg45Rz/7FHIT0PRZAWBcDFBhmwBgJIY4C3mGEgfeyzFHBY2ydDTzRzoHhdMbOJsI4pXJqso4IiVsgWGNTvRbGCgi1lLvGBIPpyvzMzonLKJGUYPDsYuDhylxfMB3EjYmAYAwUeXaNMFMnEFYoKoOMJRCJU8CYd710Tu46gcGUo4aC8BhbSoNrDhd+TnWqjG1yymS7hMBdoMQmsVrFtx6rislarwogZv3sJI1TgbWjPJYRw5QwJKVY+BsRJVtl1s2pie0RBKHLqGD7EqMZNH7EG4S0qwyINCAdEzBWEXhMgcI9llvlZAEhei0GyKhcjNR6bMm2H4aDkbuSKZ1wKB6PBRAfynhXczfmdausCASfuZTaYoC8hoj2w/vhH3iNTsDwOh7LyGFqhSFQmHrZKrM8IRIIIcdwamJ/G73212t5z0Ag4jE0Ql+SWWFYj2W0CBAKy2Muwtwqy44sfKusEAT7SRhVcNczAi9ajHkGsphGIl1DEDQZJfxMJxSrCxwBMzQ0ZI4abpO5ZSU0BSNCwu7DQTV85nsUyVWUJhSI9GkhME4LP0cLjU/XCkGwiV44Ycx8u8gcxeYLINLHSGBk1AgcjigZVTLFyYhiWamH9VqPpR2XaQ/KEca4y/IxKeYrINIjEVFEJwgKLg9zViAsy3NM5TrWYz2Wej2k/6HsETh/HRtX8yUQUUBEtYIRGCwj5yW15kkdi0i7cM1ReNxhMFZfA2GANBFcwMjnmbMzP53yrOddHl9FOcLgL6ESYkkBRJSJkehSXXh6GRk1cOUPf+ENWz8nFRBr4DE+/hf1fQtPKAz2SQMxjE7owAdd/lo24ZbqQP4BAcKYebBxh0MpuFQG0g79az3CIDJCVGaq3zTwcucp66RDxW3I8wqDv3g7jI0FpzhlpnKE8As5PmCtVhb94iq+gMtOwOd+sxmlGpY7B/8OMC5GKbvk0yqBfI/o6uHlcL6a7wdrRRD1cDcwhlGuEX4SIPgFY1xM6aseeJBbg148Cec/PnknnKNF9TSJJhztL+SedDwzP5NrxAl4E0DE/QFRKRDpJ8Dw/d/74NvgO+Fr4WXwuLSPdv6Ec8RGMq51Z+AnAIFTWsIsXoLMddACZzsy+eIy4ayCq4qlGXWfgjvZEDIb6ADBNS/hpkoEVx0DHK4tG+CPwgVOiauL3RXiH+7/6FC0A3nH4b8CRNDhfMKyEgrE2mvAycVnTmuPzzrXnKX8bfxvuP5nuBgf6E7DjwPC35Lpt9Q3QKzCzMLhyNkNJyDC4R8GubWzKNg0W3gAKdcPTks89rX5EohVsVk49yKPOzXZEKy0lgk75iig8+GPu6XTAKH06w60kZoGODnwzfA34Wfg/H9DxPiv2J2CPwNfk6wK+X6ERBIWovPN7PVwTmn8G8d6eB1GA3dO2rQCWgGtgFZAK6AV0ApoBbQCWgGtgFZAK6AV0ApoBbQCWgHFCvwPQVLT953Qqp0AAAAASUVORK5CYII=)
}

.imgbg-small-bsy-app-21 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-22 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-23 {
    background-image: url(data:image/png;base64,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)
}

.imgbg-small-bsy-app-24 {
    background-image: url(data:image/png;base64,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)
}

@keyframes myfirst {
    0% {
        background-size: 100%
    }

    to {
        background-size: 75%
    }
}

.imgbg-small-bsy-app {
    background-size: 75%;
    animation: myfirst .03s
}

.imgbg-bsy-app,
.imgbg-small-bsy-app {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%
}

.imgbg-bsy-app {
    background-size: 65%
}

.icon-bsy-dash,
.icon-bsy-report,
.icon-bsy-scenes {
    color: #52c41a !important
}

.icon-bsy-form {
    color: var(--bsy-base-color) !important
}

.icon-bsy-form-flow {
    color: #f60 !important
}

.icon-app-search:before {
    content: "\e886"
}

.icon-app-install:before {
    content: "\e887"
}

.bs-icon-iconcaidanshouqi:before {
    content: "\e878"
}

.icon-team-create:before {
    content: "\e896"
}

.icon-team-join:before {
    content: "\e895"
}

.icon-team-join-item:before {
    content: "\e893"
}

.icon-data-view-btn:before {
    content: "\e89f"
}

.icon-recycle-bin-btn:before {
    content: "\e89e"
}

.bs-icon-iconcaidanzhankai:before {
    content: "\e89d"
}

.icon-create-group:before {
    content: "\e89c"
}

.icon-all-app:before {
    content: "\e8a0"
}

.icon-news-msg:before {
    content: "\e7ae"
}

.icon-double-left:before {
    content: "\e8a2"
}

.icon-double-right:before {
    content: "\e7ab"
}

.icon-bsy-logo:before {
    content: "\e8a4"
}

.icon-bsy-platform:before {
    content: "\e8a3"
}

.icon-bsy-corp:before {
    content: "\e7da"
}

.icon-bsy-great:before {
    content: "\e8b4"
}

.icon-bsy-enter:before {
    content: "\e8b5"
}

.icon-bsy-api-1:before {
    content: "\e8ae"
}

.icon-bsy-api-2:before {
    content: "\e8aa"
}

.icon-bsy-api-3:before {
    content: "\e8a8"
}

.icon-bsy-api-4:before {
    content: "\e8af"
}

.icon-bsy-api-5:before {
    content: "\e8a6"
}

.icon-bsy-api-6:before {
    content: "\e8ac"
}

.icon-bsy-api-7:before {
    content: "\e8ad"
}

.icon-bsy-api-8:before {
    content: "\e8a7"
}

.icon-bsy-api-9:before {
    content: "\e8a9"
}

.icon-bsy-api-10:before {
    content: "\e8ab"
}

.icon-bsy-api-11:before {
    content: "\e8b0"
}

.icon-bsy-api-12:before {
    content: "\e8b1"
}

.icon-bsy-api-13:before {
    content: "\e8a5"
}

.icon-bsy-api-14:before {
    content: "\e8b3"
}

.icon-bsy-api-15:before {
    content: "\e8b2"
}

.icon-bsy-api-16:before {
    content: "\e8d4"
}

.icon-bsy-api-17:before {
    content: "\e8d5"
}

.icon-bsy-quit-mirror:before {
    content: "\e8d8"
}

.api-color-1 {
    color: #1890ff
}

.api-color-2 {
    color: #722ed1
}

.api-color-3 {
    color: #fadb14
}

.api-color-4 {
    color: #52c41a
}

.api-color-5 {
    color: #f5222d
}

.api-color-6 {
    color: #fa541c
}

.icon-bsy-audit-list:before {
    content: "\e8b6"
}

.icon-bsy-finish:before {
    content: "\e8b7"
}

.icon-bsy-organization:before {
    content: "\e8bb"
}

.icon-bsy-outsiderGroup:before {
    content: "\e87d"
}

.icon-bsy-dynamic:before {
    content: "\e8b1"
}

.icon-bsy-left:before {
    content: "\e8b9"
}

.icon-bsy-right:before {
    content: "\e8ba"
}

.icon-bsy-ppt:before {
    content: "\e8c8"
}

.icon-bsy-pptx:before {
    content: "\e8cf"
}

.icon-bsy-doc:before {
    content: "\e8ca"
}

.icon-bsy-docx:before {
    content: "\e8c7"
}

.icon-bsy-xls:before {
    content: "\e8d0"
}

.icon-bsy-xlsx:before {
    content: "\e8c5"
}

.icon-bsy-zip:before {
    content: "\e8cb"
}

.icon-bsy-rar:before {
    content: "\e8d3"
}

.icon-bsy-csv:before {
    content: "\e8cc"
}

.icon-bsy-txt:before {
    content: "\e8cd"
}

.icon-bsy-pdf:before {
    content: "\e8ce"
}

.icon-bsy-mp4:before {
    content: "\e8c6"
}

.icon-bsy-webm:before {
    content: "\e8d1"
}

.icon-bsy-ogg:before {
    content: "\e8d2"
}

.icon-bsy-gif:before {
    content: "\e8fd"
}

.icon-bsy-jpg:before {
    content: "\e8fe"
}

.icon-bsy-jpge:before {
    content: "\e8ff"
}

.icon-bsy-png:before {
    content: "\e900"
}

.icon-bsy-other:before {
    content: "\e8c9"
}

.icon-bsy-sort-asc:before {
    content: "\e8d6"
}

.icon-bsy-sort-desc:before {
    content: "\e8d7"
}

.icon-bsy-jobtitle-set:before {
    content: "\e8dc"
}

.icon-bsy-jobtitle:before {
    content: "\e8de"
}

.icon-bsy-todo:before {
    content: "\e7e7"
}

.icon-bsy-cc:before {
    content: "\e8ea"
}

.icon-bsy-transactors:before {
    content: "\e8e7"
}

.icon-bsy-create:before {
    content: "\e8e8"
}

.icon-bsy-dangqianjiedian:before {
    content: "\e724"
}

.icon-bsy-install-zhizao:before {
    content: "\e8eb"
}

.icon-bsy-install-phone:before {
    content: "\e8ed"
}

.icon-bsy-install-email:before {
    content: "\e8ee"
}

.icon-bsy-install-wechat:before {
    content: "\e8ec"
}

.icon-bsy-install-qq:before {
    content: "\e8ef"
}

.icon-bsy-adaptive:before {
    content: "\e8f8"
}

.icon-bsy-height:before {
    content: "\e8f6"
}

.icon-bsy-middle:before {
    content: "\e8f7"
}

.icon-bsy-low:before {
    content: "\e8f9"
}

.icon-bsy-warning:before {
    content: "\e79f"
}

i.icon-bsy-operation-record:before {
    content: "\e709"
}

i.icon-bsy-open-browser:before {
    content: "\e908"
}

.icon-bsy-login-log:before {
    content: "\e916"
}

.icon-bsy-enterprise-log:before {
    content: "\e63a"
}

.icon-bsy-statistical-use:before {
    content: "\e917"
}

.icon-bsy-log-ok:before {
    content: "\e918"
}

.icon-anglefirst:before {
    content: "\e919"
}

.icon-up1:before {
    content: "\e91a"
}

.icon-down1:before {
    content: "\e91b"
}

.icon-label:before {
    content: "\e788"
}

.icon-all-corp:before {
    content: "\e91d"
}

.icon-corp-label:before {
    content: "\e91e"
}

.icon-role-group:before {
    content: "\e946"
}

.icon-all-docker:before {
    content: "\e91f"
}

.icon-bsy-hint:before {
    content: "\e90a"
}

.icon-bsy-error-tip:before {
    content: "\e8da"
}

.icon-bsy-main-dept:before {
    content: "\e925"
}

.icon-bsy-top-sticky:before {
    content: "\e926"
}

.icon-bsy-sticky:before {
    content: "\e927"
}

.icon-bsy-mydesign:before {
    content: "\e92c"
}

.icon-bsy-owner-corps:before {
    content: "\e931"
}

.icon-bsy-search-small:before {
    content: "\e88b"
}

.icon-bsy-file:before {
    content: "\e935"
}

.icon-bsy-reference-view:before {
    content: "\e936"
}

.icon-bsy-extend:before {
    content: "\e937"
}

.icon-bsy-enable:before {
    content: "\e92a"
}

.icon-bsy-deactivate:before {
    content: "\e929"
}

.icon-bsy-user-enable:before {
    content: "\e948"
}

.icon-bsy-user-deactivate:before {
    content: "\e947"
}

.BsyTableList {
    display: inline-block
}

.BsyTableList .grid-table {
    margin-bottom: 10px;
    position: relative;
    overflow-y: auto
}

.BsyTableList .grid-table.drag table tbody tr:hover {
    background-color: #fff !important
}

.BsyTableList .grid-table.drag table tbody tr:hover .DelBtn .icon-cont,
.BsyTableList .grid-table.drag table tbody tr:hover .icon-drag-table,
.BsyTableList .grid-table.drag table tbody tr:hover .menuTd .icon-cont,
.BsyTableList .grid-table.drag table tbody tr:hover .removeout .removeout-text {
    visibility: hidden !important
}

.BsyTableList .grid-table.drag table tbody tr:hover.even {
    background-color: #f8f8f8 !important
}

.BsyTableList .grid-table table {
    position: relative
}

.BsyTableList .grid-table table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.BsyTableList .grid-table table thead tr td {
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    background-color: #f5f6f7;
    padding: 8px 0 8px 10px
}

.BsyTableList .grid-table table thead tr td.menuTd .icon-cont {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.BsyTableList .grid-table table thead tr td.menuTd .icon-cont i {
    font-size: 16px;
    color: #333
}

.BsyTableList .grid-table table thead tr td.menuTd .icon-cont:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyTableList .grid-table table thead tr td.menuTd .icon-cont:hover i {
    color: #0265ff
}

.BsyTableList .grid-table table thead tr td.removeout .removeout-text {
    color: #ff5631;
    font-size: 12px;
    cursor: pointer
}

.BsyTableList .grid-table table thead tr td.removeout .removeout-text:hover {
    opacity: .8
}

.BsyTableList .grid-table table thead tr td .checkBtn {
    padding-right: 20px
}

.BsyTableList .grid-table table thead tr td .checkBtn i {
    font-size: 14px;
    cursor: pointer
}

.BsyTableList .grid-table table thead tr td .checkBtn i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyTableList .grid-table table thead tr td .checkBtn i.icon-bsy-check2:hover,
.BsyTableList .grid-table table thead tr td .checkBtn i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.BsyTableList .grid-table table thead tr td .cell {
    overflow: hidden;
    display: inline-flex;
    align-items: center
}

.BsyTableList .grid-table table thead tr td .cell span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyTableList .grid-table table thead tr td .cell i {
    font-size: 16px;
    color: var(--bsy-base-color);
    margin-left: 6px
}

.BsyTableList .grid-table table tbody tr {
    position: relative;
    border-radius: 6px !important;
    overflow: hidden
}

.BsyTableList .grid-table table tbody tr .icon-drag-table {
    font-size: 16px;
    color: var(--bsy-base-color);
    visibility: hidden
}

.BsyTableList .grid-table table tbody tr .icon-drag-table:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyTableList .grid-table table tbody tr td {
    text-align: left;
    min-width: 20px;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    padding: 9px 0 9px 10px
}

.BsyTableList .grid-table table tbody tr td .checkBtn {
    padding-right: 20px
}

.BsyTableList .grid-table table tbody tr td .checkBtn i {
    font-size: 14px;
    cursor: pointer
}

.BsyTableList .grid-table table tbody tr td .checkBtn i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyTableList .grid-table table tbody tr td .checkBtn i.icon-bsy-check2:hover,
.BsyTableList .grid-table table tbody tr td .checkBtn i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.BsyTableList .grid-table table tbody tr td .cell {
    overflow: hidden;
    display: flex;
    height: 26px;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-right: 5px;
    width: 100%
}

.BsyTableList .grid-table table tbody tr td .cell .user-center {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.BsyTableList .grid-table table tbody tr td .cell .table-user-portrait-name {
    display: inline-block;
    margin-right: 6px;
    flex: none
}

.BsyTableList .grid-table table tbody tr td .cell .table-user-portrait-name span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    transform: none
}

.BsyTableList .grid-table table tbody tr td .cell span {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyTableList .grid-table table tbody tr td .cell span.again {
    color: var(--bsy-base-color);
    cursor: pointer
}

.BsyTableList .grid-table table tbody tr td .cell span.again:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyTableList .grid-table table tbody tr td .cell .user-list {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyTableList .grid-table table tbody tr td .cell .user-list .user-item {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 30px;
    margin-right: 2px;
    padding: 0 8px;
    vertical-align: middle;
    background-color: #f4f6fc;
    border-radius: 50px
}

.BsyTableList .grid-table table tbody tr td .cell .user-list .user-item:last-child {
    margin-right: 0
}

.BsyTableList .grid-table table tbody tr td .cell .user-list .user-item i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.BsyTableList .grid-table table tbody tr td .cell .user-list .user-item img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.BsyTableList .grid-table table tbody tr td .cell .user-list .user-item .user-name {
    font-size: 13px;
    color: #333;
    line-height: 18px;
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyTableList .grid-table table tbody tr td .cell .labelName {
    display: flex;
    align-items: center;
    padding: 5px 8px;
    background: #f0f6ff;
    border-radius: 4px
}

.BsyTableList .grid-table table tbody tr td .cell .labelName i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.BsyTableList .grid-table table tbody tr td .cell .labelName span {
    font-size: 14px;
    color: #333;
    line-height: 18px
}

.BsyTableList .grid-table table tbody tr td .cell .category {
    background-color: #5366b5;
    border-radius: 10px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    flex: none;
    height: 22px;
    line-height: 20px
}

.BsyTableList .grid-table table tbody tr td .cell .verify {
    color: #0265ff;
    font-size: 12px;
    margin-left: 6px;
    cursor: pointer
}

.BsyTableList .grid-table table tbody tr td .cell .verify.not {
    opacity: .5 !important
}

.BsyTableList .grid-table table tbody tr td .cell .verify:hover {
    opacity: .8
}

.BsyTableList .grid-table table tbody tr .menuTd .icon-cont {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.BsyTableList .grid-table table tbody tr .menuTd .icon-cont i {
    font-size: 16px;
    color: var(--bsy-base-color)
}

.BsyTableList .grid-table table tbody tr .menuTd .icon-cont:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyTableList .grid-table table tbody tr .menuTd .icon-cont:hover .icon-flow-other {
    color: var(--bsy-base-color)
}

.BsyTableList .grid-table table tbody tr .removeout .removeout-text {
    color: #ff5631;
    font-size: 12px;
    cursor: pointer;
    visibility: hidden
}

.BsyTableList .grid-table table tbody tr .removeout .removeout-text:hover {
    opacity: .8
}

.BsyTableList .grid-table table tbody tr .DelBtn {
    cursor: pointer
}

.BsyTableList .grid-table table tbody tr .DelBtn .icon-cont {
    visibility: hidden;
    background: transparent;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyTableList .grid-table table tbody tr .DelBtn .icon-cont i {
    font-size: 16px;
    color: #ff5631
}

.BsyTableList .grid-table table tbody tr:hover td {
    background-color: #f2f6ff
}

.BsyTableList .grid-table table tbody tr:hover td .user-list .user-item {
    background-color: #fff
}

.BsyTableList .grid-table table tbody tr:hover .DelBtn .icon-cont,
.BsyTableList .grid-table table tbody tr:hover .icon-drag-table,
.BsyTableList .grid-table table tbody tr:hover .menuTd .icon-cont,
.BsyTableList .grid-table table tbody tr:hover .removeout .removeout-text {
    visibility: unset
}

.BsyTableList.dark .grid-table.drag table tbody tr:hover td {
    background-color: #3e3d3d !important
}

.BsyTableList.dark .grid-table.drag table tbody tr:hover .DelBtn .icon-cont,
.BsyTableList.dark .grid-table.drag table tbody tr:hover .icon-drag-table,
.BsyTableList.dark .grid-table.drag table tbody tr:hover .menuTd .icon-cont,
.BsyTableList.dark .grid-table.drag table tbody tr:hover .removeout .removeout-text {
    visibility: hidden !important
}

.BsyTableList.dark .grid-table.drag table tbody tr:hover.even td {
    background-color: #4f4f4f !important
}

.BsyTableList.dark .grid-table table,
.BsyTableList.dark .grid-table table thead tr {
    background-color: #3e3d3d
}

.BsyTableList.dark .grid-table table thead tr td {
    border-color: #606060
}

.BsyTableList.dark .grid-table table thead tr td .checkBtn i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyTableList.dark .grid-table table thead tr td .checkBtn i.icon-bsy-check2:hover,
.BsyTableList.dark .grid-table table thead tr td .checkBtn i.icon-bsy-iconxuanzhong {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table thead tr td .cell span {
    color: #fff
}

.BsyTableList.dark .grid-table table thead tr td .cell i {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr.even td {
    background-color: #4f4f4f
}

.BsyTableList.dark .grid-table table tbody tr .icon-drag-table {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr .icon-drag-table:hover {
    color: #00c3ce
}

.BsyTableList.dark .grid-table table tbody tr td .checkBtn i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyTableList.dark .grid-table table tbody tr td .checkBtn i.icon-bsy-check2:hover,
.BsyTableList.dark .grid-table table tbody tr td .checkBtn i.icon-bsy-iconxuanzhong {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr td .cell span {
    color: #fff
}

.BsyTableList.dark .grid-table table tbody tr td .cell span.again {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr td .cell .category {
    background: #5366b5;
    color: #fff
}

.BsyTableList.dark .grid-table table tbody tr .menuTd .icon-cont {
    background-color: initial
}

.BsyTableList.dark .grid-table table tbody tr .menuTd .icon-cont i {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr .menuTd:hover {
    background-color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr .DelBtn .icon-cont {
    background: transparent
}

.BsyTableList.dark .grid-table table tbody tr:hover td {
    background-color: rgba(0, 240, 255, .1)
}

.BsyTableList.dark .grid-table table tbody tr:hover .icon-drag-table {
    visibility: unset
}

.BsyTableList.dark .grid-table table tbody tr:hover .DelBtn .icon-cont {
    visibility: unset;
    background: transparent
}

.BsyTableList.dark .grid-table table tbody tr:hover .menuTd .icon-cont {
    visibility: unset;
    background-color: initial
}

.BsyTableList.dark .grid-table table tbody tr:hover .menuTd .icon-cont i {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr:hover .menuTd:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyTableList.dark .grid-table table tbody tr:hover .menuTd:hover .icon-flow-other {
    color: #00f0ff
}

.BsyTableList.dark .grid-table table tbody tr:hover .removeout .removeout-text {
    visibility: unset
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table.hasLeftShadow table tbody tr td.check,
.addressbook .userCont .userContent .user .BsyTableList .grid-table.hasLeftShadow table thead tr td.check {
    box-shadow: 6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table.hasRightShadow table tbody tr td.again,
.addressbook .userCont .userContent .user .BsyTableList .grid-table.hasRightShadow table thead tr td.again {
    box-shadow: -6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table thead tr {
    position: relative
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table thead tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table thead tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table thead tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table thead tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table tbody tr {
    position: relative
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table tbody tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table tbody tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table tbody tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .userCont .userContent .user .BsyTableList .grid-table table tbody tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table.hasLeftShadow table tbody tr td.check,
.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table.hasLeftShadow table thead tr td.check {
    box-shadow: 6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table.hasRightShadow table tbody tr td.again,
.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table.hasRightShadow table thead tr td.again {
    box-shadow: -6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table thead tr {
    position: relative
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table thead tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table thead tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table thead tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table thead tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table tbody tr {
    position: relative
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table tbody tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table tbody tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table tbody tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .outsiderCont .outsiderContent .BsyTableList .grid-table table tbody tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table.hasLeftShadow table tbody tr td.check,
.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table.hasLeftShadow table thead tr td.check {
    box-shadow: 6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table.hasRightShadow table tbody tr td.again,
.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table.hasRightShadow table thead tr td.again {
    box-shadow: -6px 0 6px 0 rgba(0, 0, 0, .06)
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table thead tr {
    position: relative
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table thead tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table thead tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table thead tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table thead tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table tbody tr {
    position: relative
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table tbody tr td.darg {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table tbody tr td.check {
    position: -webkit-sticky;
    position: sticky;
    left: 30px;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table tbody tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.addressbook .BsyCorpCoop .corpCoopContent .BsyTableList .grid-table table tbody tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table.hasLeftShadow table tbody tr td.check,
.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table.hasLeftShadow table thead tr td.check {
    box-shadow: 6px 0 6px 0 rgba(0, 0, 0, .06)
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table.hasRightShadow table tbody tr td.again,
.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table.hasRightShadow table thead tr td.again {
    box-shadow: -6px 0 6px 0 rgba(0, 0, 0, .06)
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table thead tr {
    position: relative
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table thead tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table thead tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr {
    position: relative
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td.menuTd {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 1
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td.again {
    position: -webkit-sticky;
    position: sticky;
    right: 32px;
    z-index: 1;
    padding-left: 15px
}

.approve-pane .BsyTableList .grid-table {
    height: calc(100% - 52px)
}

.LoginAccountInput {
    position: relative;
    margin-bottom: .9375rem;
    z-index: 1
}

.LoginAccountInput.isreadonly .mobileType {
    background-color: #f5f6f7
}

.LoginAccountInput.isreadonly .mobileType:hover i {
    color: #999
}

.LoginAccountInput.isreadonly input {
    background-color: #f5f6f7;
    box-shadow: inset 0 0 0 1000px #f5f6f7
}

.LoginAccountInput.isreadonly input:focus {
    border-color: #e0e0e0 !important
}

.LoginAccountInput .mobileType {
    width: 5.125rem;
    height: 1.25rem;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding-right: .75rem;
    border-right: 1px solid #e0e0e0;
    position: absolute;
    left: 1px;
    top: 50%;
    padding-left: .75rem;
    transform: translateY(-50%);
    display: none
}

.LoginAccountInput .mobileType .phoneTypeCon {
    display: none;
    position: absolute;
    min-width: 12.5625rem;
    z-index: 9999;
    top: 1.875rem;
    left: -.75rem;
    padding: .3125rem 0;
    height: auto;
    max-height: 15.625rem;
    border-radius: .25rem;
    overflow: auto;
    color: #1f2329;
    box-shadow: 0 0 1rem 0 var(--bsy-base-bgcolor);
    background-color: #fff
}

.LoginAccountInput .mobileType .phoneTypeCon li {
    display: flex;
    align-items: center;
    height: 2.03125rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: all .2s;
    position: relative
}

.LoginAccountInput .mobileType .phoneTypeCon li:hover {
    background-color: #f5f5f5
}

.LoginAccountInput .mobileType .phoneTypeCon li.select {
    color: #0265ff;
    position: relative;
    background-color: #f0f6ff
}

.LoginAccountInput .mobileType .phoneTypeCon li.select:after {
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e810";
    color: #0265ff;
    font-size: 1.25rem;
    position: absolute;
    right: .3125rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
    cursor: pointer;
    flex: none
}

.LoginAccountInput .mobileType span {
    font-size: .875rem;
    font-weight: 700;
    color: #333
}

.LoginAccountInput .mobileType i {
    font-size: 1.125rem;
    color: #999
}

.LoginAccountInput .mobileType i.show {
    transform: rotate(-180deg)
}

.LoginAccountInput .mobileType:hover i {
    color: #0265ff
}

.LoginAccountInput input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.LoginAccountInput:hover input,
.LoginAccountInput input:hover {
    border-color: #0265ff
}

.LoginAccountInput .icon-dingding-guide-close {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginAccountInput .icon-dingding-guide-close:hover {
    color: #666
}

.LoginAccountInput.phone .mobileType {
    display: flex
}

.LoginAccountInput.phone input {
    padding-left: 6.375rem;
    width: 100%
}

.ImgCodeInput .sendImgCode {
    height: 2.25rem
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn .ok-btn:hover {
    border-color: var(--bsy-base-hovercolor);
    background-color: var(--bsy-base-hovercolor)
}

.approve-pane {
    padding: 20px;
    display: flex;
    flex-flow: column;
    height: 100%
}

.approve-pane .menu {
    display: flex;
    line-height: 30px
}

.approve-pane .menu .BsySelect {
    width: 200px;
    margin-left: 6px
}

.approve-pane .BsyTableList {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.approve-pane .BsyTableList .grid-table {
    width: 100%;
    margin-bottom: 16px;
    height: calc(100% - 48px);
    overflow-x: hidden
}

.approve-pane .BsyTableList .grid-table table {
    width: 100%
}

.approve-pane .BsyTableList .grid-table .cell.menu {
    flex-direction: row-reverse
}

.approve-pane .BsyTableList .menu-itme {
    cursor: pointer;
    margin-right: 10px
}

.approve-pane .BsyTableList .menu-itme.pass {
    color: var(--bsy-base-color)
}

.approve-pane .BsyTableList .menu-itme.delete,
.approve-pane .BsyTableList .menu-itme.refuse {
    color: #ff5631
}

.approve-pane .BsyTableList .menu-itme.passed {
    cursor: default;
    color: #4acc8c
}

.approve-pane .BsyTableList .menu-itme.refused {
    cursor: default;
    color: #999
}

.BsyAlertInviteUser {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .15s linear
}

.BsyAlertInviteUser input::placeholder {
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content {
    background-color: #fff;
    border-radius: 8px;
    transition: transform .3s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-header .title {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-header i {
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-header i:hover {
    transform: rotate(90deg)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body {
    height: calc(100% - 60px)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 50px;
    border-bottom: 1px solid #e5e5e5
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu .menu-item {
    height: 100%;
    line-height: 50px;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    transition: color 218ms;
    position: relative;
    overflow: hidden
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu .menu-item:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    transition: bottom .3s;
    -moz-transition: bottom .3s;
    -webkit-transition: bottom .3s;
    -o-transition: bottom .3s;
    background-color: #ccc
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu .menu-item:hover {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu .menu-item.active {
    pointer-events: none;
    color: var(--bsy-base-color)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-menu .menu-item.active:before {
    content: " ";
    width: 100%;
    height: 3px;
    background-color: var(--bsy-base-color);
    position: absolute;
    bottom: 0;
    left: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body {
    height: calc(100% - 50px)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite {
    height: 100%;
    position: relative
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont {
    padding: 20px 20px 0;
    height: calc(100% - 73px);
    overflow: auto
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .input-label {
    display: flex;
    align-items: center;
    flex: 1 1;
    margin-right: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .input-label .label-title {
    color: #333;
    font-weight: 700
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .input-label .label-tip {
    color: #ff5631
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn {
    width: 566px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    height: 34px;
    align-items: center;
    border: 1px solid #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn.error {
    border-color: #ff5631
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn span {
    margin-right: 6px;
    color: #666;
    font-size: 14px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn i {
    color: #666;
    font-size: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn:hover {
    border-color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn:hover i,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn:hover span {
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .filter-btn.open i {
    transform: rotate(-180deg);
    display: inline-block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput {
    margin-bottom: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType {
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType .phoneTypeCon {
    left: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput input {
    border: 1px solid #e0e0e0;
    padding: 0 0 0 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput.phone {
    z-index: 2
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput.phone input {
    padding: 0 0 0 6.375rem
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .icon-dingding-guide-close {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont {
    height: 80px;
    border: 1px dashed #e0e0e0;
    overflow: auto;
    width: 568px;
    padding: 5px;
    border-radius: 4px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont.error {
    border-color: #f5222d !important
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .item-content {
    background: #f2f6ff;
    border-radius: 2px !important;
    padding: 5px 15px;
    margin: 0 6px 8px 0;
    display: inline-block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .item-content i {
    margin-right: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .item-content.role {
    background: #ecedff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .item-content i.icon-department {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .item-content i.icon-role {
    color: #6f81bd
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .departmentCont .select-empty span:before {
    font-family: finex;
    content: "\e62d";
    margin-right: 10px;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item .mergeDeptCont {
    width: 568px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualCont .input-item input {
    height: 36px;
    line-height: 34px;
    width: 566px;
    padding-left: 10px;
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualBtn {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualBtn .input-item {
    flex: 1 1
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualBtn .input-item .bsy-x-group .bsy-group-item span {
    width: auto
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualBtn .BsyIconBtn {
    margin-right: 12px;
    padding: 0;
    width: 72px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    line-height: 30px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .singleInvite .manualBtn .BsyIconBtn:last-child {
    margin-right: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite {
    padding: 20px 20px 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn {
    padding: 5px 16px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background-color .15s;
    background-color: #fff;
    position: relative;
    margin-right: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn .btnCont {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn i {
    font-size: 16px;
    margin-right: 6px;
    color: var(--bsy-base-color) !important
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn span {
    font-size: 14px;
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn:hover {
    background-color: #f2f6ff;
    border-color: transparent
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn:hover span {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn .upload-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchBtn .r-btn .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    display: inline-block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchSwitch {
    display: flex
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchSwitch .input-item {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchSwitch .input-item .input-label {
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchSwitch .input-item .input-label i {
    font-size: 16px;
    color: #0265ff;
    margin-left: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchErrTip {
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchErrTip .errorTip {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip {
    margin-top: 10px;
    color: #333;
    line-height: 30px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip p {
    color: #333;
    font-size: 12px;
    position: relative;
    padding-left: 9px;
    line-height: 14px;
    margin: 10px 0;
    font-weight: 700
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip p:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 2px);
    left: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip span {
    color: #fca603;
    font-size: 16px;
    position: relative;
    padding-left: 11px;
    line-height: 16px;
    display: block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip span:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #fca603;
    top: calc(50% - 3px);
    left: 0;
    border-radius: 50%
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip ul {
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTip li {
    line-height: 12px;
    color: #999;
    font-size: 12px;
    margin-bottom: 8px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content {
    position: relative;
    height: 200px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .excel-import-table {
    padding: 0;
    width: auto;
    height: auto
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .excel-import-tool span {
    margin-bottom: 10px;
    display: inline-block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid {
    overflow: auto;
    position: relative;
    border-radius: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid .excel-border {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table {
    table-layout: fixed;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td {
    max-width: 175px;
    min-width: 30px;
    padding: 7px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td:last-child {
    border-right: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .row-label {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .widget-cell {
    text-align: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td.last-child {
    border-right: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td span {
    display: block;
    overflow: hidden;
    text-overflow: clip;
    white-space: inherit
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-red {
    color: #f04134
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-green {
    color: var(--bsy-base-color)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user {
    margin-bottom: 8px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list {
    text-align: left
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 4px 4px 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item span {
    display: inline
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table thead tr {
    height: 40px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr {
    line-height: 30px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:last-child td {
    border-bottom: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head {
    background: #eee;
    font-weight: 700
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td span {
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-label {
    display: block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-num {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-disable {
    color: #989898
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover {
    cursor: pointer;
    background: #eee
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-label {
    display: block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-num {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid .x-group .group_item {
    display: flex
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid .x-group .group_item.x-check .icon-blank {
    margin-top: 5px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr td:nth-child(2) span {
    color: #f5222d
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr:first-of-type span {
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-btn .BsyIconBtn {
    margin-right: 12px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-btn .BsyIconBtn:last-child {
    margin-right: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-complete .r-btn,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .batchTable .invite-export .r-btn {
    display: inline-block;
    float: right;
    margin-right: 16px;
    border-radius: 4px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-tip {
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-tip .invite-tip-text {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-tip .invite-tip-text .tip-text {
    font-size: 14px;
    font-weight: 500;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-tip .invite-tip-text .tip-href {
    font-size: 14px;
    font-weight: 500;
    color: #0265ff;
    margin-left: 34px;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-tip .invite-tip-text .tip-href:hover {
    opacity: .8
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding-left: 10px;
    position: relative;
    margin-bottom: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-title:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 2px);
    left: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont {
    margin-bottom: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file {
    width: 100%;
    height: 334px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    position: relative;
    margin-top: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont {
    padding-top: 82px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipIcon i.icon-bsy-error-tip {
    font-size: 42px;
    color: #ff5631
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipIcon i.icon-bsy-reportmenu-2 {
    font-size: 42px;
    color: #4acc8c
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipText {
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipText i {
    font-style: normal
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList {
    display: flex
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton {
    margin: 18px 5px 0;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    padding: 0 19px;
    border: 1px solid transparent;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.lookDetail {
    background-color: #0265ff;
    color: #fff;
    border-color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.lookDetail:hover {
    opacity: .8
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.done,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.re {
    background-color: #fff;
    color: #333;
    border-color: #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.done:hover,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .errorTipCont .tipCont .tipButtonList .tipButton.re:hover {
    background-color: #f0f1f4
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip {
    padding: 0 65px;
    margin-bottom: 30px;
    height: 34px;
    line-height: 32px;
    border: 1px dashed #e0e0e0;
    border-radius: 4px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip i {
    color: #666;
    font-size: 16px;
    margin-right: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip span {
    font-size: 14px;
    font-weight: 500;
    color: #666
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip:hover {
    border-color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip:hover i,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-cont .file-upload-tip:hover span {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-mould {
    position: absolute;
    top: 198px;
    left: 50%;
    transform: translate(-50%)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-mould .downMould {
    font-size: 14px;
    font-weight: 500;
    color: #0265ff;
    line-height: 20px;
    border-bottom: 1px solid #0265ff;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-cont .invite-file .file-mould .downMould:hover {
    opacity: .8
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-msg {
    margin-bottom: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-msg .fileMsg {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-bottom: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .link-empty {
    width: 100%;
    height: 50px;
    background: #f5f6f7;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    text-align: center;
    line-height: 50px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane {
    width: 100%;
    height: 30px;
    background: #f5f6f7;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    padding-left: 15px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-link {
    flex: 1 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding-right: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-btn {
    background-color: #fff;
    border-left: 1px solid #e0e0e0;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 15px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-btn i {
    font-size: 16px;
    color: #333;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-btn i:hover {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-btn .share-btn {
    margin-right: 20px;
    cursor: pointer;
    color: #333;
    font-size: 14px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .batchInvite .invite-file-link .share-link-pane .invite-btn .share-btn:hover {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref {
    width: 100%;
    padding: 20px 20px 0;
    height: 100%;
    overflow: auto
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item {
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-title {
    padding-left: 10px;
    position: relative;
    margin-bottom: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-title:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
    left: 0;
    top: calc(50% - 2px)
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-tip-list .tip-item {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-bottom: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-add-btn {
    display: flex;
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-add-btn .add-btn {
    display: inline-flex;
    align-items: center;
    color: #0265ff;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-add-btn .add-btn i {
    font-size: 16px;
    margin-right: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-add-btn .add-btn span {
    font-size: 14px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-add-btn .add-btn:hover {
    opacity: .8
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item {
    width: calc(50% - 10px);
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header {
    height: 40px;
    background: #f5f6f7;
    display: flex;
    padding: 0 20px;
    align-items: center;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .header-utl {
    margin-right: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .icon-pane {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .icon-pane .icon-btn {
    cursor: pointer;
    margin-left: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .icon-pane .icon-btn i {
    color: #333;
    font-size: 16px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .icon-pane .icon-btn.edit-btn:hover i {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-header .icon-pane .icon-btn.remove-btn:hover i {
    color: #ff5631
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body {
    padding: 14px 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body .url-body-title {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    margin-bottom: 12px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body .url-body-list .link-item-box {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body .url-body-list .link-item-box .link-item-title {
    display: inline-block;
    width: 80px;
    margin-right: 6px;
    color: #666;
    line-height: 32px;
    white-space: nowrap;
    vertical-align: middle;
    flex: none
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body .url-body-list .link-item-box .link-item-list {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-body .url-body-list .link-item-box .link-item-list .link-item {
    display: inline-block;
    max-width: 100%;
    margin: 2px 2px 8px;
    padding: 0 6px;
    font-size: 13px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #f0f6ff;
    border-radius: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer {
    padding: 12px 0;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e0e0e0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer .share-link-pane {
    display: flex;
    align-items: center
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer .share-link-pane i {
    color: #333;
    font-size: 16px;
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer .share-link-pane i:hover {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer .share-link-pane .share-btn {
    padding: 2px 10px;
    font-size: 14px;
    color: #fff;
    background: #0265ff;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .form-ref-item .item-add-url .url-list .url-item .url-item-footer .share-link-pane .share-btn:hover {
    opacity: .8
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .BsyIconBtn {
    margin-top: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list:first-child {
    padding-top: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont {
    height: 80px;
    border: 1px dashed #e0e0e0;
    overflow: auto;
    width: 100%;
    padding: 5px;
    border-radius: 4px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont.error {
    border-color: #f5222d !important
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .item-content {
    background: #f2f6ff;
    border-radius: 2px !important;
    padding: 5px 15px;
    margin: 0 6px 8px 0;
    display: inline-block
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .item-content i {
    margin-right: 6px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .item-content.role {
    background: #fff8ea
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .item-content i.icon-department {
    color: #0265ff
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .item-content i.icon-role {
    color: #ffc12f
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .departmentCont .select-empty span:before {
    font-family: finex;
    content: "\e62d";
    margin-right: 10px;
    color: #999
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label .list-title {
    font-weight: 700;
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label .label-info {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label .BsySwitchBtn {
    margin-top: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link {
    color: #666
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share {
    color: #666;
    height: 34px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    display: flex
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .item {
    line-height: 34px;
    padding: 0 10px;
    border-left: 1px solid #d9d9d9
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .url {
    background: #f2f2f2;
    border-left: none;
    flex: 1 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .copy,
.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .qr {
    cursor: pointer
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .copy {
    color: #333
}

.BsyAlertInviteUser .alertInviteUserContent .content .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .qr {
    color: #666
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark {
    background-color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-header {
    border-color: #505050
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-header .title {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-menu {
    border-bottom: 1px solid #606060
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-menu .menu-item {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-menu .menu-item.active {
    pointer-events: none;
    color: #00f0ff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-menu .menu-item.active:before {
    background-color: #00f0ff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .input-label .label-title {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .input-label .label-tip {
    color: #ff5631
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType:hover .icon-caret-down {
    color: #00f0ff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType .phoneTypeCon {
    background-color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType .phoneTypeCon li {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType .phoneTypeCon li:hover {
    background-color: #4f4f4f
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput .mobileType .phoneTypeCon li.select:after {
    color: #00f0ff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item .LoginAccountInput input {
    border: 1px solid #606060
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item input {
    color: #fff;
    border-color: #606060;
    background-color: #3e3d3d;
    box-shadow: none
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .input-item input:focus {
    border-color: #00f0ff !important
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .singleInvite .manualCont .manualBtn {
    border-color: #4f4f4f
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchBtn .r-btn.dark {
    border: 1px solid #606060;
    background-color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchBtn .r-btn.dark i {
    color: #00f0ff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchBtn .r-btn.dark span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchBtn .r-btn.dark:hover {
    background-color: #606060;
    border-color: #606060
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTip p {
    color: #f0f0f0
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTip p:before {
    background-color: #f0f0f0
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .excel-import-tool span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid .excel-border,
.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td {
    border-color: #505050
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-red {
    color: #f5222d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-green {
    color: var(--bsy-base-color)
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td span {
    color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-label {
    display: block;
    color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-num {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-disable {
    color: #989898
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.last-child td {
    border-bottom: none
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover {
    background: #eee
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td span {
    color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-label {
    display: block;
    color: #3e3d3d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-num {
    display: none
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr td:nth-child(2) span {
    color: #f5222d
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr:first-of-type span {
    color: #fff
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-btn .BsyIconBtn {
    margin-right: 12px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-btn .BsyIconBtn:last-child {
    margin-right: 0
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-complete .r-btn,
.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .batchInvite .batchTable .invite-export .r-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    border-radius: 4px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list {
    border-bottom: 1px solid #606060
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label .label-info {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label .BsySwitchBtn {
    margin-top: 10px
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label.link.share {
    color: #f0f0f0;
    height: 34px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    display: flex
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .item {
    line-height: 34px;
    padding: 0 10px;
    border-left: 1px solid #d9d9d9
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .url {
    color: #666;
    background: #f2f2f2;
    border-left: none;
    flex: 1 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .copy,
.BsyAlertInviteUser .alertInviteUserContent .content.dark .dialog-body .invite-body .form-ref .ref-list .list-label.link.share .qr {
    cursor: pointer
}

.BsyAlertInviteUser.fadein {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
    position: fixed
}

.BsyAlertInviteUser.fadein .alertInviteUserContent {
    transform: translate(0)
}

.bby-msg-bubble .qrLink-pane {
    padding: 12px 0 20px;
    width: 260px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.bby-msg-bubble .qrLink-pane .qrCode-team-name {
    width: calc(100% - 40px);
    margin: 0 auto 14px;
    height: 24px;
    background: #f5f6f7;
    border-radius: 12px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bby-msg-bubble .qrLink-pane .qrCode-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 14px
}

.bby-msg-bubble .qrLink-pane .qrCode-msg {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-bottom: 12px;
    padding: 0 10px
}

.bby-msg-bubble .qrLink-pane .qrCode-img {
    width: 110px;
    height: 110px;
    border-radius: 6px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin-bottom: 16px
}

.bby-msg-bubble .qrLink-pane .qrCode-img img {
    width: 100%;
    height: 100%
}

.bby-msg-bubble .qrLink-pane .qrCode-downloading {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #0265ff;
    cursor: pointer
}

.bby-msg-bubble .qrLink-pane .qrCode-downloading:hover {
    opacity: .8
}

.bsy-x-slider .batchTable {
    width: 100%;
    height: 100%;
    background: #f5f7fa;
    padding: 20px 0
}

.bsy-x-slider .batchTable .invite-content {
    background-color: #fff;
    position: relative;
    width: 1166px;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-flow: column
}

.bsy-x-slider .batchTable .invite-content .excel-import-table {
    padding: 0;
    width: auto;
    height: auto;
    flex: 1 1
}

.bsy-x-slider .batchTable .invite-content .excel-import-tool span {
    margin-bottom: 10px;
    display: inline-block
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid .excel-border {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table {
    table-layout: fixed;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 6px
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td {
    max-width: 175px;
    min-width: 30px;
    padding: 7px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .row-label {
    display: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .widget-cell {
    text-align: center
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td span {
    display: block;
    overflow: hidden;
    text-overflow: clip;
    white-space: inherit
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label.style-red {
    color: #f04134
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label.style-green {
    color: #0265ff
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user {
    margin-bottom: 8px
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list {
    text-align: left
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 4px 4px 0
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item span {
    display: inline
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table thead tr {
    height: 40px
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr {
    line-height: 30px
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr td:last-child {
    border-right: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr:last-child td {
    border-bottom: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.row-head {
    background: #eee;
    font-weight: 700
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.row-head td span {
    color: #333
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-label {
    display: block
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-num {
    display: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.row-disable {
    color: #989898
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr.last-child td {
    border-bottom: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr:hover {
    background: #eee
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-label {
    display: block
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-num {
    display: none
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid .x-group .group_item {
    display: flex
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid .x-group .group_item.x-check .icon-blank {
    margin-top: 5px
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid.import tbody tr td:nth-child(2) span {
    color: #f5222d
}

.bsy-x-slider .batchTable .invite-content .react_excel_grid.import tbody tr:first-of-type span {
    color: #333
}

.bsy-x-slider .batchTable .invite-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.bsy-x-slider .batchTable .invite-btn .BsyIconBtn {
    margin-right: 12px
}

.bsy-x-slider .batchTable .invite-btn .BsyIconBtn:last-child {
    margin-right: 0
}

.bsy-x-slider .batchTable .invite-complete .r-btn,
.bsy-x-slider .batchTable .invite-export .r-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    border-radius: 4px
}

.bsy-tooltip-container .bsy-tooltip {
    padding: 8px 12px
}

.bsy-tooltip-container .bsy-tooltip .tooltip-content {
    font-size: 14px;
    font-weight: 500
}

.bsy-tooltip-container .bsy-tooltip:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    content: "";
    pointer-events: none
}

.bsy-tooltip-container .bsy-tooltip.tooltip-top {
    transform: translate(-50%, -100%)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-top:before {
    left: 50%;
    top: 100%;
    margin-top: -3px;
    margin-left: -3px;
    transform: rotate(-135deg)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-bottom {
    transform: translate(-50%, 100%)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-bottom:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: -3px;
    margin-left: -3px;
    transform: rotate(-135deg)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-left {
    transform: translate(-100%, -50%)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-left:before {
    left: 100%;
    margin-left: -3px;
    margin-top: -3px;
    transform: rotate(-135deg)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-right {
    transform: translate(100%, -50%)
}

.bsy-tooltip-container .bsy-tooltip.tooltip-right:before {
    right: 100%;
    margin-right: -3px;
    margin-top: -3px;
    transform: rotate(-135deg)
}

.bsy-tooltip-container .bsy-tooltip.default {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.bsy-tooltip-container .bsy-tooltip.default .tooltip-content {
    color: #333
}

.bsy-tooltip-container .bsy-tooltip.default:before {
    width: 0;
    height: 0;
    background: none;
    border: 4px solid transparent;
    transform: none
}

.bsy-tooltip-container .bsy-tooltip.default.tooltip-top:before {
    margin-top: 0;
    border-top-color: hsla(0, 0%, 100%, .7)
}

.bsy-tooltip-container .bsy-tooltip.default.tooltip-bottom:before {
    margin-bottom: 0;
    border-bottom-color: hsla(0, 0%, 100%, .7)
}

.bsy-tooltip-container .bsy-tooltip.default.tooltip-left:before {
    margin-left: 0;
    border-left-color: hsla(0, 0%, 100%, .7)
}

.bsy-tooltip-container .bsy-tooltip.default.tooltip-right:before {
    margin-right: 0;
    border-right-color: hsla(0, 0%, 100%, .7)
}

.bsy-tooltip-container .bsy-tooltip.dark {
    background: #000;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    border-radius: 4px
}

.bsy-tooltip-container .bsy-tooltip.dark .tooltip-content {
    color: #fff
}

.bsy-tooltip-container .bsy-tooltip.dark:before {
    width: 0;
    height: 0;
    background: none;
    border: 4px solid transparent;
    transform: none
}

.bsy-tooltip-container .bsy-tooltip.dark.tooltip-top:before {
    margin-top: 0;
    border-top-color: rgba(0, 0, 0, .7)
}

.bsy-tooltip-container .bsy-tooltip.dark.tooltip-bottom:before {
    margin-bottom: 0;
    border-bottom-color: rgba(0, 0, 0, .7)
}

.bsy-tooltip-container .bsy-tooltip.dark.tooltip-left:before {
    margin-left: 0;
    border-left-color: rgba(0, 0, 0, .7)
}

.bsy-tooltip-container .bsy-tooltip.dark.tooltip-right:before {
    margin-right: 0;
    border-right-color: rgba(0, 0, 0, .7)
}

.BsyAlertQYWorkConfig {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    transition: transform .3s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-header .title {
    font-size: 16px;
    color: #333
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-header i {
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #999
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-header i:hover {
    transform: rotate(90deg)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content {
    padding: 20px 100px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .DDGuide-url {
    font-size: 14px;
    color: #52c41b
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .DDGuide-url i {
    font-size: 16px;
    margin-right: 4px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .DDGuide-line {
    margin: 15px 0;
    border-bottom: 1px dashed #e0e0e0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-title span {
    font-size: 12px;
    color: #999
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont {
    margin-bottom: 24px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont:last-child {
    margin-bottom: 0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item {
    display: flex;
    margin-bottom: 10px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item:last-child {
    margin-bottom: 0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item .stepCont-title {
    width: 112px;
    height: 30px;
    line-height: 28px;
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-right: 6px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item .step-input {
    width: calc(100% - 118px)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item .stepTitle {
    font-size: 14px;
    color: #666;
    width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 40px;
    margin-bottom: 4px;
    text-align: right
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .step-cont .step-item .stepText {
    width: calc(100% - 150px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    font-size: 14px;
    height: auto;
    color: #333;
    border: none
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .editCorpId {
    margin-top: 30px;
    display: flex;
    justify-content: end
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .editCorpId .editBtn {
    padding: 0 20px;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 218ms;
    color: #fff;
    background-color: var(--bsy-base-color);
    border: 1px solid var(--bsy-base-color);
    font-size: 14px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .set-app .editCorpId .editBtn:hover {
    border-color: var(--bsy-base-hovercolor);
    background-color: var(--bsy-base-hovercolor)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .enterCorpId .step-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .enterCorpId .step-title span {
    font-size: 12px;
    color: #999
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-body .set-content .enterCorpId .corpid {
    padding-left: 10px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn {
    font-size: 14px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .enterCorpId .step-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .enterCorpId .step-title span {
    font-size: 12px;
    color: #999
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .enterCorpId .corpid {
    padding-left: 10px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer {
    position: absolute;
    bottom: 16px;
    width: 100%;
    display: flex;
    justify-content: end
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn {
    padding: 0 100px;
    display: flex
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn {
    padding: 0 20px;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #fff;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 218ms
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn.cancelBtn {
    color: #666;
    border-color: #e0e0e0;
    margin-right: 16px
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn.cancelBtn:hover {
    color: #333;
    background-color: #e0e0e0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn.okBtn {
    color: #fff;
    background-color: var(--bsy-base-color);
    border-color: var(--bsy-base-color)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content .dialog-footer .enterBtn .btn.okBtn:hover {
    border-color: var(--bsy-base-hovercolor);
    background-color: var(--bsy-base-hovercolor)
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark {
    background-color: #3e3d3d
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-header {
    border-color: #505050
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-header .title {
    color: #fff
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .DDGuide-url {
    color: #52c41b
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .DDGuide-line {
    border-color: #505050
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .set-app .step-title {
    color: #fff
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .set-app .step-title span {
    font-size: 12px;
    color: #f0f0f0
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .set-app .step-cont .step-item .stepCont-title {
    background: #f5f5f5;
    border: 1px solid #606060;
    color: #333
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .set-app .step-cont .step-item .stepTitle {
    color: #666
}

.BsyAlertQYWorkConfig .alertQYWorkConfigContent .content.dark .dialog-body .set-content .set-app .step-cont .step-item .stepText {
    color: #fff
}

.BsyAlertCorpCoopRolePane,
.BsyAlertListDetail {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent,
.BsyAlertListDetail .alertListDetailContent {
    height: 100%
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content,
.BsyAlertListDetail .alertListDetailContent .content {
    height: 100%;
    display: flex;
    flex-flow: column;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    animation: fadeInRightBig .3s;
    z-index: 20
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 20;
    margin: 20px 0 0;
    padding: 0 20px 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .avatar,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .avatar {
    margin-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: none
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .avatar img,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .avatar .table-user-portrait-name,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .avatar .table-user-portrait-name {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    overflow: hidden
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail {
    max-width: calc(100% - 115px)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .name,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .name {
    margin-bottom: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .name .tName,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .name .tName {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .name .category,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .name .category {
    background-color: #5366b5;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    flex: none;
    height: 22px;
    line-height: 20px;
    margin-left: 10px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .name .frozen,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .name .frozen {
    background-color: #46c26f;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    flex: none;
    height: 22px;
    line-height: 20px;
    margin-left: 10px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .name .frozen.not,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .name .frozen.not {
    background-color: #eb5050
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .headerDetail .account,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .headerDetail .account {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .alertClose,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .alertClose {
    position: absolute;
    top: -2px;
    right: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .alertClose i,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .alertClose i {
    display: block;
    font-size: 22px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #666
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertHeader .alertClose i:hover,
.BsyAlertListDetail .alertListDetailContent .content .alertHeader .alertClose i:hover {
    color: #333
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent,
.BsyAlertListDetail .alertListDetailContent .content .editContent {
    overflow-y: auto;
    flex: 1 1
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit {
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .editTitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .editTitle {
    background: #fff;
    padding-right: 20px;
    color: #666;
    padding-left: 10px;
    position: relative;
    font-size: 12px;
    margin-bottom: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .editTitle:before,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .editTitle:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 2px)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line {
    margin-bottom: 14px;
    padding: 0 12px 0 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line:last-child,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line:last-child {
    margin-bottom: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailTitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailTitle {
    padding: 0;
    background-color: initial;
    border: none;
    color: #666;
    font-size: 14px;
    display: inline-block
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont {
    flex: 1 1;
    height: 81px;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    padding: 4px 0 0 4px;
    margin-left: 10px;
    overflow-y: auto;
    border-radius: 2px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .select-empty,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .select-empty span:before,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .select-empty span:before {
    font-family: finex;
    content: "\e7e0";
    margin-right: 6px;
    font-size: 16px;
    color: #999
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont.select,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont.select {
    border-color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content {
    background: #f2f6ff;
    padding: 5px 10px;
    margin: 0 4px 4px 0;
    display: inline-flex;
    align-items: center;
    border-radius: 50px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content i {
    margin-right: 6px;
    font-size: 16px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.department,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.department {
    background: #ebf0ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.jobtitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.jobtitle {
    background: #ebfcff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.role,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content.role {
    background: #ecedff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-department,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-department {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-bsy-jobtitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-bsy-jobtitle {
    color: #2bc2e1
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-outsdier-defaut-group,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-outsdier-defaut-group {
    color: #4acc8c
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-role,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .departmentCont .item-content .icon-role {
    color: #6f81bd
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailText,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailText {
    color: #4d609f;
    font-size: 14px;
    flex: 1 1;
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus {
    padding: 8px 10px;
    background-color: #fffcf0;
    margin-top: 6px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .statusTip,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .statusTip {
    color: #999;
    font-size: 12px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .sendVer,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .sendVer {
    cursor: pointer;
    font-size: 12px;
    margin-left: 6px;
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .sendVer:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .notEdit .detailCont .line .detailStatus .sendVer:hover {
    opacity: .8
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit {
    padding-top: 20px;
    padding-bottom: 30px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .editTitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .editTitle {
    background: #fff;
    padding-right: 20px;
    color: #666;
    padding-left: 10px;
    position: relative;
    font-size: 12px;
    margin-bottom: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .editTitle:before,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .editTitle:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 2px)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line {
    margin-bottom: 20px;
    padding: 0 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line:last-child,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line:last-child {
    margin-bottom: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line.relation,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line.relation {
    padding: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line.relation .detailTitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line.relation .detailTitle {
    padding: 0 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 12px 0 20px;
    position: relative
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem:hover {
    background: #eee;
    padding-right: 48px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem:hover .removeRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem:hover .removeRelationUser {
    display: block
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation {
    width: 110px;
    height: 34px;
    border-radius: 4px 0 0 4px;
    position: relative;
    padding-right: 34px;
    line-height: 32px;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    border: 1px solid #e0e0e0;
    border-right: none;
    flex: none
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation span,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation span {
    font-size: 14px;
    color: #333
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation i {
    font-size: 16px;
    color: #999;
    position: absolute;
    right: 10px;
    top: calc(50% - 16px)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation i.selectRelationOpen,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation i.selectRelationOpen {
    transform: rotate(-180deg)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation:hover i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .selectRelation:hover i {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser {
    height: 34px;
    border-radius: 0 4px 4px 0;
    border: 1px solid #e0e0e0;
    padding-left: 10px;
    flex: 1 1;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content {
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    background: #f7ebff;
    border-radius: 50px;
    white-space: nowrap
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .avatar,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .avatar {
    margin-right: 6px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content i {
    margin-right: 6px;
    font-size: 16px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content img,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-department,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-department {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-bsy-jobtitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-bsy-jobtitle {
    color: #2bc2e1
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-outsdier-defaut-group,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-outsdier-defaut-group {
    color: #4acc8c
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-role,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .item-content .icon-role {
    color: #6f81bd
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .empty-msg,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .addRelationUser .empty-msg {
    line-height: 32px;
    font-size: 14px;
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser {
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: none
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser i {
    color: #6f829e;
    font-size: 16px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser:hover i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem .removeRelationUser:hover i {
    color: #ff5631
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit .addRelationUser,
.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit .selectRelation,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit .addRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit .selectRelation {
    cursor: default;
    background-color: #f5f6f7
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover {
    background: #fff;
    padding-right: 12px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .removeRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .removeRelationUser {
    display: none
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .addRelationUser,
.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .selectRelation,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .addRelationUser,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .relationCont .relationItem.noEdit:hover .selectRelation {
    cursor: default;
    background-color: #f5f6f7
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-top: 6px;
    margin-left: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation span,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation span {
    font-size: 14px;
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .addRelation:hover {
    opacity: .8
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailText,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailText {
    color: #999;
    font-size: 14px;
    flex: 1 1;
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    margin-top: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .statusTip,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .statusTip {
    color: #999;
    font-size: 12px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .sendVer,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .sendVer {
    cursor: pointer;
    font-size: 12px;
    margin-left: 6px;
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .sendVer:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailStatus .sendVer:hover {
    opacity: .8
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailTitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailTitle {
    padding: 0;
    background-color: initial;
    border: none;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin-bottom: 8px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailTitle .req,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .detailTitle .req {
    color: #ff5631;
    font-weight: 400
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect {
    flex: 1 1
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect .showText,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect .showText {
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect input,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .BsySelect input {
    margin-left: 0 !important
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line>input,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line>input {
    border-color: #e0e0e0;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    flex: 1 1;
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput {
    margin-bottom: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput.phone,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput.phone {
    z-index: 2
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .mobileType,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .mobileType {
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .mobileType .phoneTypeCon,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .mobileType .phoneTypeCon {
    left: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput input,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0 0 0 10px;
    height: 34px;
    line-height: 34px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput.phone input,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput.phone input {
    padding: 0 0 0 6.375rem
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .icon-dingding-guide-close,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .LoginAccountInput .icon-dingding-guide-close {
    display: none
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .select-outsider-group,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .select-outsider-group {
    background: #fff;
    height: 40px;
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
    overflow: auto;
    transition: all .3s;
    flex: 1 1;
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .select-outsider-group .select-item,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .select-outsider-group .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #f2f2f2
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont {
    flex: 1 1;
    height: 81px;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    padding: 4px 0 0 4px;
    overflow-y: auto;
    border-radius: 2px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .select-empty,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .select-empty span:before,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .select-empty span:before {
    font-family: finex;
    content: "\e7e0";
    margin-right: 6px;
    font-size: 16px;
    color: #999
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont.select,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont.select {
    border-color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content {
    background: #f2f6ff;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 0 4px 4px 0;
    display: inline-flex;
    align-items: center
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content i {
    margin-right: 6px;
    font-size: 16px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.department,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.department {
    background: #ebf0ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.jobtitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.jobtitle {
    background: #ebfcff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.role,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content.role {
    background: #ecedff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-department,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-department {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-bsy-jobtitle,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-bsy-jobtitle {
    color: #2bc2e1
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-outsdier-defaut-group,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-outsdier-defaut-group {
    color: #4acc8c
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-role,
.BsyAlertListDetail .alertListDetailContent .content .editContent .canEdit .detailCont .line .departmentCont .item-content .icon-role {
    color: #6f81bd
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block:last-child,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block:last-child {
    border-bottom: 1px solid transparent
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .show-qr,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .show-qr {
    position: absolute;
    top: 65px;
    right: 0;
    width: 112px;
    height: 112px;
    box-shadow: -2px 0 14px 0 rgba(2, 101, 255, .1);
    padding: 5px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body {
    position: relative
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .icon-shixinhelp,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .icon-shixinhelp {
    margin-left: 6px;
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .fui_datetime .fui_trigger-btn,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .fui_datetime .fui_trigger-btn {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.reset-qr,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.reset-qr {
    text-align: center;
    margin: auto
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn {
    width: 98px;
    height: 34px;
    padding: 0;
    text-align: center;
    line-height: 32px;
    background-color: #0265ff;
    border-radius: 2px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn .btnCont,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn .btnCont {
    justify-content: center
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.reset-qr .BsyIconBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .BsySwitchBtn,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .BsySwitchBtn {
    position: absolute;
    top: 0;
    right: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .row-title.warning,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .row-title.warning {
    color: #ff5631
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .row-tip,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .row-tip {
    font-size: 12px;
    color: #666
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.prefix:before,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.prefix:before {
    content: " ";
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    height: 14px;
    width: 4px;
    background: linear-gradient(180deg, #059eff, #0265ff);
    border-radius: 4px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body.prefix .row-title,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body.prefix .row-title {
    font-weight: 700;
    margin-left: 10px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .x-radio,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .x-radio {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-right: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .x-radio.select i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .x-radio.select i {
    color: #0265ff !important
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .x-radio:hover i,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .x-radio:hover i {
    color: #0265ff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .row-qr-down span,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .row-qr-down span {
    display: inline-block;
    width: 100px;
    margin-right: 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .row-qr-down .icon-qrcode,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .row-qr-down .icon-qrcode {
    color: #0265ff;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    border-radius: 2px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .row-qr-down .icon-qrcode:hover,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .row-qr-down .icon-qrcode:hover {
    background-color: rgba(2, 101, 255, .1)
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .show-time,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .show-time {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 14px;
    text-align: right;
    font-weight: 700
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .show-time .days,
.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .show-time .hours,
.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .show-time .minute,
.BsyAlertCorpCoopRolePane .alertListDetailContent .content .editContent .block .block-body .show-time .second,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .show-time .days,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .show-time .hours,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .show-time .minute,
.BsyAlertListDetail .alertListDetailContent .content .editContent .block .block-body .show-time .second {
    font-size: 24px;
    color: #ff9921;
    margin-left: 6px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertFooter,
.BsyAlertListDetail .alertListDetailContent .content .alertFooter {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #e0e0e0;
    padding: 14px 20px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertFooter .BsyIconBtn,
.BsyAlertListDetail .alertListDetailContent .content .alertFooter .BsyIconBtn {
    margin-right: 12px
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content .alertFooter .BsyIconBtn:last-child,
.BsyAlertListDetail .alertListDetailContent .content .alertFooter .BsyIconBtn:last-child {
    margin-right: 0
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark,
.BsyAlertListDetail .alertListDetailContent .content.dark {
    background-color: #3e3d3d
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .alertHeader,
.BsyAlertListDetail .alertListDetailContent .content.dark .alertHeader {
    border-color: #606060;
    background-color: #3e3d3d
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .alertHeader .headerDetail .name,
.BsyAlertListDetail .alertListDetailContent .content.dark .alertHeader .headerDetail .name {
    color: #fff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .notEdit,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .notEdit {
    border-color: #606060
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .notEdit .editTitle,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .notEdit .editTitle {
    background-color: #3e3d3d
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .notEdit .detailCont .line .detailTitle,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .notEdit .detailCont .line .detailTitle {
    color: #666
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .notEdit .detailCont .line .detailText,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .notEdit .detailCont .line .detailText {
    color: #999
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .canEdit .editTitle,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .canEdit .editTitle {
    background-color: #3e3d3d;
    color: #c3c3c3
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line .detailTitle,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line .detailTitle {
    color: #666
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line input,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line input {
    border-color: #606060;
    background-color: #3e3d3d;
    box-shadow: none;
    color: #fff
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line input:focus,
.BsyAlertListDetail .alertListDetailContent .content.dark .editContent .canEdit .detailCont .line input:focus {
    border-color: #00c3ce !important
}

.BsyAlertCorpCoopRolePane .alertListDetailContent .content.dark .alertFooter,
.BsyAlertListDetail .alertListDetailContent .content.dark .alertFooter {
    background-color: #3e3d3d;
    border-color: #606060
}

.select-app {
    position: relative
}

.select-app .app-info {
    height: 30px;
    line-height: 30px
}

.select-app .app-info i {
    margin-right: 6px
}

.select-app .app-info .icon-bsy-aggregate_table,
.select-app .app-info .icon-bsy-etl_table,
.select-app .app-info .icon-bsy-form {
    color: #0265ff
}

.select-app .app-info .icon-bsy-form-flow {
    color: #f60 !important
}

.select-app .app-info .icon-bsy-dash {
    color: #52c41a !important
}

.select-app .select-btn {
    width: 68px;
    height: 30px;
    background: #fff;
    border-radius: 4px;
    color: #0265ff;
    border: 1px solid #0265ff;
    text-align: center;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.select-app .select-btn:hover {
    background: rgba(2, 101, 255, .1)
}

.Bsy-app-form {
    display: flex;
    height: calc(100% - 32px);
    margin: 16px;
    border-radius: 4px;
    border: 1px solid #e0e0e0
}

.Bsy-app-form .content-wrapper {
    position: relative;
    display: inline-block;
    border-right: 1px solid #e0e0e0;
    vertical-align: top;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.Bsy-app-form .content-wrapper.right {
    border-right: none
}

.Bsy-app-form .content-wrapper .app-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e0e0e0
}

.Bsy-app-form .content-wrapper .app-list {
    text-align: center;
    height: calc(100% - 52px);
    overflow: auto
}

.Bsy-app-form .content-wrapper .app-list .item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    display: flex
}

.Bsy-app-form .content-wrapper .app-list .item .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.Bsy-app-form .content-wrapper .app-list .item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Bsy-app-form .content-wrapper .app-list .item.select {
    background: rgba(2, 101, 255, .1)
}

.Bsy-app-form .content-wrapper .form-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e0e0e0
}

.Bsy-app-form .content-wrapper .form-list {
    text-align: center;
    height: calc(100% - 52px);
    overflow: auto
}

.Bsy-app-form .content-wrapper .form-list .formEmptyCont {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.Bsy-app-form .content-wrapper .form-list .formEmptyCont .formEmptyText {
    color: #999;
    font-size: 12px
}

.Bsy-app-form .content-wrapper .form-list .item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    text-align: left
}

.Bsy-app-form .content-wrapper .form-list .item.group {
    height: auto !important
}

.Bsy-app-form .content-wrapper .form-list .item.select {
    background: rgba(2, 101, 255, .1)
}

.Bsy-app-form .content-wrapper .form-list .item i {
    margin-right: 6px;
    line-height: 16px;
    font-size: 16px
}

.Bsy-app-form .content-wrapper .form-list .item .icon-bsy-aggregate_table,
.Bsy-app-form .content-wrapper .form-list .item .icon-bsy-etl_table,
.Bsy-app-form .content-wrapper .form-list .item .icon-bsy-form {
    color: #0265ff
}

.Bsy-app-form .content-wrapper .form-list .item .icon-bsy-form-flow {
    color: #f60 !important
}

.Bsy-app-form .content-wrapper .form-list .item .icon-bsy-dash {
    color: #52c41a !important
}

.Bsy-app-form .content-wrapper .form-list .item .item-group i {
    color: #0265ff
}

.Bsy-app-form .content-wrapper .form-list .item .item-group-form-list .item {
    padding: 0 10px 0 20px
}

.csp-0 {
    padding-left: 10px !important
}

.csp-0 .icon-corp-label,
.csp-0 .icon-dept-title {
    background: transparent
}

.csp-0 .icon-bsy-iconqiyeshezhi,
.csp-0 .icon-corp-label,
.csp-0 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-0 .icon-tree-collapse,
.csp-0 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-0 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-0 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-1 {
    padding-left: 30px !important
}

.csp-1 .icon-corp-label,
.csp-1 .icon-dept-title {
    background: transparent
}

.csp-1 .icon-bsy-iconqiyeshezhi,
.csp-1 .icon-corp-label,
.csp-1 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-1 .icon-tree-collapse,
.csp-1 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-1 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-1 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-2 {
    padding-left: 50px !important
}

.csp-2 .icon-corp-label,
.csp-2 .icon-dept-title {
    background: transparent
}

.csp-2 .icon-bsy-iconqiyeshezhi,
.csp-2 .icon-corp-label,
.csp-2 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-2 .icon-tree-collapse,
.csp-2 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-2 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-2 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-3 {
    padding-left: 70px !important
}

.csp-3 .icon-corp-label,
.csp-3 .icon-dept-title {
    background: transparent
}

.csp-3 .icon-bsy-iconqiyeshezhi,
.csp-3 .icon-corp-label,
.csp-3 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-3 .icon-tree-collapse,
.csp-3 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-3 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-3 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-4 {
    padding-left: 90px !important
}

.csp-4 .icon-corp-label,
.csp-4 .icon-dept-title {
    background: transparent
}

.csp-4 .icon-bsy-iconqiyeshezhi,
.csp-4 .icon-corp-label,
.csp-4 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-4 .icon-tree-collapse,
.csp-4 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-4 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-4 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-5 {
    padding-left: 110px !important
}

.csp-5 .icon-corp-label,
.csp-5 .icon-dept-title {
    background: transparent
}

.csp-5 .icon-bsy-iconqiyeshezhi,
.csp-5 .icon-corp-label,
.csp-5 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-5 .icon-tree-collapse,
.csp-5 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-5 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-5 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-6 {
    padding-left: 130px !important
}

.csp-6 .icon-corp-label,
.csp-6 .icon-dept-title {
    background: transparent
}

.csp-6 .icon-bsy-iconqiyeshezhi,
.csp-6 .icon-corp-label,
.csp-6 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-6 .icon-tree-collapse,
.csp-6 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-6 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-6 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-7 {
    padding-left: 150px !important
}

.csp-7 .icon-corp-label,
.csp-7 .icon-dept-title {
    background: transparent
}

.csp-7 .icon-bsy-iconqiyeshezhi,
.csp-7 .icon-corp-label,
.csp-7 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-7 .icon-tree-collapse,
.csp-7 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-7 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-7 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-8 {
    padding-left: 170px !important
}

.csp-8 .icon-corp-label,
.csp-8 .icon-dept-title {
    background: transparent
}

.csp-8 .icon-bsy-iconqiyeshezhi,
.csp-8 .icon-corp-label,
.csp-8 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-8 .icon-tree-collapse,
.csp-8 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-8 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-8 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-9 {
    padding-left: 190px !important
}

.csp-9 .icon-corp-label,
.csp-9 .icon-dept-title {
    background: transparent
}

.csp-9 .icon-bsy-iconqiyeshezhi,
.csp-9 .icon-corp-label,
.csp-9 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-9 .icon-tree-collapse,
.csp-9 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-9 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-9 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-10 {
    padding-left: 210px !important
}

.csp-10 .icon-corp-label,
.csp-10 .icon-dept-title {
    background: transparent
}

.csp-10 .icon-bsy-iconqiyeshezhi,
.csp-10 .icon-corp-label,
.csp-10 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-10 .icon-tree-collapse,
.csp-10 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-10 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-10 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-11 {
    padding-left: 230px !important
}

.csp-11 .icon-corp-label,
.csp-11 .icon-dept-title {
    background: transparent
}

.csp-11 .icon-bsy-iconqiyeshezhi,
.csp-11 .icon-corp-label,
.csp-11 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-11 .icon-tree-collapse,
.csp-11 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-11 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-11 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-12 {
    padding-left: 250px !important
}

.csp-12 .icon-corp-label,
.csp-12 .icon-dept-title {
    background: transparent
}

.csp-12 .icon-bsy-iconqiyeshezhi,
.csp-12 .icon-corp-label,
.csp-12 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-12 .icon-tree-collapse,
.csp-12 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-12 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-12 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-13 {
    padding-left: 270px !important
}

.csp-13 .icon-corp-label,
.csp-13 .icon-dept-title {
    background: transparent
}

.csp-13 .icon-bsy-iconqiyeshezhi,
.csp-13 .icon-corp-label,
.csp-13 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-13 .icon-tree-collapse,
.csp-13 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-13 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-13 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-14 {
    padding-left: 290px !important
}

.csp-14 .icon-corp-label,
.csp-14 .icon-dept-title {
    background: transparent
}

.csp-14 .icon-bsy-iconqiyeshezhi,
.csp-14 .icon-corp-label,
.csp-14 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-14 .icon-tree-collapse,
.csp-14 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-14 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-14 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-15 {
    padding-left: 310px !important
}

.csp-15 .icon-corp-label,
.csp-15 .icon-dept-title {
    background: transparent
}

.csp-15 .icon-bsy-iconqiyeshezhi,
.csp-15 .icon-corp-label,
.csp-15 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-15 .icon-tree-collapse,
.csp-15 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-15 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-15 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-16 {
    padding-left: 330px !important
}

.csp-16 .icon-corp-label,
.csp-16 .icon-dept-title {
    background: transparent
}

.csp-16 .icon-bsy-iconqiyeshezhi,
.csp-16 .icon-corp-label,
.csp-16 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-16 .icon-tree-collapse,
.csp-16 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-16 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-16 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-17 {
    padding-left: 350px !important
}

.csp-17 .icon-corp-label,
.csp-17 .icon-dept-title {
    background: transparent
}

.csp-17 .icon-bsy-iconqiyeshezhi,
.csp-17 .icon-corp-label,
.csp-17 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-17 .icon-tree-collapse,
.csp-17 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-17 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-17 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-18 {
    padding-left: 370px !important
}

.csp-18 .icon-corp-label,
.csp-18 .icon-dept-title {
    background: transparent
}

.csp-18 .icon-bsy-iconqiyeshezhi,
.csp-18 .icon-corp-label,
.csp-18 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-18 .icon-tree-collapse,
.csp-18 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-18 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-18 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-19 {
    padding-left: 390px !important
}

.csp-19 .icon-corp-label,
.csp-19 .icon-dept-title {
    background: transparent
}

.csp-19 .icon-bsy-iconqiyeshezhi,
.csp-19 .icon-corp-label,
.csp-19 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-19 .icon-tree-collapse,
.csp-19 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-19 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-19 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-20 {
    padding-left: 410px !important
}

.csp-20 .icon-corp-label,
.csp-20 .icon-dept-title {
    background: transparent
}

.csp-20 .icon-bsy-iconqiyeshezhi,
.csp-20 .icon-corp-label,
.csp-20 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-20 .icon-tree-collapse,
.csp-20 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-20 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-20 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-21 {
    padding-left: 430px !important
}

.csp-21 .icon-corp-label,
.csp-21 .icon-dept-title {
    background: transparent
}

.csp-21 .icon-bsy-iconqiyeshezhi,
.csp-21 .icon-corp-label,
.csp-21 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-21 .icon-tree-collapse,
.csp-21 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-21 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-21 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-22 {
    padding-left: 450px !important
}

.csp-22 .icon-corp-label,
.csp-22 .icon-dept-title {
    background: transparent
}

.csp-22 .icon-bsy-iconqiyeshezhi,
.csp-22 .icon-corp-label,
.csp-22 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-22 .icon-tree-collapse,
.csp-22 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-22 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-22 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-23 {
    padding-left: 470px !important
}

.csp-23 .icon-corp-label,
.csp-23 .icon-dept-title {
    background: transparent
}

.csp-23 .icon-bsy-iconqiyeshezhi,
.csp-23 .icon-corp-label,
.csp-23 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-23 .icon-tree-collapse,
.csp-23 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-23 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-23 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-24 {
    padding-left: 490px !important
}

.csp-24 .icon-corp-label,
.csp-24 .icon-dept-title {
    background: transparent
}

.csp-24 .icon-bsy-iconqiyeshezhi,
.csp-24 .icon-corp-label,
.csp-24 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-24 .icon-tree-collapse,
.csp-24 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-24 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-24 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-25 {
    padding-left: 510px !important
}

.csp-25 .icon-corp-label,
.csp-25 .icon-dept-title {
    background: transparent
}

.csp-25 .icon-bsy-iconqiyeshezhi,
.csp-25 .icon-corp-label,
.csp-25 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-25 .icon-tree-collapse,
.csp-25 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-25 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-25 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-26 {
    padding-left: 530px !important
}

.csp-26 .icon-corp-label,
.csp-26 .icon-dept-title {
    background: transparent
}

.csp-26 .icon-bsy-iconqiyeshezhi,
.csp-26 .icon-corp-label,
.csp-26 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-26 .icon-tree-collapse,
.csp-26 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-26 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-26 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-27 {
    padding-left: 550px !important
}

.csp-27 .icon-corp-label,
.csp-27 .icon-dept-title {
    background: transparent
}

.csp-27 .icon-bsy-iconqiyeshezhi,
.csp-27 .icon-corp-label,
.csp-27 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-27 .icon-tree-collapse,
.csp-27 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-27 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-27 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-28 {
    padding-left: 570px !important
}

.csp-28 .icon-corp-label,
.csp-28 .icon-dept-title {
    background: transparent
}

.csp-28 .icon-bsy-iconqiyeshezhi,
.csp-28 .icon-corp-label,
.csp-28 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-28 .icon-tree-collapse,
.csp-28 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-28 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-28 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-29 {
    padding-left: 590px !important
}

.csp-29 .icon-corp-label,
.csp-29 .icon-dept-title {
    background: transparent
}

.csp-29 .icon-bsy-iconqiyeshezhi,
.csp-29 .icon-corp-label,
.csp-29 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-29 .icon-tree-collapse,
.csp-29 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-29 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-29 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-30 {
    padding-left: 610px !important
}

.csp-30 .icon-corp-label,
.csp-30 .icon-dept-title {
    background: transparent
}

.csp-30 .icon-bsy-iconqiyeshezhi,
.csp-30 .icon-corp-label,
.csp-30 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-30 .icon-tree-collapse,
.csp-30 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-30 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-30 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-31 {
    padding-left: 630px !important
}

.csp-31 .icon-corp-label,
.csp-31 .icon-dept-title {
    background: transparent
}

.csp-31 .icon-bsy-iconqiyeshezhi,
.csp-31 .icon-corp-label,
.csp-31 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-31 .icon-tree-collapse,
.csp-31 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-31 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-31 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-32 {
    padding-left: 650px !important
}

.csp-32 .icon-corp-label,
.csp-32 .icon-dept-title {
    background: transparent
}

.csp-32 .icon-bsy-iconqiyeshezhi,
.csp-32 .icon-corp-label,
.csp-32 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-32 .icon-tree-collapse,
.csp-32 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-32 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-32 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-33 {
    padding-left: 670px !important
}

.csp-33 .icon-corp-label,
.csp-33 .icon-dept-title {
    background: transparent
}

.csp-33 .icon-bsy-iconqiyeshezhi,
.csp-33 .icon-corp-label,
.csp-33 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-33 .icon-tree-collapse,
.csp-33 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-33 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-33 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-34 {
    padding-left: 690px !important
}

.csp-34 .icon-corp-label,
.csp-34 .icon-dept-title {
    background: transparent
}

.csp-34 .icon-bsy-iconqiyeshezhi,
.csp-34 .icon-corp-label,
.csp-34 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-34 .icon-tree-collapse,
.csp-34 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-34 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-34 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-35 {
    padding-left: 710px !important
}

.csp-35 .icon-corp-label,
.csp-35 .icon-dept-title {
    background: transparent
}

.csp-35 .icon-bsy-iconqiyeshezhi,
.csp-35 .icon-corp-label,
.csp-35 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-35 .icon-tree-collapse,
.csp-35 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-35 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-35 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-36 {
    padding-left: 730px !important
}

.csp-36 .icon-corp-label,
.csp-36 .icon-dept-title {
    background: transparent
}

.csp-36 .icon-bsy-iconqiyeshezhi,
.csp-36 .icon-corp-label,
.csp-36 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-36 .icon-tree-collapse,
.csp-36 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-36 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-36 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-37 {
    padding-left: 750px !important
}

.csp-37 .icon-corp-label,
.csp-37 .icon-dept-title {
    background: transparent
}

.csp-37 .icon-bsy-iconqiyeshezhi,
.csp-37 .icon-corp-label,
.csp-37 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-37 .icon-tree-collapse,
.csp-37 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-37 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-37 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-38 {
    padding-left: 770px !important
}

.csp-38 .icon-corp-label,
.csp-38 .icon-dept-title {
    background: transparent
}

.csp-38 .icon-bsy-iconqiyeshezhi,
.csp-38 .icon-corp-label,
.csp-38 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-38 .icon-tree-collapse,
.csp-38 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-38 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-38 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.csp-39 {
    padding-left: 790px !important
}

.csp-39 .icon-corp-label,
.csp-39 .icon-dept-title {
    background: transparent
}

.csp-39 .icon-bsy-iconqiyeshezhi,
.csp-39 .icon-corp-label,
.csp-39 .icon-dept-title {
    margin-right: 5px;
    color: var(--bsy-base-color) !important;
    border-radius: 50%;
    font-size: 16px
}

.csp-39 .icon-tree-collapse,
.csp-39 .icon-tree-expand {
    margin-right: 5px;
    color: #666 !important
}

.csp-39 .blank {
    width: 14px;
    margin-left: 5px
}

.csp-39 .corpTip {
    color: #999;
    font-size: 14px;
    margin-left: 2px;
    font-style: normal
}

.bsy-dept-select-pane {
    position: relative;
    height: 100%;
    overflow: auto;
    color: #333
}

.bsy-dept-select-pane .item {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: .75rem;
    padding-right: 15px;
    cursor: pointer;
    transition: all .2s;
    position: relative
}

.bsy-dept-select-pane .item.select,
.bsy-dept-select-pane .item:hover {
    background: var(--bsy-base-bgcolor)
}

.bsy-dept-select-pane .item.select span {
    color: var(--bsy-base-color)
}

.bsy-dept-jobtitle-select {
    position: relative;
    margin: 10px;
    height: calc(100% - 20px)
}

.bsy-dept-jobtitle-select .select-list {
    height: 80px;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    overflow: auto;
    color: #333;
    border-radius: 6px
}

.bsy-dept-jobtitle-select .select-list li {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    background: #ebfcff;
    border-radius: 15px
}

.bsy-dept-jobtitle-select .select-list li .icon-bsy-jobtitle {
    color: #2bc2e1;
    font-size: 16px
}

.bsy-dept-jobtitle-select .select-list li .remove-btn {
    cursor: pointer;
    color: #999
}

.bsy-dept-jobtitle-select .select-list li .remove-btn:hover {
    color: #ff5631
}

.bsy-dept-jobtitle-select .select-pane {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    position: absolute;
    top: 100px;
    left: 0;
    bottom: 10px;
    right: 0
}

.bsy-dept-jobtitle-select .select-pane .dept-pane {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    border-right: 1px solid #e0e0e0;
    overflow: auto
}

.bsy-dept-jobtitle-select .select-pane .dept-pane li {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px;
    padding: 0 17px !important
}

.bsy-dept-jobtitle-select .select-pane .dept-pane li:hover {
    background-color: var(--bsy-base-bgcolor)
}

.bsy-dept-jobtitle-select .select-pane .dept-pane li.select {
    background-color: var(--bsy-base-bgcolor);
    color: var(--bsy-base-color)
}

.bsy-dept-jobtitle-select .select-pane .dept-pane .dept-title {
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    padding: 0 10px
}

.bsy-dept-jobtitle-select .select-pane .dept-pane .bsy-dept-select-pane {
    height: auto
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane {
    position: absolute;
    right: 0;
    left: 50%;
    top: 0;
    bottom: 0
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .dept-jobtitle-pane-inner {
    height: calc(100% - 30px);
    overflow: auto
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .dept-jobtitle-pane-inner .job-title-list-li .icon-bsy-check2 {
    position: absolute;
    right: 0;
    color: #9da2b2
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .no-permission {
    color: #aaa;
    padding: 0 10px
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .add-jobtitle {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: var(--bsy-base-color);
    cursor: pointer;
    border-top: 1px solid #e0e0e0
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .add-jobtitle:before {
    font-family: finex;
    content: "\e7e0";
    margin-right: 6px;
    color: #0265ff;
    font-size: 16px;
    vertical-align: bottom
}

.bsy-dept-jobtitle-select .select-pane .dept-jobtitle-pane .add-jobtitle:hover {
    opacity: .8
}

.add-jobtitle-name {
    margin: 12px 20px 20px
}

.add-jobtitle-name .add-jobtitle-tip {
    font-size: 12px;
    color: #4d609f
}

.create-relation-pane {
    height: 100%;
    padding: 12px 0 81px;
    position: relative
}

.create-relation-pane .createRelationBtn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
    padding: 0 20px
}

.create-relation-pane .createRelationBtn:hover {
    opacity: .8
}

.create-relation-pane .createRelationBtn i {
    color: #0265ff;
    font-size: 16px;
    margin-right: 6px
}

.create-relation-pane .createRelationBtn span {
    color: #0265ff;
    font-size: 14px
}

.create-relation-pane .relation-list {
    padding: 0 12px 0 20px;
    height: calc(100% - 40px)
}

.create-relation-pane .relation-list .relation-table {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.create-relation-pane .relation-list .relation-table .list-header {
    width: calc(100% - 8px);
    background: #f5f6f7;
    position: relative;
    z-index: 1
}

.create-relation-pane .relation-list .relation-table .list-header .header-tr {
    display: flex;
    align-items: center
}

.create-relation-pane .relation-list .relation-table .list-header .header-tr .header-td {
    width: 65%;
    line-height: 36px;
    height: 36px;
    background: #f5f6f7;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding-left: 20px
}

.create-relation-pane .relation-list .relation-table .list-header .header-tr .header-td:last-child {
    width: 35%;
    border-right: none
}

.create-relation-pane .relation-list .relation-table .list-body {
    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 36px
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr {
    display: flex;
    align-items: center
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr:hover .body-td {
    background-color: #f5f6f7
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td {
    display: flex;
    align-items: center;
    width: 65%;
    height: 38px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding-left: 20px;
    background-color: #fff
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td:first-child {
    padding-left: 10px
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td.edit input {
    padding-left: 9px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td input {
    height: 34px;
    font-size: 14px;
    color: #333;
    border: none;
    padding-left: 10px;
    background: transparent;
    width: 180px
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn {
    margin-right: 20px;
    cursor: pointer
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn.edit {
    color: #333;
    font-size: 14px
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn.del {
    font-size: 16px;
    color: #6f829e
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn.move {
    font-size: 16px;
    color: #999;
    cursor: move
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn:hover.edit {
    color: #0265ff
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn:hover.del {
    color: #ff5631
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation .operationBtn:hover.move {
    color: #0265ff
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation.noOperate .operationBtn.del,
.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td .operation.noOperate .operationBtn.edit {
    cursor: not-allowed
}

.create-relation-pane .relation-list .relation-table .list-body .body-tr .body-td:last-child {
    width: 35%;
    border-right: none
}

.create-relation-pane .relation-list .relation-table .list-body.hasMore .body-tr:last-child .body-td {
    border-bottom: none
}

.create-relation-pane .relation-footer {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.create-relation-pane .relation-footer .footer-left-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 0 20px
}

.create-relation-pane .relation-footer .footer-left-btn:hover {
    opacity: .8
}

.create-relation-pane .relation-footer .footer-left-btn i {
    color: #0265ff;
    font-size: 16px;
    margin-right: 6px
}

.create-relation-pane .relation-footer .footer-left-btn span {
    color: #0265ff;
    font-size: 14px
}

.create-relation-pane .relation-footer .footer-btn {
    padding: 16px 20px
}

.create-relation-pane .relation-footer .footer-btn .footerBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 19px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px
}

.create-relation-pane .relation-footer .footer-btn .footerBtn.cancel {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #333
}

.create-relation-pane .relation-footer .footer-btn .footerBtn.cancel:hover {
    background-color: #e0e0e0
}

.create-relation-pane .relation-footer .footer-btn .footerBtn.save {
    background-color: #0265ff;
    color: #fff;
    margin-right: 0
}

.create-relation-pane .relation-footer .footer-btn .footerBtn.save:hover {
    opacity: .8
}

.BsyAlertHandover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    transition: opacity .15s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0
}

.BsyAlertHandover .alertHandoverContent {
    height: 100%;
    display: flex;
    align-items: center
}

.BsyAlertHandover .alertHandoverContent .content {
    overflow: hidden;
    border-radius: 8px;
    transition: transform .3s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.BsyAlertHandover .alertHandoverContent .content .dialog-header {
    justify-content: space-between;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex: none;
    align-items: center
}

.BsyAlertHandover .alertHandoverContent .content .dialog-header .title {
    font-size: 16px;
    color: #333
}

.BsyAlertHandover .alertHandoverContent .content .dialog-header i {
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #999
}

.BsyAlertHandover .alertHandoverContent .content .dialog-header i:hover {
    transform: rotate(90deg)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body {
    padding: 0 20px 20px;
    display: flex;
    flex: auto;
    overflow: auto;
    flex-direction: column;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate {
    display: flex;
    flex-flow: column;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-header {
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex: none;
    letter-spacing: .86px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-header .headerTip {
    font-size: 16px;
    color: #333
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-header .headerTip span {
    color: #4d609f;
    margin-right: 8px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-header .handoverBtn {
    width: 82px;
    height: 32px;
    background-color: var(--bsy-base-color);
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: .68px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-header .handoverBtn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body {
    justify-content: space-between;
    margin-top: 16px;
    display: flex;
    flex: auto;
    overflow: auto;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu {
    width: 200px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding-bottom: 20px;
    overflow: auto
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item {
    display: flex;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 20px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.title {
    position: relative
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.title:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background-color: #e0e0e0
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.title:hover {
    background: transparent
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check {
    margin-right: 10px;
    outline: 0;
    display: flex;
    align-items: center
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label,
.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon {
    outline: 0
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i {
    font-size: 14px;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i:hover {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label.disabled .check-icon i {
    cursor: default;
    background-color: #f0f0f0
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label.disabled .check-icon i:hover {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label input {
    border: none;
    display: none
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .item-text {
    font-size: 14px;
    color: #333
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item:hover {
    background-color: #f5f5f5
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.select {
    background-color: var(--bsy-base-bgcolor)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.select .item-text {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all {
    cursor: default;
    margin-bottom: 9px;
    height: auto;
    line-height: normal;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all .item-text {
    font-size: 16px;
    font-weight: 700;
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all:hover {
    background-color: initial
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont {
    width: 716px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    padding-bottom: 20px;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper {
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper .handover-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper .handover-container .panel-tip {
    flex: none;
    padding: 20px 0 20px 20px;
    font-size: 15px;
    color: #4d609f;
    border-bottom: 1px solid #e0e0e0
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper .handover-container .panel-container {
    flex: auto;
    overflow: auto;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper .handover-container .panel-container .panel-list {
    height: 100%;
    overflow: auto;
    padding: 0 20px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .listEmpty {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .listEmpty .emptyCont {
    display: flex;
    flex-flow: column;
    align-items: center
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .listEmpty .emptyCont img {
    width: 91px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .listEmpty .emptyCont p {
    margin-top: 12px;
    font-size: 14px;
    color: #999
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item {
    margin-bottom: 10px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info {
    padding: 16px 0;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper {
    margin-right: 10px;
    flex: none;
    width: 16px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i {
    font-size: 14px;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i:hover {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .check-wrapper .check-label input {
    display: none
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .app-name {
    color: #333;
    flex: auto;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 8px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .item-icon {
    color: #333;
    border-radius: 4px;
    flex: none;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .item-info .item-icon:hover {
    background: rgba(0, 0, 0, .1)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .panel-item .form-empty {
    margin: 5px 0 6px;
    padding-left: 34px;
    color: #999;
    line-height: 40px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form {
    padding-top: 10px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item {
    display: flex;
    align-items: center;
    height: 36px;
    border-radius: 6px;
    cursor: pointer;
    padding-left: 16px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper {
    margin-right: 10px;
    flex: none;
    width: 16px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i {
    font-size: 14px;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i:hover {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .check-wrapper .check-label input {
    display: none
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .form-name {
    color: #333;
    flex: auto;
    padding-right: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .form-description {
    flex: none;
    width: 175px;
    color: #81889f
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .form-description span {
    color: #ff9921
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .detail-btn-wrapper {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    min-width: 74px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .detail-btn-wrapper button {
    display: none;
    color: var(--bsy-base-color);
    align-items: center;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .detail-btn-wrapper button i {
    font-size: 16px;
    height: 15px;
    margin-right: 6px;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .detail-btn-wrapper button span {
    font-size: 14px;
    cursor: pointer
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item .detail-btn-wrapper button:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item:hover {
    background-color: #f2f6ff
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .item-form .handover-form-item:hover .detail-btn-wrapper button {
    display: flex
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load {
    display: flex;
    flex-flow: column;
    height: 100%
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 62px;
    border-bottom: 1px solid #e0e0e0;
    flex: none
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip .spin-body {
    margin-right: 10px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip .spin-body .x-spin .spin-content .spin-indicator.rotate {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border: 2px solid rgba(82, 196, 27, .25);
    border-top-color: #52c41b;
    border-radius: 50%;
    transform-origin: center;
    animation: x-rotate .8s cubic-bezier(.43, .1, .54, .85) infinite
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip i {
    margin-right: 8px;
    font-size: 20px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip i.icon-bsy-finish {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .headerTip i.icon-warning {
    color: #ff5631
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .finishBtn {
    width: 82px;
    height: 32px;
    background-color: var(--bsy-base-color);
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: .68px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .finishBtn.refresh {
    margin-right: 20px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-header .finishBtn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body {
    height: 100%;
    flex: auto;
    overflow: auto;
    padding: 0 20px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .x-spin .spin-content .spin-indicator.rotate {
    width: 14px;
    height: 14px;
    margin: 0 auto;
    border: 2px solid rgba(82, 196, 27, .25);
    border-top-color: #52c41b;
    border-radius: 50%;
    transform-origin: center;
    animation: x-rotate .8s cubic-bezier(.43, .1, .54, .85) infinite
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .load-tip {
    font-size: 14px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .load-tip .successTip {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .load-tip .errorTip {
    color: #ff5631
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper i {
    font-size: 14px
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper i.icon-bsy-finish {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper i.icon-error {
    color: #ff5631
}

.BsyAlertHandover .alertHandoverContent .content.dark {
    background-color: #3e3d3d
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-header {
    border-color: #505050
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-header .title {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-header {
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-header .headerTip {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-header .headerTip span {
    color: #4d609f
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-header .handoverBtn {
    background-color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-header .handoverBtn:hover {
    background-color: #00c3ce
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu {
    background-color: #3e3d3d;
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .r-check .check-label.disabled .check-icon i {
    background-color: #505050
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item .item-text {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.select,
.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item:hover {
    background-color: rgba(0, 240, 255, .1)
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.select .item-text {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all {
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all .item-text {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-menu .type-check-item.all:hover {
    background-color: initial
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-cont {
    background: #3e3d3d;
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-operate .handover-body .handover-cont .content-wrapper .handover-container .panel-tip {
    color: #4d609f;
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .listEmpty .emptyCont p {
    color: #999
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .item-info {
    border-color: #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .item-info .check-wrapper .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .item-info .app-name,
.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .item-info .item-icon {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .panel-item .form-empty {
    color: #999
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i.icon-bsy-iconxuanzhong {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .check-wrapper .check-label .check-icon i.icon-bsy-check2 {
    color: #c6c6c6
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .form-name {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .form-description {
    color: var(--bsy-base-color)
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .form-description span {
    color: #ff9921
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .detail-btn-wrapper button {
    color: #00f0ff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item .detail-btn-wrapper button:hover {
    color: #00c3ce
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item:hover {
    background-color: rgba(0, 195, 255, .06)
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .item-form .handover-form-item:hover .detail-btn-wrapper button {
    display: flex
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header {
    border-bottom: 1px solid #606060
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .headerTip {
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .headerTip .spin-body .x-spin .spin-content .spin-indicator.rotate {
    border: 2px solid rgba(82, 196, 27, .25);
    border-top-color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .headerTip i.icon-bsy-finish {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .headerTip i.icon-warning {
    color: #ff5631
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .finishBtn {
    background-color: #00f0ff;
    color: #fff
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-header .finishBtn:hover {
    background-color: #00c3ce
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .x-spin .spin-content .spin-indicator.rotate {
    border: 2px solid rgba(82, 196, 27, .25);
    border-top-color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .load-tip .successTip {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper .load-tip .errorTip {
    color: #ff5631
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper i.icon-bsy-finish {
    color: #52c41b
}

.BsyAlertHandover .alertHandoverContent .content.dark .dialog-body .handover-load .load-body .loadList .panel-item .item-form .detail-btn-wrapper i.icon-error {
    color: #ff5631
}

.BsyAlertHandover.fadein {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
    position: fixed
}

.BsyAlertHandover.fadein .alertHandoverContent {
    transform: translate(0)
}

/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.cropper-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.BsyDesignSetIconPane {
    background-color: #fff;
    height: 440px;
    position: relative;
    overflow: hidden
}

.BsyDesignSetIconPane .design-set-icon-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0
}

.BsyDesignSetIconPane .design-set-icon-menu .menu-item {
    text-align: center;
    height: 39px;
    line-height: 38px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    position: relative;
    padding: 0 10px;
    margin: 0 25px
}

.BsyDesignSetIconPane .design-set-icon-menu .menu-item.select,
.BsyDesignSetIconPane .design-set-icon-menu .menu-item:hover {
    color: #0265ff
}

.BsyDesignSetIconPane .design-set-icon-menu .menu-item.select:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0265ff
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane {
    padding-top: 20px;
    text-align: center
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0 24px;
    cursor: pointer;
    border: 1px solid #0265ff;
    margin: 10px 0
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn i {
    color: #0265ff;
    margin-right: 6px
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn span {
    color: #0265ff;
    font-size: 12px
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn:hover {
    background-color: #0265ff
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn:hover i,
.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .openFile-btn:hover span {
    color: #fff
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .emptyImg {
    width: 91px;
    display: block;
    margin: 30px auto 10px
}

.BsyDesignSetIconPane .design-set-icon-pane .set-image-pane .empty-tip {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-bottom: 3px
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .color-box {
    margin: 8px 16px 0;
    display: flex
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .color-box .menu-item {
    flex: 1 1;
    height: 40px;
    border-radius: 8px !important;
    margin: 2px;
    cursor: pointer;
    border: 3px solid #fafafa;
    vertical-align: middle
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .color-box .menu-item.selected,
.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .color-box .menu-item:hover {
    border: 3px solid #b2daf0
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box {
    padding-bottom: 5px;
    overflow: auto;
    max-height: 300px
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box .box-cont {
    width: 280px;
    margin: 0 auto
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box .box-cont .menu-item {
    display: inline-block;
    flex: 1 1;
    font-size: 24px;
    width: 52px;
    height: 52px;
    line-height: 46px;
    cursor: pointer;
    border-radius: 8px !important;
    text-align: center;
    margin: 0 2px 6px;
    border: 3px solid #fafafa;
    vertical-align: middle
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box .box-cont .menu-item div {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 70%
}

.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box .box-cont .menu-item.selected,
.BsyDesignSetIconPane .design-set-icon-pane .set-icon-pane .icon-box .box-cont .menu-item:hover {
    border: 3px solid #b2daf0
}

.BsyDesignSetIconPane .design-set-icon-footer {
    display: flex;
    justify-content: end;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 10px
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn {
    height: 24px;
    line-height: 22px;
    border-radius: 4px;
    padding: 0 14px;
    margin: 0 5px;
    cursor: pointer
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn:last-child {
    margin-right: 0
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.cancel {
    border: 1px solid #e0e0e0
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.cancel span {
    color: #333;
    font-size: 12px
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.cancel:hover {
    background-color: #eee;
    border-color: #eee
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.ok {
    border: 1px solid #0265ff;
    background-color: #0265ff
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.ok span {
    color: #fff;
    font-size: 12px
}

.BsyDesignSetIconPane .design-set-icon-footer .footer-btn.ok:hover {
    opacity: .8
}

.AlertBatchImport .batchInvite {
    padding: 20px 20px 0
}

.AlertBatchImport .batchInvite .batchBtn {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.AlertBatchImport .batchInvite .batchBtn .r-btn {
    padding: 5px 16px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background-color .15s;
    background-color: #fff;
    position: relative;
    margin-right: 16px
}

.AlertBatchImport .batchInvite .batchBtn .r-btn .btnCont {
    display: flex;
    align-items: center
}

.AlertBatchImport .batchInvite .batchBtn .r-btn i {
    font-size: 16px;
    margin-right: 6px;
    color: var(--bsy-base-color) !important
}

.AlertBatchImport .batchInvite .batchBtn .r-btn span {
    font-size: 14px;
    color: #333
}

.AlertBatchImport .batchInvite .batchBtn .r-btn:hover {
    background-color: #f2f6ff;
    border-color: transparent
}

.AlertBatchImport .batchInvite .batchBtn .r-btn:hover span {
    color: #0265ff
}

.AlertBatchImport .batchInvite .batchBtn .r-btn .upload-btn-input,
.AlertBatchImport .batchInvite .batchBtn .r-btn .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%
}

.AlertBatchImport .batchInvite .batchBtn .r-btn .upload-form {
    display: inline-block
}

.AlertBatchImport .batchInvite .batchSwitch {
    display: flex
}

.AlertBatchImport .batchInvite .batchSwitch .input-item {
    display: flex;
    align-items: center
}

.AlertBatchImport .batchInvite .batchSwitch .input-item .input-label {
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center
}

.AlertBatchImport .batchInvite .batchSwitch .input-item .input-label i {
    font-size: 16px;
    color: #0265ff;
    margin-left: 6px
}

.AlertBatchImport .batchInvite .batchErrTip {
    margin-bottom: 20px
}

.AlertBatchImport .batchInvite .batchErrTip .errorTip {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.AlertBatchImport .batchInvite .batchTip {
    margin-top: 10px;
    color: #333;
    line-height: 30px
}

.AlertBatchImport .batchInvite .batchTip p {
    color: #333;
    font-size: 12px;
    position: relative;
    padding-left: 9px;
    line-height: 14px;
    margin: 10px 0;
    font-weight: 700
}

.AlertBatchImport .batchInvite .batchTip p:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 2px);
    left: 0
}

.AlertBatchImport .batchInvite .batchTip span {
    color: #fca603;
    font-size: 16px;
    position: relative;
    padding-left: 11px;
    line-height: 16px;
    display: block
}

.AlertBatchImport .batchInvite .batchTip span:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #fca603;
    top: calc(50% - 3px);
    left: 0;
    border-radius: 50%
}

.AlertBatchImport .batchInvite .batchTip ul {
    margin-bottom: 20px
}

.AlertBatchImport .batchInvite .batchTip li {
    line-height: 12px;
    color: #999;
    font-size: 12px;
    margin-bottom: 8px
}

.AlertBatchImport .batchInvite .batchTable .invite-content {
    position: relative;
    height: 200px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .excel-import-table {
    padding: 0;
    width: auto;
    height: auto
}

.AlertBatchImport .batchInvite .batchTable .invite-content .excel-import-tool span {
    margin-bottom: 10px;
    display: inline-block
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid {
    overflow: auto;
    position: relative;
    border-radius: 6px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid .excel-border {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table {
    table-layout: fixed;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td {
    max-width: 175px;
    min-width: 30px;
    padding: 7px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td:last-child {
    border-right: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .row-label {
    display: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .widget-cell {
    text-align: center
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td.last-child {
    border-right: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td span {
    display: block;
    overflow: hidden;
    text-overflow: clip;
    white-space: inherit
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label {
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-red {
    color: #f04134
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-green {
    color: var(--bsy-base-color)
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user {
    margin-bottom: 8px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list {
    text-align: left
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 4px 4px 0
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item span {
    display: inline
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table thead tr {
    height: 40px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr {
    line-height: 30px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:last-child td {
    border-bottom: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head {
    background: #eee;
    font-weight: 700
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td span {
    color: #333
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-label {
    display: block
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-num {
    display: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-disable {
    color: #989898
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover {
    cursor: pointer;
    background: #eee
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-label {
    display: block
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-num {
    display: none
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid .x-group .group_item {
    display: flex
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid .x-group .group_item.x-check .icon-blank {
    margin-top: 5px
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr td:nth-child(2) span {
    color: #f5222d
}

.AlertBatchImport .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr:first-of-type span {
    color: #333
}

.AlertBatchImport .batchInvite .batchTable .invite-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.AlertBatchImport .batchInvite .batchTable .invite-btn .BsyIconBtn {
    margin-right: 12px
}

.AlertBatchImport .batchInvite .batchTable .invite-btn .BsyIconBtn:last-child {
    margin-right: 0
}

.AlertBatchImport .batchInvite .batchTable .invite-complete .r-btn,
.AlertBatchImport .batchInvite .batchTable .invite-export .r-btn {
    display: inline-block;
    float: right;
    margin-right: 16px;
    border-radius: 4px
}

.AlertBatchImport.dark .batchInvite .batchBtn .r-btn.dark {
    border: 1px solid #606060;
    background-color: #3e3d3d
}

.AlertBatchImport.dark .batchInvite .batchBtn .r-btn.dark i {
    color: #00f0ff
}

.AlertBatchImport.dark .batchInvite .batchBtn .r-btn.dark span {
    color: #fff
}

.AlertBatchImport.dark .batchInvite .batchBtn .r-btn.dark:hover {
    background-color: #606060;
    border-color: #606060
}

.AlertBatchImport.dark .batchInvite .batchTip p {
    color: #f0f0f0
}

.AlertBatchImport.dark .batchInvite .batchTip p:before {
    background-color: #f0f0f0
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .excel-import-tool span {
    color: #fff
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid .excel-border,
.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table td {
    border-color: #505050
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table td span {
    color: #fff
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-red {
    color: #f5222d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label.style-green {
    color: var(--bsy-base-color)
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table td .col-label .excel-grid-user .select-list .select-item span {
    color: #fff
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td span {
    color: #3e3d3d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-label {
    display: block;
    color: #3e3d3d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-head td.row-idx .row-num {
    display: none
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.row-disable {
    color: #989898
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr.last-child td {
    border-bottom: none
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover {
    cursor: pointer;
    background: #eee
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td span {
    color: #3e3d3d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-label {
    display: block;
    color: #3e3d3d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid table tbody tr:hover td.row-idx .row-num {
    display: none
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr td:nth-child(2) span {
    color: #f5222d
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-content .react_excel_grid.import tbody tr:first-of-type span {
    color: #fff
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-btn .BsyIconBtn {
    margin-right: 20px
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-btn .BsyIconBtn:last-child {
    margin-right: 0
}

.AlertBatchImport.dark .batchInvite .batchTable .invite-complete .r-btn,
.AlertBatchImport.dark .batchInvite .batchTable .invite-export .r-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    border-radius: 4px
}

.ReactVirtualized__Table__headerRow {
    font-weight: 700;
    text-transform: uppercase
}

.ReactVirtualized__Table__headerRow,
.ReactVirtualized__Table__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.ReactVirtualized__Table__headerTruncatedText {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
    margin-right: 10px;
    min-width: 0
}

.ReactVirtualized__Table__rowColumn {
    text-overflow: ellipsis;
    white-space: nowrap
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
    margin-left: 10px
}

.ReactVirtualized__Table__sortableHeaderColumn {
    cursor: pointer
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ReactVirtualized__Table__sortableHeaderIcon {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 1em;
    width: 1em;
    fill: currentColor
}

.rst__rowWrapper {
    padding: 10px 10px 10px 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rst__rtl.rst__rowWrapper {
    padding: 10px 0 10px 10px
}

.rst__row {
    height: 100%;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex
}

.rst__row>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rst__rowCancelPad,
.rst__rowLandingPad {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important
}

.rst__rowCancelPad>*,
.rst__rowLandingPad>* {
    opacity: 0 !important
}

.rst__rowCancelPad:before,
.rst__rowLandingPad:before {
    background-color: #add8e6;
    border: 3px dashed #fff;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.rst__rowCancelPad:before {
    background-color: #e6a8ad
}

.rst__rowSearchMatch {
    outline: 3px solid #0080ff
}

.rst__rowSearchFocus {
    outline: 3px solid #fc6421
}

.rst__moveHandle,
.rst__rowContents,
.rst__rowLabel,
.rst__rowToolbar,
.rst__toolbarButton {
    display: inline-block;
    vertical-align: middle
}

.rst__rowContents {
    position: relative;
    height: 100%;
    border: 1px solid #bbb;
    border-left: none;
    -webkit-box-shadow: 0 2px 2px -2px;
    box-shadow: 0 2px 2px -2px;
    padding: 0 5px 0 10px;
    border-radius: 2px;
    min-width: 230px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.rst__rtl.rst__rowContents {
    border-right: none;
    border-left: 1px solid #bbb;
    padding: 0 10px 0 5px
}

.rst__rowContentsDragDisabled {
    border-left: 1px solid #bbb
}

.rst__rtl.rst__rowContentsDragDisabled {
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb
}

.rst__rowLabel {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-right: 20px
}

.rst__rtl.rst__rowLabel {
    padding-left: 20px;
    padding-right: inherit
}

.rst__rowToolbar {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex
}

.rst__loadingHandle,
.rst__moveHandle {
    height: 100%;
    width: 44px;
    background: #d9d9d9 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSI+PHBhdGggZD0iTTE0IDE1LjdoMTQuNE0xNCAyMS40aDE0LjRNMTQgMjcuMWgxNC40Ii8+PC9nPjwvc3ZnPg==") no-repeat 50%;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 2px 2px -2px;
    box-shadow: 0 2px 2px -2px;
    cursor: move;
    border-radius: 1px;
    z-index: 1
}

.rst__loadingHandle {
    cursor: default;
    background: #d9d9d9
}

@-webkit-keyframes pointFade {

    0%,
    19.999%,
    to {
        opacity: 0
    }

    20% {
        opacity: 1
    }
}

@keyframes pointFade {

    0%,
    19.999%,
    to {
        opacity: 0
    }

    20% {
        opacity: 1
    }
}

.rst__loadingCircle {
    width: 80%;
    height: 80%;
    margin: 10%;
    position: relative
}

.rst__loadingCirclePoint {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.rst__rtl.rst__loadingCirclePoint {
    right: 0;
    left: auto
}

.rst__loadingCirclePoint:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 11%;
    height: 30%;
    background-color: #fff;
    border-radius: 30%;
    -webkit-animation: pointFade .8s ease-in-out infinite both;
    animation: pointFade .8s ease-in-out infinite both
}

.rst__loadingCirclePoint:first-of-type {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.rst__loadingCirclePoint:first-of-type:before,
.rst__loadingCirclePoint:nth-of-type(7):before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.rst__loadingCirclePoint:nth-of-type(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.rst__loadingCirclePoint:nth-of-type(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.rst__loadingCirclePoint:nth-of-type(2):before,
.rst__loadingCirclePoint:nth-of-type(8):before {
    -webkit-animation-delay: -666ms;
    animation-delay: -666ms
}

.rst__loadingCirclePoint:nth-of-type(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.rst__loadingCirclePoint:nth-of-type(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.rst__loadingCirclePoint:nth-of-type(3):before,
.rst__loadingCirclePoint:nth-of-type(9):before {
    -webkit-animation-delay: -533ms;
    animation-delay: -533ms
}

.rst__loadingCirclePoint:nth-of-type(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rst__loadingCirclePoint:nth-of-type(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rst__loadingCirclePoint:nth-of-type(4):before,
.rst__loadingCirclePoint:nth-of-type(10):before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.rst__loadingCirclePoint:nth-of-type(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.rst__loadingCirclePoint:nth-of-type(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.rst__loadingCirclePoint:nth-of-type(5):before,
.rst__loadingCirclePoint:nth-of-type(11):before {
    -webkit-animation-delay: -266ms;
    animation-delay: -266ms
}

.rst__loadingCirclePoint:nth-of-type(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.rst__loadingCirclePoint:nth-of-type(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.rst__loadingCirclePoint:nth-of-type(6):before,
.rst__loadingCirclePoint:nth-of-type(12):before {
    -webkit-animation-delay: -133ms;
    animation-delay: -133ms
}

.rst__loadingCirclePoint:nth-of-type(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rst__loadingCirclePoint:nth-of-type(13) {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.rst__loadingCirclePoint:nth-of-type(7):before,
.rst__loadingCirclePoint:nth-of-type(13):before {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.rst__rowTitle {
    font-weight: 700
}

.rst__rowTitleWithSubtitle {
    font-size: 85%;
    display: block;
    height: .8rem
}

.rst__rowSubtitle {
    font-size: 70%;
    line-height: 1
}

.rst__collapseButton,
.rst__expandButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    position: absolute;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    width: 16px;
    height: 16px;
    padding: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.rst__rtl.rst__collapseButton,
.rst__rtl.rst__expandButton {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.rst__collapseButton:focus,
.rst__expandButton:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9;
    box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9
}

.rst__collapseButton:hover:not(:active),
.rst__expandButton:hover:not(:active) {
    background-size: 24px;
    height: 20px;
    width: 20px
}

.rst__collapseButton {
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNNC41IDloOSIgc3Ryb2tlPSIjOTg5ODk4IiBzdHJva2Utd2lkdGg9IjEuOSIvPjwvc3ZnPg==") no-repeat 50%
}

.rst__expandButton {
    background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45Ij48cGF0aCBkPSJNNC41IDloOU05IDQuNXY5Ii8+PC9nPjwvc3ZnPg==") no-repeat 50%
}

.rst__lineChildren {
    height: 100%;
    display: inline-block;
    position: absolute
}

.rst__lineChildren:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 1px;
    left: 50%;
    bottom: 0;
    height: 10px
}

.rst__rtl.rst__lineChildren:after {
    right: 50%;
    left: auto
}

.rst__placeholder {
    position: relative;
    height: 68px;
    max-width: 300px;
    padding: 10px
}

.rst__placeholder,
.rst__placeholder>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rst__placeholder:before {
    border: 3px dashed #d9d9d9;
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    z-index: -1
}

.rst__placeholderCancelPad,
.rst__placeholderLandingPad {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important
}

.rst__placeholderCancelPad *,
.rst__placeholderLandingPad * {
    opacity: 0 !important
}

.rst__placeholderCancelPad:before,
.rst__placeholderLandingPad:before {
    background-color: #add8e6;
    border-color: #fff
}

.rst__placeholderCancelPad:before {
    background-color: #e6a8ad
}

.rst__virtualScrollOverride {
    overflow: auto !important
}

.rst__virtualScrollOverride * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ReactVirtualized__Grid__innerScrollContainer {
    overflow: visible !important
}

.rst__rtl .ReactVirtualized__Grid__innerScrollContainer {
    direction: rtl
}

.ReactVirtualized__Grid {
    outline: none
}

.rst__node {
    min-width: 100%;
    white-space: nowrap;
    position: relative;
    text-align: left
}

.rst__node.rst__rtl {
    text-align: right
}

.rst__nodeContent {
    position: absolute;
    top: 0;
    bottom: 0
}

.rst__absoluteLineBlock,
.rst__lineBlock {
    height: 100%;
    position: relative;
    display: inline-block
}

.rst__absoluteLineBlock {
    position: absolute;
    top: 0
}

.rst__lineFullVertical:after,
.rst__lineHalfHorizontalRight:before,
.rst__lineHalfVerticalBottom:after,
.rst__lineHalfVerticalTop:after {
    position: absolute;
    content: "";
    background-color: #000
}

.rst__lineHalfHorizontalRight:before {
    height: 1px;
    top: 50%;
    right: 0;
    width: 50%
}

.rst__rtl.rst__lineHalfHorizontalRight:before {
    left: 0;
    right: auto
}

.rst__lineFullVertical:after,
.rst__lineHalfVerticalBottom:after,
.rst__lineHalfVerticalTop:after {
    width: 1px;
    left: 50%;
    top: 0;
    height: 100%
}

.rst__rtl.rst__lineFullVertical:after,
.rst__rtl.rst__lineHalfVerticalBottom:after,
.rst__rtl.rst__lineHalfVerticalTop:after {
    right: 50%;
    left: auto
}

.rst__lineHalfVerticalTop:after {
    height: 50%
}

.rst__lineHalfVerticalBottom:after {
    top: auto;
    bottom: 0;
    height: 50%
}

.rst__highlightLineVertical {
    z-index: 3
}

.rst__highlightLineVertical:before {
    position: absolute;
    content: "";
    background-color: #36c2f6;
    width: 8px;
    margin-left: -4px;
    left: 50%;
    top: 0;
    height: 100%
}

.rst__rtl.rst__highlightLineVertical:before {
    margin-left: 0;
    margin-right: -4px;
    left: auto;
    right: 50%
}

@-webkit-keyframes arrow-pulse {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
        opacity: 1
    }

    70% {
        -webkit-transform: translateY(700%);
        transform: translateY(700%);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000%);
        transform: translateY(1000%);
        opacity: 0
    }
}

@keyframes arrow-pulse {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
        opacity: 1
    }

    70% {
        -webkit-transform: translateY(700%);
        transform: translateY(700%);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000%);
        transform: translateY(1000%);
        opacity: 0
    }
}

.rst__highlightLineVertical:after {
    content: "";
    position: absolute;
    height: 0;
    margin-left: -4px;
    left: 50%;
    top: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    -webkit-animation: arrow-pulse 1s linear infinite both;
    animation: arrow-pulse 1s linear infinite both
}

.rst__rtl.rst__highlightLineVertical:after {
    margin-left: 0;
    margin-right: -4px;
    right: 50%;
    left: auto
}

.rst__highlightTopLeftCorner:before {
    z-index: 3;
    content: "";
    position: absolute;
    border-top: 8px solid #36c2f6;
    border-left: 8px solid #36c2f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(50% + 4px);
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: calc(50% + 4px)
}

.rst__rtl.rst__highlightTopLeftCorner:before {
    border-right: 8px solid #36c2f6;
    border-left: none;
    left: 0;
    right: auto
}

.rst__highlightBottomLeftCorner {
    z-index: 3
}

.rst__highlightBottomLeftCorner:before {
    content: "";
    position: absolute;
    border-bottom: 8px solid #36c2f6;
    border-left: 8px solid #36c2f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% + 4px);
    top: 0;
    right: 12px;
    width: calc(50% - 8px)
}

.rst__rtl.rst__highlightBottomLeftCorner:before {
    border-right: 8px solid #36c2f6;
    border-left: none;
    left: 12px;
    right: auto
}

.rst__highlightBottomLeftCorner:after {
    content: "";
    position: absolute;
    height: 0;
    right: 0;
    top: 100%;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #36c2f6
}

.rst__rtl.rst__highlightBottomLeftCorner:after {
    left: 0;
    right: auto;
    border-right: 12px solid #36c2f6;
    border-left: none
}

.rc-tree {
    position: absolute;
    min-width: 100%
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode {
    cursor: pointer;
    min-width: 100% !important;
    border-radius: 2px;
    position: relative;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    display: flex
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:last-child {
    position: relative
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    bottom: -20px
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover {
    background: #f5f5f5
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .icon-flow-other {
    visibility: inherit !important
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected {
    background: #f2f6ff !important
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-title {
    color: #0265ff !important
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .icon-flow-other {
    visibility: inherit !important
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-indent-unit {
    width: 14px;
    display: inline-flex
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 22px;
    flex: 1 1
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle {
    order: 1
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-title {
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
    color: #333
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-line {
    background-color: #0265ff
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .icon-flow-other {
    margin-left: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #0265ff;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    visibility: hidden
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .icon-flow-other:hover {
    visibility: inherit;
    background-color: rgba(2, 101, 255, .2)
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .item-icon {
    text-align: center;
    font-size: 16px;
    margin-left: 4px;
    color: #0265ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher {
    display: inline-flex;
    align-items: center
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .hide {
    visibility: hidden
}

.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-tree-collapse,
.rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-tree-expand {
    cursor: pointer;
    font-size: 16px;
    color: #666
}

.userCont {
    display: flex;
    justify-content: center;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #f5f7fa
}

.userCont .userMenu {
    max-width: 380px;
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 10px 10px;
    display: flex;
    flex-flow: column;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    position: relative
}

.userCont .userMenu .teamTitle {
    height: 49px;
    line-height: 49px;
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: 700
}

.userCont .userMenu .teamTitleSplitLine {
    border-bottom: 1px solid #e0e0e0
}

.userCont .userMenu .teamType {
    margin-top: 13px;
    height: 32px;
    display: flex;
    justify-content: center
}

.userCont .userMenu .teamType .BsyIconBtn {
    width: 122px
}

.userCont .userMenu .teamType .BsyIconBtn .btnCont {
    text-align: center;
    display: block !important
}

.userCont .userMenu .teamType .BsyIconBtn:first-child {
    margin-right: 12px
}

.userCont .userMenu .userMenuTree {
    height: 100%;
    display: flex;
    flex-flow: column;
    padding-bottom: 40px
}

.userCont .userMenu .userMenuTree .userTitle {
    font-size: 14px;
    font-weight: 500;
    color: #81889f;
    padding: 10px 0 10px 10px
}

.userCont .userMenu .userMenuTree .teamAllMember {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    border-radius: 2px;
    cursor: pointer
}

.userCont .userMenu .userMenuTree .teamAllMember i {
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    height: 16px;
    width: 16px;
    z-index: 1;
    margin-left: 3px;
    color: var(--bsy-base-color);
    background: #f2f6ff
}

.userCont .userMenu .userMenuTree .teamAllMember span {
    margin-left: 6px;
    font-size: 14px;
    color: #333
}

.userCont .userMenu .userMenuTree .teamAllMember:hover {
    background-color: #f5f5f5
}

.userCont .userMenu .userMenuTree .teamAllMember.select {
    background: #f2f6ff
}

.userCont .userMenu .userMenuTree .teamAllMember.select span {
    color: #0265ff
}

.userCont .userMenu .userMenuTree .teamTree {
    height: 100%;
    overflow: auto;
    position: relative
}

.userCont .userMenu .userMenuTree .teamTree .rst__absoluteLineBlock,
.userCont .userMenu .userMenuTree .teamTree .rst__lineBlock {
    width: 10px !important
}

.userCont .userMenu .userMenuTree .resignItem {
    height: 50px;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 4px 4px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    flex: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.userCont .userMenu .userMenuTree .resignItem .icon-wrapper {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    margin-right: 6px
}

.userCont .userMenu .userMenuTree .resignItem .icon-wrapper i {
    font-size: 16px;
    color: #666
}

.userCont .userMenu .userMenuTree .resignItem span {
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.userCont .userMenu .userMenuTree .resignItem.select i,
.userCont .userMenu .userMenuTree .resignItem.select span,
.userCont .userMenu .userMenuTree .resignItem:hover i,
.userCont .userMenu .userMenuTree .resignItem:hover span {
    color: #0265ff
}

.userCont .userMenu .roleMenuTree {
    display: flex;
    flex-flow: column;
    height: calc(100% - 91px);
    padding-top: 14px
}

.userCont .userMenu .roleMenuTree .createRoleGroup {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex: none;
    padding: 0 10px
}

.userCont .userMenu .roleMenuTree .createRoleGroup i {
    color: #666;
    font-size: 16px;
    margin-right: 6px;
    cursor: pointer
}

.userCont .userMenu .roleMenuTree .createRoleGroup i:hover {
    color: #0265ff
}

.userCont .userMenu .roleMenuTree .createRoleGroup span {
    font-size: 14px;
    color: #81889f
}

.userCont .userMenu .roleMenuTree .roleGroup {
    flex: auto;
    height: 100%;
    overflow: auto
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroupEmpty {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 80px
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item {
    position: relative;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    width: 100%;
    padding-left: 30px;
    cursor: pointer
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item span {
    font-size: 14px;
    color: #666
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item i {
    visibility: hidden;
    color: var(--bsy-base-color);
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item i:hover {
    background: rgba(2, 101, 255, .2)
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item:hover {
    background-color: #f5f5f5
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item:hover i {
    visibility: unset
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item.select {
    background-color: #f2f6ff
}

.userCont .userMenu .roleMenuTree .roleGroup .roleGroup-item.select span {
    color: var(--bsy-base-color)
}

.userCont .userContent {
    width: calc(100% - 310px);
    margin-left: 10px;
    padding: 0 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    display: flex;
    flex-flow: column;
    position: relative
}

.userCont .userContent>.role,
.userCont .userContent>.user {
    display: flex;
    flex-flow: column;
    height: 100%
}

.userCont .userContent>.role .user-content,
.userCont .userContent>.user .user-content {
    display: flex;
    flex: 1 1;
    height: 100%;
    flex-flow: column;
    padding-top: 50px
}

.userCont .userContent .roleContentEmpty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.userCont .userContent .roleContentEmpty .emptyCont img {
    display: block;
    margin: 0 auto 20px
}

.userCont .userContent .roleContentEmpty .emptyCont p {
    font-size: 14px;
    color: #999;
    text-align: center
}

.userCont .userContent .roleContentEmpty .emptyCont .BsyIconBtn {
    width: 108px;
    height: 36px;
    padding: 0;
    margin: 20px auto 0;
    display: flex
}

.userCont .userContent .roleContentEmpty .emptyCont .BsyIconBtn .btnCont {
    line-height: 34px;
    justify-content: center
}

.userCont .userContent .userTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
    flex: none;
    padding: 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.userCont .userContent .userTitle .leftUserCont {
    display: flex;
    align-items: center
}

.userCont .userContent .userTitle .leftUserCont .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-right: 10px
}

.userCont .userContent .userTitle .leftUserCont .userTip {
    height: 33px;
    background: rgba(252, 166, 3, .15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fca603;
    padding: 0 10px
}

.userCont .userContent .userTitle .leftUserCont .userTip i {
    font-size: 16px;
    margin-right: 6px
}

.userCont .userContent .userTitle .leftUserCont .userTip span {
    font-size: 12px
}

.userCont .userContent .userTitle .leftUserCont .userTip button {
    font-size: 12px;
    font-weight: 700;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 20px
}

.userCont .userContent .userTitle .leftUserCont .userTip button:hover {
    color: var(--bsy-base-hovercolor)
}

.userCont .userContent .userTitle .leftUserCont .dept-menu {
    display: flex
}

.userCont .userContent .userTitle .leftUserCont .dept-menu .deptBtn {
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-right: 20px
}

.userCont .userContent .userTitle .leftUserCont .dept-menu .deptBtn i {
    margin-right: 4px
}

.userCont .userContent .userTitle .leftUserCont .dept-menu .deptBtn:last-child {
    margin-right: 0
}

.userCont .userContent .userTitle .leftUserCont .dept-menu .deptBtn:hover {
    color: var(--bsy-base-hovercolor)
}

.userCont .userContent .userTitle .jobtitle-list {
    display: flex;
    width: 50%;
    height: 50px;
    line-height: 50px;
    margin-right: 0;
    justify-content: flex-end
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-split {
    margin: 0 14px;
    color: #e5e5e5
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item {
    color: #333;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item.jobtitle-manage {
    display: flex;
    align-items: center;
    margin-right: 40px
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item.jobtitle-manage i {
    font-size: 16px;
    margin-right: 6px;
    color: #0265ff
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item.jobtitle-manage span {
    font-size: 14px;
    color: #0265ff
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item.jobtitle-manage:hover {
    opacity: .8
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item:hover {
    color: var(--bsy-base-hovercolor)
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-item.select {
    color: var(--bsy-base-color)
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-more {
    cursor: pointer;
    margin-left: 30px;
    color: var(--bsy-base-color)
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-more i {
    margin-left: 6px
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-more:hover {
    opacity: .8
}

.userCont .userContent .userTitle .jobtitle-list .jobtitle-more.open i {
    transform: rotate(-180deg);
    display: inline-block
}

.userCont .userContent .userTitle .switchCont {
    display: flex;
    align-items: center
}

.userCont .userContent .userTitle .switchCont i {
    color: #0265ff;
    font-size: 16px;
    margin-left: 30px;
    cursor: pointer;
    margin-right: 6px
}

.userCont .userContent .userTitle .switchCont .switchName {
    font-size: 14px;
    color: #666
}

.userCont .userContent .userTitle .switchCont .BsySwitchBtn {
    margin-left: 10px
}

.userCont .userContent .userTitle .switchCont .qywechatConfig {
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 10px
}

.userCont .userContent .userTitle .switchCont .qywechatConfig:hover {
    color: var(--bsy-base-hovercolor)
}

.userCont .userContent .userFunBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 13px 0;
    flex: none
}

.userCont .userContent .userFunBtn .btnCont {
    display: flex;
    align-items: center
}

.userCont .userContent .userFunBtn .btnCont .BsyIconBtn {
    margin-right: 10px
}

.userCont .userContent .userFunBtn .btnCont .BsyIconBtn:last-child {
    margin-right: 0
}

.userCont .userContent .userFunBtn .searchCont {
    display: flex;
    align-items: center
}

.userCont .userContent .userFunBtn .searchCont .filter-btn {
    margin-right: 10px;
    cursor: pointer
}

.userCont .userContent .userFunBtn .searchCont .filter-btn span {
    margin-right: 6px;
    color: #666;
    font-size: 14px
}

.userCont .userContent .userFunBtn .searchCont .filter-btn i {
    color: #666;
    font-size: 16px
}

.userCont .userContent .userFunBtn .searchCont .filter-btn:hover i,
.userCont .userContent .userFunBtn .searchCont .filter-btn:hover span {
    color: #0265ff
}

.userCont .userContent .userFunBtn .searchCont .filter-btn.open i {
    transform: rotate(-180deg);
    display: inline-block
}

.userCont .userContent .check-menu {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 38px;
    background: #eff0f6;
    border-radius: 2px;
    width: 100%;
    margin: 10px 0;
    flex: none
}

.userCont .userContent .check-menu .close-btn {
    cursor: pointer;
    margin-right: 26px;
    padding: 4px;
    border-radius: 2px
}

.userCont .userContent .check-menu .close-btn i {
    font-size: 14px;
    color: #818a84
}

.userCont .userContent .check-menu .close-btn:hover {
    background-color: #fff
}

.userCont .userContent .check-menu .total-cont {
    position: relative;
    padding-right: 20px;
    margin-right: 20px
}

.userCont .userContent .check-menu .total-cont .checked-num-wrapper {
    font-size: 14px;
    color: #666
}

.userCont .userContent .check-menu .total-cont .checked-num-wrapper .checked-num {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.userCont .userContent .check-menu .total-cont:before {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background-color: #e5e5e5
}

.userCont .userContent .check-menu .set-btn {
    margin-right: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.userCont .userContent .check-menu .set-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.userCont .userContent .check-menu .set-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.userCont .userContent .check-menu .set-btn:hover {
    background-color: #fff
}

.userCont .userContent .check-menu .remove-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.userCont .userContent .check-menu .remove-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.userCont .userContent .check-menu .remove-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.userCont .userContent .check-menu .remove-btn:hover {
    background-color: #fff
}

.userCont .userContent .userTip {
    height: 34px;
    line-height: 34px;
    background: rgba(252, 166, 3, .15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fca603;
    padding: 0 10px
}

.userCont .userContent .userTip i {
    font-size: 16px;
    margin-right: 6px
}

.userCont .userContent .userTip span {
    font-size: 12px
}

.userCont .userContent .userTip button {
    font-size: 12px;
    font-weight: 700;
    color: #0265ff;
    cursor: pointer;
    margin-left: 20px
}

.userCont .userContent .userTip button:hover {
    color: rgba(2, 101, 255, .8)
}

.userCont .userContent .tip-list {
    height: 40px;
    line-height: 40px;
    background: #fff5f3;
    display: flex;
    justify-content: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0
}

.userCont .userContent .tip-list .tip-item {
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #333;
    transition: all .3s;
    display: flex;
    justify-content: center;
    margin-right: 120px
}

.userCont .userContent .tip-list .tip-item:before {
    content: "";
    width: 1px;
    height: 14px;
    background: #e5e5e5;
    position: absolute;
    right: -60px;
    top: calc(50% - 7px)
}

.userCont .userContent .tip-list .tip-item:last-child {
    margin: 0
}

.userCont .userContent .tip-list .tip-item:last-child:before {
    display: none
}

.userCont .userContent .tip-list .tip-item .not-join-number {
    color: #f5222d
}

.userCont .userContent .tip-list .tip-item .icon-bsy-laba {
    margin-right: 6px;
    color: #fca603
}

.userCont .userContent .tip-list .tip-item .inv {
    color: #0265ff;
    cursor: pointer
}

.userCont .userContent .tip-list .tip-item .inv:hover {
    opacity: .8
}

.userCont .userContent .BsyTableList {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.userCont .userContent .BsyTableList .grid-table {
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.userCont .userContent .BsyTableList .grid-table table {
    min-width: 100%;
    overflow: auto
}

.userCont .userContent .BsyTableList .grid-table table td {
    min-width: 20px
}

.userCont .userContent .BsyTableList .BsyTurnPage {
    flex: none;
    margin-bottom: 10px;
    justify-content: normal;
    position: relative
}

.userCont .userContent .BsyTableList .BsyTurnPage .turnPage {
    position: absolute;
    right: 0
}

.userCont.dark {
    background-color: #222428
}

.userCont.dark .userMenu {
    background-color: #3e3d3d
}

.userCont.dark .userMenu .teamAllMember,
.userCont.dark .userMenu .teamTitle {
    color: #fff
}

.userCont.dark .userMenu .teamTree .rst__tree {
    color: #fff !important
}

.userCont.dark .userMenu .teamTree .rst__tree .rst__dcmoveHandle {
    border-radius: 50%
}

.userCont.dark .userMenu .resignItem span {
    color: #fff
}

.userCont.dark .userMenu .roleMenuTree .createRoleGroup .icon-bsy-add {
    color: #00f0ff
}

.userCont.dark .userMenu .roleMenuTree .createRoleGroup span {
    color: #fff
}

.userCont.dark .userContent {
    background-color: #3e3d3d
}

.userCont.dark .userContent .userTitle {
    border-bottom: 1px solid #e0e0e0
}

.userCont.dark .userContent .userTitle .leftUserCont .title {
    color: #fff
}

.userCont.dark .userContent .userTitle .leftUserCont .userTip button {
    color: #00f0ff
}

.userCont.dark .userContent .userTitle .leftUserCont .userTip button:hover {
    color: #00c3ce
}

.userCont.dark .userContent .userTitle .switchCont .switchName {
    color: #ddd
}

.userCont.dark .userContent .userTitle .switchCont .qywechatConfig {
    color: #00f0ff
}

.userCont.dark .userContent .userTitle .switchCont .qywechatConfig:hover {
    color: #00c3ce
}

.bsy-x-dialog .job-title {
    margin: 10px 10px 0;
    font-weight: 700
}

.bsy-x-dialog .job-title .sim-title {
    font-weight: 400;
    font-size: 12px;
    color: var(--bsy-base-color);
    cursor: pointer
}

.bsy-x-dialog .job-title-list {
    margin: 10px;
    height: calc(100% - 50px);
    overflow: auto;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.job-title-list-li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: flex;
    cursor: pointer;
    position: relative;
    z-index: 10000;
    color: #666
}

.job-title-list-li i {
    margin-right: 6px;
    font-size: 14px
}

.job-title-list-li input {
    height: 26px;
    width: 180px;
    margin: 2px 6px;
    opacity: .5;
    pointer-events: none;
    padding: 0 6px
}

.job-title-list-li .icon-drag-table {
    display: none;
    position: absolute;
    right: 26px
}

.job-title-list-li .icon-close-large {
    display: none;
    position: absolute;
    right: 6px;
    cursor: pointer
}

.job-title-list-li .icon-close-large:hover {
    color: red
}

.job-title-list-li:hover {
    background: var(--bsy-base-bgcolor)
}

.job-title-list-li:hover .icon-drag-table {
    display: block;
    cursor: move
}

.job-title-list-li:hover .icon-close-large {
    display: block
}

.job-title-list-li.select input {
    opacity: 1;
    pointer-events: auto
}

.job-title-list-li.select i.icon-bsy-icondanxuananniu {
    color: var(--bsy-base-color) !important
}

.job-title-list-li.select i.icon-bsy-icondanxuananniu:before {
    content: "\e7fa"
}

.job-title-list-li.select i.icon-bsy-check2 {
    color: #0265ff !important
}

.job-title-list-li.select i.icon-bsy-check2:before {
    content: "\e7fe"
}

.createRoleInput {
    padding: 20px
}

.createRoleInput .item-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.createRoleInput .item-title b {
    font-style: normal;
    font-weight: 400;
    color: #ff5631
}

.createRoleInput input {
    height: 34px
}

.AddRole {
    padding: 20px
}

.AddRole .createRolePane .createRoleItem {
    margin-bottom: 22px
}

.AddRole .createRolePane .createRoleItem:last-child {
    margin-bottom: 0
}

.AddRole .createRolePane .createRoleItem .item-title {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.AddRole .createRolePane .createRoleItem .item-title b {
    font-style: normal;
    font-weight: 400;
    color: #ff5631
}

.AddRole .createRolePane .createRoleItem .roleNameInput {
    height: 34px
}

.AddRole .createRolePane .createRoleItem .membersCont {
    height: 81px;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    padding: 4px 0 0 4px;
    overflow-y: auto;
    border-radius: 2px
}

.AddRole .createRolePane .createRoleItem .membersCont .item-content {
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    background: #f7ebff;
    border-radius: 50px;
    white-space: nowrap;
    margin: 0 4px 4px 0
}

.AddRole .createRolePane .createRoleItem .membersCont .item-content .avatar {
    margin-right: 6px
}

.AddRole .createRolePane .createRoleItem .membersCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.roleGroup {
    position: relative
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode {
    height: 40px;
    line-height: 40px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-indent-unit {
    width: 14px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher {
    display: flex;
    max-width: 100%;
    min-width: 0
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .node-icon {
    padding-right: 10px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-close,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-open {
    font-size: 16px;
    color: #6f81bd !important;
    padding-right: 10px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .rc-tree-group-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
    color: #333
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 22px;
    flex: 1 1
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-line {
    background-color: #0265ff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle {
    padding: 0 19px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-flow-other {
    margin-left: 0
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon {
    text-align: center;
    font-size: 16px;
    margin-left: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon.icon-role {
    color: #6f81bd
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon.icon-role-group {
    color: #508cff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    font-size: 16px;
    padding: 4px;
    border-radius: 2px;
    color: #666;
    line-height: normal;
    visibility: hidden
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1.select,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1.select {
    visibility: initial
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1:hover {
    background-color: #fff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 6px
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover {
    background: rgba(2, 101, 255, .06) !important
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    visibility: initial;
    color: #0265ff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected {
    position: relative;
    background: rgba(2, 101, 255, .06) !important
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected span {
    color: #0265ff !important
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-flow-other {
    margin-left: 0
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    color: #0265ff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover,
.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1:hover {
    background: #fff
}

.roleGroup .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-switcher .rc-tree-group-name {
    color: #0265ff
}

.roleGroup .rst__tree {
    min-width: 100%
}

.roleGroup .rst__tree .rst__node {
    cursor: pointer;
    display: flex !important;
    border-radius: 2px;
    position: relative
}

.roleGroup .rst__tree .rst__node .rst__lineFullVertical:after,
.roleGroup .rst__tree .rst__node .rst__lineHalfHorizontalRight:before,
.roleGroup .rst__tree .rst__node .rst__lineHalfVerticalBottom:after,
.roleGroup .rst__tree .rst__node .rst__lineHalfVerticalTop:after {
    background-color: initial
}

.roleGroup .rst__tree .rst__node.rst__parentNode .rst__lineChildren {
    display: block !important;
    width: 100%;
    position: absolute;
    height: 2px !important;
    background-color: #0265ff
}

.roleGroup .rst__tree .rst__node .rst__lineChildren:after {
    background-color: initial
}

.roleGroup .rst__tree .rst__node .rst__dcButton {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100%;
    z-index: 2;
    padding: 0;
    font-size: 16px;
    color: #666
}

.roleGroup .rst__tree .rst__node .rst__dcnodeContent {
    flex: 1 1
}

.roleGroup .rst__tree .rst__node .rst__dcnodeContent .rst__dcDragMoveNode {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.roleGroup .rst__tree .rst__node .rst__dcnodeContent .rst__treeNodeLine {
    position: relative
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper {
    padding: 5px 10px 5px 0 !important;
    cursor: pointer
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row {
    position: relative;
    align-items: center
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__dcmoveHandle {
    text-align: center;
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    color: #0265ff;
    border-radius: 50%
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents {
    background: transparent !important;
    border: none !important;
    box-shadow: unset;
    min-width: 100px !important;
    padding-left: 6px
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents .rst__rowTitle {
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar {
    visibility: hidden;
    position: absolute !important;
    right: 0 !important;
    z-index: 2
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton .icon-flow-other {
    font-size: 16px;
    cursor: pointer;
    color: #0265ff
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover {
    background-color: rgba(2, 101, 255, .2)
}

.roleGroup .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover .icon-flow-other {
    color: #0265ff
}

.roleGroup .rst__tree .rst__node.select {
    background: #f0f6ff !important;
    color: #0265ff
}

.roleGroup .rst__tree .rst__node.select .rst__rowToolbar {
    visibility: initial
}

.roleGroup .rst__tree .rst__node:hover {
    background: #f5f5f5
}

.roleGroup .rst__tree .rst__node:hover .rst__rowToolbar {
    visibility: initial
}

@media screen and (max-width:1440px) {
    .userCont .userMenu {
        width: 280px
    }

    .userCont .userContent {
        width: calc(100% - 305px)
    }
}

.bsy-trigger-pane .rc-tree {
    position: relative
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode {
    height: 40px;
    line-height: 40px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-indent-unit {
    width: 14px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher {
    display: flex;
    max-width: 100%;
    min-width: 0
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .node-icon {
    padding-right: 10px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-close,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-open {
    font-size: 16px;
    color: #6f81bd !important;
    padding-right: 10px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .rc-tree-group-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
    color: #333
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 22px;
    flex: 1 1
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-line {
    background-color: #0265ff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle {
    padding: 0 19px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon {
    text-align: center;
    font-size: 16px;
    margin-left: 4px;
    color: #0265ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon.icon-role {
    color: #6f81bd
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .node-icon.icon-role-group {
    color: #508cff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-flow-other {
    margin-left: 0
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    font-size: 16px;
    padding: 4px;
    border-radius: 2px;
    color: #666;
    line-height: normal;
    visibility: hidden
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1.select,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1.select {
    visibility: initial
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1:hover {
    background-color: #fff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 6px
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover {
    background: rgba(2, 101, 255, .06) !important
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    visibility: initial;
    color: #0265ff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected {
    position: relative;
    background: rgba(2, 101, 255, .06) !important
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected span {
    color: #0265ff !important
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-flow-other {
    margin-left: 0
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1 {
    color: #0265ff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover,
.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-reportmenu-1:hover {
    background: #fff
}

.bsy-trigger-pane .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-switcher .rc-tree-group-name {
    color: #0265ff
}

.bsy-trigger-pane .rst__tree {
    min-width: 100%
}

.bsy-trigger-pane .rst__tree .rst__node {
    cursor: pointer;
    display: flex !important;
    border-radius: 2px;
    position: relative
}

.bsy-trigger-pane .rst__tree .rst__node .rst__lineFullVertical:after,
.bsy-trigger-pane .rst__tree .rst__node .rst__lineHalfHorizontalRight:before,
.bsy-trigger-pane .rst__tree .rst__node .rst__lineHalfVerticalBottom:after,
.bsy-trigger-pane .rst__tree .rst__node .rst__lineHalfVerticalTop:after {
    background-color: initial
}

.bsy-trigger-pane .rst__tree .rst__node.rst__parentNode .rst__lineChildren {
    display: block !important;
    width: 100%;
    position: absolute;
    height: 2px !important;
    background-color: #0265ff
}

.bsy-trigger-pane .rst__tree .rst__node .rst__lineChildren:after {
    background-color: initial
}

.bsy-trigger-pane .rst__tree .rst__node .rst__dcButton {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100%;
    z-index: 2;
    padding: 0;
    font-size: 16px;
    color: #666
}

.bsy-trigger-pane .rst__tree .rst__node .rst__dcnodeContent {
    flex: 1 1
}

.bsy-trigger-pane .rst__tree .rst__node .rst__dcnodeContent .rst__dcDragMoveNode {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.bsy-trigger-pane .rst__tree .rst__node .rst__dcnodeContent .rst__treeNodeLine {
    position: relative
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper {
    padding: 5px 10px 5px 0 !important;
    cursor: pointer
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row {
    position: relative;
    align-items: center
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__dcmoveHandle {
    text-align: center;
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    color: #0265ff;
    border-radius: 50%
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents {
    background: transparent !important;
    border: none !important;
    box-shadow: unset;
    min-width: 100px !important;
    padding-left: 6px
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents .rst__rowTitle {
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar {
    visibility: hidden;
    position: absolute !important;
    right: 0 !important;
    z-index: 2
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton .icon-flow-other {
    font-size: 16px;
    cursor: pointer;
    color: #0265ff
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover {
    background-color: rgba(2, 101, 255, .2)
}

.bsy-trigger-pane .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover .icon-flow-other {
    color: #0265ff
}

.bsy-trigger-pane .rst__tree .rst__node.select {
    background: #f0f6ff !important;
    color: #0265ff
}

.bsy-trigger-pane .rst__tree .rst__node.select .rst__rowToolbar {
    visibility: initial
}

.bsy-trigger-pane .rst__tree .rst__node:hover {
    background: #f5f5f5
}

.bsy-trigger-pane .rst__tree .rst__node:hover .rst__rowToolbar {
    visibility: initial
}

.group-list {
    position: relative;
    padding: 14px 12px;
    height: 100%;
    display: flex;
    flex-flow: column;
    overflow: auto
}

.group-list .custom-groups {
    position: relative;
    height: calc(100% - 80px);
    overflow: auto;
    flex: auto;
    cursor: default
}

.group-list .custom-groups.has-deleted-list {
    height: calc(100% - 214px)
}

.group-list .group-item {
    cursor: pointer;
    position: relative;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    display: flex;
    flex: none;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 2px
}

.group-list .group-item i {
    color: var(--bsy-base-color);
    font-size: 16px
}

.group-list .group-item i.item-icon {
    color: #333;
    margin-left: 10px
}

.group-list .group-item .icon-outsdier-defaut-group {
    color: #4acc8c
}

.group-list .group-item .icon-outsdier-custom-group {
    color: #ffc502
}

.group-list .group-item .icon-add {
    cursor: pointer
}

.group-list .group-item .title-icon {
    margin-left: 32px;
    font-size: 16px
}

.group-list .group-item .icon-drag-table {
    visibility: hidden;
    margin-left: 6px;
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 33px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center
}

.group-list .group-item .icon-drag-table:hover {
    color: #0265ff
}

.group-list .group-item span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.group-list .group-item .op {
    position: absolute;
    right: 11px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    color: #666
}

.group-list .group-item .op.icon-flow-other {
    display: none
}

.group-list .group-item .op:hover {
    color: var(--bsy-base-color)
}

.group-list .group-item.none {
    cursor: default
}

.group-list .group-item.none span {
    margin-left: 6px
}

.group-list .group-item.none:hover {
    background: transparent !important
}

.group-list .group-item.delete span {
    margin-left: 10px
}

.group-list .group-item.delete .icon-outsdier-deleted-group {
    color: #ff5631 !important
}

.group-list .group-item.all span,
.group-list .group-item.default span {
    margin-left: 6px
}

.group-list .group-item:hover {
    background: #f5f5f5;
    padding-right: 50px !important
}

.group-list .group-item:hover .icon-flow-other {
    display: block;
    cursor: pointer
}

.group-list .group-item:hover .icon-drag-table {
    visibility: initial
}

.group-list .group-item.select {
    background: #f2f6ff;
    padding-right: 30px
}

.group-list .group-item.select .icon-flow-other {
    display: block;
    cursor: pointer
}

.group-list .group-item.select span {
    color: #0265ff
}

.outsiderCont {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #f5f6f7
}

.outsiderCont .outsiderMenu {
    position: relative;
    max-width: 380px;
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-flow: column;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.outsiderCont .outsiderMenu .group-title {
    padding: 0 20px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.outsiderCont .outsiderMenu .group-title i {
    color: #666;
    font-size: 18px;
    cursor: pointer
}

.outsiderCont .outsiderMenu .group-title i:hover {
    color: #0265ff
}

.outsiderCont .outsiderMenu .group-title span {
    font-size: 14px;
    color: #81889f
}

.outsiderCont .outsiderMenu .defGroupList {
    padding: 0 10px;
    margin-bottom: 20px
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 2px;
    position: relative;
    cursor: pointer
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item i.title-icon {
    color: #a4b1dd;
    font-size: 16px;
    margin-right: 6px
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item span {
    font-size: 14px;
    color: #333
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item .op {
    display: none;
    position: absolute;
    right: 11px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    color: #666
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item .op:hover {
    color: #0265ff
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item:hover {
    background: #f5f5f5
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item:hover .op {
    display: block
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item.select {
    background: #f2f6ff
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item.select .op {
    display: block
}

.outsiderCont .outsiderMenu .defGroupList .def-group-item.select span {
    color: #0265ff
}

.outsiderCont .outsiderMenu .outsider-all {
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin: 14px 12px;
    text-align: center
}

.outsiderCont .outsiderMenu .outsider-all .icon-outsdier-all-member {
    margin-right: 6px;
    color: #333
}

.outsiderCont .outsiderMenu .outsider-all span {
    color: #333
}

.outsiderCont .outsiderMenu .outsider-all:hover {
    background-color: #f2f6ff;
    border-color: var(--bsy-base-color)
}

.outsiderCont .outsiderMenu .outsider-all:hover .icon-outsdier-all-member,
.outsiderCont .outsiderMenu .outsider-all:hover span {
    color: #0265ff
}

.outsiderCont .outsiderMenu .group-list {
    padding: 0
}

.outsiderCont .outsiderMenu .group-list .group-item {
    margin: 0 10px
}

.outsiderCont .outsiderMenu .group-list .group-item .title-icon {
    margin-left: 10px
}

.outsiderCont .outsiderMenu .group-list .group-item .item-icon {
    color: #a4b1dd
}

.outsiderCont .outsiderMenu .group-list .group-item span {
    margin-left: 10px
}

.outsiderCont .outsiderMenu .other-set {
    height: 50px;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 4px 4px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    flex: none
}

.outsiderCont .outsiderMenu .other-set i {
    font-size: 16px;
    color: #666;
    margin-right: 6px
}

.outsiderCont .outsiderMenu .other-set span {
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.outsiderCont .outsiderMenu .other-set.select i,
.outsiderCont .outsiderMenu .other-set.select span,
.outsiderCont .outsiderMenu .other-set:hover i,
.outsiderCont .outsiderMenu .other-set:hover span {
    color: #0265ff
}

.outsiderCont .outsiderContent {
    min-width: calc(100% - 310px);
    margin: 0 0 0 10px;
    padding: 50px 12px 0;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    display: flex;
    flex-flow: column;
    position: relative
}

.outsiderCont .outsiderContent .tip-list {
    height: 40px;
    line-height: 40px;
    background: #fff5f3;
    display: flex;
    justify-content: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0
}

.outsiderCont .outsiderContent .tip-list .tip-item {
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #333;
    transition: all .3s;
    display: flex;
    justify-content: center;
    margin-right: 120px
}

.outsiderCont .outsiderContent .tip-list .tip-item:before {
    content: "";
    width: 1px;
    height: 14px;
    background: #e5e5e5;
    position: absolute;
    right: -60px;
    top: calc(50% - 7px)
}

.outsiderCont .outsiderContent .tip-list .tip-item:last-child {
    margin: 0
}

.outsiderCont .outsiderContent .tip-list .tip-item:last-child:before {
    display: none
}

.outsiderCont .outsiderContent .tip-list .tip-item .not-join-number {
    color: #f5222d
}

.outsiderCont .outsiderContent .tip-list .tip-item .icon-bsy-laba {
    margin-right: 6px;
    color: #fca603
}

.outsiderCont .outsiderContent .tip-list .tip-item .inv {
    color: #0265ff;
    cursor: pointer
}

.outsiderCont .outsiderContent .tip-list .tip-item .inv:hover {
    opacity: .8
}

.outsiderCont .outsiderContent .outsiderTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
    line-height: 50px;
    position: absolute;
    padding: 0 12px;
    left: 0;
    right: 0;
    top: 0
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont {
    display: flex;
    align-items: center
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-right: 10px
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .outsiderTip {
    height: 33px;
    background: rgba(252, 166, 3, .15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fca603;
    padding: 0 10px
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .outsiderTip i {
    font-size: 16px;
    margin-right: 6px
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .outsiderTip span {
    font-size: 12px
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .outsiderTip button {
    font-size: 12px;
    font-weight: 700;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 20px
}

.outsiderCont .outsiderContent .outsiderTitle .leftoutsiderCont .outsiderTip button:hover {
    color: var(--bsy-base-hovercolor)
}

.outsiderCont .outsiderContent .outsiderTitle .refresh {
    cursor: pointer;
    color: var(--bsy-base-color)
}

.outsiderCont .outsiderContent .outsiderTitle .refresh i {
    font-size: 16px;
    margin-right: 6px
}

.outsiderCont .outsiderContent .outsiderTitle .refresh:hover {
    opacity: .8
}

.outsiderCont .outsiderContent .outsiderTitle .switchCont {
    display: flex
}

.outsiderCont .outsiderContent .outsiderTitle .switchCont .switchName {
    font-size: 14px;
    color: #666
}

.outsiderCont .outsiderContent .outsiderTitle .switchCont .BsySwitchBtn {
    margin-left: 10px;
    margin-top: 19px
}

.outsiderCont .outsiderContent .outsiderTitle .switchCont .qywechatConfig {
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 10px
}

.outsiderCont .outsiderContent .outsiderTitle .switchCont .qywechatConfig:hover {
    color: var(--bsy-base-hovercolor)
}

.outsiderCont .outsiderContent .outsiderFunBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 13px 0
}

.outsiderCont .outsiderContent .outsiderFunBtn .btnCont .BsyIconBtn {
    margin-right: 10px
}

.outsiderCont .outsiderContent .outsiderFunBtn .btnCont .BsyIconBtn:last-child {
    margin-right: 0
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont {
    display: flex;
    align-items: center
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn {
    margin-right: 10px;
    cursor: pointer
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn span {
    margin-right: 6px;
    color: #666;
    font-size: 14px
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn i {
    color: #666;
    font-size: 16px
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn:hover i,
.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn:hover span {
    color: #0265ff
}

.outsiderCont .outsiderContent .outsiderFunBtn .searchCont .filter-btn.open i {
    transform: rotate(-180deg);
    display: inline-block
}

.outsiderCont .outsiderContent .check-menu {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 38px;
    background: #eff0f6;
    border-radius: 2px;
    width: 100%;
    margin: 10px 0;
    flex: none
}

.outsiderCont .outsiderContent .check-menu .close-btn {
    cursor: pointer;
    margin-right: 26px;
    padding: 4px;
    border-radius: 2px
}

.outsiderCont .outsiderContent .check-menu .close-btn i {
    font-size: 14px;
    color: #818a84
}

.outsiderCont .outsiderContent .check-menu .close-btn:hover {
    background-color: #fff
}

.outsiderCont .outsiderContent .check-menu .total-cont {
    position: relative;
    padding-right: 20px;
    margin-right: 20px
}

.outsiderCont .outsiderContent .check-menu .total-cont .checked-num-wrapper {
    font-size: 14px;
    color: #666
}

.outsiderCont .outsiderContent .check-menu .total-cont .checked-num-wrapper .checked-num {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.outsiderCont .outsiderContent .check-menu .total-cont:before {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background-color: #e5e5e5
}

.outsiderCont .outsiderContent .check-menu .set-btn {
    margin-right: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.outsiderCont .outsiderContent .check-menu .set-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.outsiderCont .outsiderContent .check-menu .set-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.outsiderCont .outsiderContent .check-menu .set-btn:hover {
    background-color: #fff
}

.outsiderCont .outsiderContent .check-menu .remove-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.outsiderCont .outsiderContent .check-menu .remove-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.outsiderCont .outsiderContent .check-menu .remove-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.outsiderCont .outsiderContent .check-menu .remove-btn:hover {
    background-color: #fff
}

.outsiderCont .outsiderContent .BsyTableList {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.outsiderCont .outsiderContent .BsyTableList .grid-table {
    width: 100%;
    height: 100%;
    overflow: auto
}

.outsiderCont .outsiderContent .BsyTableList .grid-table table {
    width: 100%
}

.outsiderCont .outsiderContent .BsyTableList .BsyTurnPage {
    flex: none;
    margin-bottom: 10px
}

.outsiderCont.dark {
    background-color: #222428
}

.outsiderCont.dark .outsiderMenu {
    background-color: #3e3d3d
}

.outsiderCont.dark .outsiderMenu .teamAllMember,
.outsiderCont.dark .outsiderMenu .teamTitle {
    color: #fff
}

.outsiderCont.dark .outsiderMenu .teamTree .rst__tree {
    color: #fff !important
}

.outsiderCont.dark .outsiderMenu .teamTree .rst__tree .rst__dcmoveHandle {
    border-radius: 50%
}

.outsiderCont.dark .outsiderContent {
    background-color: #3e3d3d
}

.outsiderCont.dark .outsiderContent .outsiderTitle {
    border-bottom: 1px solid #505050
}

.outsiderCont.dark .outsiderContent .outsiderTitle .leftUserCont .title {
    color: #fff
}

.outsiderCont.dark .outsiderContent .outsiderTitle .leftUserCont .outsiderTip button {
    color: #00f0ff
}

.outsiderCont.dark .outsiderContent .outsiderTitle .leftUserCont .outsiderTip button:hover {
    color: #00c3ce
}

@media screen and (max-width:1440px) {
    .outsiderCont .outsiderMenu {
        width: 280px
    }

    .outsiderCont .outsiderContent {
        width: calc(100% - 305px)
    }
}

.BsyCorpCoop,
.CorpCoopOtherSetPane {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #f5f6f7
}

.BsyCorpCoop .corpCoopMenu,
.CorpCoopOtherSetPane .corpCoopMenu {
    position: relative;
    max-width: 380px;
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    height: 100%;
    display: flex;
    flex-flow: column
}

.BsyCorpCoop .corpCoopMenu .menu-cont,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont {
    flex: 1 1;
    overflow: auto;
    padding: 6px 12px
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .item-title,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .item-title {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .item-title span,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .item-title span {
    font-size: 14px;
    color: #81889f
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .item-title i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .item-title i {
    font-size: 18px;
    color: #666;
    cursor: pointer
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .item-title i:hover,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .item-title i:hover {
    color: #0265ff
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .group-list,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .group-list {
    padding: 0;
    height: auto
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select {
    background: rgba(2, 101, 255, .1)
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select .item-icon,
.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select span,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select .item-icon,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .group-list .group-item.select span {
    color: #0265ff
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 8px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    cursor: pointer
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont span,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont span {
    font-size: 14px;
    color: #333
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i {
    font-size: 16px;
    color: #333;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-all-docker,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-all-docker {
    color: #6f81bd !important
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-all-corp,
.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-department,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-all-corp,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-cont i.icon-department {
    color: #0265ff !important
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu i {
    font-size: 16px;
    color: #0265ff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: none;
    border-radius: 2px;
    text-align: center
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu i:hover,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item .item-menu i:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item:hover,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item:hover {
    background: #f5f5f5
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item:hover .item-menu i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item:hover .item-menu i {
    display: block
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item.active,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item.active {
    background: #f2f6ff
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-cont i,
.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-cont span,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-cont i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-cont span {
    color: #0265ff
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-menu i,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list .menu-item.active .item-menu i {
    display: block
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list.coop .group-list .group-item i.item-icon,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list.coop .group-list .group-item i.item-icon {
    color: #0265ff
}

.BsyCorpCoop .corpCoopMenu .menu-cont .menu-list.label .group-list .group-item i.item-icon,
.CorpCoopOtherSetPane .corpCoopMenu .menu-cont .menu-list.label .group-list .group-item i.item-icon {
    color: #6f81bd
}

.BsyCorpCoop .corpCoopMenu .other-set,
.CorpCoopOtherSetPane .corpCoopMenu .other-set {
    height: 50px;
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 4px 4px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    flex: none
}

.BsyCorpCoop .corpCoopMenu .other-set i,
.CorpCoopOtherSetPane .corpCoopMenu .other-set i {
    font-size: 16px;
    color: #666;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopMenu .other-set span,
.CorpCoopOtherSetPane .corpCoopMenu .other-set span {
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.BsyCorpCoop .corpCoopMenu .other-set.select i,
.BsyCorpCoop .corpCoopMenu .other-set.select span,
.BsyCorpCoop .corpCoopMenu .other-set:hover i,
.BsyCorpCoop .corpCoopMenu .other-set:hover span,
.CorpCoopOtherSetPane .corpCoopMenu .other-set.select i,
.CorpCoopOtherSetPane .corpCoopMenu .other-set.select span,
.CorpCoopOtherSetPane .corpCoopMenu .other-set:hover i,
.CorpCoopOtherSetPane .corpCoopMenu .other-set:hover span {
    color: #0265ff
}

.BsyCorpCoop .corpCoopContent,
.CorpCoopOtherSetPane .corpCoopContent {
    min-width: calc(100% - 310px);
    margin: 0 0 0 10px;
    padding: 0 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    display: flex;
    flex-flow: column;
    position: relative
}

.BsyCorpCoop .corpCoopContent .empty-content-tip,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-img,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-img {
    width: 309px;
    margin: 0 auto
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-img img,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-img img {
    width: 100%
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-tip,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-tip {
    width: 400px;
    font-size: 14px;
    color: #666;
    margin-bottom: 30px
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-button,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-button .corpButton,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-button .corpButton {
    display: inline-block;
    padding: 0 19px;
    height: 36px;
    line-height: 36px;
    background: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}

.BsyCorpCoop .corpCoopContent .empty-content-tip .content-tip .empty-button .corpButton:hover,
.CorpCoopOtherSetPane .corpCoopContent .empty-content-tip .content-tip .empty-button .corpButton:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box,
.CorpCoopOtherSetPane .corpCoopContent .cont-box {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding-top: 50px
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title .title,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title .title {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title .title-msg,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title .title-msg {
    margin-left: 10px
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title .title-msg span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title .title-msg span {
    font-size: 14px;
    color: #999
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title .title-button,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title .title-button {
    font-size: 14px;
    color: #0265ff;
    cursor: pointer;
    margin-left: 10px
}

.BsyCorpCoop .corpCoopContent .cont-box .content-title .title-button:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .content-title .title-button:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-img,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-img {
    width: 309px;
    margin: 0 auto
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-img img,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-img img {
    width: 100%
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-tip,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-tip {
    width: 400px;
    font-size: 14px;
    color: #666;
    margin-bottom: 30px
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button .corpButton,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button .corpButton {
    display: inline-block;
    padding: 0 19px;
    height: 36px;
    line-height: 36px;
    background: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button .corpButton:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-content-tip .content-tip .empty-button .corpButton:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list {
    height: 40px;
    line-height: 40px;
    background: #fff5f3;
    display: flex;
    justify-content: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item {
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #333;
    transition: all .3s;
    display: flex;
    justify-content: center;
    margin-right: 120px
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item.validate-tip,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item.validate-tip {
    color: #0265ff;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item.validate-tip:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item.validate-tip:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item:before,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item:before {
    content: "";
    width: 1px;
    height: 14px;
    background: #e5e5e5;
    position: absolute;
    right: -60px;
    top: calc(50% - 7px)
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item:last-child,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item:last-child {
    margin: 0
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item:last-child:before,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item:last-child:before {
    display: none
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item .not-join-number,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item .not-join-number {
    color: #f5222d
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item .icon-bsy-laba,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item .icon-bsy-laba {
    margin-right: 6px;
    color: #fca603
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item .inv,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item .inv {
    color: #0265ff;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .tip-list .tip-item .inv:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .tip-list .tip-item .inv:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn {
    display: inline-block;
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    background: #0265ff;
    border-radius: 4px;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn span {
    font-size: 14px;
    color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .create-btn:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn {
    display: inline-block;
    padding: 0 18px;
    height: 32px;
    line-height: 30px;
    background: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #0265ff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn span {
    font-size: 14px;
    color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .create-link-btn .leading-btn:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 38px;
    background: #eff0f6;
    border-radius: 2px;
    width: 100%
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn {
    cursor: pointer;
    margin-right: 26px;
    padding: 4px;
    border-radius: 2px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn i {
    font-size: 14px;
    color: #818a84
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .close-btn:hover {
    background-color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont {
    position: relative;
    padding-right: 20px;
    margin-right: 20px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont .checked-num-wrapper,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont .checked-num-wrapper {
    font-size: 14px;
    color: #666
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont .checked-num-wrapper .checked-num,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont .checked-num-wrapper .checked-num {
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont:before,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .total-cont:before {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background-color: #e5e5e5
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn {
    margin-right: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .set-btn:hover {
    background-color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 2px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn i {
    color: #333;
    font-size: 14px;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn span {
    color: #333;
    font-size: 14px;
    line-height: 18px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .check-menu .remove-btn:hover {
    background-color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont {
    display: flex;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn {
    margin-right: 10px;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn span {
    margin-right: 6px;
    color: #666;
    font-size: 14px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn i {
    color: #666;
    font-size: 16px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn .BsySearchInput .inputCont input,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn .BsySearchInput .inputCont input {
    border-radius: 4px
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn:hover i,
.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn:hover span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn:hover i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn:hover span {
    color: #0265ff
}

.BsyCorpCoop .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn.open i,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .box-btn-pane .filter-cont .filter-btn.open i {
    transform: rotate(-180deg);
    display: inline-block
}

.BsyCorpCoop .corpCoopContent .cont-box.noSearch .BsyTableList,
.CorpCoopOtherSetPane .corpCoopContent .cont-box.noSearch .BsyTableList {
    height: auto !important
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table {
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table {
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table td,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table td {
    word-wrap: break-word;
    word-break: break-all
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table td .dock_deptname_item,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table td .dock_deptname_item {
    display: flex;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table td .dock_deptname_item i.icon-dept-title,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table td .dock_deptname_item i.icon-dept-title {
    font-size: 14px;
    color: #0265ff;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont {
    display: flex;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint {
    color: #0265ff;
    font-size: 16px;
    margin-left: 6px;
    height: auto;
    line-height: normal
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item {
    display: flex;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item i.icon-dept-title,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item i.icon-dept-title {
    font-size: 14px;
    color: #0265ff;
    margin-right: 6px
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn {
    color: #0265ff;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey {
    color: #999;
    cursor: not-allowed
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey:hover {
    opacity: 1
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .grid-table table tbody tr td .cell .invite-btn:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .BsyTableList .BsyTurnPage,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .BsyTableList .BsyTurnPage {
    flex: none;
    margin-bottom: 10px;
    position: relative
}

.BsyCorpCoop .corpCoopContent .cont-box .search-empty-tip,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .search-empty-tip {
    display: flex;
    flex: 1 1;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.BsyCorpCoop .corpCoopContent .cont-box .search-empty-tip .empty-cont,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .search-empty-tip .empty-cont {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.BsyCorpCoop .corpCoopContent .cont-box .search-empty-tip .empty-cont img,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .search-empty-tip .empty-cont img {
    width: 309px
}

.BsyCorpCoop .corpCoopContent .cont-box .search-empty-tip .empty-cont p,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .search-empty-tip .empty-cont p {
    font-size: 14px;
    color: #666;
    text-align: center
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont {
    display: flex;
    flex-flow: column;
    align-items: center
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont img,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont img {
    width: 384px;
    margin-bottom: 30px
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .setp,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .setp {
    font-size: 14px;
    color: #999;
    position: relative;
    padding-left: 12px;
    width: 100%;
    margin-bottom: 2px
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .setp:before,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .setp:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999;
    top: 50%;
    margin-top: -2px;
    left: 0
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .setp a,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .setp a {
    margin-left: 20px;
    color: #0265ff;
    font-size: 14px;
    border-bottom: 1px solid #0265ff
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .setp a:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .setp a:hover {
    opacity: .8
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .createBtn,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .createBtn {
    display: inline-block;
    padding: 6px 19px;
    background: #0265ff;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .createBtn span,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .createBtn span {
    font-size: 14px;
    color: #fff
}

.BsyCorpCoop .corpCoopContent .cont-box .empty-box .box-cont .createBtn:hover,
.CorpCoopOtherSetPane .corpCoopContent .cont-box .empty-box .box-cont .createBtn:hover {
    opacity: .8
}

.BsyCorpCoop.dark,
.CorpCoopOtherSetPane.dark {
    background-color: #222428
}

.BsyCorpCoop.dark .corpCoopMenu,
.CorpCoopOtherSetPane.dark .corpCoopMenu {
    background-color: #3e3d3d
}

.BsyCorpCoop.dark .corpCoopMenu .teamAllMember,
.BsyCorpCoop.dark .corpCoopMenu .teamTitle,
.CorpCoopOtherSetPane.dark .corpCoopMenu .teamAllMember,
.CorpCoopOtherSetPane.dark .corpCoopMenu .teamTitle {
    color: #fff
}

.BsyCorpCoop.dark .corpCoopMenu .teamTree .rst__tree,
.CorpCoopOtherSetPane.dark .corpCoopMenu .teamTree .rst__tree {
    color: #fff !important
}

.BsyCorpCoop.dark .corpCoopMenu .teamTree .rst__tree .rst__dcmoveHandle,
.CorpCoopOtherSetPane.dark .corpCoopMenu .teamTree .rst__tree .rst__dcmoveHandle {
    border-radius: 50%
}

.BsyCorpCoop.dark .corpCoopContent,
.CorpCoopOtherSetPane.dark .corpCoopContent {
    background-color: #3e3d3d
}

.AddCorpCoopPane,
.AddRoleDeptPane,
.AddRoleUserPane {
    padding: 20px
}

.AddCorpCoopPane .pane-item,
.AddRoleDeptPane .pane-item,
.AddRoleUserPane .pane-item {
    margin-bottom: 22px;
    position: relative
}

.AddCorpCoopPane .pane-item .item-label,
.AddRoleDeptPane .pane-item .item-label,
.AddRoleUserPane .pane-item .item-label {
    margin-bottom: 10px
}

.AddCorpCoopPane .pane-item .item-label .label-req,
.AddRoleDeptPane .pane-item .item-label .label-req,
.AddRoleUserPane .pane-item .item-label .label-req {
    font-size: 14px;
    color: #ff5631;
    margin-right: 1px
}

.AddCorpCoopPane .pane-item .item-label .label-name,
.AddRoleDeptPane .pane-item .item-label .label-name,
.AddRoleUserPane .pane-item .item-label .label-name {
    font-size: 14px;
    color: #333
}

.AddCorpCoopPane .pane-item .item-cont .name-input,
.AddRoleDeptPane .pane-item .item-cont .name-input,
.AddRoleUserPane .pane-item .item-cont .name-input {
    padding: 0 10px
}

.AddCorpCoopPane .pane-item .item-cont .name-input.error,
.AddRoleDeptPane .pane-item .item-cont .name-input.error,
.AddRoleUserPane .pane-item .item-cont .name-input.error {
    border-color: #ff5631 !important
}

.AddCorpCoopPane .pane-item .item-cont .name-input:hover,
.AddRoleDeptPane .pane-item .item-cont .name-input:hover,
.AddRoleUserPane .pane-item .item-cont .name-input:hover {
    border-color: #0265ff
}

.AddCorpCoopPane .pane-item .item-cont .select-list,
.AddRoleDeptPane .pane-item .item-cont .select-list,
.AddRoleUserPane .pane-item .item-cont .select-list {
    height: 80px;
    width: 100%;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    padding: 4px 0 0 4px;
    border-radius: 4px;
    overflow: auto
}

.AddCorpCoopPane .pane-item .item-cont .select-list.ban,
.AddRoleDeptPane .pane-item .item-cont .select-list.ban,
.AddRoleUserPane .pane-item .item-cont .select-list.ban {
    opacity: .5;
    cursor: default
}

.AddCorpCoopPane .pane-item .item-cont .select-list.ban:hover,
.AddRoleDeptPane .pane-item .item-cont .select-list.ban:hover,
.AddRoleUserPane .pane-item .item-cont .select-list.ban:hover {
    border-color: #e0e0e0
}

.AddCorpCoopPane .pane-item .item-cont .select-list .list-empty,
.AddRoleDeptPane .pane-item .item-cont .select-list .list-empty,
.AddRoleUserPane .pane-item .item-cont .select-list .list-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.AddCorpCoopPane .pane-item .item-cont .select-list .list-empty span,
.AddRoleDeptPane .pane-item .item-cont .select-list .list-empty span,
.AddRoleUserPane .pane-item .item-cont .select-list .list-empty span {
    color: #0265ff;
    font-size: 14px
}

.AddCorpCoopPane .pane-item .item-cont .select-list:hover,
.AddRoleDeptPane .pane-item .item-cont .select-list:hover,
.AddRoleUserPane .pane-item .item-cont .select-list:hover {
    border-color: #0265ff
}

.AddCorpCoopPane .pane-item .item-cont .select-list:hover .list-empty span,
.AddRoleDeptPane .pane-item .item-cont .select-list:hover .list-empty span,
.AddRoleUserPane .pane-item .item-cont .select-list:hover .list-empty span {
    opacity: .8
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content {
    height: 30px;
    background: #f0f6ff;
    border-radius: 50px;
    padding: 5px 8px;
    font-size: 14px;
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px 4px 0
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content i,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content i,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content i {
    font-size: 16px;
    margin-right: 6px;
    color: #0265ff
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar img,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar img,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name {
    display: inline-block;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background-color: #ffd000;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name span,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name span,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name span {
    display: block;
    color: #fff;
    transform: scale(.8)
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-0,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-0,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-0 {
    background: #f5c547
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-1,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-1,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-1 {
    background-color: #528cff
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-2,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-2,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-2 {
    background-color: #50b0f4
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-3,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-3,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-3 {
    background-color: #61db8c
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-4,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-4,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-4 {
    background-color: #ff8383
}

.AddCorpCoopPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-5,
.AddRoleDeptPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-5,
.AddRoleUserPane .pane-item .item-cont .select-list .item-content .avatar .table-user-portrait-name.color-5 {
    background-color: #444
}

.AddCorpCoopPane .pane-item .errorTip,
.AddRoleDeptPane .pane-item .errorTip,
.AddRoleUserPane .pane-item .errorTip {
    font-size: 12px;
    color: #ff5631;
    position: absolute;
    bottom: -18px;
    left: 0
}

.CorpCoopDeatilsPane {
    display: flex;
    flex-flow: column;
    height: 100%
}

.CorpCoopDeatilsPane .header-name {
    height: 85px;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 20px 7px;
    position: relative
}

.CorpCoopDeatilsPane .header-name .nameTitle {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.CorpCoopDeatilsPane .header-name .nameTitle .name-input {
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .header-name .nameTitle .name-input input {
    border: none;
    border-bottom: 1px dashed #e0e0e0;
    padding: 4px 2px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    min-width: 20px;
    max-width: 400px
}

.CorpCoopDeatilsPane .header-name .nameTitle .name-input input:focus {
    border-color: #333
}

.CorpCoopDeatilsPane .header-name .nameTitle .name-input .is_tmp_owner_tip {
    display: inline-block;
    padding: 3px 6px;
    margin-left: 20px;
    background: #4d609f;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.CorpCoopDeatilsPane .header-name .nameTitle span {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    visibility: hidden;
    padding: 4px 2px;
    position: absolute;
    top: 0;
    left: 0
}

.CorpCoopDeatilsPane .header-name .create-user {
    font-size: 14px;
    color: #666;
    margin-top: 7px;
    display: flex;
    align-items: center;
    letter-spacing: .77px
}

.CorpCoopDeatilsPane .header-name .closePane {
    position: absolute;
    top: 18px;
    cursor: pointer;
    right: 20px
}

.CorpCoopDeatilsPane .header-name .closePane i {
    font-size: 22px;
    color: #666
}

.CorpCoopDeatilsPane .header-name .closePane:hover i {
    color: #333
}

.CorpCoopDeatilsPane .body-deatils {
    padding: 14px 20px 0;
    flex: 1 1;
    overflow: auto
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-title {
    font-size: 14px;
    color: #333;
    margin: 0 0 14px
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list {
    margin-bottom: 25px;
    cursor: pointer
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list .label-content {
    min-height: 44px;
    border-radius: 4px;
    border: 1px dashed #e0e0e0;
    padding: 7px 5px
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list .label-content .label-item {
    height: 30px;
    background: #f0f6ff;
    border-radius: 20px;
    padding: 5px 8px;
    font-size: 14px;
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list .label-content .label-item i {
    font-size: 16px;
    margin-right: 6px;
    color: #0265ff
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list .label-content .label-empty {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #0265ff
}

.CorpCoopDeatilsPane .body-deatils .corpCoopLabel .label-list .label-content .label-empty:hover {
    opacity: .8
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane {
    height: calc(100% - 110px)
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add {
    display: flex;
    justify-content: space-between
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-tab {
    height: 37px;
    display: flex
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-tab .tab-item {
    position: relative;
    margin-right: 40px;
    font-size: 14px;
    padding-top: 4px;
    color: #333;
    cursor: pointer
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-tab .tab-item.active,
.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-tab .tab-item:hover {
    color: #0265ff
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-tab .tab-item.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0265ff
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn {
    display: inline-flex;
    padding: 4px 12px;
    background-color: #0265ff;
    cursor: pointer;
    border-radius: 30px;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn i {
    color: #fff;
    font-size: 16px;
    margin-right: 6px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn span {
    color: #fff;
    font-size: 14px;
    line-height: 18px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn:hover {
    opacity: .8
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn.ban,
.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-tab-add .pane-add .add-btn.ban:hover {
    opacity: .3
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-invite-all {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 86, 49, .06)
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-invite-all .invite-cont {
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-invite-all .invite-cont .invite-num {
    font-size: 12px;
    color: #333
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-invite-all .invite-cont .invite-btn {
    color: #0265ff;
    font-size: 12px;
    margin-left: 15px;
    cursor: pointer
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-invite-all .invite-cont .invite-btn:hover {
    opacity: .8
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-dept-title {
    background: #f5f6f7;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    padding: 10px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent {
    border-top: 1px solid #e0e0e0;
    overflow: auto;
    height: calc(100% - 37px)
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .teamTree {
    position: relative
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .teamTree .rc-tree {
    border-top: 1px solid #e0e0e0
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList {
    width: 100%
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table td {
    word-wrap: break-word;
    word-break: break-all
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table td .dock_deptname_item {
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table td .dock_deptname_item i.icon-dept-title {
    font-size: 14px;
    color: #0265ff;
    margin-right: 6px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .icon-cont {
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint {
    color: #0265ff;
    font-size: 16px;
    margin-left: 6px;
    height: auto;
    line-height: normal
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .icon-cont .icon-bsy-hint:hover {
    opacity: .8
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item {
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .dock_deptname_item i.icon-dept-title {
    font-size: 14px;
    color: #0265ff;
    margin-right: 6px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .invite-btn {
    color: #0265ff;
    cursor: pointer
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey {
    color: #999;
    cursor: not-allowed
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .invite-btn.isGrey:hover {
    opacity: 1
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .BsyTableList .grid-table table tbody tr td .cell .invite-btn:hover {
    opacity: .8
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .dock-empty {
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .dock-empty img {
    width: 80px
}

.CorpCoopDeatilsPane .body-deatils .dock-user-pane .pane-cotnent .dock-empty .dock-empty-tip {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-top: 12px
}

.CorpCoopDeatilsPane .footer-pane {
    padding: 15px 20px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center
}

.CorpCoopDeatilsPane .footer-pane .pane-btn {
    padding: 4px 18px;
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px
}

.CorpCoopDeatilsPane .footer-pane .pane-btn.red {
    color: #ff5631;
    border-color: #ff5631
}

.CorpCoopDeatilsPane .footer-pane .pane-btn.red:hover {
    background-color: rgba(255, 86, 49, .06)
}

.CorpCoopDeatilsPane .footer-pane .pane-btn.bule {
    color: #0265ff;
    border-color: #0265ff
}

.CorpCoopDeatilsPane .footer-pane .pane-btn.bule:hover {
    background-color: #f2f6ff
}

.AddUrlLinkPane {
    padding: 20px
}

.AddUrlLinkPane .pane-item {
    margin-bottom: 22px
}

.AddUrlLinkPane .pane-item .item-label {
    display: flex;
    flex-flow: column;
    margin-bottom: 10px
}

.AddUrlLinkPane .pane-item .item-label .label-name {
    font-size: 14px;
    color: #333
}

.AddUrlLinkPane .pane-item .item-label .label-msg {
    font-size: 12px;
    color: #999
}

.addDockBanTip {
    padding: 12px;
    width: 400px
}

.addDockBanTip .banTip {
    font-size: 12px;
    color: #666
}

.addDockBanTip .banTip button {
    height: 24px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    color: #0265ff
}

.addDockBanTip .banTip button:hover {
    opacity: .8
}

.CorpCoopRolePane {
    display: flex;
    flex-flow: column;
    height: 100%
}

.CorpCoopRolePane .header-pane {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 20;
    margin: 20px 0 0;
    padding: 0 20px 14px;
    border-bottom: 1px solid #e0e0e0
}

.CorpCoopRolePane .header-pane .avatar {
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: none
}

.CorpCoopRolePane .header-pane .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block
}

.CorpCoopRolePane .header-pane .avatar .table-user-portrait-name {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    overflow: hidden
}

.CorpCoopRolePane .header-pane .avatar-dept {
    margin-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0265ff
}

.CorpCoopRolePane .header-pane .avatar-dept i {
    color: #fff;
    font-size: 32px
}

.CorpCoopRolePane .header-pane .headerDetail {
    max-width: calc(100% - 115px)
}

.CorpCoopRolePane .header-pane .headerDetail .name {
    margin-bottom: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CorpCoopRolePane .header-pane .headerDetail .name .tName {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CorpCoopRolePane .header-pane .headerDetail .name .category {
    background-color: #5366b5;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    flex: none;
    height: 22px;
    line-height: 20px
}

.CorpCoopRolePane .header-pane .headerDetail .account {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CorpCoopRolePane .header-pane .alertClose {
    position: absolute;
    top: 0;
    right: 20px
}

.CorpCoopRolePane .header-pane .alertClose i {
    display: block;
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #999
}

.CorpCoopRolePane .header-pane .alertClose i:hover {
    transform: rotate(90deg)
}

.CorpCoopRolePane .detailCont {
    padding: 20px 20px 30px;
    flex: 1 1;
    overflow: auto
}

.CorpCoopRolePane .detailCont .line {
    margin-bottom: 20px
}

.CorpCoopRolePane .detailCont .line:last-child {
    margin-bottom: 0
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox {
    position: relative;
    cursor: pointer
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox.isreadonly input {
    background-color: #f5f6f7
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox.isreadonly input:focus {
    border-color: #e0e0e0 !important
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox.isreadonly i {
    color: #999
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox input {
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    padding: 0 40px 0 10px
}

.CorpCoopRolePane .detailCont .line .onlyRead-combox i {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #666
}

.CorpCoopRolePane .detailCont .line .detailText {
    color: #999;
    font-size: 14px;
    flex: 1 1;
    border-radius: 4px
}

.CorpCoopRolePane .detailCont .line .line-tip {
    font-size: 12px;
    margin-top: 4px;
    color: #ccc
}

.CorpCoopRolePane .detailCont .line .detailStatus {
    font-size: 12px;
    color: #999;
    margin-top: 4px
}

.CorpCoopRolePane .detailCont .line .detailStatus .statusTip {
    color: #999;
    font-size: 12px
}

.CorpCoopRolePane .detailCont .line .detailStatus .sendVer {
    cursor: pointer;
    font-size: 12px;
    margin-left: 6px;
    color: #0265ff
}

.CorpCoopRolePane .detailCont .line .detailStatus .sendVer:hover {
    opacity: .8
}

.CorpCoopRolePane .detailCont .line .detailTitle {
    padding: 0;
    background-color: initial;
    border: none;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin-bottom: 8px
}

.CorpCoopRolePane .detailCont .line .detailTitle .req {
    color: #ff5631;
    font-weight: 400
}

.CorpCoopRolePane .detailCont .line .input_isreadonly {
    border: 1px solid #e0e0e0;
    height: 34px;
    line-height: 32px;
    padding-left: 10px;
    flex: 1 1;
    border-radius: 4px;
    background-color: #f5f6f7;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CorpCoopRolePane .detailCont .line .BsySelect {
    flex: 1 1;
    margin-left: 10px;
    border-radius: 4px
}

.CorpCoopRolePane .detailCont .line .BsySelect input {
    margin-left: 0 !important
}

.CorpCoopRolePane .detailCont .line>input {
    border-color: #e0e0e0;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    flex: 1 1;
    border-radius: 4px
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput {
    margin-bottom: 0
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput .mobileType {
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%)
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput .mobileType .phoneTypeCon {
    left: 0
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0 0 0 10px;
    height: 34px;
    line-height: 34px
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput.phone input {
    padding: 0 0 0 6.375rem
}

.CorpCoopRolePane .detailCont .line .LoginAccountInput .icon-dingding-guide-close {
    display: none
}

.CorpCoopRolePane .detailCont .line .select-outsider-group {
    background: #fff;
    height: 40px;
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
    overflow: auto;
    transition: all .3s;
    flex: 1 1;
    border-radius: 4px
}

.CorpCoopRolePane .detailCont .line .select-outsider-group .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #f2f2f2
}

.CorpCoopRolePane .detailCont .line .allCorpTip {
    margin-top: 2px;
    color: #ccc;
    font-size: 12px
}

.CorpCoopRolePane .detailCont .line .corpCont,
.CorpCoopRolePane .detailCont .line .roleCont {
    flex: 1 1;
    height: 81px;
    border: 1px dashed #e0e0e0;
    cursor: pointer;
    padding: 4px 0 0 4px;
    overflow-y: auto;
    border-radius: 2px
}

.CorpCoopRolePane .detailCont .line .corpCont .select-empty,
.CorpCoopRolePane .detailCont .line .roleCont .select-empty {
    cursor: pointer;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: #999
}

.CorpCoopRolePane .detailCont .line .corpCont .select-empty.ban,
.CorpCoopRolePane .detailCont .line .roleCont .select-empty.ban {
    background-color: #f0f1f4
}

.CorpCoopRolePane .detailCont .line .corpCont .select-empty span,
.CorpCoopRolePane .detailCont .line .roleCont .select-empty span {
    color: #0265ff
}

.CorpCoopRolePane .detailCont .line .corpCont .select-empty span:before,
.CorpCoopRolePane .detailCont .line .roleCont .select-empty span:before {
    font-family: finex;
    content: "\e62d";
    margin-right: 10px;
    color: #0265ff
}

.CorpCoopRolePane .detailCont .line .corpCont.select,
.CorpCoopRolePane .detailCont .line .roleCont.select {
    border-color: #0265ff
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content,
.CorpCoopRolePane .detailCont .line .roleCont .item-content {
    background: #f2f6ff;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 0 4px 4px 0;
    display: inline-block
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content i,
.CorpCoopRolePane .detailCont .line .roleCont .item-content i {
    margin-right: 6px;
    color: #6f81bd;
    font-size: 16px
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content span,
.CorpCoopRolePane .detailCont .line .roleCont .item-content span {
    font-size: 14px;
    color: #333
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content.department,
.CorpCoopRolePane .detailCont .line .roleCont .item-content.department {
    background: #ebf0ff
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content.jobtitle,
.CorpCoopRolePane .detailCont .line .roleCont .item-content.jobtitle {
    background: #ebfcff
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content.role,
.CorpCoopRolePane .detailCont .line .roleCont .item-content.role {
    background: #ecedff
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content .icon-all-corp,
.CorpCoopRolePane .detailCont .line .corpCont .item-content .icon-department,
.CorpCoopRolePane .detailCont .line .roleCont .item-content .icon-all-corp,
.CorpCoopRolePane .detailCont .line .roleCont .item-content .icon-department {
    color: #0265ff
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content .icon-bsy-jobtitle,
.CorpCoopRolePane .detailCont .line .roleCont .item-content .icon-bsy-jobtitle {
    color: #2bc2e1
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content .icon-outsdier-defaut-group,
.CorpCoopRolePane .detailCont .line .roleCont .item-content .icon-outsdier-defaut-group {
    color: #4acc8c
}

.CorpCoopRolePane .detailCont .line .corpCont .item-content .icon-role,
.CorpCoopRolePane .detailCont .line .roleCont .item-content .icon-role {
    color: #ffc12f
}

.CorpCoopRolePane .alertFooter {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #e0e0e0;
    padding: 14px 20px
}

.CorpCoopRolePane .alertFooter .BsyIconBtn {
    margin-right: 12px !important;
    border-radius: 4px
}

.CorpCoopRolePane .alertFooter .BsyIconBtn:last-child {
    margin-right: 0 !important
}

.CorpDeptUserPane {
    display: flex;
    flex-flow: column;
    height: 100%
}

.CorpDeptUserPane .header-pane {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 20;
    margin: 20px 0 0;
    padding: 0 20px 14px;
    border-bottom: 1px solid #e0e0e0
}

.CorpDeptUserPane .header-pane .avatar {
    margin-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0265ff
}

.CorpDeptUserPane .header-pane .avatar i {
    color: #fff;
    font-size: 28px
}

.CorpDeptUserPane .header-pane .headerDetail {
    max-width: calc(100% - 115px)
}

.CorpDeptUserPane .header-pane .headerDetail .name {
    margin-bottom: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CorpDeptUserPane .header-pane .headerDetail .name .tName {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.CorpDeptUserPane .header-pane .headerDetail .name .category {
    background-color: #5366b5;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    flex: none;
    height: 22px;
    line-height: 20px;
    margin-left: 10px
}

.CorpDeptUserPane .header-pane .headerDetail .account {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center
}

.CorpDeptUserPane .header-pane .alertClose {
    position: absolute;
    top: 0;
    right: 20px
}

.CorpDeptUserPane .header-pane .alertClose i {
    display: block;
    font-size: 16px;
    cursor: pointer;
    padding: 5px;
    transform: rotate(0);
    transition: all 218ms;
    color: #666
}

.CorpDeptUserPane .header-pane .alertClose i:hover {
    transform: rotate(90deg);
    color: #333
}

.CorpDeptUserPane .detailCont {
    padding: 15px 0;
    flex: 1 1;
    overflow: auto;
    width: calc(100% - 40px);
    margin: 0 auto
}

.CorpDeptUserPane .detailCont .BsyTableList,
.CorpDeptUserPane .detailCont .BsyTableList .grid-table {
    width: 100%
}

.CorpDeptUserPane .detailCont .BsyTableList .grid-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.CorpDeptUserPane .detailCont .BsyTableList .grid-table table td {
    word-wrap: break-word;
    word-break: break-all
}

.CorpDeptUserPane .detailCont .BsyTableList .grid-table table td .dock_deptname_item {
    display: flex;
    align-items: center
}

.CorpDeptUserPane .detailCont .BsyTableList .grid-table table td .dock_deptname_item i.icon-dept-title {
    font-size: 14px;
    color: #0265ff;
    margin-right: 6px
}

.CorpDeptUserPane .detailCont .dock-empty {
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.CorpDeptUserPane .detailCont .dock-empty img {
    width: 80px
}

.CorpDeptUserPane .detailCont .dock-empty .dock-empty-tip {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-top: 12px
}

.CorpDeptUserPane .alertFooter {
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #e0e0e0;
    padding: 14px 20px
}

.CorpDeptUserPane .alertFooter .BsyIconBtn {
    margin-right: 16px !important
}

.CorpDeptUserPane .alertFooter .BsyIconBtn:last-child {
    margin-right: 0 !important
}

.CorpCoopOtherSetPane {
    padding: 10px 0;
    height: 100%
}

.CorpCoopOtherSetPane .corpCoopMenu {
    padding: 14px 0
}

.BsyAlertMenu .alertMenuContent .corprole-batch-menu .item {
    position: relative
}

.BsyAlertMenu .alertMenuContent .corprole-batch-menu .item .icon-ok {
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    color: #0265ff
}

@media screen and (max-width:1440px) {
    .BsyCorpCoop .corpCoopMenu {
        width: 280px
    }

    .BsyCorpCoop .corpCoopContent {
        width: calc(100% - 305px)
    }
}

.sysManagerCont {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: calc(100% - 10px);
    background-color: #f5f6f7
}

.sysManagerCont .sysManagerMenu {
    position: relative;
    max-width: 380px;
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    padding-top: 16px
}

.sysManagerCont .sysManagerMenu .group-item.default .icon-flow-other {
    display: none
}

.sysManagerCont .sysManagerMenu .custom-groups .group-item span {
    margin-left: 52px
}

.sysManagerCont .sysManagerMenu .group-list {
    padding: 0;
    height: calc(100% - 130px)
}

.sysManagerCont .sysManagerMenu .group-list .group-item {
    margin: 0 10px
}

.sysManagerCont .sysManagerMenu .group-list .group-item .title-icon {
    margin-left: 10px
}

.sysManagerCont .sysManagerMenu .group-list .group-item .item-icon {
    color: #a4b1dd
}

.sysManagerCont .sysManagerMenu .group-list .group-item span {
    margin-left: 10px
}

.sysManagerCont .sysManagerMenu .group-title {
    padding: 0 20px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sysManagerCont .sysManagerMenu .group-title i {
    color: #666;
    font-size: 18px;
    cursor: pointer
}

.sysManagerCont .sysManagerMenu .group-title i:hover {
    color: #0265ff
}

.sysManagerCont .sysManagerMenu .group-title span {
    font-size: 14px;
    color: #81889f
}

.sysManagerCont .sysManagerMenu .defGroupList {
    padding: 0 10px;
    margin-bottom: 20px
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 2px;
    position: relative;
    cursor: pointer
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item i.title-icon {
    color: #a4b1dd;
    font-size: 16px;
    margin-right: 6px
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item span {
    font-size: 14px;
    color: #333
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item .op {
    display: none;
    position: absolute;
    right: 11px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    color: #666
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item .op:hover {
    color: #0265ff
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item:hover {
    background: #f5f5f5
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item:hover .op {
    display: block
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item.select {
    background: #f2f6ff
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item.select .op {
    display: block
}

.sysManagerCont .sysManagerMenu .defGroupList .def-group-item.select span {
    color: #0265ff
}

.sysManagerCont .sysManagerContent {
    min-width: calc(100% - 310px);
    margin: 0 0 0 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    display: flex;
    flex-flow: column
}

.sysManagerCont .sysManagerContent .sysManagerTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
    line-height: 50px;
    padding-left: 30px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont {
    display: flex;
    align-items: center
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-right: 10px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .sysManagerTip {
    height: 33px;
    background: rgba(252, 166, 3, .15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fca603;
    padding: 0 10px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .sysManagerTip i {
    font-size: 16px;
    margin-right: 6px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .sysManagerTip span {
    font-size: 12px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .sysManagerTip button {
    font-size: 12px;
    font-weight: 700;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 20px
}

.sysManagerCont .sysManagerContent .sysManagerTitle .leftsysManagerCont .sysManagerTip button:hover {
    color: var(--bsy-base-hovercolor)
}

.sysManagerCont .sysManagerContent .sysManagerConfig {
    overflow: auto;
    padding: 0 20px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 10px;
    border-bottom: 1px solid #f0f0f0
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item {
    display: inline-block;
    vertical-align: top
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.left {
    width: 240px;
    font-size: 14px;
    color: #333;
    padding: 16px 0;
    font-weight: 700
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.left .tip {
    font-weight: 400;
    font-size: 16px;
    color: var(--bsy-base-color);
    margin-left: 6px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .sub-info {
    margin-top: 6px;
    font-size: 14px;
    color: #5e603d
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right {
    width: 520px;
    color: #666;
    padding: 16px 0
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .inline-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    width: 170px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .time-cont {
    display: inline-flex;
    align-items: center
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .time-cont .bsy-x-group {
    margin-left: 130px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .time-cont .bsy-x-group .bsy-group-item {
    height: 32px;
    line-height: 32px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .time-cont .bsy-x-group .bsy-group-item span {
    width: auto;
    color: #333
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item.right .BsySwitchBtn {
    display: inline-block;
    vertical-align: middle
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content {
    background: #ebf0ff;
    border-radius: 15px;
    padding: 3px 8px;
    margin: 4px 6px 4px 0;
    display: inline-flex;
    align-items: center
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content .table-user-portrait-name {
    margin-right: 6px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content i {
    font-size: 16px;
    margin-right: 6px;
    margin-top: 2px;
    float: left
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content i.icon-role {
    color: #6f81bd
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content i.icon-role-group {
    color: #508cff
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    float: left
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content span {
    float: left
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.role {
    background: #ecedff
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.roleGroup,
.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.roleGroupSub {
    background: #ebf2ff
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.outsiderGroup {
    background: #ecfff1
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.member {
    background: #f7ebff
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-content.department {
    background: #ebf0ff
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn-edit {
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 10px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn-edit:hover {
    color: var(--bsy-base-hovercolor)
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn {
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    display: inline-block
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn span {
    font-size: 14px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn i {
    font-size: 16px;
    margin-right: 6px
}

.sysManagerCont .sysManagerContent .sysManagerConfig .config-line .line-item .item-btn:hover {
    color: var(--bsy-base-hovercolor)
}

.sysManagerCont.dark {
    background-color: #222428
}

.sysManagerCont.dark .sysManagerMenu {
    background-color: #3e3d3d
}

.sysManagerCont.dark .sysManagerMenu .teamAllMember,
.sysManagerCont.dark .sysManagerMenu .teamTitle {
    color: #fff
}

.sysManagerCont.dark .sysManagerMenu .teamTree .rst__tree {
    color: #fff !important
}

.sysManagerCont.dark .sysManagerMenu .teamTree .rst__tree .rst__dcmoveHandle {
    border-radius: 50%
}

.sysManagerCont.dark .sysManagerContent {
    background-color: #3e3d3d
}

.sysManagerCont.dark .sysManagerContent .sysManagerTitle {
    border-bottom: 1px solid #505050
}

.sysManagerCont.dark .sysManagerContent .sysManagerTitle .leftUserCont .title {
    color: #fff
}

.sysManagerCont.dark .sysManagerContent .sysManagerTitle .leftUserCont .sysManagerTip button {
    color: #00f0ff
}

.sysManagerCont.dark .sysManagerContent .sysManagerTitle .leftUserCont .sysManagerTip button:hover {
    color: #00c3ce
}

@media screen and (max-width:1440px) {
    .sysManagerCont .sysManagerMenu {
        width: 280px
    }

    .sysManagerCont .sysManagerContent {
        width: calc(100% - 305px)
    }
}

.addressbook {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 800px;
    overflow-y: hidden;
    overflow-x: auto
}

.addressbook .pane-title {
    height: 52px;
    line-height: 52px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.addressbook .pane-title .go-back {
    padding: 0 10px;
    position: absolute;
    left: 20px;
    top: 0;
    cursor: pointer;
    z-index: 1
}

.addressbook .pane-title .go-back i {
    font-size: 24px;
    color: #0265ff
}

.addressbook .pane-title .title-name {
    position: absolute;
    left: 60px;
    top: 0;
    height: 52px;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center
}

.addressbook .pane-title .title-name.hasCorp {
    z-index: 1;
    cursor: pointer
}

.addressbook .pane-title .title-name.hasCorp:hover i {
    color: #333
}

.addressbook .pane-title .title-name .currentCorpNameMsg {
    color: #999;
    margin-left: 6px
}

.addressbook .pane-title .title-name i {
    color: #999;
    margin-left: 6px;
    padding-top: 2px;
    transition: all .3s
}

.addressbook .pane-title .tabs {
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.addressbook .pane-title .tabs .item {
    min-width: 100px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 36px;
    font-size: 16px;
    color: #666
}

.addressbook .pane-title .tabs .item:last-child {
    margin-right: 0
}

.addressbook .pane-title .tabs .item.active,
.addressbook .pane-title .tabs .item:hover {
    color: var(--bsy-base-color)
}

.addressbook .pane-title .tabs .item.active:before {
    content: " ";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 3px;
    width: 100%;
    background: var(--bsy-base-color)
}

.addressbook .pane-title .right-menu {
    position: absolute;
    right: 24px;
    top: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    background: #fff
}

.addressbook .pane-title .right-menu .user-center {
    float: left;
    transition: all 218ms;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #0265ff;
    cursor: pointer
}

.addressbook .pane-title .right-menu .system-msg {
    position: relative;
    float: left;
    transition: all 218ms;
    text-align: center;
    margin: 0 8px;
    padding: 0 4.5px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: #666;
    cursor: pointer
}

.addressbook .pane-title .right-menu .system-msg .have {
    width: 6px;
    height: 6px;
    background-color: #ff5631;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 9px;
    display: inline-block
}

.addressbook .pane-title .right-menu .system-msg:hover {
    background: #f2f6ff;
    color: #0265ff
}

.addressbook .pane-title .right-menu .user-portrait {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #e5efff;
    border-radius: 50%;
    margin-left: 8px
}

.addressbook .pane-title .right-menu .user-portrait img {
    opacity: 1;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all 218ms
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-0 {
    background: #f5c547
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-1 {
    background-color: #528cff
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-2 {
    background-color: #50b0f4
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-3 {
    background-color: #61db8c
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-4 {
    background-color: #ff8383
}

.addressbook .pane-title .right-menu .user-portrait .user-portrait-name.color-5 {
    background-color: #444
}

.addressbook .pane-title .right-menu .user-portrait .box-shaw {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    transition: all 218ms;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px
}

.addressbook .pane-title .right-menu .user-portrait .box-shaw span {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 218ms;
    opacity: 0
}

.addressbook .pane-title .right-menu .user-portrait .box-shaw span:last-of-type {
    margin-right: 0
}

.addressbook .pane-title .right-menu .user-portrait:hover .box-shaw {
    background: rgba(0, 0, 0, .49)
}

.addressbook .pane-title .right-menu .user-portrait:hover .box-shaw span {
    opacity: 1
}

.addressbook .pane-title .right-menu .system-help {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.addressbook .pane-title .right-menu .system-help span {
    font-size: 14px;
    position: relative;
    top: -3px;
    margin-left: 7px
}

.addressbook .pane-title .right-menu .system-help:hover {
    background: #f2f6ff
}

.addressbook .pane-title .right-menu .system-help:hover i,
.addressbook .pane-title .right-menu .system-help:hover span {
    color: #0265ff
}

.addressbook .pane-title .right-menu .app-seach {
    margin-right: 14px;
    float: left;
    transition: width 218ms;
    text-align: center;
    padding: 0;
    line-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer
}

.addressbook .pane-title .right-menu .app-seach .inputIcon {
    top: 0
}

.addressbook .pane-title .right-menu .app-seach .BsySearchInput .inputCont {
    display: flex
}

.addressbook .pane-title .right-menu .app-seach .BsySearchInput .inputCont input {
    width: 164px
}

.addressbook .pane-title .right-menu .app-seach .singe {
    font-size: 14px;
    margin-left: 1px;
    padding: 0 10px;
    color: #666;
    cursor: pointer
}

.addressbook .pane-title .right-menu .app-seach .singe:hover,
.addressbook .pane-title .right-menu .app-seach:hover {
    color: #0265ff
}

.addressbook .pane-title .right-menu .dashboard-design {
    float: left;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    margin-top: 1px;
    height: 30px;
    line-height: 28px;
    color: #0265ff;
    cursor: pointer;
    font-size: 15px;
    width: 150px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.addressbook .pane-title .right-menu .dashboard-design:hover {
    background-color: #f2f6ff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.addressbook .pane-title .right-menu .all-app {
    display: none;
    float: left;
    transition: all 218ms;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px
}

.addressbook .pane-title .right-menu .user-manager {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.addressbook .pane-title .right-menu .user-manager:hover {
    background: #f2f6ff;
    color: #0265ff
}

.addressbook .pane-title .right-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #e0e0e0
}

.addressbook .pane-title .right-menu .team-manager {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #0265ff;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer
}

.addressbook .pane-title .right-menu .app-visit {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(315deg, #3bc2ff, #008cff);
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px;
    cursor: pointer
}

.addressbook .pane-title .right-menu .authorization {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 20px;
    margin-right: 13px;
    border-radius: 2px;
    padding: 5px 7px;
    cursor: pointer
}

.addressbook .pane-title .right-menu .authorization i {
    margin-right: 7px;
    font-size: 18px;
    color: #8c8c8c
}

.addressbook .pane-title .right-menu .authorization span {
    display: inline-block;
    float: right;
    color: #666
}

.addressbook .pane-title .right-menu .app-visit:hover {
    box-shadow: 0 5px 11px -5px rgba(6, 147, 253, .5)
}

.addressbook .pane-title .right-menu .authorization:hover {
    background-color: #f2f6ff
}

.addressbook .pane-title .right-menu .authorization:hover i,
.addressbook .pane-title .right-menu .authorization:hover span {
    color: #0265ff
}

.addressbook .pane-title .addressbook-close {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(0);
    transition: transform 218ms;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #666
}

.addressbook .pane-title .addressbook-close:hover {
    transform: rotate(90deg)
}

.addressbook .pane-body {
    height: calc(100% - 52px);
    background: #f5f7fa;
    padding-top: 10px
}

.addressbook .pane-body .empty-content-tip {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-img {
    width: 309px;
    margin: 0 auto
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-img img {
    width: 100%
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-tip {
    width: 400px;
    font-size: 14px;
    color: #666;
    margin-bottom: 30px
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-button .corpButton {
    display: inline-block;
    padding: 0 19px;
    height: 36px;
    line-height: 36px;
    background: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}

.addressbook .pane-body .empty-content-tip .content-tip .empty-button .corpButton:hover {
    opacity: .8
}

.addressbook .pane-body .empty-content-tip .empty-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont {
    display: flex;
    flex-flow: column;
    align-items: center
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont img {
    width: 384px;
    margin-bottom: 30px
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .setp {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    position: relative;
    padding-left: 12px;
    width: 100%;
    margin-bottom: 2px
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .setp:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999;
    top: 50%;
    margin-top: -2px;
    left: 0
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .setp a {
    margin-left: 20px;
    color: #0265ff;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #0265ff
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .setp a:hover {
    opacity: .8
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .createBtn {
    display: inline-block;
    padding: 6px 19px;
    background: #0265ff;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .createBtn span {
    font-size: 14px;
    color: #fff
}

.addressbook .pane-body .empty-content-tip .empty-box .box-cont .createBtn:hover {
    opacity: .8
}

.addressbook .pane-body .qywechat-expire-content {
    width: calc(100% - 20px);
    height: 42px;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.addressbook .pane-body .qywechat-expire-content .expire-tip {
    display: flex;
    align-items: center
}

.addressbook .pane-body .qywechat-expire-content .expire-tip i {
    font-size: 16px;
    color: #fca603
}

.addressbook .pane-body .qywechat-expire-content .expire-tip span {
    font-size: 14px;
    font-weight: 500;
    color: #ff9921;
    margin-left: 10px
}

.addressbook .pane-body .qywechat-expire-content .expire-active-btn {
    padding: 0 26px;
    line-height: 32px;
    height: 32px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    margin-left: 30px
}

.addressbook .pane-body .qywechat-expire-content .expire-active-btn:hover {
    opacity: .8
}

.addressbook .pane-body .qywechat-custom-content {
    width: calc(100% - 20px);
    height: 42px;
    margin: 0 auto 10px;
    background: #fdfff5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.addressbook .pane-body .qywechat-custom-content .custom-tip {
    display: flex;
    align-items: center
}

.addressbook .pane-body .qywechat-custom-content .custom-tip i {
    font-size: 16px;
    color: #fca603
}

.addressbook .pane-body .qywechat-custom-content .custom-tip span {
    font-size: 14px;
    font-weight: 500;
    color: #ff9921;
    margin-left: 10px
}

.addressbook .pane-body .qywechat-custom-content .custom-active-btn {
    padding: 0 26px;
    line-height: 32px;
    height: 32px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    margin-left: 30px
}

.addressbook .pane-body .qywechat-custom-content .custom-active-btn:hover {
    opacity: .8
}

.dingdingCallBackInfo {
    padding: 20px
}

.dingdingCallBackInfo .infoTitle {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333
}

.dingdingCallBackInfo .infoList .infoItem {
    display: flex;
    margin-bottom: 15px
}

.dingdingCallBackInfo .infoList .infoItem .infoItemTitle {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    flex: none;
    min-width: 150px
}

.dingdingCallBackInfo .infoList .infoItem .infoItemValue {
    font-size: 14px;
    color: #333;
    word-break: break-all
}

.dashboard-app-menu {
    display: flex
}

.dashboard-app-menu .createApp {
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center
}

.dashboard-app-menu .createApp .group-box-item-add-blank-app {
    padding: 6px 20px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid rgba(2, 101, 255, .1);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 218ms;
    height: 34px
}

.dashboard-app-menu .createApp .group-box-item-add-blank-app i {
    margin-right: 10px;
    font-size: 16px;
    color: #0265ff
}

.dashboard-app-menu .createApp .group-box-item-add-blank-app span {
    color: #0265ff;
    font-size: 14px;
    font-weight: 500
}

.dashboard-app-menu .createApp .group-box-item-add-blank-app:hover {
    border-color: #0265ff !important;
    color: #0265ff !important
}

.dashboard-app-menu .sortable-ghost .appItem {
    visibility: hidden
}

.dashboard-app-menu .appItem {
    padding: 0 0 0 10px;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
    display: flex
}

.dashboard-app-menu .appItem .items {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-app-menu .appItem .close {
    visibility: hidden;
    margin-left: 10px;
    z-index: 5
}

.dashboard-app-menu .appItem .close:hover {
    color: #ff5631
}

.dashboard-app-menu .appItem .isDock {
    position: absolute;
    top: 2px;
    right: 0;
    height: 22px;
    font-size: 12px;
    padding: 0 6px;
    border: 1px solid rgba(77, 96, 159, .3);
    border-radius: 30px;
    color: #4d609f;
    line-height: 20px;
    background: #fff
}

.dashboard-app-menu .appItem .todonum {
    float: left;
    margin-left: 6px;
    font-size: 12px;
    color: #ff5631;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-app-menu .appItem .iconding {
    display: none;
    position: absolute;
    right: 12px;
    top: 3px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center
}

.dashboard-app-menu .appItem .iconding.ding {
    display: block;
    background-size: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABQlJREFUWEelmHlsFHUUxz9vdreUNkZRiIBKixr9B9OAHBFri1g1MaYGuQ8TY6SRO0pJKkdcK4ZLCAhyRAFR/pEjUI2CioJHEKhEMSYkJJgqbQlRsNIIdDu7z8zM7nR3Zna3je+PzmZ+7/fe991vKnSTindq/5hSLcITqgwSGKhCP1GuILSiNIvBVxKh4cZ0+b2bYl02yXehcLuWx5U3ECpRMvkV7DfWM/lIMjQaEO2YKZ/lk586zwqkcKeWmp1sEKjWpCKvUBGwzqxnIAnHRJgXe1F+zQcoUEThVq2IC/tR+uYS4HGIj9V2lvCvITwXq5EDuWT5gBRs1RkJZQdKJOX1FJNXsffcDZP3AqgBizpmydpsYDKAhDdphRgc0QQR60I+RamwpELnDVXGuaCGMDk2W/YGgXGBFG7R0nicRlX6ugYl49/dHMkLDK6JwcOdc+RnX76lXoTXawNCtV0B3YxFymO39oJrJtwwncR1gQfEVoTG2HxGiUhGCdgqw+u1HOW7fDnhc2nSYy01DpCqfdD0T5chPnlJflEmx16RPenyHCDr9CjKmHwlFuROy6xD46GqBC60Q9Ue+M0CE0RJbwuc61wo92cAKX5H+3dctztj3ubmlR0SWDYa6kZByHBOmy0wH8H5ttxmicGwzoXyk9vQIqu1RpVt9guPL33Jl9Y97+0Du56GkQP8ClvaoXy3AyqD0uQbwuuxRRJ1gYRX6j6U8bnw330LfDkV3jsDK47DC2Ww7jEoLvDfunwdbusN87+ALa69Dl+6YSKcMOvkoS4gb2ojwvBcQEpuhl9mQlEEzlyCstuDuZvaYPgOGNIXTrZCZyJjFLkVZY8EodV8Ve5wgYSWa7OA/cIbinR1lSXwyRQHTBDFEzD2QzjenDs33FMhvnQxBVGRhJ0VoXrtAGwnZyu3VF8YUwofTw0Gs/xbiH6TOYLdnpTqGB4FRUX0a6+Vv2zd4aheBPrbHsmc6oGmjR0MDVOhd5pnTrVAxXYwrT7RtRVkHT1JXIlHKul17FExHSCv6WlVhgVp9c6OpRVOJfzRBgenOWBudELZZjh/pZsh6WK7FK8X2wEOkGXaoFDtpHV2l0wrgw8mQMtVGPI2jLoTDk6HwgjUfQ5vfe8H4huC6eEXfjTrZYQLJLJE5ydgQ6A9SWCVpXDoeTh3GZ7eBc1XHe7H74EDMxwwd62Eizn6htdQMVhlLpc6F0jhEi3pjNMUCERgcB9onAunW2DCbmiPZSbB6EFQPhhWW4maj9I8LsJoc4X84AKxfoTr9JQqI4KyfPcUaL0Kiw+DaRdaGuXZlHKsBc3LelMSjTqla+eI9Se0SJ8CPvUa1CsMA26Cpr/zmdq9c3fDMKiJr5J302+5gy5cq0fVM4HzroY9c5BjuXB23Ege2DtJ4oFACmp1SFw5QYLirItRTxV7hyiYRogqc434Mipj9Ide1nEk2J/sSz5/5/t8yDWtLWEqzE6sly1BgfTtIOEFujCRYI3tRc93i28WeSzONSIMWGtulNps2RS4DIXm6kTgfVWK0nfQvMC8WhzpVgtfkNgkm3OldNatLDJPhybibFPo6n49m2lWNzhrhJhlbvTnRDDmLFBVVcJzmKRKPcp9PrbsZWV9kNc/O4Yd3uroUWiCmCMv6VCFZ1R50vpvAGCtRyGEBMqfIlwQ5WuEg0sHcDK9WXWny/R4YU4JnbhHQ4eP0OfBgbQdizqj/P/Qf6zSET/VXtqjAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.dashboard-app-menu .appItem:hover .close {
    visibility: inherit
}

.dashboard-app-menu .appItem:hover .iconding {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFTElEQVRYR71YXWxURRT+zu3PNoubzqxgWpRCaSEUaFRIkQgkjVECmghG5MmYGBUfVBLjTwzxJ+oDRvHFEmOiPuibf0Ei+qBpWlpC0kqaYoOEtKQhio20vXOXLUvb7e4x57LdbLt/925bJ9lm0z3nO998c+acmSGUMJg5cP369QeSyeReZl5LRLXMvJKIwsw8SkT/AJDPEIBTSqluIkqUEArkx8lxnAeTyeQhAHsAhLz6EtE4gJ8tyzpeXV39u1c/sfNE0BhzD4APmfkhP+DzbYmImfk7y7KOKKUue8EqSJCZK40xnxDRIWb2NBlPQYniAD5QSr0jpAv55A0ajUbviMfjJwDc7yVoKTZEdFIp9SQRTeTzz0kwGo1uisfjvwCoKyWwT5+Bqqqqh4PB4N+5/LIIppSTRP4/yLmciKhfKbWDiGJZeZv5j1TOdSzlsuZdSqLvlVIH5+fkHAVt2/4MwPM+l2gxzY+Ew+GjmYBpgqlS0rcYu5WZMTExgVDIc6mc5RQLBALrli1bJkX+1vLPfjHG/LrQOjeL1dvbiytXrmDNmjVoaWnxpTARfaG1fm4OwVSH+M0XUgHjvr4+XL58qw6vXr0a27Zt8wwtLbG8vLw5FApdTCto2/a3AJ7wjFLAUJZ3YGAAly5dSlvV1dW5JIm81Xoi+lhr/apLUBq/MWbUT2/Nx0/yrqenB7ZtZ5n4IUlEQ1rrdS7BSCSyN5FISFFe0BgeHkZ/fz9mZmby4vhZ7oqKik2hUOhPMsa0MfOLXtlduHDB3QBbtmxBTU0Npqence7cOVy9etUTxP79+1FRUVHU1rKs15RSx8i27VMAHinqkTJob293l7CsrAwbN27E0NAQbt68mddd8q61tRWjo6OorKxEQ0ODp1CWZX2qlHpBFJTad68nLwDGGJw+fRrxuBxIio/m5mZs2LChuOE8CyL6UWv9mCg4AqDGD4JXkitWrHDVK2UQUa/W+j5RcEp6sF8QWeaurq68Skqe7d69G8Fg0C+0a09Eg1rr9aKgHHPuLAWlEMnt27dj1apVpcDO+pwNh8M7RMFeZvbXjwCMjIy46khZ6e7unqOkn3KSbwZE9IPW+oAQPMnMj/qZquRgZ2cnLMtyc2w+yZ07d6K2ttYPZJYtEbVprQ8LwWPM/IpXtFgsBik1k5OTqK6uhpARJcfHx9NKlpeXY9euXVi+fLlX2FwED2ut24RgKzPLIbXokNLS0dGBSCTiFmnJs8yiOzY2hjNnzrjLLfknv5c6LMtaq5Qall5c5jjOv8x8ezEwqX/Xrl1DfX09tm7dmrP5i5KDg4NobGwsWUEi+kNrfbe7m+WPMeYrZn6qEEHptdLSNm/ejKampmJzWdDvRPS+1vrtNMFIJNKSTCZ78p2mZROcP3/eVUXybonHZFVV1fpgMPhXmqB8sW37GwAHlzi4F/iPwuHw67OG6ROk4zgNzHyRmYsfNbyEKcGGiAwRNSilTBbBVC6+x8xvlYC9KC6WZT2rlPoyE2zOGVxy0HGcE8y8b1Ei+gAhouNa65fmu2RdEpj5NmPMWQDNPvAXZEpE7UqpPUSUdRzPeYuJxWJ3TU1N/cTM8uy2pEPIATigtXZyBcp7zWLmoOM4XzPz40vFUJZVKfVyLuVybpL5RCQnjTFvAHgTQGkHuxyzS+1WuXPM2RC+FMw0vnHjxsrp6el3ATwtrXEBik4CaLMs62hmKSmE5+0mnUKIRqNNMzMzzwDYx8yNPogOyB0jEAh8PtshvPr6IpgJKo+ciURiL4B6eeEHIB/NzGMZr/yDRCSv/MNeCRUtM6UCLZXffx9IO0eT7dwuAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100%
}

.dashboard-app-menu .appItem:hover .iconding.ding,
.dashboard-app-menu .appItem:hover .iconding:hover {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABQlJREFUWEelmHlsFHUUxz9vdreUNkZRiIBKixr9B9OAHBFri1g1MaYGuQ8TY6SRO0pJKkdcK4ZLCAhyRAFR/pEjUI2CioJHEKhEMSYkJJgqbQlRsNIIdDu7z8zM7nR3Zna3je+PzmZ+7/fe991vKnSTindq/5hSLcITqgwSGKhCP1GuILSiNIvBVxKh4cZ0+b2bYl02yXehcLuWx5U3ECpRMvkV7DfWM/lIMjQaEO2YKZ/lk586zwqkcKeWmp1sEKjWpCKvUBGwzqxnIAnHRJgXe1F+zQcoUEThVq2IC/tR+uYS4HGIj9V2lvCvITwXq5EDuWT5gBRs1RkJZQdKJOX1FJNXsffcDZP3AqgBizpmydpsYDKAhDdphRgc0QQR60I+RamwpELnDVXGuaCGMDk2W/YGgXGBFG7R0nicRlX6ugYl49/dHMkLDK6JwcOdc+RnX76lXoTXawNCtV0B3YxFymO39oJrJtwwncR1gQfEVoTG2HxGiUhGCdgqw+u1HOW7fDnhc2nSYy01DpCqfdD0T5chPnlJflEmx16RPenyHCDr9CjKmHwlFuROy6xD46GqBC60Q9Ue+M0CE0RJbwuc61wo92cAKX5H+3dctztj3ubmlR0SWDYa6kZByHBOmy0wH8H5ttxmicGwzoXyk9vQIqu1RpVt9guPL33Jl9Y97+0Du56GkQP8ClvaoXy3AyqD0uQbwuuxRRJ1gYRX6j6U8bnw330LfDkV3jsDK47DC2Ww7jEoLvDfunwdbusN87+ALa69Dl+6YSKcMOvkoS4gb2ojwvBcQEpuhl9mQlEEzlyCstuDuZvaYPgOGNIXTrZCZyJjFLkVZY8EodV8Ve5wgYSWa7OA/cIbinR1lSXwyRQHTBDFEzD2QzjenDs33FMhvnQxBVGRhJ0VoXrtAGwnZyu3VF8YUwofTw0Gs/xbiH6TOYLdnpTqGB4FRUX0a6+Vv2zd4aheBPrbHsmc6oGmjR0MDVOhd5pnTrVAxXYwrT7RtRVkHT1JXIlHKul17FExHSCv6WlVhgVp9c6OpRVOJfzRBgenOWBudELZZjh/pZsh6WK7FK8X2wEOkGXaoFDtpHV2l0wrgw8mQMtVGPI2jLoTDk6HwgjUfQ5vfe8H4huC6eEXfjTrZYQLJLJE5ydgQ6A9SWCVpXDoeTh3GZ7eBc1XHe7H74EDMxwwd62Eizn6htdQMVhlLpc6F0jhEi3pjNMUCERgcB9onAunW2DCbmiPZSbB6EFQPhhWW4maj9I8LsJoc4X84AKxfoTr9JQqI4KyfPcUaL0Kiw+DaRdaGuXZlHKsBc3LelMSjTqla+eI9Se0SJ8CPvUa1CsMA26Cpr/zmdq9c3fDMKiJr5J302+5gy5cq0fVM4HzroY9c5BjuXB23Ege2DtJ4oFACmp1SFw5QYLirItRTxV7hyiYRogqc434Mipj9Ide1nEk2J/sSz5/5/t8yDWtLWEqzE6sly1BgfTtIOEFujCRYI3tRc93i28WeSzONSIMWGtulNps2RS4DIXm6kTgfVWK0nfQvMC8WhzpVgtfkNgkm3OldNatLDJPhybibFPo6n49m2lWNzhrhJhlbvTnRDDmLFBVVcJzmKRKPcp9PrbsZWV9kNc/O4Yd3uroUWiCmCMv6VCFZ1R50vpvAGCtRyGEBMqfIlwQ5WuEg0sHcDK9WXWny/R4YU4JnbhHQ4eP0OfBgbQdizqj/P/Qf6zSET/VXtqjAAAAAElFTkSuQmCC);
    background-size: 100%;
    background-repeat: no-repeat
}

.dashboard-app-menu .appItem:hover .iconding.ding:hover {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAVBQTFRFAAAAAP//AFX/AID/AGb/AID/AG3/AGD/AHH/AGb/AF3/AHT/AGr/AG3/AGb/AGP/AF7/AGb/AGH/AG3/AGj/AGT/AGD/AGr/AGb/AGL/CV7/CWH/CF3/CGP/CGT/CGL/B2P/B2X/BmT/Bmf/BmX/BWP/BWL/BWP/BWb/BWT/BGL/BGX/BGP/BGT/BGb/A2X/A2T/A2X/A2T/A2b/A2X/A2T/A2f/A2X/A2X/A2T/A2X/Amb/AmX/Amb/AmT/AmT/AmX/AmX/Amb/AmX/AmX/BGX/BGT/BGT/A2T/A2X/A2b/A2f/A2b/A2X/A2X/A2T/A2X/A2X/A2X/A2T/A2X/A2X/A2b/A2X/A2b/Amb/AmX/AmX/Amb/AmX/Amb/AmX/Amb/AmX/Amb/AmX/AmT/AmX/AmX/AmX/Amb/AmX/AmX/Amb/AmX/Amb/AmX/AmX/oeC01wAAAG90Uk5TAAEDBAUGBwgJCgsLDA4PEhMUFRUWFxgYGRobHR4fISIkJikqKzE0Njc4OTo7PUFOT1NUVVZXV1hdY2VscnN6f4GDhYiLjo+RlJeen6Onq62vscDBwsPDxcvO1Nfd4OLj5OXm6+zt8PX29/n7/P3+3+g7pwAAAX5JREFUGBl1wWdD01AYBeBz2xBiaaW9QNJDEQWVYVGse2sVnFVxixNxJVL7/v9vNsvci/V5UChVJrXPYKpeLWMEt8GCHsc+5TptDQcmN+B+TQ+FAxylipzL0TykygFHazpI1Gk5Os+cVhhyaZn99nmFOQ9DDdpeyM4qMzMASrS07vZFvrSZcYAKTWvbEttdYqoGTDJzYucOr/+U2He5wZQGNDPLobyTxKfF03NM+YDPXCeURH+dBQUWzoQS26ShhICFc6GIbLdoUJjiXxvXzocStWkIgDpzV2V34UIkXRo0UGWm8+v9EnkxkuMnH7553GGiBpSZWv3xcoFD67cvRf0P0aDL2BgAzcTWgzkmjnz92Obiq71TJH0FYJyx+RVmzsrrXq/3TLokK4g1aLkivyV2n5xWiDlNmpYHT0nelMuki5RHyyN5fuvJ4O0sJ5Cr0nToXih7W8d4EAWvSVNr7TA5AZOjaZt2YVPeDAt+ReFfTk37JANdG1P4H1VSsP0BJcxvtSkoOtsAAAAASUVORK5CYII=);
    background-size: 100%;
    background-repeat: no-repeat
}

.dashboard-app-menu .appItem .close {
    float: left;
    color: #c2c2c2
}

.dashboard-app-menu .items.more {
    margin: 0;
    padding: 0 10px;
    height: 50px;
    line-height: 50px
}

.dashboard-app-menu .items.more .inner-text {
    height: 28px;
    line-height: 26px;
    margin-top: 11px;
    padding: 0 16px;
    border-radius: 15px;
    background-color: #f2f6ff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.dashboard-app-menu .items.more .inner-text span {
    color: #0265ff;
    font-size: 15px;
    font-weight: 500
}

.dashboard-app-menu .items.more .inner-text:hover {
    background-color: #0265ff
}

.dashboard-app-menu .items.more .inner-text:hover span {
    color: #fff
}

.dashboard-app-menu .items.more:hover .inner-text {
    color: #0265cc
}

.dashboard-app-menu .items.more span {
    color: #8c8c8c
}

.dashboard-app-menu .items.more i {
    color: #0265ff;
    float: left;
    margin-right: 5px
}

.dashboard-app-menu .items.select span {
    color: #333
}

.dashboard-app-menu .items.select .iconding.ding {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABQlJREFUWEelmHlsFHUUxz9vdreUNkZRiIBKixr9B9OAHBFri1g1MaYGuQ8TY6SRO0pJKkdcK4ZLCAhyRAFR/pEjUI2CioJHEKhEMSYkJJgqbQlRsNIIdDu7z8zM7nR3Zna3je+PzmZ+7/fe991vKnSTindq/5hSLcITqgwSGKhCP1GuILSiNIvBVxKh4cZ0+b2bYl02yXehcLuWx5U3ECpRMvkV7DfWM/lIMjQaEO2YKZ/lk586zwqkcKeWmp1sEKjWpCKvUBGwzqxnIAnHRJgXe1F+zQcoUEThVq2IC/tR+uYS4HGIj9V2lvCvITwXq5EDuWT5gBRs1RkJZQdKJOX1FJNXsffcDZP3AqgBizpmydpsYDKAhDdphRgc0QQR60I+RamwpELnDVXGuaCGMDk2W/YGgXGBFG7R0nicRlX6ugYl49/dHMkLDK6JwcOdc+RnX76lXoTXawNCtV0B3YxFymO39oJrJtwwncR1gQfEVoTG2HxGiUhGCdgqw+u1HOW7fDnhc2nSYy01DpCqfdD0T5chPnlJflEmx16RPenyHCDr9CjKmHwlFuROy6xD46GqBC60Q9Ue+M0CE0RJbwuc61wo92cAKX5H+3dctztj3ubmlR0SWDYa6kZByHBOmy0wH8H5ttxmicGwzoXyk9vQIqu1RpVt9guPL33Jl9Y97+0Du56GkQP8ClvaoXy3AyqD0uQbwuuxRRJ1gYRX6j6U8bnw330LfDkV3jsDK47DC2Ww7jEoLvDfunwdbusN87+ALa69Dl+6YSKcMOvkoS4gb2ojwvBcQEpuhl9mQlEEzlyCstuDuZvaYPgOGNIXTrZCZyJjFLkVZY8EodV8Ve5wgYSWa7OA/cIbinR1lSXwyRQHTBDFEzD2QzjenDs33FMhvnQxBVGRhJ0VoXrtAGwnZyu3VF8YUwofTw0Gs/xbiH6TOYLdnpTqGB4FRUX0a6+Vv2zd4aheBPrbHsmc6oGmjR0MDVOhd5pnTrVAxXYwrT7RtRVkHT1JXIlHKul17FExHSCv6WlVhgVp9c6OpRVOJfzRBgenOWBudELZZjh/pZsh6WK7FK8X2wEOkGXaoFDtpHV2l0wrgw8mQMtVGPI2jLoTDk6HwgjUfQ5vfe8H4huC6eEXfjTrZYQLJLJE5ydgQ6A9SWCVpXDoeTh3GZ7eBc1XHe7H74EDMxwwd62Eizn6htdQMVhlLpc6F0jhEi3pjNMUCERgcB9onAunW2DCbmiPZSbB6EFQPhhWW4maj9I8LsJoc4X84AKxfoTr9JQqI4KyfPcUaL0Kiw+DaRdaGuXZlHKsBc3LelMSjTqla+eI9Se0SJ8CPvUa1CsMA26Cpr/zmdq9c3fDMKiJr5J302+5gy5cq0fVM4HzroY9c5BjuXB23Ege2DtJ4oFACmp1SFw5QYLirItRTxV7hyiYRogqc434Mipj9Ide1nEk2J/sSz5/5/t8yDWtLWEqzE6sly1BgfTtIOEFujCRYI3tRc93i28WeSzONSIMWGtulNps2RS4DIXm6kTgfVWK0nfQvMC8WhzpVgtfkNgkm3OldNatLDJPhybibFPo6n49m2lWNzhrhJhlbvTnRDDmLFBVVcJzmKRKPcp9PrbsZWV9kNc/O4Yd3uroUWiCmCMv6VCFZ1R50vpvAGCtRyGEBMqfIlwQ5WuEg0sHcDK9WXWny/R4YU4JnbhHQ4eP0OfBgbQdizqj/P/Qf6zSET/VXtqjAAAAAElFTkSuQmCC);
    background-size: 100%;
    background-repeat: no-repeat
}

.dashboard-app-menu .items.select .iconding.ding:hover {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAVBQTFRFAAAAAP//AFX/AID/AGb/AID/AG3/AGD/AHH/AGb/AF3/AHT/AGr/AG3/AGb/AGP/AF7/AGb/AGH/AG3/AGj/AGT/AGD/AGr/AGb/AGL/CV7/CWH/CF3/CGP/CGT/CGL/B2P/B2X/BmT/Bmf/BmX/BWP/BWL/BWP/BWb/BWT/BGL/BGX/BGP/BGT/BGb/A2X/A2T/A2X/A2T/A2b/A2X/A2T/A2f/A2X/A2X/A2T/A2X/Amb/AmX/Amb/AmT/AmT/AmX/AmX/Amb/AmX/AmX/BGX/BGT/BGT/A2T/A2X/A2b/A2f/A2b/A2X/A2X/A2T/A2X/A2X/A2X/A2T/A2X/A2X/A2b/A2X/A2b/Amb/AmX/AmX/Amb/AmX/Amb/AmX/Amb/AmX/Amb/AmX/AmT/AmX/AmX/AmX/Amb/AmX/AmX/Amb/AmX/Amb/AmX/AmX/oeC01wAAAG90Uk5TAAEDBAUGBwgJCgsLDA4PEhMUFRUWFxgYGRobHR4fISIkJikqKzE0Njc4OTo7PUFOT1NUVVZXV1hdY2VscnN6f4GDhYiLjo+RlJeen6Onq62vscDBwsPDxcvO1Nfd4OLj5OXm6+zt8PX29/n7/P3+3+g7pwAAAX5JREFUGBl1wWdD01AYBeBz2xBiaaW9QNJDEQWVYVGse2sVnFVxixNxJVL7/v9vNsvci/V5UChVJrXPYKpeLWMEt8GCHsc+5TptDQcmN+B+TQ+FAxylipzL0TykygFHazpI1Gk5Os+cVhhyaZn99nmFOQ9DDdpeyM4qMzMASrS07vZFvrSZcYAKTWvbEttdYqoGTDJzYucOr/+U2He5wZQGNDPLobyTxKfF03NM+YDPXCeURH+dBQUWzoQS26ShhICFc6GIbLdoUJjiXxvXzocStWkIgDpzV2V34UIkXRo0UGWm8+v9EnkxkuMnH7553GGiBpSZWv3xcoFD67cvRf0P0aDL2BgAzcTWgzkmjnz92Obiq71TJH0FYJyx+RVmzsrrXq/3TLokK4g1aLkivyV2n5xWiDlNmpYHT0nelMuki5RHyyN5fuvJ4O0sJ5Cr0nToXih7W8d4EAWvSVNr7TA5AZOjaZt2YVPeDAt+ReFfTk37JANdG1P4H1VSsP0BJcxvtSkoOtsAAAAASUVORK5CYII=);
    background-size: 100%;
    background-repeat: no-repeat
}

.dashboard-app-menu .items.select:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #0265ff
}

.dashboard-app-menu .items:hover span {
    color: #333
}

.dashboard-app-menu .items .app-icon {
    margin: 17px 6px 0 0;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.dashboard-app-menu .items span {
    float: left;
    font-size: 15px;
    color: #666;
    font-weight: 500
}

.bsy-app-list {
    background: #fff;
    height: 300px;
    overflow: auto
}

.bsy-app-list .items {
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.bsy-app-list .items.show {
    opacity: .7
}

.bsy-app-list .items .app-icon {
    margin: 12px 6px 0 0;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.bsy-app-list .items .icon-ok {
    position: absolute;
    right: 20px
}

.BsySearchResult {
    position: relative;
    width: 100%;
    line-height: 32px;
    font-size: 14px
}

.BsySearchResult:hover input {
    border-color: var(--bsy-base-color)
}

.BsySearchResult input {
    display: block;
    height: 32px;
    border-radius: 18px !important;
    padding: 8px 28px 8px 10px
}

.BsySearchResult input::placeholder {
    color: #999
}

.BsySearchResult .icon-bsy-iconsoushuo {
    position: absolute;
    top: 0;
    right: 10px;
    color: #aaa !important
}

.BsySearchResult .icon-bsy-iconsoushuo:hover {
    color: var(--bsy-base-color) !important
}

.BsySearchResult .icon-bsy-close-small {
    position: absolute;
    top: 0;
    right: 10px;
    color: #666 !important;
    cursor: pointer
}

.BsySearchResult .icon-bsy-close-small:hover {
    color: var(--bsy-base-color) !important
}

.BsySearchResult .searchResCont {
    position: absolute;
    top: 34px;
    background: #fff;
    width: 100%;
    z-index: 5;
    max-height: 260px;
    overflow: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 2px 14px 0 var(--bsy-base-bgcolor);
    border-radius: 4px
}

.BsySearchResult .searchResCont .emptySearch {
    padding: 5px 10px;
    text-align: center;
    color: #666
}

.BsySearchResult .searchResCont ul li .menu-item {
    padding: 5px 10px;
    cursor: pointer;
    display: flex
}

.BsySearchResult .searchResCont ul li .menu-item .node-icon {
    margin-right: 6px
}

.BsySearchResult .searchResCont ul li .menu-item span {
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySearchResult .searchResCont ul li .menu-item span i {
    font-style: normal;
    color: var(--bsy-base-color)
}

.BsySearchResult .searchResCont ul li .menu-item:hover {
    background-color: #fafafa
}

.dashboard-flow-pane-v2 {
    position: relative;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%
}

.dashboard-flow-pane-v2 .dashboard-flow-right {
    width: calc(50% - 5px);
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding: 20px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item {
    display: flex;
    width: 100%;
    height: 100%
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32%;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .logo {
    height: 46px;
    line-height: 46px;
    width: 46px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    margin: 0 10px 0 0;
    flex: none
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .logo .icon-bsy-todo-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .logo i {
    font-size: 32px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content {
    max-width: calc(100% - 82px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content .title {
    font-size: 16px;
    letter-spacing: .36px;
    font-weight: 700;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content .num {
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    letter-spacing: .71px;
    height: 50px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left:hover {
    background-color: #f4f6fc
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right {
    width: 68%;
    position: relative
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader {
    display: flex;
    justify-content: space-between;
    height: 20px;
    width: 100%
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoTitle {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    position: relative;
    padding-left: 13px;
    flex: none
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoTitle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0265ff
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu {
    display: flex
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item {
    margin-right: 30px;
    display: flex;
    align-items: center;
    flex: none
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item span.num {
    font-size: 12px;
    color: #666;
    margin-left: 4px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item:hover,
.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item:hover span {
    color: #0265ff
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item:last-child {
    margin-right: 0
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody {
    margin-top: 12px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    margin-bottom: 8px;
    cursor: pointer;
    border: 1px solid #fff
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item:hover {
    background: #f4f6fc
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item:last-child {
    margin-bottom: 0
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont {
    display: flex;
    align-items: center;
    min-width: 0
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoUserPortrait {
    width: 20px;
    height: 20px;
    line-height: 18px;
    flex: none
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoUserPortrait span {
    transform: scale(.8);
    display: block
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoImg {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    flex: none
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoImg img {
    width: 100%;
    height: 100%
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoUserName {
    margin-left: 6px;
    flex: none;
    height: 30px;
    line-height: 28px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoUserName span {
    font-size: 13px;
    font-weight: 500;
    color: #333
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoFrom {
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    height: 30px;
    line-height: 28px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoFrom span {
    font-size: 13px;
    font-weight: 500;
    color: #333
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .newsCont .todoFrom span.fromName {
    color: #4d609f
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoList .todoList-item .timeCont {
    font-size: 13px;
    font-weight: 500;
    color: #999;
    flex: none;
    margin-left: 20px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoEmpty {
    margin-top: 20px;
    width: 100%
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoEmpty img {
    width: 80px;
    margin: 0 auto 12px;
    display: block
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoBody .todoEmpty .todoEmptyMsg {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    text-align: center
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoLoading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoLoading .todoHeader {
    border-radius: 4px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoLoading .todoBody .todoList .todoList-item,
.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoLoading .todoHeader {
    background: #f5f6f7;
    animation: twinkling 2.1s ease-in-out infinite;
    animation-fill-mode: both
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right.urge .todoHeader .todoTitle:before {
    background-color: #ff5631
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right.urge .todoBody {
    margin-top: 12px
}

.dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right.urge .todoBody .todoList .todoList-item {
    position: relative
}

.dashboard-flow-pane-v2 .dashboard-flow-right:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.dashboard-flow-pane-v2 .dashboard-flow-left {
    width: calc(50% - 5px);
    display: flex;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding: 20px
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item {
    flex: 1 1;
    background: #fff;
    border-radius: 4px;
    margin: 0 8px;
    cursor: pointer
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item:last-child {
    margin-right: 0
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item:first-child {
    margin-left: 0
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .left {
    text-align: center;
    display: flex;
    align-items: center
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .left .left-content {
    margin: 0 auto
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .left .left-content .title {
    font-size: 15px;
    color: #333
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .left .left-content .num {
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    margin-top: 10px
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .right {
    display: flex;
    align-items: center
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .right .logo {
    height: 44px;
    line-height: 44px;
    width: 44px;
    text-align: center;
    padding: 0;
    margin: 0 auto 15px
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .right .logo i {
    font-size: 32px
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .item {
    display: flex;
    height: 100%;
    border-radius: 4px;
    flex-flow: column-reverse;
    justify-content: center
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .item:hover {
    background: #f4f6fc
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .icon-bsy-launch-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .icon-bsy-cc-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAAAXNSR0IArs4c6QAACoRJREFUeF7tnH+QE+UZx7/P5hIFBhUonYLFI7u0lbHqTKH+QNFircJdskG0p5eN2oojVttqLSoKqLVqf2g7dqpjO0yd1iY5vGo1m9wNjFXGH9jBHx1rq7VKNjmtiqiI4g+4y+7T2cjhcSSX3U2yd6u7/+Z5nu/zfPbJm3ff980S/MtVAuSqmi8GH7jLTeAD94G7TMBlOb/DfeAuE3BZzu9wH7jLBFyW8zvcB+4yAZfl/A73gbtMwGU5v8N94C4TqCD31FMcnDMHJSLiRmfjd/gQoqmsdhQYq5nRBuI1CVm60AfeaAIAunLafN3AKjCfYoY3O5vBDyVk6eRGy32mO7wr2/dNg/XVzHziIFgCnmdgMgH3KzHpez7wBhBIZYttzMZqMB8zNBwR/grGLAaOIOAiJSbd0QC5vUJ8ZjqcmWltrm+xzvoqML62L0i6GeApRPRd05Za6ESlXXzEB26TADML6Z5iBxvGSjC+WsF9QBCEZWTQVh26CkAwbULB8Z/vaJv2pk25muaf2g7fsIFbXnu/EGcDVwP8lUokiGgbgZbwJOFZbNNfZfC4j+3o7URM/FxNeg4MPnXAu5/jUL9WOBeMq8Acrs6E/htCMNIRm7E5eb/2PIhn7/nhJGxUZOl4BzxrunxqgG/YUNj/tff4fICvYGDGSJUT4SEILWcokdZ3unLFX+u6/qO97YU7E7Hw0pr0HBh4Hvj69VsmvLnzwwtBWA7mL9RiIIDWfPng8MVz59JAWi2caIA3gHkYB+HKRCz8y1qxnHzuWeC9vW8fsG1g+8VEuIwZFsZbMgBckYiJvzJB7b5RbwA8YTg4ImGxIoczToDW8vEc8FSubxL00iUMugTgg2oVWP4JBN4XAqR0RkRzFlK+kmr+6crTQ0AQhNnxaPgFK7Ht2ngGeHfv61P7Sx9eBsbFACbaKPR/1CJElfbwM4M+aTX/E4NxTcWZC0gPzgqP7ziM+m1oWDYd88DvXVectrOfL2fwMjCPt1xZubXpyVCA5I728JZBv3t6Xp67s1TaBHB5vr3PRdickKUv2dKxYTxmgXer+UMGmK5gwlIw72+jpt2mdE9oavCcjnkzPhr0LU8ZN2tbARxYLR4RehVZarevZ81jzAFP5fpEGPpVzHwugKC1Mva2EgThZ52RmSuHr2en1PyjzBh5fk24NSFLw6aJTrKo7DNmgKezhUOZ+Wow4gwOOCmRgH4Qna/I4p+H+3fltOW6zjfXitusRatB3VEHnuzJHw6dzAWlM6qOq7UolYdrvEXAaXFZemy4eXpd32G8S/+nlRsZEFpO7oy2PmhB0pHJqAFP5frmwCitAihmrs45yn5P29B/SAhElEirNjxON3NgIKttsTZXB0KE1g5ZermufEZwrq9QB1l15YrzDENfxYxFDtz3nVQQPRAcx9/u+Jb0bqV4qYy2jsGnWtIi2qlEw+ObsZfp+pDSlS18w2DD3C88yVLxFowI+N30A8QfLFhApUrmabWwjMF3WP4GEf6dkKXDLUg7Nml6h6dyhVNhlEEf5zjLYY4E0oloeVwO31otpvrwlvCOdz94kRktVnXNHR9Flk63au/ErinAy7srPYXo7o3ZrztJbASfHYEAOjsjUk81G1M/rWqvMjDNjjYRfqHI0go7PnZtGwrc3F1Zmyss0bm8A36k3WRq2hNeRgCRRLv0r5Fs01ntHsNg250aCGBpZ0S6s2YedRg0BHh5JpDTzmKmleBPFvLryKuCK20SgFg8Jr4xUtxkthgnNpKWx+0hwQIBOqEzIj7a2Lz3jlYXcPOE0ktbtLN1w9xdwaxmJUpEd0+fSN9ZsCC8cyQNc93lo11GEeCQk1xCLcK0oesuTmLU8nEEvLwxmy2eA/B1zNxaS6SuzwnXK1HxOitTtZSqFZh5pkO9HYmYdIBDX8tutoF3r3tl8sCugfsYfIJlFQeGRNjFhPMSUSltxT2d0f5ooLz+4uwi/CMhS3OcOVv3sgW8/OufLWxk5mOtSziy3CoIgcXx6My/W/G+u1eLlkrIOBm3B+Obw5Yii2dZ0avHxhbwtbni7JKuP1+PYC1fIjwnBIVI56JwsZat+Xkut33SdmPba86WcD9RINANSkxcbUWzHhtbwLsff2Vc/1v9L4FxcD2iVX2J1k1uOfDMtrYp71mNn1TzL4BR8dyJ1RimHQl0rhIV77Lj48TWFnBTIK32HWZA/0ujp38k0G3BSPjSDiLdaiGp7ObfskHft2o/kp0gBOZZHcLq0bMN3BQz592lrHaswSQTIcrMhzpNwnxMB3CpEhNvsxOju7d40kBJ/xtzY17QIAjjpsaj09+yk4MTW0fAhwt1Z16ZNUD9UTCiIMy3vH5BeE9g4cx4LLzOTvLr1/OErbsKW8nuHmf1sWx7IiZOspODU9uGAB8qft+GwkEf7cAiA0YUTIuqHWUgUJEoEInLrc/ZTT6pas80dOmA6MmELB5lNw8n9g0HPjQJ80DllveLxxsMmcs3YM/T6OOh4PjFTk6nplTtxvJWXAMvIqQVWVIaGLL6d8kNkUENc9/SAM+fHAjf1dZGu+xqJ3sLx2CAN9azFVdRk3B9QpautZuPE/umdriThKr59Pbyfu+UtK3MaPjjtwA6Ox4Tk43Mt1oszwBPZbXH2WjOE26gRTimsz28yQe+m8BatbBCB99Uz6P7SDBD+4WmdCycsc0HvptAMqPlARabAYSI3lFkcXIzYleK6YkhJZXJP8tAUzZ3iegJRRaP9oEPITDS0eJ6Qbk5JTRz9UaHq9omZq79YELUTQzzXxDHWTll9fHNat6/HTw7pCQz+Y0A5o3UzUR4c/pE4RBzG668STLQv4gZ7QRayMyVH9uJChMnTzwydvzUHfV+U6z6e6PDM9rDtXaYSKCfKlFxn0P2gwttDDJvwHwins2gEgEPC0FaYXXd3SrQWnbeAK7mH6xxYmtg3H6B1tMXzny9VsGj/bkngCdVbf3gmx4qP5pTMiGLZ482TCv6ngCeUvM95XeYVLko0DJXibQ+baXg0bbxBPBkRssALFf81Sc8psjS/NEGaVXfE8BTav5eZiypVJRAOCMuS/daLXi07TwBPKlqd4O5YzgsIuoLRsOSnX1QH7gFAik1n2JGvALwyxVZvMVCiDFj4okOT2W0PzH4nL2oEX0wYSJ98bQF4e1jhqaFRDwBPJkp/AEwzhtaD4FuV2JiQ45IWODUMBNPAE+p2u+Z+YLBqs2DnYEAH3pWu/Riw0i4FMgTwJOqdjuYLxrCpCcRkyIuMWqojCeAp1TtN8z8w8HKBdAp8Zj4QENJuBTME8DTWe0Ww+Afm0zMw56KLFV6WZhLyOqT8QTwlJr/OTOuLJcq0AWJqLimvrJHz9sTwJOqdgOYV5pvWwtNDc4Y+oaI0UPnTNkTwFOZ/HUMXEtENymyuNJZqWPDyxvAs9oqNviakBAKd0RnvDo20DnLwhPA02p+hQEckZClfR7vnZU9el6eAJ5SteUgPKJExSdGD1VjlD0BvKuncLRbR9Eag7V6FE8AbzYEN+P7wN2k7ZWDQC4zaaqc3+FNxbtvcB+4D9xlAi7L+R3uA3eZgMtyfof7wF0m4LKc3+EuA/8/meqsih9HgvwAAAAASUVORK5CYII=)
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .icon-bsy-transactors-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane-v2 .dashboard-flow-left .flow-item .icon-bsy-create-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane-v2 .dashboard-flow-left:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.dashboard-flow-pane-v2.vertical {
    display: flex;
    flex-direction: column
}

.dashboard-flow-pane-v2.vertical .flow-item {
    margin: 5px 0
}

.dashboard-flow-pane-v2.vertical .flow-item:first-child {
    margin-top: 0
}

.dashboard-flow-pane-v2.vertical .flow-item:last-child {
    margin-bottom: 0
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right {
    width: calc(65% - 5px)
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .left {
    width: 22%
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .right {
    width: 56%;
    padding-right: 10px;
    border-right: 1px dashed #e0e0e0
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .dockRight {
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .dockRight .left-content {
    max-width: calc(100% - 82px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .dockRight .left-content .title {
    font-size: 16px;
    letter-spacing: .36px;
    font-weight: 700;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .dockRight .left-content .num {
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    letter-spacing: .71px;
    height: 50px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-right .todo.item .dockRight:hover {
    background-color: #f4f6fc
}

.dashboard-flow-pane-v2.hasDock .dashboard-flow-left {
    width: calc(35% - 5px)
}

@media screen and (max-width:1280px) {
    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .logo {
        height: 55px;
        line-height: 55px;
        width: 55px;
        padding: 0
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content {
        max-width: calc(100% - 56px)
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content .title {
        font-size: 14px;
        line-height: 16px
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .left .left-content .num {
        font-size: 26px;
        height: 40px;
        line-height: 52px
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right {
        padding-left: 10px
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item {
        margin-right: 14px
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoHeader .todoMenu .todoMenu-item span {
        font-size: 12px
    }

    .dashboard-flow-pane-v2 .dashboard-flow-right .todo.item .right .todoLoading {
        left: 0
    }
}

@keyframes twinkling {
    0% {
        opacity: .6;
        filter: alpha(opacity=60)
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    to {
        opacity: .6;
        filter: alpha(opacity=60)
    }
}

.BsyDashboardFlowCenter .bsy-frame-body {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0
}

.BsyDashboardFlowCenter .bsy-frame-body.full-screen .bsy-frame-content {
    left: 10px;
    transition: .3s
}

.BsyDashboardFlowCenter .bsy-frame-body.full-screen .bs-icon-iconcaidanshouqi:before {
    content: "\e89d"
}

.BsyDashboardFlowCenter .bsy-frame-body.full-screen .bsy-frame-menu {
    width: 0;
    transition: .3s
}

.BsyDashboardFlowCenter .bsy-frame-body.full-screen .bsy-frame-menu .bsy-frame-flow-menu {
    display: none
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    padding-left: 10px;
    z-index: 0;
    background: transparent;
    transition: .3s
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon {
    font-size: 16px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-dash,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-report,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-scenes {
    color: #52c41a !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-form {
    color: #0265ff !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-form-flow {
    color: #f60 !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-folder-close,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-folder-open {
    color: #6f81bd !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu {
    width: 100%;
    text-align: center;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item {
    height: 46px;
    line-height: 46px;
    width: 100%;
    text-align: left;
    padding-left: 12px;
    display: flex;
    border-radius: 4px;
    align-items: center;
    position: relative;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i {
    width: 19px;
    height: 19px;
    display: block
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i.img-bby-visit-todo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA4dJREFUWEftmE1oE2kYx5//TGPVpi1ZP1HUdgLrxcseRGQLGkHLdtuJXpQ6RVjYPQh6WVDw4iKI6OJJ3eNeNJNqQZd84FIVRfwAoRcVFcWZ1vWDxVq3H9auNnkfmdJomibmzUzEop1LLv/n/f/yf97nfTMBTfEHU5yPvjzAaKJ7Iwve5POphzY3Lbsr2wEz2RMiIX5SVPzR+mP9Ddm6khLs6mLf/ad2LxPVEiHeFtbCskZmzHrIREEQdRnh4ErZupIAY1d7q4f6BgedxQG6ZujBBlmjSNx+RcxVAGxD14KyddOAmaQ+SYIdl5776fWw3zGprPUPO5+5LY4mns2tUN5UFGzZDDGyeX1wIBfQTD4K+CAqnbp5s6k/FKr/P98aeVvc/nd3XfotHweogZnHNIpCv1cFavbnAkbi1m1iWlEIEMAJQ9e25QJG4nYnMW8Y388pIpz2f1P9S7hh3lD2WnkBzbh1hZkmDMCnBMwAQcExo0Xb+VHAs2f7av5LDfRnkntfDBz2Vfv3vR0cGvuGAC4bura2aIIE0whrbWbMGmIiPwgPjLC2PDvBLI9JEz4pwfZz/yxKj4w+zW0ZgKShay1m3DrNTC0Atgcq6iMvU919zvFRsMXj556ZsI+SoO0E2mvo2oFI3HpETEsnpAXqNfTg/I8mWAiQCEKBsn6rXnexs/PfqsbGhcPRRPcBIcSeYmcaVKXVaK4/makzY/YOJj46OQRPgGOHc4oYpxhsgbCGmdcUgxvfDkxEZ0C4xSRWMVNT3on1lqAMijcNpgG9BehsIS9D4tFdovzLBQRwXiXsJfCIRBAFJWmFainNvzHTurJOsaqq37c21133ApepjcatBsF0payAAP4MVNT+2tQ0Z+zHqtun4/rjWaMvRo8w889lBcy6K50D1/WTe7+X/SZxTSZZ6GmKQWQxSGZIAsS0WJJpgsw1oALas1UPHpQxddrYnrQPCkG7ZfTZGteAUNV1RnPdJVnD9qStp9Mck9V/2ONubxLgnkJ8TID6i5kqrFQzi13OO3Ax7dc1JKWm4UYvtQfPXHgy5/XwmxduDMpQ86QtHFwyYXDyLWrG7PtM/G0ZDEtbAuho07UtRQGjiZ7VzOIvZl5QmoN7NUB3lMqZP7Q2Ln5cFNARJBLPZg+I0e8IXOPeVq4SCp4vqlp6MxRCatJkyy3x+VQl/bv1OTCnAb2mPuUTfAeiUBJHxPSiXgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i.img-bby-visit-cc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABRNJREFUWEfNmG1sU2UUx//ntp0ywoyiovIyekuABDGSYPCDEhdFZeu9ZYYM6L3GiSNq4gtRYtRtYoT4hUQTxUhiDImu7UCJ6QuDiXGJGg0J33Aa43pvp7ARiW+bcd3LfY65xY22tGvH7mD3Y/s/5/k95znPOedewix/aLbwhaPGAnbxas3v+yKb6aoDHuk4s2hobOQlADsI+FdT5fmzAvBwLOUdhXgZzI0AuZjoa0DM01Xf2qsK2H40udyy8AoAnRluAIMgvAbQbgAJXZUfvSqA4VjvKoGxZjBtAViyIYioV2KpXoBPMMR8ImrWVPnNKwoY6UitEWNWC0D1zJyV83RSAgJMHGLG/TaURNgcVH1Hrghg5Ki5zhoTrQDq8isFAe23VUmP9w1wEwjvjIO7XZ7VW/1Lvp9RwNBRYz0stDDzhoIljPCGpsivHzlhLEsP0Y8Auy7oSCysork1Nd70jACGEskHYFErg9cXAiPCMBO264ovzMxSKGb2AbxgXEuglBaQvQWiPb1SHUkk6yyLWgFeN4mn3yTJtSmoLP3O1oSjPVEBUnP0RJ/rqvyQI4B2zoRjvfWAaGHwmsm2SIRuySP5t230pmxdW6L3MRJjB5mR0yRIov2aIj87LUD7aCLx1BaGaGbGqpKxJzp+g/u6LbW18wdsbaTz7GIrPZwE2JNvKxE9F1Tldy8LsKuL3f0DKY3BrzJ4eUkwO+Ul2u/xe3c2EFnj+lDU+IXBiwvZS5A2BgPe41MCPNzNFaNJs5EBuyVdksAFLwPIYgnP64r8Xvb/obgZYiGCxTZHLrdP81cbZQF2dZnX9g/yDsFsN/FF5UTsQqXAAElSg+b3dmbbtB9LPWKNik9zC/VFBQEjHlWuzI72xdud5SmT/HFzOwN7wXxL2WAZNkoRufxBtbo72y7c1XcjDw6dYcY1xf3RT3pAXln4RLJ+DUWNPQxumQrY/9pvKzyVmxpqbz2fbxuKGT8z87LJbzolNFVWSgPGjI+YOWeaKAVLoND1Hu8TtbU0nK9tS5gHYIkny/DxlhaQXywJGI/3VQ7y8C5mrmfwnSV2zWDs1gLynkK6cNR8mIk7iuVdjo0kPa0r3gMlAbMFds3i4bQiQAqBa3JyiCgNokZd8R4q5LSj4/eqP0f/PsfgOaWil7lbLmzIH/ULXpJizjo7z839YyT9oGBLYeAul0tq2lbnPVlMH44lTwvG7eXAZQDdtFSrk3unFMFynefrIjFjn8W8q1x7e4gIKnIlEYkZBzx8rPeekRHrKyB7MC2J+oMe8BVtm46+1YVjRrNg3lsSKUdAMT0gB4rZOAxo7hQs3s5fjAjnmXFTYQjapwdku2MVfBwFDEWNZxicN5FQ/8qF3uqec7+uGLNGFSLUgelutidpwtkKrrivIbC454oAtsXNpyDE+9mLkUStmiLnHHv0m/Pzhv4aql4w1+rJH/Evif7U8mVydThmNAnmDyZUROkK95wlhVpgues6e8Qxs5FZHJwoskQfaqrcVC7MjJeZcNTQBfjjiYXcuEOv852eNYChhLmVLRHJdAfCl5rqy7yQT+dx9IgjcWOzJfgTG0iSSA0qcnw6cJmNTtdBtn04bm4SQnwGQo+myCuKta+prOkoYFss6QcjXuwNbSpgExftcoyK2WRmQIh2T9W8RQ01N//jhG9HI5j5/CGkWk31vuAEnOM5GEkY97qEdKZBXWrOSsBTp9izdi2NOgXneASdBBv39R8hqwRHfPlzyQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i.img-bby-visit-transactors {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA3ZJREFUWEftmE9oFHcUx7/vt2uqafcgUmnMIdlZKFLoRbRQPAVBCbqzFkttdmIP5tBLDyJVLy209VC0CppTexIlu9FYhN1taptKcylYBaEg1lN2ihophNZ/MWk2u79vGZPVZLJJZnZniYfd4+x77/uZ75vfe7MreMk/8pLzoQFYa4caDq6IgwO32FQc+WsPoNs8A1D9kUxEf/IcPxtYVYv7MvZhQB/zKxZWsuPDuDHkJ68qwFQm30fQ8iPkxIrIIcs0TvjJWxQwnbN3k+wkGHlekGqyOxHtqQVwzSvN5yamnp6aCymQMRF1Phlvv+qGrwiYyuU/o+bRCsHjViIWSWXyZwl+5MeJGQdxECqcYak4sjBXdCiE97p2Gdn58K7IATJUyNmPQL5aCaAprFqKmluo+T2BJq+QAjwKhfGOLipDQ1+umCfye7dpvLskYP/QnQ2lyenRxYRFcCYZN3ou/nxvbbGgW7wCRmSVHQq1lB4U7WGS8yDKNUQwZpmx9TUBzj7sVwHJgHzqFRAK66Gxl+CbS9x8MICeoXwGBuagT13P4Q1Ab1bJQwGbK02AFXdQgNNrVxlHJjH6+uT01J8AXiyBmTm5codElPrCike/LLucyuZvk9w4b6SsBKCIECIHrHi0twyTzo0c1BonF2yqoABFpBfkA4ocAtm86FyDlKCw34ob5547l8t/Rc3PK+UE0+I56yidtT/W1N8uIjYFqL2WGc0435OU9A92LzU/qe+gFvm7NSLRjo7of45oKpf/BcQ213oaFwklkmb7r8714WGGR5/YZ0B2L3XSg3EQgFI4nozHjjhiqcF8G4u8WT6RIvIvBJ1W3Lg+A2evHn3MCwDN5cZQYIACKamwbO3aGb3miJZbLZD7IqHtSbPtlnM989tYZPyfxxkCHcvBzez4IMeMyO3WiGwqt7o/a38XFvX1B2a77YhdunJv3cRE4TLILV7gggd0tXouxEDubmtBF5zfHm95hasLoLvVjsj5H+/EStPFKwTb/cDVBfAZwJxW9w2OvI2SDIF8wy9c/QBnIQW8BuJ9Aq9VA1dfwGqJXHmeTvHsUH0CcnVAup7LiOCGZcY2u4b+wvxUNv8NyU89Vw4oUEH2JRNG37KAzgrrz9k9BDsBmffOFhCLqwzHlEK6a1ds0F2/qr8+6gNZuWoDsFa3Gw7W6uD/lXreOP/bVugAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i.img-bby-visit-create {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA+BJREFUWEftmF9oW2UYxp/nJKd/kqYgo9bVljanXohTRFhxzJk1siKrOwlT6GZSwQtRUa8EBQfeeSMIXuhQGQhCG3UwNV3b0TIciG4UmTK2iTiSznWuHUk37VxdmyavpG1q/pykp0kaCvbcHDh87/v9vuf53vfjO8QGf7jB+bAJWKpDhgoePT1RG4vMPw9wGyCWUifJFy9QxhXIZz6vdj3fmBzAZbgxAR5aL7D0vCSiiqp0PLvXedlovhzAwEDolYTgcCXgUnMo4BGfV3vRFGB/MPyhQF6tJCCA073e9sdMAoY+EuDlygJyrNer7dgELF71/4OCzuY6OOrU4kQSYDIyi8iNuTzxa1CwbyD0MQQvpWdq2WqHq6OxOLjlqHhc8NXo75iPJXLyUOHbfl17p+giabq7Fu4dW0sCjC0k8PXoFSTfmY2a7/k92humT5L+oHGbuaehFvVFWiwCXI/+g5m/Y5lw4GG/V3ut0MpzTpJ8gCXJZxisfOr3tL1AUjYcIImAT9eeI5m7IbNoK64gyWOq7jzQQ8bNuGIKsLpKweMdjai3528zC3HBTxencXVqttC8Q/ffq+3fvp2Lm3FkZMoembt9hOAjJN/y6c5vsoNNAd7X6sCjDzesuuDojTsY+f6a4TiCJ+9Snfu6u7nSDPuCoUEATyUDCMZJOeDztB/LqPLsbEZFYrdZ0bWzCcl3vieeEJy9MI1Ll2dy+xz4Xb1Ss1fXmxblHR6W6iRoYCC0SwQnBKhbDCKnej1aRj8zpWBqRkXJf4WRhMC4HDnm2OLo8u5quJWyNXpndhjkWb/H+Xo6JMkzfo+2c80KruptngEEf7bV84n9buef6XACcS0Jprz/HyQ/qFGr9Ge6m69WBpC4YLNVdz69p3l6BW5udkhEdmeeJEuQIkKjnrgmi80qSfA3Aq7UZShZrVEDuKXiQAgWa4d/X+tNo/xlByQZVqm6evSWPwopl4KrUas7s21dN4sJTChViit1Q1tNudXglheRKWzxZzEnqai7/XrLpXIol6Iqi8UkIqrV2tnT3fpLMvGpU2K9dmv8ZHZBmLW1rBaTvGkh3Ad17VwqcSAY7kpARrM3fbIgzNhaELAvOP4mkHjXVMUSM1Zgz0FP+4/p4/sHwp+ISMZFvBg4wz0YCIYbE8BFQLYUhCRvQyxP9npbf0gfd1TEEjsenhTByuFdLJwhYPLj5yfG22ReDiUg2wAa/jxSqBzyedq+zV7EF4NXHlyIx84T+EvIEQKDNgePp04TU86kDSr7/0ERUb4cmnig0d7yq9vNhbUCGezbUlOsb3zZFSw37iZgqYpueAX/BZpSyzhhsOi/AAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item i.img-bby-visit-launch {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAW5QTFRFAAAAqv//v7//zMzMqtXVv7/fqsbjqr/VscTYtrbbr7/PrrzXqrbOrbjMp7rOqr3QrbbRp7fPqrjNqrfRqrbOqLjOpbXPp7bQpLbPp7jNpbTOprXPqLbMpLbOp7fOp7fNprXOpbTMpbbNprTNpbXOpbXNpbTOprXMpLbNpbTNprTMpbXMprXMpbbNprTNpbXOpbXNpbTMpbXMpbTNprXOpLXMpbTMprXNpLXNpbbNpbXMpbXNpLTNpbXNpbXMpLbMpbTNpbXNpLXNpbTMprTNpbXMpbXNpbXNpLXNpbTNpbXMpbTNpLXNpbXMpbXMpbXNpbXNpLXNpbXMpLTNpLTMpbXNpLTNpbTMpbXMpLXNpbTMpbTNpLTMpbXMpbXNpLTMpbTMpbTMpLXMpbXMpbXMpLTMpLTMpLTNpbTMpLXNpbXNpbTMpLTMpbXMpbTNpLXNpLTMpbTMpLXMpbXNpbTNpbXMpbTMpLTNpbXNpLTMj7K8mQAAAHl0Uk5TAAMEBQYICQwNDhATFRkaGxwgJCcqLzAxOz1ERUZJTlFTVVtcXWBjZGVmam94ent8gIKDhYaHiImKi42Oj5CRkpOUlZaam56fo6Slp6mvsLO2t7q8v8HCw8THyczNz9HT1NfY2dze4eTo6err7O3u9PX29/j5+/z9/uQixhQAAAFLSURBVDjLY2AYKkA1qaISOyiPl0dSJ1eJB5RLIBT64lNY6YJQGI1XYQCdFGZogYEfQYUeEBEZggrdICJSxCqURlIYiFWhO6bCIKwKw5nAIppICoOxB09RgTJnQT5y8ITgCkddIdRwDMNQWJGTmZmZkaHJlZ6bk52VWQZVGIGhUB817YlAFUZiKFTn9fYBAhl2LxClwApVGIWpUBxM6QiAKSuYwmicCvkhCtmgCmMxFGqIQhTyoSqMQyiMAQv4i3FYRVVmeEoyW4ZW5njKMjjlgcUT0EwsBLEEK9VAFGO5HohyBStMxKaQu1IRLFKsjVCYjE0hD1RhCZLCFDSFpRLCwsKalQ5AUli60gtEhYEVphKbZ9KIVZiOUBiBVyFSOFrjVWiNUMidhEddLCdSimJTMjAEAyNjE1MzcwtLK2sbWzt7B0dnGxUWhuEHAJ/paoDrpRD+AAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item span {
    padding-left: 15px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item .tip {
    border-radius: 10px;
    padding: 1px 4px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    top: 13px;
    right: 12px;
    position: absolute;
    font-size: 12px;
    color: #fff !important;
    overflow: hidden;
    font-weight: 400 !important;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item .tip.min {
    height: 8px;
    width: 8px;
    min-width: 8px;
    min-height: 8px;
    margin-top: 6px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item .tip.warning {
    background-color: #f90
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item .tip.error {
    background-color: #ff5631
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item .tip.empty {
    display: none
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item:hover {
    background-color: #f5f5f5
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item:hover span {
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select {
    background-color: #f2f6ff;
    color: #0265ff;
    position: relative
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select span {
    font-weight: 700;
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select .tip {
    color: #fff !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select i.img-bby-visit-todo {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select i.img-bby-visit-cc {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select i.img-bby-visit-transactors {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select i.img-bby-visit-create {
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .menu-item.select i.img-bby-visit-launch {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABIRJREFUWMPtmEuIXEUUhr9zuzvzUCMqSAwxKmhC3AbcKNGVSwOCIm5UCLgP+EDCOIjJCMoIggGRoJssjKAoZqUiiBGJQYOQoCAKGtEkExNmEiaZ7lu/i76PqrrVnTvZuJmCYZqqOnX/Ouf851GwNtbG/zssNdl7T0+T8yKwBYchQMM1OTCBijkr5mA4T7lWzFWyhTyu3mPCmXHSiZl8j33cCuDE+3rEDfjEP7gCkwIWfbgBSgGg6j+evA2ldwxm7EiMJ4sn8gHP+IdWB8q7kQpNUgOvgLkmMH+PUWvY6stkJp5KabDbUKm4Hf9Q7yOVJqjB45m4Gt5+S2mQpItsSgHMUpNKmMY/tPxIBYZQc0ppMAYeyytNkm4TXQ3GB2aEN1bs+IRaS8kr9l1f3lYBsPSP2AwWm9M4beIVMu8j9frDEjtHyVuJb9UadKGJ/AMUmdSMz/u7bX/q4Ik5/ToQOy0h7wOVuxYTK/THkgzm/S5A9scEWBdboYoMPpvHgEsDjEhSuoZcO5OUY+CwKhQlNJUI5taOxT7jfEKQCMQjXRs6hIQymmwOmG102oeZ8uauGULKII2AnLsf+kpJKzi4yz8n8GvXDEfkaSxpFsd+l4phwz0PfPMdS919cpl49vob+HRxkb8l5AZc52vdFPozTSJ22gHMQ7CNfOuvDQk1KYEzNl+6xK1yTJchxDx5efJGMlJ0WpOkOjjWrCEc/5bXKBxQNpRZmJpiYanPX4gpVBFWhdwtQKdh2lrL2epYnMgQwMzgBXt1FDEuMDqnrpvVvfkKJ+IU6lmnsyofTNVzZvwz/aZu6y8z7yDLisPdkAwHbrqZby+c5R2g6/IgKB7aCIf/pFlEeKRcHUlicBKYg37OBoknrADmxcofL57hpIMnY2IYnCLjcMnmILvU8i3DTD6+noMRFQpAD+ESZZqDwfrhdiO0kNV72pNkZD0HRlakMNcsJCwvIlJUfcd53iLtjTNxKpNYsp4zPkN8f6Pxm8F8ZhwtJE4DB3Ec2baRswZvGHxdyJ0DDsr44tRuWwb2G5yPq3MDnNIabKSq3us6JrG9bI4KjSznL9m0v29yTnf2L/N7lrGr/7Id8NceO6TOR8dZMcfM4DXbG6TA5/QuObviUi6Dnwdv2bZWudivB/2EH1xELDE062K89uHjliP6Ji6mcmCgmZow7Vgsl/DBtJtmKEw8savkY/w7LmDVNpP4NZ/XgfW6+3R/J2eh3HdlhQeL2++Y2KOfgkDg2KycdQb3TTyvrUEZ1mer31Z4+T5r5YPdOR3Dsb1RaLoR2WXMn9RsUxW3E7VC/nBv2x1X9UHzbnXVei7KqYqCvHmlWtw8NR4C1D4OXm7c1kUll2tW3kQvBslGa4y84FzbOHg0MKkS7y6p0l9hTxO8PJQWiepMv3LPxJetAE4aezPjl4AwLtGn+M8cnn/6bWXVJDmvWFUYwgr54+t7zLZ+3do0r6kzSzzqxD1ARkwQVzU5GcLIMQxDGK74PSCr5hjuUfl7uC8zuGLihy0b+ODErK2sPTaujbVxDeM/4tpvIxPmKOcAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu .line {
    border-top: 1px dashed #e0e0e0;
    margin: 10px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-flow-menu #menulaunch i {
    line-height: 19px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content {
    position: absolute;
    top: 0;
    left: 270px;
    right: 0;
    bottom: 0;
    z-index: 10;
    transition: .3s
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content.isFlow {
    box-shadow: none
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content {
    width: 100%;
    height: 100%;
    background: transparent !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path {
    background: #fff !important;
    margin-left: 10px;
    position: relative;
    z-index: 1
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .entry-name.flow {
    margin-left: 45px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .entry-name.flow .form-name {
    float: left;
    color: #333;
    font-weight: 700;
    letter-spacing: .67px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .entry-name.flow .form-todo-mun {
    float: left;
    color: #ff9921;
    text-align: center;
    margin-left: 10px;
    letter-spacing: .49px;
    font-size: 12px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter {
    margin-left: 20px;
    display: flex;
    height: 46px;
    align-items: center;
    float: left
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item {
    margin-right: 10px;
    display: flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item.unread {
    position: relative
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item.unread:before {
    content: " ";
    position: absolute;
    top: -11px;
    right: -3px;
    height: 8px;
    width: 8px;
    min-width: 8px;
    min-height: 8px;
    margin-top: 8px;
    background: #ff5631;
    border-radius: 6px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item span.num {
    font-size: 12px;
    color: #666;
    margin-left: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item:hover,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item:hover span {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item:last-child {
    margin-right: 0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item.selected {
    background: #0265ff;
    color: #fff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .todoFlowFilter .todoMenu-item.selected span {
    color: #fff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu {
    display: flex;
    align-items: center;
    float: right;
    height: 46px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-item {
    margin-right: 24px;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-item:hover,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-item:hover i {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-item .new i {
    margin-right: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .BsySearchInput {
    width: 260px;
    margin-right: 24px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .BsySearchInput input {
    width: 260px !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-refresh {
    cursor: pointer;
    right: 65px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-refresh i {
    margin-right: 5px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-refresh:hover,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path .flow-path-menu .menu-refresh:hover i {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content {
    position: absolute;
    overflow: auto;
    top: 56px;
    left: 0;
    bottom: 0;
    right: 0;
    padding-right: 10px;
    background: transparent !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .loading {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui_dash {
    background-color: #fff !important;
    width: auto !important;
    right: 0;
    border-top: 1px solid #eee
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_data_manage {
    background-color: #fff !important;
    bottom: 0;
    right: 10px;
    padding-bottom: 10px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_data_manage .manage-body {
    padding-bottom: 0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .footer,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .widget-wrapper {
    border-right: none
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .filter-menu {
    margin: 20px 0 0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_list {
    background: transparent !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_list.batchforward .batch-forward-toolbar {
    margin-left: 0;
    width: 100%
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_list.batchforward .flow-list .flow-item {
    border-radius: 0 !important;
    box-shadow: none !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_list .flow-list.modal {
    padding: 0 0 10px 10px !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_filter {
    left: auto;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(2, 101, 255, .1);
    border-radius: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_filter .form-filter-pane {
    border-radius: 4px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu {
    margin: 20px 0 5px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .loadStart {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar {
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #eee
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .left-toolbar,
.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar {
    display: flex;
    align-items: center
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn {
    padding: 0 18px;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn span {
    font-size: 14px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel {
    border: 1px solid #e0e0e0;
    margin-right: 16px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel span {
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel:hover {
    background-color: #e0e0e0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.ok {
    border: 1px solid #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.ok span {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.ok:hover {
    background-color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .right-toolbar .btn.ok:hover span {
    color: #fff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect {
    height: 20px;
    line-height: 20px;
    margin: 0 30px 0 0;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect i {
    margin-right: 10px;
    font-size: 14px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect i.icon-bsy-check2 {
    color: #9da2b2
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect i.icon-bsy-iconxuanzhong {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect span {
    font-size: 14px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect:hover i {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .authAllSelect:hover span {
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .tip {
    height: 20px;
    line-height: 20px;
    margin-top: 0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .batch-forward-toolbar .tip .batch-count {
    color: #0265ff;
    font-weight: 700
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .flow-list .flow-item {
    border-radius: 0 !important;
    box-shadow: none !important
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward .flow-list .flow-item:hover {
    border-color: transparent
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list {
    border-radius: 0 0 10px 10px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item {
    margin-bottom: 0
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect {
    height: 100%;
    width: 14px;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect {
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i {
    font-size: 14px
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i.icon-bsy-check2 {
    color: #9da2b2
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i.icon-bsy-iconxuanzhong {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect span {
    font-size: 14px;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect:hover i {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect:hover span {
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .flow-list.modal {
    padding-left: 10px
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen {
    position: fixed;
    top: 0;
    left: 0 !important;
    right: 0;
    bottom: 0;
    z-index: 200;
    padding-top: 0;
    background-color: #fff !important
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen .bsy-frame-path .sidebar-container {
    display: none
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen .bsy-frame-path .Full {
    top: 0;
    right: 0 !important;
    left: auto !important
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen .bsy-frame-path .breadcrumb .edit-form {
    display: none
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen .bsy-frame-path .breadcrumb .entry-name {
    display: block
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen .fs-frame-entry-content {
    top: 40px
}

.BsyDashboardFlowCenter .bsy-frame-body.fullScreen.dash-theme-dark .bsy-frame-path {
    font-size: 14px;
    font-weight: 700;
    border-bottom-color: transparent;
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-path {
    width: calc(100% - 10px);
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow {
    position: relative;
    width: calc(100% - 36px)
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme {
    float: left;
    margin-top: 0;
    margin-left: 15px;
    border-radius: 4px;
    height: 30px;
    line-height: 28px;
    position: relative;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .icon {
    float: left;
    margin-left: 8px;
    color: #f60;
    height: 30px;
    line-height: 28px
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .text {
    float: left;
    margin-left: 6px;
    color: #666
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .todonum {
    float: right;
    margin-right: 8px;
    margin-left: 10px;
    font-size: 12px;
    color: #666;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .close {
    float: right;
    margin-right: 8px
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .close i {
    color: #999
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .close:hover i {
    color: #f60
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding {
    display: none;
    position: absolute;
    right: -13px;
    top: -6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding.ding,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding.ding.delete,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding.ding.hove,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding.hove,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme .iconding.hove.unset {
    display: block;
    background-size: 100%
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover {
    color: #333;
    background: #eee;
    border-color: #eee
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover .text,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover .todonum {
    color: #333
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover i {
    color: #f60
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover .close i {
    color: #999
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme:hover .close:hover i {
    color: #f60
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select {
    color: #fff;
    background: #0265ff;
    border-color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select .close i,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select .text,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select .todonum,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select i {
    color: #fff
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .header-itme.select .close:hover i {
    color: #f60
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all {
    position: absolute;
    right: 0;
    border: 1px solid #e0e0e0;
    color: #333;
    border-radius: 4px;
    height: 30px;
    line-height: 28px;
    cursor: pointer;
    background: #fff;
    width: 160px;
    -webkit-user-select: none;
    user-select: none
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all .text {
    margin-left: 10px;
    float: left
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all .icon {
    float: right;
    margin-right: 10px
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all.select,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all:hover {
    border: 1px solid #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all.select .icon,
.BsyDashboardFlowCenter .bsy-frame-path .header-flow .all:hover .icon {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn {
    flex: auto;
    text-align: right;
    padding-right: 20px
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn a {
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter {
    color: #666;
    margin-right: 20px;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter span {
    margin-right: 5px
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter:hover {
    background-color: #f2f6ff
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter:hover span {
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter i.icon-close {
    color: #ccc;
    font-size: 12px
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter i.icon-close:hover {
    color: #f5222d
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter-select {
    background: #f2f6ff;
    color: #0265ff
}

.BsyDashboardFlowCenter .bsy-frame-path .filter-btn .filter-select i {
    color: #f5222d
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb li {
    color: #555;
    display: inline-block;
    margin-left: 5px
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb li a {
    color: #4c8fbd
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb li i {
    font-size: 16px
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .form-view {
    position: absolute;
    margin-top: 7px;
    top: 0;
    left: 38px;
    font-weight: 500
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .form-view.Full {
    margin-top: 7px;
    cursor: pointer;
    color: #0265ff;
    border-radius: 18px;
    padding: 0 14px;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .form-view.Full i {
    margin-right: 6px
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .form-view.Full:hover {
    background: #f2f6ff
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .edit-form {
    position: absolute;
    height: 30px;
    top: 7px;
    right: 26px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 20px;
    background-color: #e5efff;
    color: #0265ff;
    font-size: 14px;
    cursor: pointer
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .edit-form:hover {
    background-color: #0265ff;
    color: #fff
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    float: left
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .sidebar-container {
    width: 30px;
    padding-left: 12px;
    float: left;
    height: 100%;
    display: flex;
    align-items: center
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .sidebar-container .icon-container {
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    min-width: 26px;
    padding: 2px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .sidebar-container .icon-container i {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .sidebar-container:hover .icon-container {
    background-color: #eee;
    border-radius: 2px
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .entry-name {
    float: left;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    box-shadow: none
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .entry-name.dash,
.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .entry-name.form,
.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .entry-name.report,
.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .entry-name.scenes {
    display: block
}

.BsyDashboardFlowCenter .bsy-frame-path .breadcrumb .tody-num {
    float: left;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    color: #f90
}

.BsyDashboardFlowCenter .fs-frame-entry-content {
    position: absolute;
    overflow: auto;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f5fbff
}

.BsyDashboardFlowCenter .fs-frame-entry-content .select-flow-empty {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch {
    position: relative;
    min-height: 560px;
    padding-bottom: 60px
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-app-list {
    width: 100%;
    color: #333
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-app-list .app-title {
    margin: 18px 10px 0;
    font-size: 14px;
    color: #666
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-item {
    position: relative;
    margin: 10px;
    background: #fff;
    width: 200px;
    height: 110px;
    display: inline-block;
    box-shadow: 1px 1px 2px 2px #eee;
    cursor: pointer
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-item .entry-name {
    padding: 10px 10px 0;
    height: 70px;
    color: #666
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-item .entry-name .border {
    display: inline-block;
    max-width: 180px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-item:hover {
    box-shadow: 1px 6px 12px 2px rgba(0, 0, 0, .1)
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-bottom {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-top: 1px solid #f2f2f2;
    text-align: right
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-bottom .entry-launch {
    font-size: 14px;
    line-height: 34px;
    color: #0265ff;
    cursor: pointer
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .flow-entry-list .entry-bottom .entry-launch .icon-angleright {
    margin-left: 5px;
    font-size: 16px
}

.BsyDashboardFlowCenter .fs-frame-entry-content .fx_flow_launch .list-empty {
    background-image: url(/template/resource/static/media/img_faqirenwukongbai.59ffda0a.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: calc(50% - 180px);
    left: 50%;
    padding-top: 180px;
    line-height: 20px;
    color: #989898;
    text-align: center;
    margin-left: -250px;
    width: 300px
}

.bsy-dashboard-flow-center.slider-body .slider-main {
    background: #f5f7fa;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: unset
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu {
    position: absolute;
    top: -50px;
    left: 10px;
    display: flex;
    height: 50px;
    line-height: normal;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    width: 260px;
    padding: 0 10px
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu .BsySelect {
    margin-left: 20px;
    position: absolute;
    right: -210px
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu .flow-item {
    padding: 0 16px;
    display: flex;
    height: 50px;
    align-items: center;
    cursor: pointer;
    position: relative
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu .flow-item .item-name {
    font-size: 14px;
    color: #333
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu .flow-item .item-tip {
    border-radius: 50%;
    min-width: 8px;
    min-height: 8px;
    background-color: #ff5631;
    position: absolute;
    top: 9px;
    right: 8px
}

.bsy-dashboard-flow-center.slider-body .slider-main .flow-switch-menu .flow-item.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #0265ff;
    border-radius: 10px
}

.bsy-dashboard-flow-center.slider-body .slider-header {
    position: relative
}

.dashboard-flow-pane {
    position: relative;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 100%
}

.dashboard-flow-pane .flow-item {
    flex: 1 1;
    background: #fff;
    border-radius: 4px;
    margin: 0 5px;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.dashboard-flow-pane .flow-item:last-child {
    margin-right: 0
}

.dashboard-flow-pane .flow-item:first-child {
    margin-left: 0
}

.dashboard-flow-pane .flow-item .left {
    flex: 1 1;
    text-align: center;
    display: flex;
    align-items: center
}

.dashboard-flow-pane .flow-item .left .left-content {
    margin: 0 auto
}

.dashboard-flow-pane .flow-item .left .left-content .title {
    font-size: 14px
}

.dashboard-flow-pane .flow-item .left .left-content .num {
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    margin-top: 10px
}

.dashboard-flow-pane .flow-item .right {
    flex: 1 1;
    display: flex;
    align-items: center
}

.dashboard-flow-pane .flow-item .right .logo {
    height: 66px;
    line-height: 66px;
    width: 66px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto
}

.dashboard-flow-pane .flow-item .right .logo i {
    font-size: 32px
}

.dashboard-flow-pane .flow-item .item {
    display: flex;
    height: 100%;
    border-radius: 4px
}

.dashboard-flow-pane .flow-item .todo {
    color: #fff;
    background: linear-gradient(1turn, #ffc945, #ff9921)
}

.dashboard-flow-pane .flow-item .todo .right .logo {
    box-shadow: 0 2px 4px 0 rgba(255, 163, 29, .1);
    border: 2px solid #ffc502
}

.dashboard-flow-pane .flow-item .cc {
    color: #0fac5f;
    background: #e6fff2
}

.dashboard-flow-pane .flow-item .cc .right .logo {
    box-shadow: 0 2px 4px 0 rgba(15, 172, 95, .1);
    border: 1px solid rgba(15, 172, 95, .4)
}

.dashboard-flow-pane .flow-item .transactors {
    color: var(--bsy-base-color);
    background: #e6efff
}

.dashboard-flow-pane .flow-item .transactors .right .logo {
    box-shadow: 0 2px 4px 0 var(--bsy-base-bgcolor);
    border: 1px solid rgba(2, 101, 255, .4)
}

.dashboard-flow-pane .flow-item .create {
    color: #2bc2e1;
    background: #e6fbff
}

.dashboard-flow-pane .flow-item .create .right .logo {
    box-shadow: 0 2px 4px 0 rgba(43, 194, 225, .1);
    border: 1px solid rgba(43, 194, 225, .4)
}

.dashboard-flow-pane .flow-item .launch {
    color: var(--bsy-base-color);
    background: #fff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.dashboard-flow-pane .flow-item .launch .right .logo {
    box-shadow: 0 2px 4px 0 var(--bsy-base-bgcolor);
    border: 1px solid rgba(2, 101, 255, .4)
}

.dashboard-flow-pane .flow-item .icon-bsy-launch-react {
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane .flow-item .icon-bsy-launch-react,
.dashboard-flow-pane .flow-item .icon-bsy-todo-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%
}

.dashboard-flow-pane .flow-item .icon-bsy-todo-react {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAAAXNSR0IArs4c6QAAC7JJREFUeF7tm3uMFdUdx7+/Ydd1keW1WUR22Vpqa6OhtgV5FBEbQNstFMtjlZe7JSVpWpP6R5uYxlRtQ03T3DSFJo0kFNRuechFrYCWKqCy0mzB2pe2Xq2wLEUQVrwLLLtw59fM486dOefOnHu5l2GanflnWGbm/M75nO/5nd/5nXMJ8RUqAQrVWmwMMfCQRRADj4GHTCBkc7HCY+AhEwjZXKzwGHjIBEI2Fys8Bh4ygZDNxQqPgYdMIGRzscJj4CETCNlcrPAYeMgEQjZ3RRXObeNHoK/nAbDeCBq0g1a8v/VytZ/XjbsNpC8H6+dAVWtoReo/l8tWULlXDDjvvKEKx/vfAPgmp4IaPUAtnb8sNwh+onEWmHeBnfx/NyqrbqFl73aV25aqvCsHvG3sXcjwi94K0nt035EbVJUu9jk/1bAVjAWe70h7kJZ3/qzYskp9/8oB31jfCp3XWw0wqsEAtDQt7RpWaqPE7/l39e1g/pLHFlGClhz9frltqcq7ssCREYBTmhYfKz/wTWPawboAXEvQvf8dQMC3jG4FwQLODBAZ9zQ1Hy8/8KevbQfIAp61BSRo0QcDCPgzo1uh67bC7YFISNP8E+UHnhzVDsBWeHbQawlaMKCA17UCtg93XDjSNO9k+YE/W5fz4TlbCZp3cgApfEddfoXPOVV+4M/Xygo3Js05Awn4C7V5gFOamrrLD3zHyHYgG6Vk3RclqKn7/1/hvOeOCnzYV+kXHlHz/l5z7tplAM9GKdm3KU1f+cgEzlsWDQK6rlKFWb7Px/VfpIkHL5hl/WGEKyy0v9CQoDtPm8DNRdiZOi1/WR9nqPmt/kuuh/Bh2cJC3vCpachkfgHQF8B6hRl1iBehl1YcGmw28uXhrcjYk6YVoQCkpWn2aQv4uk+uBOtr7ejFimK8EY0z01oxvP3c8dG0mla8/z3zk5eGtkO3J82sLU1L0Cwb+LrrOwDcapXvWhYYf5NRMe0dED9MKw5tLhV8WYDz+nGfBjJ/BaNaqrC7hibwwxbwPTWt0O2wMAcsTTN7LODrbeCqFkqAstAM4Ics4LuHuhTudE6CZvZYCv+NC7jYAHf5Gn2VvnlIWB2rKuh9Xh7gTzQ+Bp0ezG/aVWMDeGunBfxVA7gYFlKaZpyxgTeuBEOtcGd0iCPABfyVIbJLIS1BM2zg66/vAOuWwsXyvILZTq2H5xaH+HIA3/CJrcy6masgIjCzec/rUlps4O3X5Jb2ucVImqafs4A/2bgSOtZeeuO01dRqK/y16jwLH07Q9F5L4RsaHZeSrbtxl9pD9G9qOfzZS6+T4/hKKcKAMzYJpvmWD3RWjVahWZ9q3A2F33fEUvh+A7g9abrj8Knnc8AZawMBWAY9TtfpO6bV1NppuZTXq/PE4ZSgqTbwJ8d2QLd9uKRwT/kpajnymVJolcelGMABC7h0uV0K9dJyG3hH9T1gfZO3k3CUpvQ1mJB+ayicZYVLHZqdcIWmaLSaltnAO65+CcwzPbbAj9Dk/kdNW0+N7QDbwMX6e+2lqKUrCsAbkqD8wN31JXIBf2NIHTJ97wIY6rSR8GuaeOE7DnAjSrnUi7CalnVZCj9Y9V3o+q9cdnRolZPpi+cOOMDBlg/3DElhBBFStCwKwNsakmA/hbuIES7ixmsHO/HxXyqmgennABpA2A5t5A/oluNnzWa2NdwPxhpZcNb8kPOx7nyUCxhp62jpkW+ZZTET3qz8EUAtYPRAo1X0+f4t2bK5rcGIsD5n/e0b9hh9kaKlkQBe7+tS2NxmIRh3E0dFxW10T6ex1A68uK3eALJIAi6WZ5dt2PBcRP/E4iPjicgy7HPxtvpanMdxZh5kdZdVV6k88yGlaEkUgG+sdylcVIjU0oMYWjGb5nR+5Ath45ivA/SstSWmLC8AJ/2Qlhx9zNfOgQmVeOeDjQC7doPcs7xhPScYggH8aAR8+MYx2xj8jXwKkRRuKbELGtoA7T0gA8AQV8Zo3TV2GnVhbv/RC0DtYsSwlHaDsANEPda3tj1drwfxIjDd5KtoqacoRYujAHzTdQFRilBrkV+RAg7wsCovVdBzqXz3usJwKc1RAL7lugCX4j9E8xFQ9Yekd9+VpuW65Q7y+uh8I9CreE9Ym6LmYxFwKU8bCmczDpcWKkGTUEGaK/NLqh4NMmcofFEUgG8dnQRbwCUfKybfhKW/3EGe3J9yyhSjClmxweWJqQixPu72kBEWLjweAYVvG52Ebiu80LCtUOEWqUilixDKU45I7/spWhAJ4KOSbC98ZB/rcqT5RoCQehFfkXkLcb3oshQdVOyk636fgBQtOBEBhT8zyolSgoZk3klSzC4WmiuxC1O5JDHdqk6GeWvpft8EPv/DiACn/D48aKVsTbK5FHT+DvEu3VXA5PK8mpZ9ttd+4Ag1fPi8KAB/ri7JPpOmImqTUkWqLTU5TvbJpWSX+kHp4jxxY9CygIwoJRLAf1+bBKx8uEqBxa4UVeWV6sJU5XvqawCfGwWFb6/1zRYW7zKEIS6ku4t08fJ+SJHlCenlFM09GQEfvr12G7OVS/G7iNANokcBftv7TgWAiwCMu3Fl/23cC7mK/V4bD/Aq1vnqgiZxzyREKZpzKgLAdxguxWfSzLaK6CFqOrWqEISX+x3eWbsGzPfnsxPsYihFX4sE8JFJ2FGKnwshooepqfvHlxtmIeXzzhHPA5iTN0oSwhTvn5Sipu4IKPzF4c4mcsDCwji99DiYOrPZWBOOnZk172FczNPAuDtrSjVpSnF40+loAHdWmtKkJG6JefPVqklVjBulhaR9JCPvsYY82ULlLCp0useeEYffFQXgu4b7xuGiaOUtrOIW26owMPBcjNkBwamB4HMpSNGdkQA+LLe0F7ODQipFbLC8Ei0ublPmtoQhpMoOSs/d+/iGwmd/HAGX8kcXcGGIK12CooNUbl01PorfgPBP55q5lNnpCAB/ucaVLSxuR0VSvIqw5GMFe1KHiweFhNyKkG0MGoHmJnIkgO+ucVaako8NOhwZfOzGRKtyGarn8hwiKFjRQVJYODMKCt9dk2SfhY8wSRqh4WkvhEvcRQZVMvMI2WUFjzDVJB404szk1Zd7IuBS9g7ZBoa5tJfxWf9DxB3Qqu+m208eK9Jr+L7Oe4bNAl18AUwV2YNG4phQjYDgs5vCuRQD+B1nIgD8lSFOWOjXQBB9m2acebxcsJ2Fy94h/2LwjdlzV0WOF2V1vHE4pWhGVIBDz7uJ7LgU0p7D9IkLifYWmpVSwuB9NdM5o7/q9spy/l1YeKkmyQCr5qQ542wEFP7aYNcWm/8ODhGdAOGY+yc5ym158YUc0Qow36za4ZGn3eB+DNowMYHfHgXg+wbnXIriGIRStiW/EOy1VQufIPNmHD69NwIK31ftilKU05Rn7alyAarAUA1QVR8v4qA9T/NcyrQoAH+92qVwYdNXWEmqXYgIQNxELnbTOfh9VaDvEYQBfOr5CCh8f1WSs7/xUREVJK3K/qkUrtp0llyEaldbCtRzK1VT4VOiAPxPVQVNmgW5Z5UHUD0Xl/5iLkwx4oJcnLnwmdIXAYV3VCXZPuqmVFyRwGTBifl0b9inchEFdbr7JVd9zShlchSA/9kFXHHyR1KQqDgVEdWOhSJ3o9yACEznUoomRQF4x1WbmbhZxcp8XupSUNpzVGQLldkrZQLfmUYI9BZN6r+5oHb6vJRdEZdSBvhAxUMM+okFtMiza6qzcKqaqQ6qlPrcVT8i2kwTLtyrqpIili/lc+tbfrumFmd7/8HAaNmHir9MVs1iYn0UWwxymKM4SVS4ou3WZZNvfcCgSTSh/2+lECuLwk3ob1bXg/sfAdOtIAy2fyVY7Mo6T1uKnGVVW0CiIlRnD0EXwPrfUTnopzS+NNhG48oGvJReH0jfxsBD7u0YeAw8ZAIhm4sVHgMPmUDI5mKFx8BDJhCyuVjhMfCQCYRsLlZ4DDxkAiGbixUeAw+ZQMjmYoXHwEMmELK5/wFSSEvGzXR89QAAAABJRU5ErkJggg==)
}

.dashboard-flow-pane .flow-item .icon-bsy-cc-react {
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane .flow-item .icon-bsy-cc-react,
.dashboard-flow-pane .flow-item .icon-bsy-transactors-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%
}

.dashboard-flow-pane .flow-item .icon-bsy-transactors-react {
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane .flow-item .icon-bsy-create-react {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-image: url(data:image/png;base64,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)
}

.dashboard-flow-pane .flow-item:hover .item .left .left-content .title {
    font-weight: 700
}

.dashboard-flow-pane .flow-item:hover .todo {
    box-shadow: 0 2px 14px 0 rgba(255, 153, 33, .3)
}

.dashboard-flow-pane .flow-item:hover .todo .right .logo {
    border: 2px solid #ff8d02
}

.dashboard-flow-pane .flow-item:hover .cc {
    box-shadow: 0 2px 10px 0 rgba(15, 172, 95, .1)
}

.dashboard-flow-pane .flow-item:hover .cc .right .logo {
    border: 1px solid #0fac5f
}

.dashboard-flow-pane .flow-item:hover .transactors {
    box-shadow: 0 2px 10px 0 var(--bsy-base-bgcolor)
}

.dashboard-flow-pane .flow-item:hover .transactors .right .logo {
    border: 1px solid var(--bsy-base-color)
}

.dashboard-flow-pane .flow-item:hover .create {
    box-shadow: 0 2px 10px 0 rgba(43, 194, 225, .1)
}

.dashboard-flow-pane .flow-item:hover .create .right .logo {
    border: 1px solid #2bc2e1
}

.dashboard-flow-pane .flow-item:hover .launch {
    border: 1px solid var(--bsy-base-color);
    background: rgba(2, 101, 255, .04)
}

.dashboard-flow-pane .flow-item:hover .launch .right .logo {
    border: 1px solid var(--bsy-base-color)
}

.dashboard-flow-pane.vertical {
    display: flex;
    flex-direction: column
}

.dashboard-flow-pane.vertical .flow-item {
    margin: 5px 0
}

.dashboard-flow-pane.vertical .flow-item:first-child {
    margin-top: 0
}

.dashboard-flow-pane.vertical .flow-item:last-child {
    margin-bottom: 0
}

.dashboard-custom-app {
    height: 100%;
    padding-top: 15px;
    overflow: hidden
}

.dashboard-custom-app .group-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px
}

.dashboard-custom-app .group-box .group-box-item {
    z-index: 5;
    margin-right: 10px
}

.dashboard-custom-app .group-box .group-box-item:hover {
    background-color: #f4f6fc;
    border: 1px solid transparent;
    box-shadow: unset !important
}

.dashboard-dock-app {
    height: 100%;
    padding-top: 20px;
    overflow: hidden
}

.dashboard-dock-app .group-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px
}

.dashboard-dock-app .group-box .group-box-item {
    z-index: 5;
    margin-right: 10px
}

.dashboard-dock-app .group-box .group-box-item:hover {
    border-color: transparent !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) !important
}

.dashboard-my-dash {
    height: 100%;
    padding-top: 20px;
    overflow: hidden
}

.dashboard-my-dash .dash-box .dash-item {
    width: 100%;
    height: 100%
}

.dashboard-speedy-entry {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 4px
}

.dashboard-speedy-entry .speedy-entry-box {
    width: 100%;
    padding: 0 10px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item {
    width: 180px;
    display: inline-flex;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-speedy-entry .speedy-entry-box .entry-item .item-cont {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card {
    width: 180px;
    position: relative;
    display: inline-flex;
    vertical-align: top;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 102px;
    padding: 4px 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999999
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card .item-cont {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex-flow: column;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card .app-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px;
    margin-bottom: 10px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card .entry-icon {
    font-size: 40px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card .app-name,
.dashboard-speedy-entry .speedy-entry-box .entry-item.card .entry-title {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0;
    line-height: normal;
    margin: 0
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card .img-bg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item.card:hover {
    background: #f4f6fc
}

.dashboard-speedy-entry .speedy-entry-box .entry-item .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.dashboard-speedy-entry .speedy-entry-box .entry-item .entry-icon {
    font-size: 16px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item .app-name,
.dashboard-speedy-entry .speedy-entry-box .entry-item .entry-title {
    margin-left: 10px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0
}

.dashboard-speedy-entry .speedy-entry-box .entry-item .img-bg {
    width: 16px;
    height: 16px
}

.dashboard-speedy-entry .speedy-entry-box .entry-item:hover {
    background: #f4f6fc
}

.applistDrag .app-title:hover,
.applistDrag .entry-move:hover,
.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item:hover,
.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title:hover,
.dashboard-custom-app-config .right-custom-app .applist-item .app-title:hover,
.dashboard-custom-app-config .right-custom-app .applist-item .entry-move:hover {
    color: var(--bsy-base-color)
}

.dashboard-custom-app-config {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
}

.dashboard-custom-app-config .left-app-list {
    display: inline-block;
    width: 50%;
    height: 100%
}

.dashboard-custom-app-config .left-app-list .applist-seach {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    margin-left: 20px
}

.dashboard-custom-app-config .left-app-list .applist {
    overflow-y: auto;
    height: calc(100% - 46px)
}

.dashboard-custom-app-config .left-app-list .applist .applist-group {
    padding-left: 20px;
    height: 26px;
    line-height: 26px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    display: flex;
    cursor: pointer
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title span.appname {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title i {
    font-size: 14px;
    color: #999;
    margin-left: 15px;
    transition: all 218ms
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title.open i {
    transform: rotate(180deg);
    display: block
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-empty {
    line-height: 36px;
    cursor: pointer;
    padding-left: 30px;
    margin-left: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    color: #999
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: flex;
    padding-left: 40px
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item .entry-title {
    margin-left: 10px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title {
    float: right;
    margin-right: 20px;
    flex: none
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title .read-tip {
    color: #999
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title i {
    display: none
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-app-config .left-app-list .applist .applist-item .app-entrys .entry-item:hover .right-entry-title i {
    display: block
}

.dashboard-custom-app-config .right-custom-app {
    overflow-y: auto;
    height: 100%;
    border-left: 1px solid #e0e0e0;
    display: inline-block;
    width: 50%
}

.dashboard-custom-app-config .right-custom-app .entrys-num {
    height: 36px;
    line-height: 36px;
    display: flex;
    padding-left: 10px;
    border-bottom: 1px solid #e0e0e0
}

.dashboard-custom-app-config .right-custom-app .applist-item {
    z-index: 99999;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-title {
    margin-left: 10px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-btn {
    flex: none
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-move {
    float: right;
    margin-right: 10px;
    color: #999;
    cursor: move
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-move:hover {
    color: #0265ff
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-del {
    float: right;
    margin-right: 10px;
    color: #999
}

.dashboard-custom-app-config .right-custom-app .applist-item .entry-del:hover {
    color: #ff5631
}

.dashboard-custom-app-config .right-custom-app .applist-item .app-title {
    width: 100%;
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
    display: flex;
    cursor: pointer
}

.dashboard-custom-app-config .right-custom-app .applist-item .app-title span.appname {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none
}

.dashboard-custom-app-config .right-custom-app .applist-item .app-title.open i {
    transform: rotate(180deg);
    display: block
}

.dashboard-custom-app-config .right-custom-app .applist-item .app-title:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-app-config .right-custom-app .applist-item .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.applistDrag {
    z-index: 99999;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.applistDrag .entry-title {
    margin-left: 10px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.applistDrag .entry-btn {
    flex: none
}

.applistDrag .entry-move {
    float: right;
    margin-right: 10px;
    color: #999;
    cursor: move
}

.applistDrag .entry-move:hover {
    color: #0265ff
}

.applistDrag .entry-del {
    float: right;
    margin-right: 10px;
    color: #999
}

.applistDrag .entry-del:hover {
    color: #ff5631
}

.applistDrag .app-title {
    width: 100%;
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
    display: flex;
    cursor: pointer
}

.applistDrag .app-title span.appname {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: none
}

.applistDrag .app-title.open i {
    transform: rotate(180deg);
    display: block
}

.applistDrag .app-title:hover {
    background: #f2f6ff;
    color: #0265ff
}

.applistDrag .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.dashboard-speedy-entry-config {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
}

.dashboard-speedy-entry-config .left-app-list {
    display: inline-block;
    width: 50%;
    height: 100%
}

.dashboard-speedy-entry-config .left-app-list .applist-seach {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    margin-left: 20px
}

.dashboard-speedy-entry-config .left-app-list .applist {
    overflow-y: auto;
    height: calc(100% - 46px)
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-group {
    padding-left: 20px;
    height: 26px;
    line-height: 26px;
    background-color: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title .app-name {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title .right-entry-title {
    float: right;
    margin-right: 20px;
    flex: none
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title .right-entry-title i {
    display: none;
    font-size: 18px
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title .right-entry-title .read-tip {
    color: #999
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title i.icon-bsy-sort-desc {
    font-size: 14px;
    color: #999;
    margin-right: 6px;
    transition: all 218ms;
    transform: rotate(-90deg)
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title.open i.icon-bsy-sort-desc {
    display: block;
    transform: rotate(0)
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title:hover {
    background: #f2f6ff;
    color: var(--bsy-base-color)
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title:hover .right-entry-title i {
    display: block;
    color: #0265ff
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-empty {
    line-height: 36px;
    cursor: pointer;
    padding-left: 30px;
    margin-left: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    color: #999
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: flex;
    padding-left: 62px
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item .entry-title {
    margin-left: 6px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title {
    float: right;
    margin-right: 20px;
    flex: none
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title .read-tip {
    color: #999
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item .right-entry-title i {
    display: none;
    font-size: 18px
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item:hover {
    background: #f2f6ff;
    color: var(--bsy-base-color)
}

.dashboard-speedy-entry-config .left-app-list .applist .applist-item .app-entrys .entry-item:hover .right-entry-title i {
    display: block
}

.dashboard-speedy-entry-config .right-speedy-entrys {
    overflow-y: auto;
    height: 100%;
    border-left: 1px solid #e0e0e0;
    display: inline-block;
    width: 50%
}

.dashboard-speedy-entry-config .right-speedy-entrys .entrys-num {
    height: 36px;
    line-height: 36px;
    display: flex;
    padding-left: 10px;
    border-bottom: 1px solid #e0e0e0
}

.body-entry-item {
    z-index: 99999;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding-left: 10px;
    display: flex;
    justify-content: space-between
}

.body-entry-item .app-title {
    display: flex;
    align-items: center;
    cursor: pointer
}

.body-entry-item .app-title .app-name {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.body-entry-item .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.body-entry-item .entry-title {
    margin-left: 6px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.body-entry-item .entry-move {
    float: right;
    margin-right: 10px;
    color: #999;
    cursor: move
}

.body-entry-item .entry-move:hover {
    color: var(--bsy-base-color)
}

.body-entry-item .entry-del {
    float: right;
    margin-right: 10px;
    color: #999
}

.body-entry-item .entry-del:hover {
    color: #ff5631
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item .right-entry-title i,
.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item:hover,
.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .entry-item-title:hover,
.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-title:hover,
.searchDash .searchCont li .contView .menu-item span i,
.searchDash .searchCont li .right-entry-title i {
    color: var(--bsy-base-color)
}

.dashboard-custom-dash-config {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
}

.dashboard-custom-dash-config .left-app-list {
    display: inline-block;
    width: 99%;
    height: 100%
}

.dashboard-custom-dash-config .left-app-list .applist-seach {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    margin-left: 20px
}

.dashboard-custom-dash-config .left-app-list .applist {
    overflow-y: auto;
    height: calc(100% - 46px)
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-title {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    display: flex;
    cursor: pointer
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-title:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-title .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .entry-item-title {
    line-height: 36px;
    cursor: pointer;
    padding-left: 40px
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .entry-item-title .entry-title {
    margin-left: 10px;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .entry-item-title:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .entry-item-title.empty .entry-title {
    color: #999
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding-left: 60px
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item .entry-icon {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item:hover {
    background: #f2f6ff;
    color: #0265ff
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item.empty .entry-title {
    color: #999
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item .right-entry-title {
    float: right;
    margin-right: 20px
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item .right-entry-title .read-tip {
    color: #999
}

.dashboard-custom-dash-config .left-app-list .applist .applist-item .app-entrys .dash-components .components-item .right-entry-title i {
    color: #0265ff
}

.searchDash {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    overflow: auto
}

.searchDash .searchCont {
    width: 100%
}

.searchDash .searchCont li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    cursor: pointer
}

.searchDash .searchCont li .right-entry-title {
    float: right;
    margin-right: 20px;
    flex: none;
    position: absolute;
    right: 0
}

.searchDash .searchCont li .right-entry-title i {
    color: #0265ff
}

.searchDash .searchCont li .right-entry-title .read-tip {
    color: #999
}

.searchDash .searchCont li .dash-components {
    width: 100%
}

.searchDash .searchCont li .dash-components .components-item {
    padding-left: 40px;
    height: 36px;
    width: 100%;
    line-height: 36px;
    cursor: pointer
}

.searchDash .searchCont li .dash-components .components-item .entry-title {
    color: #666
}

.searchDash .searchCont li .dash-components .components-item:hover {
    background-color: #f5f5f5
}

.searchDash .searchCont li .dash-components .components-item:hover .right-entry-title i {
    display: block
}

.searchDash .searchCont li .dash-components .components-item:hover .entry-title {
    color: #333
}

.searchDash .searchCont li.emptySearchForm {
    color: #999 !important;
    cursor: default !important;
    background-color: #fff !important;
    justify-content: center;
    padding: 0 16px;
    text-align: center
}

.searchDash .searchCont li .contView {
    width: 100%;
    padding: 8px 0 8px 16px
}

.searchDash .searchCont li .contView .menu-item {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.searchDash .searchCont li .contView .menu-item i.node-icon {
    font-size: 16px;
    margin-right: 8px
}

.searchDash .searchCont li .contView .menu-item span {
    color: #666;
    font-size: 14px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchDash .searchCont li .contView .menu-item span i {
    font-style: normal;
    color: #0265ff
}

.searchDash .searchCont li .contView .appNameItem {
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchDash .searchCont li .contView .appNameItem span {
    font-size: 12px;
    color: #999
}

.searchDash .searchCont li .contView:hover {
    background-color: #f5f5f5
}

.searchDash .searchCont li .contView:hover .menu-item .right-entry-title i {
    display: block
}

.searchDash .searchCont li .contView:hover .menu-item span {
    color: #333
}

.BsyDesignSpeedyEntryConfig {
    height: 100%;
    border-top: 1px solid #e0e0e0
}

.BsyDesignSpeedyEntryConfig .design-config-content {
    display: flex;
    height: calc(100% - 54px)
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content {
    width: calc(100% - 300px);
    background-color: #fff;
    padding: 20px;
    position: relative
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box {
    width: 100%;
    padding: 0 10px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item {
    width: 180px;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    height: 38px;
    line-height: 26px;
    padding: 4px 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid transparent
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .item-cont {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .entry-icon {
    font-size: 16px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .app-name,
.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .entry-title {
    margin-left: 10px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item .img-bg {
    width: 16px;
    height: 16px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item.select {
    border-color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .list.speedy-entry-item:hover {
    background: #f4f6fc
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item {
    width: 180px;
    display: inline-flex;
    vertical-align: top;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 102px;
    padding: 4px 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid transparent
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .item-cont {
    display: flex;
    flex-flow: column;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .app-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px;
    margin-bottom: 10px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .entry-icon {
    font-size: 40px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .app-name,
.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .entry-title {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0;
    line-height: normal;
    margin: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item .img-bg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item.select {
    border-color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-entry-box .card.speedy-entry-item:hover {
    background: #f4f6fc
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-empty-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-empty-box .empty-box img {
    width: 261px;
    display: block;
    margin: 0 auto 20px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-left-content .speedy-empty-box .empty-box span {
    display: block;
    color: #999;
    font-size: 14px;
    text-align: center
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content {
    width: 300px;
    border-left: 1px solid #e0e0e0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #e0e0e0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu .menu-item {
    padding: 0 10px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    position: relative;
    margin: 0 25px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu .menu-item span {
    font-size: 14px;
    color: #333
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu .menu-item.selected span,
.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu .menu-item:hover span {
    color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-menu .menu-item.selected:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    bottom: 0;
    background-color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content {
    margin-top: 15px;
    height: calc(100% - 61px);
    overflow: auto
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item {
    margin-bottom: 20px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-error-tip {
    word-wrap: break-word;
    background-color: #fdeeee;
    border-radius: 3px;
    bottom: 100%;
    color: #eb5050;
    font-size: 12px;
    font-weight: 400;
    left: 14px;
    line-height: 18px;
    padding: 5px 10px;
    position: absolute;
    word-break: break-word;
    z-index: 1
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-title {
    margin-bottom: 10px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-title .title-text span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-title .title-text i {
    margin-left: 6px;
    font-size: 16px;
    color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box {
    padding: 0 14px;
    position: relative
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box input {
    padding-left: 10px;
    border-radius: 2px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box input:hover {
    border-color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box.error input {
    border-color: #eb5050 !important
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .add-speedy-btn {
    display: inline-block;
    font-size: 14px;
    color: #0265ff;
    cursor: pointer
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .add-speedy-btn i {
    font-size: 16px;
    margin-right: 6px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .add-speedy-btn:hover {
    opacity: .8
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .source {
    font-size: 14px;
    color: #333
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont {
    display: block;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 60px;
    height: 60px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont .app-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont .entry-icon {
    font-size: 36px;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont .image-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont .image-icon .img-bg {
    width: 100%;
    height: 100%
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .item-box .customIconCont:hover {
    background-color: #eee;
    border-color: #eee
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list {
    margin-top: 10px
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list {
    padding: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item {
    padding: 0 36px;
    align-items: center
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .icon-drag-table {
    left: 14px;
    right: auto;
    margin: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate {
    position: absolute;
    right: 14px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    color: #666;
    display: none
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate i {
    font-size: 16px;
    margin: 0 5px;
    color: #333;
    cursor: pointer
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate i.icon-bsy-reportmenu-1:hover {
    color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate i.icon-trasho:hover {
    color: #f5222d
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate i:first-child {
    margin-left: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item .customOperate i:last-child {
    margin-right: 0
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .cont-item .speedy-entry-list .group-list .group-item:hover .customOperate {
    display: block
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .noSelectEntry {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyDesignSpeedyEntryConfig .design-config-content .config-right-content .config-content .noSelectEntry .empty-text span {
    font-size: 14px;
    color: #666
}

.BsyDesignSpeedyEntryConfig .design-config-footer {
    border-top: 1px solid #e0e0e0;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn {
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    padding: 0 32px;
    margin: 0 8px;
    cursor: pointer
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.cancel {
    border: 1px solid #e0e0e0
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.cancel span {
    color: #333;
    font-size: 14px
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.cancel:hover {
    background-color: #eee;
    border-color: #eee
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.save {
    border: 1px solid #0265ff;
    background-color: #0265ff
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.save span {
    color: #fff;
    font-size: 14px
}

.BsyDesignSpeedyEntryConfig .design-config-footer .footer-btn.save:hover {
    opacity: .8
}

.list.speedy-entry-item {
    width: 180px;
    position: relative;
    display: inline-flex;
    vertical-align: top;
    height: 38px;
    line-height: 26px;
    padding: 4px 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999999
}

.list.speedy-entry-item,
.list.speedy-entry-item .item-cont {
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list.speedy-entry-item .item-cont {
    display: flex
}

.list.speedy-entry-item .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.list.speedy-entry-item .entry-icon {
    font-size: 16px
}

.list.speedy-entry-item .app-name,
.list.speedy-entry-item .entry-title {
    margin-left: 10px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0
}

.list.speedy-entry-item .img-bg {
    width: 16px;
    height: 16px
}

.list.speedy-entry-item:hover {
    background: #f4f6fc
}

.card.speedy-entry-item {
    width: 180px;
    position: relative;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    height: 102px;
    padding: 4px 10px;
    margin: 7px 20px 7px 0;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-user-select: none;
    user-select: none;
    z-index: 9999999999
}

.card.speedy-entry-item,
.card.speedy-entry-item .item-cont {
    flex-flow: column;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card.speedy-entry-item .item-cont {
    display: flex
}

.card.speedy-entry-item .app-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px;
    margin-bottom: 10px
}

.card.speedy-entry-item .entry-icon {
    font-size: 40px;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.card.speedy-entry-item .app-name,
.card.speedy-entry-item .entry-title {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    min-width: 0;
    line-height: normal;
    margin: 0
}

.card.speedy-entry-item .img-bg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.card.speedy-entry-item:hover {
    background: #f4f6fc
}

.externalUrlContent {
    overflow: auto;
    padding-top: 14px
}

.externalUrlContent .url-item {
    margin-bottom: 20px
}

.externalUrlContent .url-item .item-error-tip {
    word-wrap: break-word;
    background-color: #fdeeee;
    border-radius: 3px;
    bottom: 100%;
    color: #eb5050;
    font-size: 12px;
    font-weight: 400;
    left: 14px;
    line-height: 18px;
    padding: 5px 10px;
    position: absolute;
    word-break: break-word;
    z-index: 1
}

.externalUrlContent .url-item .item-title {
    margin-bottom: 10px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.externalUrlContent .url-item .item-title .title-text span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.externalUrlContent .url-item .item-title .title-text i {
    margin-left: 6px;
    font-size: 16px;
    color: #0265ff
}

.externalUrlContent .url-item .item-box {
    padding: 0 14px;
    position: relative
}

.externalUrlContent .url-item .item-box input {
    padding-left: 10px;
    border-radius: 2px
}

.externalUrlContent .url-item .item-box input:hover {
    border-color: #0265ff
}

.externalUrlContent .url-item .item-box.error input {
    border-color: #eb5050 !important
}

.externalUrlContent .url-item .item-box .add-speedy-btn {
    display: inline-block;
    font-size: 14px;
    color: #0265ff;
    cursor: pointer
}

.externalUrlContent .url-item .item-box .add-speedy-btn i {
    font-size: 16px;
    margin-right: 6px
}

.externalUrlContent .url-item .item-box .add-speedy-btn:hover {
    opacity: .8
}

.externalUrlContent .url-item .item-box .source {
    font-size: 14px;
    color: #333
}

.externalUrlContent .url-item .item-box .customIconCont {
    display: inline-block
}

.externalUrlContent .url-item .item-box .customIconCont .app-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px
}

.externalUrlContent .url-item .item-box .customIconCont .entry-icon {
    font-size: 40px
}

.externalUrlContent .url-item .item-box .customIconCont .image-icon {
    height: 40px;
    width: 40px;
    border-radius: 3px
}

.externalUrlContent .url-item .item-box .customIconCont .image-icon .img-bg {
    width: 100%;
    height: 100%
}

.externalUrlContent .url-item .speedy-entry-list {
    margin-top: 10px
}

.externalUrlContent .url-item .speedy-entry-list .group-list {
    padding: 0
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item {
    padding: 0 36px;
    align-items: center
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .icon-drag-table {
    left: 14px;
    right: auto;
    margin: 0
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate {
    position: absolute;
    right: 14px;
    top: calc(50% - 8px);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    color: #666;
    display: none
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate i {
    font-size: 16px;
    margin: 0 5px;
    color: #333;
    cursor: pointer
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate i.icon-bsy-reportmenu-1:hover {
    color: #0265ff
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate i.icon-trasho:hover {
    color: #f5222d
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate i:first-child {
    margin-left: 0
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item .customOperate i:last-child {
    margin-right: 0
}

.externalUrlContent .url-item .speedy-entry-list .group-list .group-item:hover .customOperate {
    display: block
}

.dialog-body .fx_member_select.userAuthCont .select-list {
    padding: 2px
}

.dialog-body .fx_member_select.userAuthCont .select-list .select-item {
    margin: 2px
}

.bsy-component {
    min-width: 200px;
    border-radius: 4px;
    height: 100%
}

.bsy-component.flowManagement .content,
.bsy-component.flowManagementV2 .content {
    background: transparent;
    padding: 0
}

.bsy-component.flowManagement .react-resizable-handle,
.bsy-component.flowManagementV2 .react-resizable-handle {
    display: none
}

.bsy-component .content {
    height: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 5px
}

.bsy-component .content .component-menu {
    margin: 15px 15px 10px;
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: center
}

.bsy-component .content .component-menu .BsySelect {
    margin-left: 15px
}

.bsy-component .content .component-menu .title {
    float: left;
    font-size: 16px;
    font-weight: 700
}

.bsy-component .content .component-menu .setting {
    float: left;
    margin-left: 10px;
    color: var(--bsy-base-color);
    width: 16px;
    height: 22px;
    display: block;
    cursor: pointer;
    line-height: 22px
}

.bsy-component .content .component-menu .addMyDash {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.bsy-component .content .component-menu .addMyDash i {
    font-size: 16px;
    color: #333;
    margin-right: 3px
}

.bsy-component .content .component-menu .addMyDash span {
    font-size: 14px;
    color: #333
}

.bsy-component .content .component-menu .addMyDash:hover i,
.bsy-component .content .component-menu .addMyDash:hover span {
    color: #0265ff
}

.bsy-component .content .component-menu .tool {
    display: none;
    float: right
}

.bsy-component .content .component-menu .tool .item {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    flex: none;
    margin: 6px;
    -webkit-user-select: none;
    user-select: none;
    min-width: 34px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 7px;
    color: #333
}

.bsy-component .content .component-menu .tool .item i {
    font-weight: 700;
    color: #333
}

.bsy-component .content .component-menu .tool .item:hover {
    background: #eee;
    border-radius: 4px
}

.bsy-component .component-body {
    height: calc(100% - 40px);
    padding: 0 5px 10px
}

.bsy-component .component-body .myDashTip {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px
}

.bsy-component:hover .content .component-menu .tool {
    display: flex
}

.bsy-component.flowManagement.horizontal,
.bsy-component.flowManagement.vertical,
.bsy-component.flowManagementV2.horizontal,
.bsy-component.flowManagementV2.vertical {
    height: 100%;
    width: 100%
}

.bsy-component.flowManagement .component-body,
.bsy-component.flowManagementV2 .component-body {
    height: 100%;
    padding: 0
}

.bsy-component.speedyEntry .dashboard-speedy-entry {
    overflow: auto
}

.bsy-component.customApp,
.bsy-component.dockApp,
.bsy-component.speedyEntry,
.bsy-component.speedyEntryV2 {
    height: 100%;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.bsy-component.customApp .content,
.bsy-component.dockApp .content,
.bsy-component.speedyEntry .content,
.bsy-component.speedyEntryV2 .content {
    padding: 15px 0 0
}

.bsy-component.customApp .content .component-menu,
.bsy-component.dockApp .content .component-menu,
.bsy-component.speedyEntry .content .component-menu,
.bsy-component.speedyEntryV2 .content .component-menu {
    margin-top: 0
}

.bsy-component.customApp .content .component-body,
.bsy-component.dockApp .content .component-body,
.bsy-component.speedyEntry .content .component-body,
.bsy-component.speedyEntryV2 .content .component-body {
    padding: 0;
    height: calc(100% - 30px);
    position: relative
}

.bsy-component.customApp .content .component-body .panel-tip,
.bsy-component.dockApp .content .component-body .panel-tip,
.bsy-component.speedyEntry .content .component-body .panel-tip,
.bsy-component.speedyEntryV2 .content .component-body .panel-tip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e8ebf9;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #4d609f;
    font-size: 13px;
    border-radius: 0 0 4px 4px;
    z-index: 6
}

.bsy-component.customDash {
    height: 100%;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.BsyDashboardDesignAuth {
    display: flex;
    justify-content: center;
    background-color: #f5f7fa;
    padding-top: 10px;
    height: 100%
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent {
    width: 1080px;
    height: 100%;
    display: flex
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 46px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 6px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-left {
    display: flex;
    align-items: end
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-left .auth-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-left .auth-msg {
    margin-left: 12px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-left .auth-msg span {
    font-size: 12px;
    color: #4d609f
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-right .auth-create i {
    font-size: 20px;
    color: #0265ff;
    cursor: pointer
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-title .auth-right .auth-create i:hover {
    opacity: .8
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    width: 280px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left .group-list {
    height: auto;
    padding: 0 16px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left .group-list .custom-groups {
    height: auto
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left .group-list .custom-groups .group-item.select span {
    color: #0265ff;
    margin-left: 0
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left .group-list .custom-groups .icon-all-app {
    color: #0265ff
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-left .design-auth-line {
    width: calc(100% - 12px);
    margin: 0 auto;
    border: 1px dashed #e0e0e0
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin-left: 10px;
    width: 790px;
    position: relative
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content {
    padding: 0 6px 6px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item {
    height: 361px;
    background: #f5f6f7;
    border-radius: 2px;
    padding: 2px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .item-desc {
    padding: 8px 8px 10px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .item-desc .desc-title {
    margin-bottom: 2px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .item-desc .desc-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .item-desc .desc-msg span {
    font-size: 12px;
    color: #999
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont.fx_base_select .select-list {
    height: 300px;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: 1px dashed transparent;
    padding: 2px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont .select-empty {
    line-height: 298px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont .select-empty i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont .select-empty span {
    font-size: 14px;
    color: #0265ff
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont:hover.fx_base_select .select-list {
    border-color: #0265ff
}

.BsyDashboardDesignAuth .dashboardDesignAuthContent .design-auth-right .design-auth-content .auth-item .userAuthCont:hover .select-empty {
    opacity: .8
}

.bsy-dashboard-centent-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: auto
}

.bsy-dashboard-centent-pane .chart-data-border .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-dashboard-centent-pane .chart-data-border::-webkit-scrollbar-thumb {
    background: none
}

.bsy-dashboard-centent-pane .chart-data-border:hover .art-sticky-scroll::-webkit-scrollbar-thumb,
.bsy-dashboard-centent-pane .chart-data-border:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.bsy-dashboard-centent-pane .bsy-dashboard-myDash .dashboard-my-dash .dash-box .react-grid-layout {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: auto !important
}

.bsy-dashboard-centent-pane .bsy-dashboard-myDash .dashboard-my-dash .dash-box .react-grid-item {
    width: calc(50% - 8px);
    margin: 4px;
    padding: 6px;
    position: relative !important;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

.bsy-dashboard-centent-pane .bsy-dashboard-myDash .dashboard-my-dash .dash-box .react-grid-item .react-resizable-handle,
.bsy-dashboard-centent-pane .react-resizable-handle {
    display: none !important
}

.bsy-dashboard-centent-pane .dashboard-my-dash .dash-box .react-resizable-handle {
    display: block !important
}

.bsy-dashboard-centent-pane .react-grid-item {
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.bsy-dashboard-centent-pane .react-grid-item.block-full-screen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(0) !important;
    margin: 0;
    z-index: 2001;
    overflow: hidden;
    animation: zoomIn 218ms
}

.bsy-dashboard-centent-pane .react-grid-item:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.bsy-dashboard-centent-pane .react-grid-item:hover.bsy-dashboard-flowManagementV2 {
    box-shadow: none !important
}

.bsy-dashboard-centent-pane .bsy-components {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.BsyDashboardDesignPreviewPane {
    display: flex;
    justify-content: center;
    background-color: #f5f7fa;
    width: 100%;
    height: 100%
}

.BsyDashboardDesignPreviewPane .dashboardDesignPreviewContent,
.BsyDashboardDesignPreviewPane .dashboardDesignPreviewContent .designPreviewComputer {
    width: 100%;
    height: 100%
}

.BsyDashboardDesignPreviewPane .dashboardDesignPreviewContent .designPreviewPhone {
    background: #fff;
    border: 13px solid #fff;
    border-radius: 26px;
    bottom: 80px;
    box-shadow: 0 18px 21px 0 rgba(0, 0, 0, .04);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 20px;
    bottom: 40px;
    transform: translate(-50%);
    width: 460px
}

.BsyDashboardDesignPreviewPane .dashboardDesignPreviewContent .designPreviewPhone .previewBody {
    background: #f5f7fa;
    border: 1px solid #d7d9dc;
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.previewChangeModeMenu {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
    height: 36px;
    line-height: 36px;
    margin: 8px auto;
    width: 140px
}

.previewChangeModeMenu i {
    background: #fff;
    color: #838892;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 36px;
    text-align: center;
    width: 70px
}

.previewChangeModeMenu i.selected {
    background-color: #0265ff;
    color: #fff
}

.react-grid-layout {
    position: relative;
    transition: height .2s ease;
    min-width: 900px;
    min-height: 600px;
    width: 100%;
    margin: 0 auto
}

.react-grid-item {
    transition-property: left, top
}

.react-grid-item.react-grid-customApp .react-resizable-handle,
.react-grid-item.react-grid-flowManagementV2 .react-resizable-handle,
.react-grid-item.react-grid-myDash .react-resizable-handle,
.react-grid-item.react-grid-speedyEntryV2 .react-resizable-handle {
    display: none
}

.react-grid-item.cssTransforms {
    transition-property: transform
}

.react-grid-item.resizing {
    z-index: 1;
    will-change: width, height
}

.react-grid-item.react-draggable-dragging {
    transition: none;
    z-index: 500;
    will-change: transform
}

.react-grid-item.react-grid-placeholder {
    background: #999;
    opacity: .2;
    transition-duration: .1s;
    z-index: 2;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.react-grid-item>.react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");
    background-position: 100% 100%;
    padding: 0 3px 3px 0;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    cursor: se-resize
}

.bsy-workspace-pane-design {
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.bsy-workspace-pane-design .bsy-frame-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    background: #fff;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-top: 20px;
    overflow: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    z-index: 1
}

.bsy-workspace-pane-design .bsy-frame-left .title {
    font-size: 20px;
    color: #333;
    padding: 0 20px;
    font-size: 14px
}

.bsy-workspace-pane-design .bsy-frame-left .sub-title {
    margin-top: 12px;
    color: #999;
    padding: 0 20px;
    font-size: 14px
}

.bsy-workspace-pane-design .bsy-frame-left .bsy-frame-menu {
    position: relative;
    padding: 18px 20px 30px
}

.bsy-workspace-pane-design .bsy-frame-left .bsy-frame-menu .widget {
    height: 36px;
    background-color: #f3f6fc;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1f2d3d;
    margin-bottom: 12px;
    cursor: move;
    font-size: 14px
}

.bsy-workspace-pane-design .bsy-frame-left .bsy-frame-menu .widget:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.bsy-workspace-pane-design .bsy-frame-left .bsy-frame-menu .widget.disable {
    opacity: .7;
    pointer-events: none;
    background: #eee
}

.bsy-workspace-pane-design .bsy-frame-content {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    bottom: 0;
    background: #f4f6f9;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 900px
}

.bsy-workspace-pane-design .bsy-frame-content .bsy_dash_block {
    cursor: move;
    -webkit-user-select: none;
    user-select: none
}

.bsy-workspace-pane-design .bsy-frame-content .block-content,
.bsy-workspace-pane-design .bsy-frame-content .component-body {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.customApp,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.dockApp,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.myDash,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.speedyEntry,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.speedyEntryV2 {
    cursor: move
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement .component-body,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2 .component-body {
    height: 100%
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement .react-resizable-handle,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2 .react-resizable-handle {
    display: none
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement .component-menu,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2 .component-menu {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement .component-menu .item,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2 .component-menu .item {
    cursor: pointer;
    z-index: 1;
    flex: none;
    margin: 6px;
    -webkit-user-select: none;
    user-select: none;
    min-width: 34px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 7px;
    color: #333
}

.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagement .component-menu .item:hover,
.bsy-workspace-pane-design .bsy-frame-content .bsy-component.flowManagementV2 .component-menu .item:hover {
    background: #eee;
    border-radius: 4px
}

.bsy-workspace-pane-design .bsy-frame-content.mobile {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    bottom: 0;
    background: #f4f6f9;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 900px
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 250px;
    top: 0
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main {
    background: #fff;
    border: 13px solid #fff;
    border-radius: 26px;
    bottom: 80px;
    box-shadow: 0 18px 21px 0 rgba(0, 0, 0, .04);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 20px;
    transform: translate(-50%);
    width: 360px
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main .mobile-body {
    background: #f5f6f7;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    height: 100%;
    overflow: hidden
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main .mobile-body .mobile-sortable-content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main .mobile-body .mobile-sortable-content .react-grid-layout {
    min-width: 100% !important;
    min-height: 100% !important;
    width: 100% !important
}

.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main .mobile-body .mobile-sortable-content:after,
.bsy-workspace-pane-design .bsy-frame-content.mobile .mobile-container .mobile-main .mobile-body .mobile-sortable-content:before {
    content: " ";
    display: table;
    line-height: 0
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper {
    background: #fff;
    bottom: 0;
    display: block;
    overflow: auto;
    padding: 20px 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .wrapper-label {
    color: #333;
    line-height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .wrapper-empty-text {
    word-wrap: break-word;
    color: #838892;
    left: 15px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    word-break: break-word
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content {
    position: relative;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item {
    background: #fff;
    border: 1px dashed transparent;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    cursor: move;
    height: 70px;
    margin-right: 10px;
    margin-top: 5px;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item .bsy-component .content .component-menu {
    display: none
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item .item-content {
    height: 288px;
    transform: scale(.25);
    transform-origin: 0 0;
    width: 400%
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item .item-content .__react_component_tooltip {
    display: none !important
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item .icon-bsy-reportmenu-13 {
    background: #eee;
    border-radius: 4px;
    color: #0265ff;
    cursor: pointer;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    visibility: hidden;
    width: 22px;
    z-index: 11
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item:nth-child(2n) {
    margin-right: 0
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item:after {
    content: "";
    cursor: move;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.bsy-workspace-pane-design .hidden-mobile-list-wrapper .main-content .main-list-item:hover .icon-bsy-reportmenu-13 {
    visibility: visible
}

.dashboard-desing .btns {
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 76px;
    top: 9px
}

.dashboard-desing .btns .BsyIconBtn {
    height: 32px;
    padding: 0 26px;
    text-align: center;
    line-height: 32px;
    border-radius: 4px
}

.dashboard-desing .btns .BsyIconBtn.white {
    line-height: 30px;
    margin-right: 15px
}

.dashboard-desing .btns .BsyIconBtn.blue:hover {
    border: 1px solid rgba(2, 99, 255, .807843137254902);
    background-color: rgba(2, 99, 255, .807843137254902)
}

.dashboard-desing .operate-more {
    display: none !important
}

.dashboard-desing .icon-trasho {
    color: #f5222d
}

.ccDrag.widget {
    position: absolute;
    z-index: 99999;
    height: 45px;
    background-color: #f3f6fc;
    border-radius: 4px;
    color: #1f2d3d;
    margin-bottom: 20px;
    cursor: move
}

.bsy-workspace-pane-noCustom,
.ccDrag.widget {
    display: flex;
    justify-content: center;
    align-items: center
}

.bsy-workspace-pane-noCustom {
    width: 100%;
    height: 100%
}

.bsy-workspace-pane-noCustom .design-close-custom {
    display: flex;
    flex-flow: column;
    align-items: center
}

.bsy-workspace-pane-noCustom .design-close-custom img {
    width: 169px
}

.bsy-workspace-pane-noCustom .design-close-custom .close-msg {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-top: 6px
}

.bsy-workspace-pane-noCustom .design-close-custom .BsyIconBtn {
    margin-top: 60px
}

.design-top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 50px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    z-index: 2;
    position: relative;
    background-color: #fff
}

.design-top-menu .design-left-menu {
    display: flex
}

.design-top-menu .design-left-menu .left-btn {
    margin: 0 5px;
    padding: 0 20px 0 16px;
    height: 32px;
    line-height: 30px;
    background: #f2f6ff;
    border-radius: 4px;
    border: 1px solid rgba(2, 101, 255, .1);
    cursor: pointer
}

.design-top-menu .design-left-menu .left-btn i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px;
    font-weight: 500
}

.design-top-menu .design-left-menu .left-btn span {
    font-size: 14px;
    color: #0265ff;
    font-weight: 500
}

.design-top-menu .design-left-menu .left-btn:hover {
    background-color: #0265ff
}

.design-top-menu .design-left-menu .left-btn:hover i,
.design-top-menu .design-left-menu .left-btn:hover span {
    color: #fff
}

.design-top-menu .design-left-menu .left-btn.manage-design {
    border: none;
    background-color: #fff;
    padding-left: 5px
}

.design-top-menu .design-left-menu .left-btn.manage-design i,
.design-top-menu .design-left-menu .left-btn.manage-design span {
    color: #333
}

.design-top-menu .design-left-menu .left-btn.manage-design:hover i,
.design-top-menu .design-left-menu .left-btn.manage-design:hover span {
    color: #0265ff
}

.design-top-menu .design-center-menu {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.design-top-menu .design-center-menu .nameTitle {
    font-size: 16px;
    color: #333;
    display: inline-block
}

.design-top-menu .design-center-menu .nameTitle .name-input {
    display: flex;
    align-items: center
}

.design-top-menu .design-center-menu .nameTitle .name-input input {
    border-radius: 0;
    border: none;
    border-bottom: 1px dashed #e0e0e0;
    padding: 4px 2px;
    font-size: 16px;
    color: #333;
    min-width: 20px;
    max-width: 400px;
    text-align: center;
    font-weight: 700
}

.design-top-menu .design-center-menu .nameTitle .name-input input:focus,
.design-top-menu .design-center-menu .nameTitle .name-input input:hover {
    border-color: #333 !important
}

.design-top-menu .design-center-menu .nameTitle span {
    font-size: 16px;
    color: #333;
    visibility: hidden;
    padding: 4px 2px;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    font-weight: 700
}

.design-top-menu .design-center-menu .center-btn {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center
}

.design-top-menu .design-center-menu .center-btn i {
    font-size: 20px;
    margin-left: 8px;
    color: #0265ff;
    padding: 3px;
    background: #f2f6ff;
    border-radius: 4px
}

.design-top-menu .design-center-menu .center-btn i:hover {
    background: #0265ff;
    color: #fff
}

.design-top-menu .design-right-menu {
    display: flex
}

.design-top-menu .design-right-menu .BsyIconBtn {
    margin: 0 5px
}

.design-top-menu .design-right-menu .right-btn.icon-btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 5px
}

.design-top-menu .design-right-menu .right-btn.icon-btn i {
    font-size: 20px;
    color: #333
}

.design-top-menu .design-right-menu .right-btn.icon-btn.select,
.design-top-menu .design-right-menu .right-btn.icon-btn:hover {
    background-color: #eee
}

.design-top-menu .design-right-menu .right-btn.preview-btn {
    margin: 0 5px;
    padding: 0 20px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #0265ff;
    cursor: pointer
}

.design-top-menu .design-right-menu .right-btn.preview-btn span {
    color: #0265ff;
    font-size: 14px
}

.design-top-menu .design-right-menu .right-btn.preview-btn:hover {
    background-color: #f2f6ff
}

.design-top-menu .design-right-menu .right-btn.save-btn {
    margin: 0 0 0 5px;
    height: 32px;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #0265ff;
    background-color: #0265ff;
    cursor: pointer
}

.design-top-menu .design-right-menu .right-btn.save-btn span {
    color: #fff;
    font-size: 14px
}

.design-top-menu .design-right-menu .right-btn.save-btn:hover {
    opacity: .8
}

.pane-title {
    height: 52px;
    line-height: 52px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    z-index: 3;
    background-color: #fff
}

.pane-title .go-back {
    padding: 0 10px;
    position: absolute;
    left: 20px;
    top: 0;
    cursor: pointer;
    z-index: 1
}

.pane-title .go-back i {
    font-size: 24px;
    color: #0265ff
}

.pane-title .title-name {
    position: absolute;
    left: 60px;
    top: 0;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.pane-title .tabs {
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.pane-title .tabs .item {
    min-width: 100px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 36px;
    font-size: 16px;
    color: #666
}

.pane-title .tabs .item:last-child {
    margin-right: 0
}

.pane-title .tabs .item.active,
.pane-title .tabs .item:hover {
    color: #0265ff
}

.pane-title .tabs .item.active:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #0265ff
}

.pane-title .right-menu {
    position: absolute;
    right: 24px;
    top: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    background: #fff
}

.pane-title .right-menu .left-btn {
    margin: 0 5px;
    padding: 0 20px 0 16px;
    height: 32px;
    line-height: 22px;
    background: #f2f6ff;
    border-radius: 4px;
    border: 1px solid rgba(2, 101, 255, .1);
    cursor: pointer
}

.pane-title .right-menu .left-btn i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.pane-title .right-menu .left-btn span {
    font-size: 14px;
    color: #0265ff
}

.pane-title .right-menu .left-btn:hover {
    background-color: #0265ff
}

.pane-title .right-menu .left-btn:hover i,
.pane-title .right-menu .left-btn:hover span {
    color: #fff
}

.pane-title .right-menu .user-center {
    width: 30px;
    border-radius: 15px;
    color: #0265ff
}

.pane-title .right-menu .system-msg,
.pane-title .right-menu .user-center {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.pane-title .right-menu .system-msg {
    position: relative;
    margin: 0 8px;
    padding: 0 4.5px;
    font-size: 20px;
    border-radius: 4px;
    color: #666
}

.pane-title .right-menu .system-msg .have {
    width: 6px;
    height: 6px;
    background-color: #ff5631;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 9px;
    display: inline-block
}

.pane-title .right-menu .system-msg:hover {
    background: #f2f6ff;
    color: #0265ff
}

.pane-title .right-menu .user-portrait {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #e5efff;
    border-radius: 50%;
    margin-left: 8px
}

.pane-title .right-menu .user-portrait img {
    opacity: 1;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.pane-title .right-menu .user-portrait .user-portrait-name {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all 218ms
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-0 {
    background: #f5c547
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-1 {
    background-color: #528cff
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-2 {
    background-color: #50b0f4
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-3 {
    background-color: #61db8c
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-4 {
    background-color: #ff8383
}

.pane-title .right-menu .user-portrait .user-portrait-name.color-5 {
    background-color: #444
}

.pane-title .right-menu .user-portrait .box-shaw {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    transition: all 218ms;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px
}

.pane-title .right-menu .user-portrait .box-shaw span {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 218ms;
    opacity: 0
}

.pane-title .right-menu .user-portrait .box-shaw span:last-of-type {
    margin-right: 0
}

.pane-title .right-menu .user-portrait:hover .box-shaw {
    background: rgba(0, 0, 0, .49)
}

.pane-title .right-menu .user-portrait:hover .box-shaw span {
    opacity: 1
}

.pane-title .right-menu .system-help {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.pane-title .right-menu .system-help span {
    font-size: 14px;
    position: relative;
    top: -3px;
    margin-left: 7px
}

.pane-title .right-menu .system-help:hover {
    background: #f2f6ff
}

.pane-title .right-menu .system-help:hover i,
.pane-title .right-menu .system-help:hover span {
    color: #0265ff
}

.pane-title .right-menu .app-seach {
    margin-right: 14px;
    float: left;
    transition: width 218ms;
    text-align: center;
    padding: 0;
    line-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #8c8c8c;
    border-radius: 4px;
    cursor: pointer
}

.pane-title .right-menu .app-seach .inputIcon {
    top: 0
}

.pane-title .right-menu .app-seach .BsySearchInput .inputCont {
    display: flex
}

.pane-title .right-menu .app-seach .BsySearchInput .inputCont input {
    width: 164px
}

.pane-title .right-menu .app-seach .singe {
    font-size: 14px;
    margin-left: 1px;
    padding: 0 10px;
    color: #666;
    cursor: pointer
}

.pane-title .right-menu .app-seach .singe:hover,
.pane-title .right-menu .app-seach:hover {
    color: #0265ff
}

.pane-title .right-menu .dashboard-design {
    float: left;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    margin-top: 1px;
    height: 30px;
    line-height: 28px;
    color: #0265ff;
    cursor: pointer;
    font-size: 15px;
    width: 150px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.pane-title .right-menu .dashboard-design:hover {
    background-color: #f2f6ff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.pane-title .right-menu .all-app {
    display: none;
    margin-right: 6px;
    padding: 0 7px;
    color: #8c8c8c;
    font-size: 14px
}

.pane-title .right-menu .all-app,
.pane-title .right-menu .user-manager {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer
}

.pane-title .right-menu .user-manager {
    padding: 0 5px;
    margin: 0 8px;
    color: #666;
    font-size: 20px
}

.pane-title .right-menu .user-manager:hover {
    background: #f2f6ff;
    color: #0265ff
}

.pane-title .right-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #e0e0e0
}

.pane-title .right-menu .team-manager {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #0265ff;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer
}

.pane-title .right-menu .app-visit {
    line-height: 30px;
    background: linear-gradient(315deg, #3bc2ff, #008cff);
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px
}

.pane-title .right-menu .app-visit,
.pane-title .right-menu .authorization {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    cursor: pointer
}

.pane-title .right-menu .authorization {
    line-height: 20px;
    margin-right: 13px;
    border-radius: 4px;
    padding: 5px 7px
}

.pane-title .right-menu .authorization i {
    margin-right: 7px;
    font-size: 18px;
    color: #8c8c8c
}

.pane-title .right-menu .authorization span {
    display: inline-block;
    float: right;
    color: #666
}

.pane-title .right-menu .app-visit:hover {
    box-shadow: 0 5px 11px -5px rgba(6, 147, 253, .5)
}

.pane-title .right-menu .authorization:hover {
    background-color: #f2f6ff
}

.pane-title .right-menu .authorization:hover i,
.pane-title .right-menu .authorization:hover span {
    color: #0265ff
}

.pane-title .addressbook-close {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(0);
    transition: transform 218ms;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #666
}

.pane-title .addressbook-close:hover {
    transform: rotate(90deg)
}

.mobile-item {
    height: 80px;
    position: relative;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 6px;
    overflow: hidden
}

.mobile-item .icon-bsy-filter-hide {
    background: #eee;
    border-radius: 4px;
    color: #0265ff;
    cursor: pointer;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 9px;
    visibility: hidden;
    width: 24px;
    z-index: 2
}

.mobile-item .bsy_dash_block {
    cursor: move;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: flex;
    height: 200% !important;
    justify-content: center;
    transform: scale(.5);
    transform-origin: 0 0;
    width: 200% !important;
    -webkit-user-select: none;
    user-select: none
}

.mobile-item .bsy_dash_block .block-head {
    pointer-events: none
}

.mobile-item .bsy_dash_block .block-head .block-operate {
    visibility: hidden !important
}

.mobile-item>.react-resizable-handle {
    display: none !important
}

.mobile-item .block-content,
.mobile-item .component-body {
    pointer-events: none
}

.mobile-item .bsy-component {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: flex;
    height: 200% !important;
    justify-content: center;
    transform: scale(.5);
    transform-origin: 0 0;
    width: 200% !important;
    -webkit-user-select: none;
    user-select: none
}

.mobile-item .bsy-component .content {
    width: 100%
}

.mobile-item .bsy-component .content .component-menu {
    pointer-events: none
}

.mobile-item .bsy-component .content .component-menu .tool {
    display: none !important
}

.mobile-item .bsy-component.customApp,
.mobile-item .bsy-component.dockApp,
.mobile-item .bsy-component.myDash,
.mobile-item .bsy-component.speedyEntry,
.mobile-item .bsy-component.speedyEntryV2 {
    cursor: move
}

.mobile-item .bsy-component.flowManagement,
.mobile-item .bsy-component.flowManagementV2 {
    cursor: move;
    height: 300% !important;
    transform: scale(.3333);
    width: 300% !important
}

.mobile-item .bsy-component.flowManagement .component-body,
.mobile-item .bsy-component.flowManagementV2 .component-body {
    height: 100%
}

.mobile-item .bsy-component.flowManagement .component-body .dashboard-flow-pane-v2 .dashboard-flow-right,
.mobile-item .bsy-component.flowManagementV2 .component-body .dashboard-flow-pane-v2 .dashboard-flow-right {
    width: 100%
}

.mobile-item .bsy-component.flowManagement .component-body .dashboard-flow-pane-v2 .dashboard-flow-left,
.mobile-item .bsy-component.flowManagement .react-resizable-handle,
.mobile-item .bsy-component.flowManagementV2 .component-body .dashboard-flow-pane-v2 .dashboard-flow-left,
.mobile-item .bsy-component.flowManagementV2 .react-resizable-handle {
    display: none
}

.mobile-item .bsy-component.flowManagement .component-menu,
.mobile-item .bsy-component.flowManagementV2 .component-menu {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.mobile-item .bsy-component.flowManagement .component-menu .item,
.mobile-item .bsy-component.flowManagementV2 .component-menu .item {
    z-index: 1;
    cursor: pointer;
    flex: none;
    margin: 6px;
    -webkit-user-select: none;
    user-select: none;
    min-width: 34px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 7px;
    color: #333
}

.mobile-item .bsy-component.flowManagement .component-menu .item:hover,
.mobile-item .bsy-component.flowManagementV2 .component-menu .item:hover {
    background: #eee;
    border-radius: 4px
}

.mobile-item.react-grid-customDash {
    height: 150px
}

.mobile-item.react-grid-flowManagement,
.mobile-item.react-grid-flowManagementV2 {
    height: 66px
}

.mobile-item:hover {
    border-color: #0265ff
}

.mobile-item:hover .icon-bsy-filter-hide {
    visibility: visible
}

.createDesign .createDesignContent {
    padding: 16px 20px 0
}

.createDesign .createDesignContent .designName {
    margin-bottom: 20px
}

.createDesign .createDesignContent .designName input {
    height: 36px;
    border-radius: 4px
}

.createDesign .createDesignContent .designName input:hover {
    border-color: #0265ff
}

.createDesign .createDesignContent .designAuth .designAuthTitle {
    margin-bottom: 10px
}

.createDesign .createDesignContent .designAuth .designAuthTitle .auth-title {
    font-size: 14px;
    color: #333;
    padding-left: 10px;
    position: relative;
    margin-right: 10px
}

.createDesign .createDesignContent .designAuth .designAuthTitle .auth-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 12px;
    background: #0265ff
}

.createDesign .createDesignContent .designAuth .designAuthTitle .auth-tip {
    font-size: 12px;
    color: #4d609f
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item {
    height: 136px;
    background: #f5f6f7;
    border-radius: 4px;
    padding: 2px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .item-desc {
    padding: 8px 8px 10px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .item-desc .desc-title {
    margin-bottom: 2px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .item-desc .desc-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .item-desc .desc-msg span {
    font-size: 12px;
    color: #999
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont.fx_base_select .select-list {
    height: 78px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    border: 1px dashed transparent;
    padding: 2px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont .select-empty {
    line-height: 72px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont .select-empty i {
    font-size: 16px;
    color: #0265ff;
    margin-right: 6px
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont .select-empty span {
    font-size: 14px;
    color: #0265ff
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont:hover.fx_base_select .select-list {
    border-color: #0265ff
}

.createDesign .createDesignContent .designAuth .designAuthCont .auth-item .userAuthCont:hover .select-empty {
    opacity: .8
}

input[type=text] {
    padding-left: 10px
}

.bsy-menu-pane {
    width: 100%;
    height: 50px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    padding: 0 24px 0 21px;
    display: flex;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.bsy-menu-pane .left-menu {
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center
}

.bsy-menu-pane .left-menu .leftTitle {
    height: 50px;
    line-height: 50px;
    float: left;
    display: flex;
    align-items: center
}

.bsy-menu-pane .left-menu .leftTitle span {
    font-size: 14px;
    color: #000
}

.bsy-menu-pane .left-menu .leftTitle a {
    font-size: 14px;
    color: var(--bsy-base-color)
}

.bsy-menu-pane .left-menu .leftTitle i {
    font-size: 16px;
    color: #666;
    margin: 0 6px
}

.bsy-menu-pane .left-menu .go-home {
    float: left;
    text-align: center;
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    width: 32px;
    color: #8c8c8c;
    font-size: 26px;
    cursor: pointer;
    padding: 3px;
    border-radius: 4px
}

.bsy-menu-pane .left-menu .go-home img {
    width: 100%
}

.bsy-menu-pane .left-menu .go-home .icon-bsy-logo {
    color: var(--bsy-base-color)
}

.bsy-menu-pane .left-menu .go-home:hover {
    background: #f2f6ff
}

.bsy-menu-pane .left-menu .go-home:hover .icon-bsy-logo {
    color: var(--bsy-base-color)
}

.bsy-menu-pane .left-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 0 8px;
    border-right: 1px solid #e0e0e0
}

.bsy-menu-pane .left-menu .team-manager {
    float: left;
    height: 50px;
    line-height: 50px;
    color: var(--bsy-base-color);
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    max-width: 300px;
    margin-left: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-menu-pane .left-menu .team-manager:hover {
    color: rgba(2, 99, 255, .8156862745098039)
}

.bsy-menu-pane .center-menu {
    line-height: 50px;
    height: 50px;
    display: flex;
    align-items: center
}

.bsy-menu-pane .center-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #e0e0e0
}

.bsy-menu-pane .center-menu .header-title {
    font-size: 16px;
    color: #333
}

.bsy-menu-pane .center-menu .dashboard-app-menu {
    height: 50px
}

.bsy-menu-pane .right-menu {
    position: absolute;
    right: 24px;
    top: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    background: #fff
}

.bsy-menu-pane .right-menu .user-center {
    width: 30px;
    border-radius: 15px;
    color: var(--bsy-base-color)
}

.bsy-menu-pane .right-menu .system-msg,
.bsy-menu-pane .right-menu .user-center {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .system-msg {
    position: relative;
    margin: 0 8px;
    padding: 0 4.5px;
    font-size: 20px;
    border-radius: 4px;
    color: #666
}

.bsy-menu-pane .right-menu .system-msg .have {
    width: 6px;
    height: 6px;
    background-color: #ff5631;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 9px;
    display: inline-block
}

.bsy-menu-pane .right-menu .system-msg:hover {
    background: #f2f6ff;
    color: var(--bsy-base-color)
}

.bsy-menu-pane .right-menu .user-portrait {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #e5efff;
    border-radius: 50%;
    margin-left: 8px
}

.bsy-menu-pane .right-menu .user-portrait img {
    opacity: 1;
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 0;
    left: 0
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name {
    position: absolute;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all 218ms
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-0 {
    background: #f5c547
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-1 {
    background-color: #528cff
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-2 {
    background-color: #50b0f4
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-3 {
    background-color: #61db8c
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-4 {
    background-color: #ff8383
}

.bsy-menu-pane .right-menu .user-portrait .user-portrait-name.color-5 {
    background-color: #444
}

.bsy-menu-pane .right-menu .user-portrait .box-shaw {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    transition: all 218ms;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px
}

.bsy-menu-pane .right-menu .user-portrait .box-shaw span {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 218ms;
    opacity: 0
}

.bsy-menu-pane .right-menu .user-portrait .box-shaw span:last-of-type {
    margin-right: 0
}

.bsy-menu-pane .right-menu .user-portrait:hover .box-shaw {
    background: rgba(0, 0, 0, .49)
}

.bsy-menu-pane .right-menu .user-portrait:hover .box-shaw span {
    opacity: 1
}

.bsy-menu-pane .right-menu .system-help {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .system-help span {
    font-size: 14px;
    position: relative;
    top: -3px;
    margin-left: 7px
}

.bsy-menu-pane .right-menu .system-help:hover {
    background: #f2f6ff
}

.bsy-menu-pane .right-menu .system-help:hover i,
.bsy-menu-pane .right-menu .system-help:hover span {
    color: var(--bsy-base-color)
}

.bsy-menu-pane .right-menu .app-seach {
    margin-right: 14px;
    float: left;
    transition: width 218ms;
    text-align: center;
    padding: 0;
    line-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .app-seach .inputIcon {
    top: 0
}

.bsy-menu-pane .right-menu .app-seach .BsySearchInput .inputCont {
    display: flex
}

.bsy-menu-pane .right-menu .app-seach .BsySearchInput .inputCont input {
    width: 164px
}

.bsy-menu-pane .right-menu .app-seach .singe {
    font-size: 14px;
    margin-left: 1px;
    padding: 0 10px;
    color: #666;
    cursor: pointer
}

.bsy-menu-pane .right-menu .app-seach .singe:hover,
.bsy-menu-pane .right-menu .app-seach:hover {
    color: var(--bsy-base-color)
}

.bsy-menu-pane .right-menu .dashboard-design {
    float: left;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    margin-top: 1px;
    height: 30px;
    line-height: 28px;
    color: var(--bsy-base-color);
    cursor: pointer;
    font-size: 15px;
    width: 150px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid rgba(2, 101, 255, .2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-menu-pane .right-menu .dashboard-design:hover {
    background-color: #f2f6ff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.bsy-menu-pane .right-menu .all-app {
    display: none;
    margin-right: 6px;
    padding: 0 7px;
    color: #8c8c8c;
    border-radius: 2px;
    font-size: 14px
}

.bsy-menu-pane .right-menu .all-app,
.bsy-menu-pane .right-menu .user-manager {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .user-manager {
    padding: 0 5px;
    margin: 0 8px;
    color: #666;
    font-size: 20px;
    border-radius: 4px
}

.bsy-menu-pane .right-menu .user-manager:hover {
    background: #f2f6ff;
    color: var(--bsy-base-color)
}

.bsy-menu-pane .right-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #e0e0e0
}

.bsy-menu-pane .right-menu .team-manager {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: var(--bsy-base-color);
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer
}

.bsy-menu-pane .right-menu .app-visit {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(315deg, #3bc2ff, #008cff);
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .authorization {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 20px;
    margin-right: 13px;
    border-radius: 2px;
    padding: 5px 7px;
    cursor: pointer
}

.bsy-menu-pane .right-menu .authorization i {
    margin-right: 7px;
    font-size: 18px;
    color: #8c8c8c
}

.bsy-menu-pane .right-menu .authorization span {
    display: inline-block;
    float: right;
    color: #666
}

.bsy-menu-pane .right-menu .app-visit:hover {
    box-shadow: 0 5px 11px -5px rgba(6, 147, 253, .5)
}

.bsy-menu-pane .right-menu .authorization:hover {
    background-color: #f2f6ff
}

.bsy-menu-pane .right-menu .authorization:hover i,
.bsy-menu-pane .right-menu .authorization:hover span {
    color: var(--bsy-base-color)
}

.emptySearchAll {
    color: #666;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.searchAllAppFormReport {
    padding: 10px 0
}

.searchAllAppFormReport .searchFormDashReport {
    width: 100%
}

.searchAllAppFormReport .searchFormDashReport li {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.searchAllAppFormReport .searchFormDashReport li .right-entry-title {
    float: right;
    margin-right: 20px;
    flex: none;
    position: absolute;
    right: 0
}

.searchAllAppFormReport .searchFormDashReport li .right-entry-title .read-tip {
    color: #999
}

.searchAllAppFormReport .searchFormDashReport li .right-entry-title i {
    display: none
}

.searchAllAppFormReport .searchFormDashReport li .dockItem {
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #999;
    margin-top: 4px
}

.searchAllAppFormReport .searchFormDashReport li.emptySearchForm {
    color: #999 !important;
    cursor: default !important;
    background-color: #fff !important;
    padding: 0 16px;
    text-align: center;
    font-size: 12px;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.searchAllAppFormReport .searchFormDashReport li .contView {
    width: 100%;
    padding: 8px 0 8px 16px
}

.searchAllAppFormReport .searchFormDashReport li .contView .menu-item {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.searchAllAppFormReport .searchFormDashReport li .contView .menu-item .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex: none
}

.searchAllAppFormReport .searchFormDashReport li .contView .menu-item i.node-icon {
    font-size: 16px;
    margin-right: 8px
}

.searchAllAppFormReport .searchFormDashReport li .contView .menu-item span {
    color: #666;
    font-size: 14px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchAllAppFormReport .searchFormDashReport li .contView .menu-item span i {
    font-style: normal;
    color: var(--bsy-base-color)
}

.searchAllAppFormReport .searchFormDashReport li .contView .appNameItem {
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchAllAppFormReport .searchFormDashReport li .contView .appNameItem span {
    font-size: 12px;
    color: #999
}

.searchAllAppFormReport .searchFormDashReport li:hover {
    background-color: #f5f5f5
}

.searchAllAppFormReport .searchFormDashReport li:hover .contView .menu-item .right-entry-title i {
    display: block
}

.searchAllAppFormReport .searchFormDashReport li:hover .contView .menu-item span {
    color: #333
}

.searchAllAppFormReport .searchApp {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e0e0e0
}

.searchAllAppFormReport .searchApp li {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 8px 0 8px 16px
}

.searchAllAppFormReport .searchApp li .icon-ok {
    margin: 0 10px;
    font-size: 14px;
    color: #999
}

.searchAllAppFormReport .searchApp li .dockItem {
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #999;
    margin-top: 4px
}

.searchAllAppFormReport .searchApp li.emptySearchForm {
    color: #999 !important;
    cursor: default !important;
    background-color: #fff !important;
    padding: 0 16px;
    text-align: center;
    font-size: 12px;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.searchAllAppFormReport .searchApp li .app-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 4px;
    flex: none
}

.searchAllAppFormReport .searchApp li span {
    font-size: 14px;
    color: #666;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchAllAppFormReport .searchApp li span i {
    color: var(--bsy-base-color);
    font-style: normal
}

.searchAllAppFormReport .searchApp li:hover {
    background-color: #f5f5f5
}

.searchAllAppFormReport .searchApp li:hover span {
    color: #333
}

.searchAllAppFormReport .searchApp.dock li {
    display: block
}

.searchAllAppFormReport .searchApp.dock li .appItem {
    display: flex;
    align-items: center;
    width: 100%
}

.bsy-update-tip {
    width: 360px;
    transition: all 218ms;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    cursor: default;
    box-shadow: 0 0 6px 0 #ccc
}

.bsy-update-tip .update-title {
    padding: 15px 20px;
    font-size: 16px;
    border-bottom: 1px solid #eaeaea
}

.bsy-update-tip .update-title span {
    color: #333
}

.bsy-update-tip .update-title i {
    float: right;
    line-height: 22px;
    color: #999;
    cursor: pointer;
    transition: all 218ms
}

.bsy-update-tip .update-title i:hover {
    color: #666
}

.bsy-update-tip .update-cont {
    padding: 20px
}

.bsy-update-tip .update-cont span {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    height: 66px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.bsy-update-tip .update-btn {
    padding-bottom: 15px;
    height: 49px;
    padding-right: 20px
}

.bsy-update-tip .update-btn a {
    width: 100px;
    height: 34px;
    clear: both;
    border-radius: 4px;
    background: var(--bsy-base-color);
    text-align: center;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    float: right;
    transition: all 218ms
}

.bsy-update-tip .update-btn a:hover {
    background: #4a90e2
}

.BsyDashboardFlowFilter {
    padding-right: 6px;
    overflow: hidden;
    flex: none
}

.BsyDashboardFlowFilter .flowFilterHeader {
    margin: 12px 0 0;
    padding-right: 14px;
    height: 30px;
    line-height: 30px;
    position: relative;
    font-size: 14px
}

.BsyDashboardFlowFilter .flowFilterHeader .filterTitle {
    float: left;
    color: #333;
    font-weight: 700;
    letter-spacing: .67px
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter {
    display: flex
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item {
    margin-right: 10px;
    display: flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 4px
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item.unread {
    position: relative
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item.unread:before {
    content: " ";
    position: absolute;
    top: -11px;
    right: -3px;
    height: 8px;
    width: 8px;
    min-width: 8px;
    min-height: 8px;
    margin-top: 8px;
    background: #ff5631;
    border-radius: 6px
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item span.num {
    font-size: 12px;
    color: #666;
    margin-left: 4px
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item:hover,
.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item:hover span {
    color: #0265ff
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item:last-child {
    margin-right: 0
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item.selected {
    background: #0265ff;
    color: #fff
}

.BsyDashboardFlowFilter .flowFilterHeader .todoFlowFilter .todoMenu-item.selected span {
    color: #fff
}

.BsyDashboardFlowFilter .flowFilterHeader .BsySearchInput {
    float: right;
    margin-right: 24px;
    width: 260px
}

.BsyDashboardFlowFilter .flowFilterHeader .BsySearchInput input {
    width: 260px !important
}

.BsyDashboardFlowFilter .flowFilterHeader .menu-readAll {
    float: right;
    margin-right: 24px;
    cursor: pointer
}

.BsyDashboardFlowFilter .flowFilterHeader .menu-readAll i {
    margin-right: 6px
}

.BsyDashboardFlowFilter .flowFilterHeader .showHideFilter {
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer
}

.BsyDashboardFlowFilter .flowFilterHeader .showHideFilter i {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-right: 6px
}

.BsyDashboardFlowFilter .flowFilterHeader .showHideFilter span {
    font-size: 13px;
    color: #333;
    font-weight: 500
}

.BsyDashboardFlowFilter .flowFilterHeader .showHideFilter:hover i,
.BsyDashboardFlowFilter .flowFilterHeader .showHideFilter:hover span {
    color: var(--bsy-base-color)
}

.BsyDashboardFlowFilter .flowFilterContent {
    margin-top: 8px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    padding: 20px;
    border-radius: 4px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList {
    max-height: 205px;
    overflow: auto
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem {
    width: calc(33.3333% - 11.33333px);
    margin-right: 17px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 17px;
    min-height: 80px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .removeFilterItem {
    position: absolute;
    top: 12px;
    right: 22px;
    cursor: pointer;
    display: none
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .removeFilterItem i {
    font-size: 16px;
    color: #999
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .removeFilterItem:hover i {
    color: #ff5631
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem:nth-child(3n) {
    margin-right: 0
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem:hover .removeFilterItem {
    display: block
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .bsy-dash-head {
    display: flex
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .bsy-dash-head .bsy-cond-label {
    font-weight: 700;
    color: #333;
    line-height: 30px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .bsy-dash-head .BsySelect .showText {
    border: none
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .bsy-dash-head .BsySelect .showText span {
    width: auto;
    padding: 0 6px 0 10px;
    max-width: unset
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterList .filterItem .bsy-dash-head .BsySelect .showText .iconSelect {
    padding: 0;
    border: none;
    position: static
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .filterAddBtn {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .filterAddBtn i {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-right: 6px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .filterAddBtn span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    height: 16px;
    line-height: 16px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .filterAddBtn:hover i,
.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .filterAddBtn:hover span {
    color: var(--bsy-base-color)
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .reFilter {
    display: flex
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .reFilter .reBtn {
    text-align: center;
    width: 94px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    line-height: 28px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    margin-right: 16px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .reFilter .reBtn:hover {
    background: #e0e0e0
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .reFilter .filterBtn {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 94px;
    height: 30px;
    line-height: 30px;
    background: var(--bsy-base-color);
    border-radius: 4px
}

.BsyDashboardFlowFilter .flowFilterContent .filterContent .filterAddTo .reFilter .filterBtn:hover {
    background: var(--bsy-base-hovercolor)
}

.selectFieldPane {
    max-height: 300px;
    overflow: auto
}

.selectFieldPane .fieldList .fieldItem {
    margin: 0 6px;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    line-height: 36px
}

.selectFieldPane .fieldList .fieldItem span {
    padding-left: 8px;
    color: #333;
    font-size: 14px
}

.selectFieldPane .fieldList .fieldItem:hover {
    background-color: #f5f5f5
}

.selectFieldPane .fieldList .fieldItem.disabled {
    opacity: .6;
    pointer-events: none
}

.selectFieldPane .fieldList .fieldItem.blue span {
    color: var(--bsy-base-color)
}

.BsyAlertTextEdit {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .15s linear
}

.BsyAlertTextEdit.fadein {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1
}

.BsyAlertTextEdit.fadein .content {
    animation: x-fade-down .2s ease
}

.BsyAlertTextEdit .content {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02)
}

.BsyAlertTextEdit .content .content-body {
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    width: 100%
}

.BsyAlertTextEdit .content .content-body .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: normal
}

.BsyAlertTextEdit .content .content-body .content-input {
    margin: 12px 0 16px
}

.BsyAlertTextEdit .content .content-body .content-input input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    padding-left: 8px
}

.BsyAlertTextEdit .content .content-body .btn-group {
    display: flex;
    justify-content: flex-end
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn {
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    transition: all 218ms;
    cursor: pointer
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn span {
    font-size: 14px
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn.cancel-btn {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin-right: 16px
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn.cancel-btn:hover {
    background-color: #e0e0e0
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn.ok-btn {
    background-color: var(--bsy-base-color);
    border: 1px solid var(--bsy-base-color)
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn.ok-btn span {
    color: #fff
}

.BsyAlertTextEdit .content .content-body .btn-group .GBtn.ok-btn:hover {
    background-color: var(--bsy-base-hovercolor);
    border-color: var(--bsy-base-hovercolor)
}

.BsyDashboardApp .content-empty {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center
}

.BsyDashboardApp .content-empty .empty-img {
    margin-bottom: 20px
}

.BsyDashboardApp .content-empty .empty-img img {
    width: 200px
}

.BsyDashboardApp .content-empty .empty-title {
    color: #999;
    font-size: 16px;
    text-align: center
}

.BsyDashboardApp .bsy-frame-body {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    padding-left: 10px;
    z-index: 0;
    background: transparent
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon {
    font-size: 16px;
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-dash,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-report,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-scenes {
    color: #52c41a !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-form {
    color: #0265ff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-form-flow {
    color: #f60 !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-folder-close,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .node-icon.icon-bsy-folder-open {
    color: #6f81bd !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll {
    width: 100%;
    height: calc(100% - 79px)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree {
    width: 100%;
    height: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map {
    margin-top: 10px;
    width: 100%;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map::-webkit-scrollbar-thumb {
    background: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree {
    position: relative;
    padding: 0 0 2px 8px;
    width: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner {
    width: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode {
    width: 100%;
    height: 36px;
    line-height: 36px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-indent-unit {
    width: 24px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher {
    display: flex;
    max-width: 100%;
    flex: 1 1;
    min-width: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .node-icon {
    padding-right: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-close,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .icon-bsy-folder-open {
    font-size: 16px;
    color: #6f81bd !important;
    padding-right: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-switcher .rc-tree-group-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 5px);
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper {
    padding-left: 0;
    display: flex;
    position: static;
    flex: 0 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-line {
    background-color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle {
    position: absolute;
    right: 0;
    padding: 0 5px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1 {
    font-size: 16px;
    padding: 4px;
    border-radius: 2px;
    color: #666;
    line-height: normal;
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1.select {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover {
    background-color: rgba(0, 0, 0, .1)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode .rc-tree-node-content-wrapper .rc-tree-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 5px)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-switcher .rc-tree-group-name {
    padding-right: 30px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode:hover .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1 {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1 {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper .rc-tree-iconEle .icon-bsy-icongengduo1:hover {
    background: rgba(2, 101, 255, .2)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rc-tree .rc-tree-list .rc-tree-list-holder .rc-tree-list-holder-inner .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-switcher .rc-tree-group-name {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree {
    min-width: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node {
    cursor: pointer;
    display: flex !important;
    border-radius: 2px;
    position: relative
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__lineFullVertical:after,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__lineHalfHorizontalRight:before,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__lineHalfVerticalBottom:after,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__lineHalfVerticalTop:after {
    background-color: initial
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node.rst__parentNode .rst__lineChildren {
    display: block !important;
    width: 100%;
    position: absolute;
    height: 2px !important;
    background-color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__lineChildren:after {
    background-color: initial
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__dcButton {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100%;
    z-index: 2;
    padding: 0;
    font-size: 16px;
    color: #666
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__dcnodeContent {
    flex: 1 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__dcnodeContent .rst__dcDragMoveNode {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__dcnodeContent .rst__treeNodeLine {
    position: relative
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper {
    padding: 5px 10px 5px 0 !important;
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row {
    position: relative;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__dcmoveHandle {
    text-align: center;
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    color: #0265ff;
    border-radius: 50%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents {
    background: transparent !important;
    border: none !important;
    box-shadow: unset;
    min-width: 100px !important;
    padding-left: 6px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowContents .rst__rowTitle {
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar {
    display: none;
    position: absolute !important;
    right: 0 !important;
    z-index: 2
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton .icon-flow-other {
    font-size: 16px;
    cursor: pointer;
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node .rst__rowWrapper .rst__row .rst__rowToolbar .rst__toolbarButton:hover .icon-flow-other {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node.select {
    background: #f0f6ff !important;
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node.select .rst__rowToolbar {
    display: block !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node:hover {
    background: #f5f5f5
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree .bsy-tree-map .rst__tree .rst__node:hover .rst__rowToolbar {
    display: block !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree.expand .bsy-tree-map {
    height: calc(100% - 210px) !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree {
    width: 100%;
    position: relative;
    padding: 0 0 2px 8px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li {
    width: calc(100% - 8px)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item {
    position: relative;
    color: #333;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .icon-btn {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .move {
    display: none;
    min-width: 24px;
    cursor: move;
    text-align: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .move i {
    font-size: 16px;
    color: #666;
    padding: 4px;
    border-radius: 2px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .move:hover {
    color: #666
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .move:hover i {
    background-color: rgba(0, 0, 0, .1)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .move.select {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .edit {
    display: none;
    min-width: 24px;
    cursor: pointer;
    text-align: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .edit i {
    padding: 4px;
    border-radius: 2px;
    font-size: 16px;
    color: #666
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .edit:hover {
    color: #666
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .edit:hover i {
    background-color: rgba(0, 0, 0, .1)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .edit.select {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item span {
    color: #333;
    padding-left: 10px;
    letter-spacing: .68px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item .itemDot {
    padding-left: 26px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item:hover {
    background-color: #f5f5f5;
    opacity: 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item:hover .edit,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item:hover .move {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select {
    opacity: 1;
    background-color: #f0f6ff;
    color: #333;
    position: relative
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select .tip {
    color: #fff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select .move i {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select .move:hover i {
    background: rgba(2, 101, 255, .2)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select .edit i {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li .menu-item.select .edit:hover i {
    background: rgba(2, 101, 255, .2)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li.group-pane .group-pane-menu-item {
    opacity: 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree li.group-pane ul li {
    width: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree .dragged {
    position: absolute !important;
    opacity: .8;
    z-index: 2000;
    box-shadow: 0 0 5px #e0e0e0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree .placeholder {
    height: 0 !important;
    position: relative;
    overflow: visible;
    border: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-scroll .bsy-menutree ul.bsy-form-menu-tree .placeholder:after {
    content: " ";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0265ff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set .btn {
    height: 36px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set .btn i {
    font-size: 16px;
    margin-right: 6px;
    color: #999
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set .btn span {
    font-size: 14px;
    color: #202421
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set .btn:hover i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-app-set .btn:hover span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search {
    width: 100%;
    position: relative;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px 4px 0 0;
    padding: 14px 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top {
    display: flex;
    padding: 0 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .BsySearchResult {
    margin-bottom: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .BsySearchResult input {
    border-radius: 18px !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .bsy-frame-create {
    width: 32px;
    height: 32px;
    margin-left: 6px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .bsy-frame-create .circle-btn {
    width: 32px;
    height: 32px;
    background-color: #f2f6ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .bsy-frame-create .circle-btn i {
    font-size: 16px;
    font-weight: 700;
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .bsy-frame-create .circle-btn:hover {
    background-color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .bsy-frame-top .bsy-frame-create .circle-btn:hover i {
    color: #fff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont {
    position: relative;
    width: 100%;
    line-height: 32px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .search-source {
    display: block;
    height: 32px;
    border-radius: 5px;
    padding: 8px 28px 8px 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .icon-bsy-iconsoushuo {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: 700;
    color: #666
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .icon-bsy-close-small {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: 700;
    color: #666;
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .icon-bsy-close-small:hover {
    color: #0265ff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .icon-bsy-close.focus,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search .search-cont .icon-bsy-iconsoushuo.focus {
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-frame-search:hover {
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .06)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title {
    position: relative;
    color: #333;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    margin: 0 14px;
    display: flex;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .bsy-flow-title {
    font-weight: 700
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .icon-form-new-flow {
    color: #6f81bd;
    margin-right: 10px;
    font-size: 20px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .icon-op {
    position: absolute;
    right: 0;
    transition: transform .2s ease;
    font-size: 18px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .tip {
    border-radius: 10px;
    padding: 1px 4px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    top: 10px;
    right: 24px;
    position: absolute;
    font-size: 12px;
    color: #fff !important;
    overflow: hidden;
    font-weight: 400 !important;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .tip.warning {
    background-color: #f90
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .tip.error {
    background-color: #ff5631
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu-title .tip.empty {
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .flow-split {
    width: 100%;
    border-bottom: 1px dashed #e0e0e0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu {
    transition: transform .2s ease;
    width: 100%;
    position: relative;
    padding: 0 0 2px 8px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu.hide {
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item {
    height: 40px;
    line-height: 40px;
    width: calc(100% - 8px);
    text-align: left;
    padding-left: 34px;
    display: flex;
    border-radius: 4px;
    align-items: center;
    position: relative;
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item span {
    padding-left: 10px;
    color: #333;
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item .tip {
    border-radius: 10px;
    padding: 1px 4px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    top: 10px;
    right: 12px;
    position: absolute;
    font-size: 12px;
    color: #fff !important;
    overflow: hidden;
    font-weight: 400 !important;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item .tip.min {
    height: 8px;
    width: 8px;
    min-width: 8px;
    min-height: 8px;
    margin-top: 6px;
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item.unread .tip.min {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item .tip.warning {
    background-color: #f90
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item .tip.error {
    background-color: #ff5631
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item .tip.empty {
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item i {
    font-size: 20px;
    color: #6f81bd
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item:hover {
    background-color: #f5f5f5;
    opacity: 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item.select {
    opacity: 1;
    background-color: #f0f6ff;
    color: #333;
    position: relative
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item.select i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-menu .bsy-flow-menu .menu-item.select span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu {
    width: 100%;
    text-align: center;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #666;
    margin-bottom: 10px;
    padding: 14px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu .menu-item {
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu .menu-item:hover {
    background-color: #f5f5f5
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu .menu-item.select {
    background-color: #f0f6ff;
    position: relative
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu .menu-item.select span {
    font-weight: 700;
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu .menu-item.select .tip {
    color: #fff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-flow-menu:hover {
    box-shadow: -2px 2px 10px rgba(0, 0, 0, .06)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content {
    position: absolute;
    top: 0;
    left: 270px;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: transparent !important;
    padding-left: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content {
    width: 100%;
    height: 100%;
    background: transparent !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content.dash .bsy-frame-path {
    border-bottom: 1px solid transparent
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content.flow .bsy-frame-path {
    border-bottom: 1px solid transparent;
    border-radius: 4px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content.flow .bsy-frame-entry-content {
    top: 56px;
    left: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content.flow .bsy-frame-entry-content .BsyDashboardFlowFilter,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content.flow .bsy-frame-entry-content .form-menu {
    padding-left: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-path {
    background: #fff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content {
    position: absolute;
    display: flex;
    flex-flow: column;
    overflow-y: auto;
    top: 46px;
    left: 10px;
    bottom: 0;
    right: 10px;
    padding-right: 0;
    background: transparent !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .bsy-data-manage {
    border-top: none !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .bsy-form-pane {
    min-width: 100% !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .chart-data-border .art-sticky-scroll::-webkit-scrollbar-thumb,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .chart-data-border::-webkit-scrollbar-thumb {
    background: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .chart-data-border:hover .art-sticky-scroll::-webkit-scrollbar-thumb,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .chart-data-border:hover::-webkit-scrollbar-thumb {
    background: #b5b5b5
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form.normal-layout {
    position: relative;
    z-index: 2
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .loading-state {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #91a1b7;
    font-size: 12px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .bsy-dash {
    width: auto !important;
    right: 0;
    border-top: 1px solid #eee
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_data_manage {
    background-color: #fff;
    bottom: 0;
    right: 0;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    z-index: 2
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_data_manage .manage-body {
    padding-bottom: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .footer,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .widget-wrapper {
    border-right: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .footer .btn-pane {
    margin: 0;
    height: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .footer .btn-pane .x-btn span {
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fui-form .footer .btn-pane .x-btn:hover {
    background-color: rgba(2, 101, 255, .8) !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .filter-menu {
    margin: 20px 0 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_filter {
    left: auto;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(2, 101, 255, .1);
    border-radius: 4px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .fx_flow_filter .form-filter-pane {
    border-radius: 4px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu {
    margin: 12px 0 0;
    padding-right: 20px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort {
    margin-right: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .form-todo-mun {
    color: #ff5631
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-batch,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-refresh,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort {
    display: flex;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-batch i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-refresh i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort i {
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-batch span,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-refresh span,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort span {
    font-size: 13px;
    color: #333;
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-batch:hover i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-batch:hover span,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-refresh:hover i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-refresh:hover span,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort:hover i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .form-menu .menu-sort:hover span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content .bsy-content .bsy-frame-entry-content .select-flow-empty {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen {
    position: fixed;
    top: 0;
    left: 0 !important;
    right: 0;
    bottom: 0;
    z-index: 200;
    padding-top: 0;
    background-color: #fff !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen .bsy-frame-path .sidebar-container {
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen .bsy-frame-path .Full {
    top: 0;
    right: 0 !important;
    left: auto !important
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen .bsy-frame-path .edit-form {
    display: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen .bsy-frame-path .entry-name {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen .fs-frame-entry-content {
    top: 40px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path {
    font-size: 14px;
    font-weight: 700;
    background: #29314c !important;
    border-bottom-color: transparent !important;
    color: #fff;
    border-radius: 0 !important;
    width: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path .Full {
    color: #fff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path .Full:hover {
    background: hsla(0, 0%, 100%, .06)
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path .dash-filter-rel .BsySelect .showText span,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path .dash-filter-rel .BsySelect:hover .icon-bsy-xiala,
.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-path .dash-filter-reset {
    color: #fff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-entry-content {
    top: 45px;
    right: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-content.fullScreen.dash-theme-dark .bsy-frame-entry-content .fui_dash {
    border: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path {
    width: calc(100% - 10px);
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 1
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow {
    position: relative;
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    height: 46px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme {
    float: left;
    margin-top: 0;
    margin-left: 10px;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    display: flex
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.sortable-ghost {
    visibility: hidden
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .item {
    display: flex
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .icon {
    float: left;
    margin-left: 8px;
    color: #f60;
    height: 30px;
    line-height: 30px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .icon .icon-form-flow {
    font-size: 16px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .text {
    float: left;
    margin-left: 6px;
    margin-right: 10px;
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .todonum {
    float: right;
    margin-right: 8px;
    font-size: 12px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .close {
    float: right;
    margin-right: 8px;
    visibility: hidden
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .close i {
    color: #666;
    font-size: 16px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .close:hover i {
    color: #ff5631
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding {
    display: none;
    position: absolute;
    right: -2px;
    top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    background-repeat: no-repeat
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding.ding,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding.ding.hove {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABQlJREFUWEelmHlsFHUUxz9vdreUNkZRiIBKixr9B9OAHBFri1g1MaYGuQ8TY6SRO0pJKkdcK4ZLCAhyRAFR/pEjUI2CioJHEKhEMSYkJJgqbQlRsNIIdDu7z8zM7nR3Zna3je+PzmZ+7/fe991vKnSTindq/5hSLcITqgwSGKhCP1GuILSiNIvBVxKh4cZ0+b2bYl02yXehcLuWx5U3ECpRMvkV7DfWM/lIMjQaEO2YKZ/lk586zwqkcKeWmp1sEKjWpCKvUBGwzqxnIAnHRJgXe1F+zQcoUEThVq2IC/tR+uYS4HGIj9V2lvCvITwXq5EDuWT5gBRs1RkJZQdKJOX1FJNXsffcDZP3AqgBizpmydpsYDKAhDdphRgc0QQR60I+RamwpELnDVXGuaCGMDk2W/YGgXGBFG7R0nicRlX6ugYl49/dHMkLDK6JwcOdc+RnX76lXoTXawNCtV0B3YxFymO39oJrJtwwncR1gQfEVoTG2HxGiUhGCdgqw+u1HOW7fDnhc2nSYy01DpCqfdD0T5chPnlJflEmx16RPenyHCDr9CjKmHwlFuROy6xD46GqBC60Q9Ue+M0CE0RJbwuc61wo92cAKX5H+3dctztj3ubmlR0SWDYa6kZByHBOmy0wH8H5ttxmicGwzoXyk9vQIqu1RpVt9guPL33Jl9Y97+0Du56GkQP8ClvaoXy3AyqD0uQbwuuxRRJ1gYRX6j6U8bnw330LfDkV3jsDK47DC2Ww7jEoLvDfunwdbusN87+ALa69Dl+6YSKcMOvkoS4gb2ojwvBcQEpuhl9mQlEEzlyCstuDuZvaYPgOGNIXTrZCZyJjFLkVZY8EodV8Ve5wgYSWa7OA/cIbinR1lSXwyRQHTBDFEzD2QzjenDs33FMhvnQxBVGRhJ0VoXrtAGwnZyu3VF8YUwofTw0Gs/xbiH6TOYLdnpTqGB4FRUX0a6+Vv2zd4aheBPrbHsmc6oGmjR0MDVOhd5pnTrVAxXYwrT7RtRVkHT1JXIlHKul17FExHSCv6WlVhgVp9c6OpRVOJfzRBgenOWBudELZZjh/pZsh6WK7FK8X2wEOkGXaoFDtpHV2l0wrgw8mQMtVGPI2jLoTDk6HwgjUfQ5vfe8H4huC6eEXfjTrZYQLJLJE5ydgQ6A9SWCVpXDoeTh3GZ7eBc1XHe7H74EDMxwwd62Eizn6htdQMVhlLpc6F0jhEi3pjNMUCERgcB9onAunW2DCbmiPZSbB6EFQPhhWW4maj9I8LsJoc4X84AKxfoTr9JQqI4KyfPcUaL0Kiw+DaRdaGuXZlHKsBc3LelMSjTqla+eI9Se0SJ8CPvUa1CsMA26Cpr/zmdq9c3fDMKiJr5J302+5gy5cq0fVM4HzroY9c5BjuXB23Ege2DtJ4oFACmp1SFw5QYLirItRTxV7hyiYRogqc434Mipj9Ide1nEk2J/sSz5/5/t8yDWtLWEqzE6sly1BgfTtIOEFujCRYI3tRc93i28WeSzONSIMWGtulNps2RS4DIXm6kTgfVWK0nfQvMC8WhzpVgtfkNgkm3OldNatLDJPhybibFPo6n49m2lWNzhrhJhlbvTnRDDmLFBVVcJzmKRKPcp9PrbsZWV9kNc/O4Yd3uroUWiCmCMv6VCFZ1R50vpvAGCtRyGEBMqfIlwQ5WuEg0sHcDK9WXWny/R4YU4JnbhHQ4eP0OfBgbQdizqj/P/Qf6zSET/VXtqjAAAAAElFTkSuQmCC);
    background-size: 100%;
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding.ding.delete {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAVBQTFRFAAAAAP//AFX/AID/AGb/AID/AG3/AGD/AHH/AGb/AF3/AHT/AGr/AG3/AGb/AGP/AF7/AGb/AGH/AG3/AGj/AGT/AGD/AGr/AGb/AGL/CV7/CWH/CF3/CGP/CGT/CGL/B2P/B2X/BmT/Bmf/BmX/BWP/BWL/BWP/BWb/BWT/BGL/BGX/BGP/BGT/BGb/A2X/A2T/A2X/A2T/A2b/A2X/A2T/A2f/A2X/A2X/A2T/A2X/Amb/AmX/Amb/AmT/AmT/AmX/AmX/Amb/AmX/AmX/BGX/BGT/BGT/A2T/A2X/A2b/A2f/A2b/A2X/A2X/A2T/A2X/A2X/A2X/A2T/A2X/A2X/A2b/A2X/A2b/Amb/AmX/AmX/Amb/AmX/Amb/AmX/Amb/AmX/Amb/AmX/AmT/AmX/AmX/AmX/Amb/AmX/AmX/Amb/AmX/Amb/AmX/AmX/oeC01wAAAG90Uk5TAAEDBAUGBwgJCgsLDA4PEhMUFRUWFxgYGRobHR4fISIkJikqKzE0Njc4OTo7PUFOT1NUVVZXV1hdY2VscnN6f4GDhYiLjo+RlJeen6Onq62vscDBwsPDxcvO1Nfd4OLj5OXm6+zt8PX29/n7/P3+3+g7pwAAAX5JREFUGBl1wWdD01AYBeBz2xBiaaW9QNJDEQWVYVGse2sVnFVxixNxJVL7/v9vNsvci/V5UChVJrXPYKpeLWMEt8GCHsc+5TptDQcmN+B+TQ+FAxylipzL0TykygFHazpI1Gk5Os+cVhhyaZn99nmFOQ9DDdpeyM4qMzMASrS07vZFvrSZcYAKTWvbEttdYqoGTDJzYucOr/+U2He5wZQGNDPLobyTxKfF03NM+YDPXCeURH+dBQUWzoQS26ShhICFc6GIbLdoUJjiXxvXzocStWkIgDpzV2V34UIkXRo0UGWm8+v9EnkxkuMnH7553GGiBpSZWv3xcoFD67cvRf0P0aDL2BgAzcTWgzkmjnz92Obiq71TJH0FYJyx+RVmzsrrXq/3TLokK4g1aLkivyV2n5xWiDlNmpYHT0nelMuki5RHyyN5fuvJ4O0sJ5Cr0nToXih7W8d4EAWvSVNr7TA5AZOjaZt2YVPeDAt+ReFfTk37JANdG1P4H1VSsP0BJcxvtSkoOtsAAAAASUVORK5CYII=);
    background-size: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding.hove {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFTElEQVRYR71YXWxURRT+zu3PNoubzqxgWpRCaSEUaFRIkQgkjVECmghG5MmYGBUfVBLjTwzxJ+oDRvHFEmOiPuibf0Ei+qBpWlpC0kqaYoOEtKQhio20vXOXLUvb7e4x57LdbLt/925bJ9lm0z3nO998c+acmSGUMJg5cP369QeSyeReZl5LRLXMvJKIwsw8SkT/AJDPEIBTSqluIkqUEArkx8lxnAeTyeQhAHsAhLz6EtE4gJ8tyzpeXV39u1c/sfNE0BhzD4APmfkhP+DzbYmImfk7y7KOKKUue8EqSJCZK40xnxDRIWb2NBlPQYniAD5QSr0jpAv55A0ajUbviMfjJwDc7yVoKTZEdFIp9SQRTeTzz0kwGo1uisfjvwCoKyWwT5+Bqqqqh4PB4N+5/LIIppSTRP4/yLmciKhfKbWDiGJZeZv5j1TOdSzlsuZdSqLvlVIH5+fkHAVt2/4MwPM+l2gxzY+Ew+GjmYBpgqlS0rcYu5WZMTExgVDIc6mc5RQLBALrli1bJkX+1vLPfjHG/LrQOjeL1dvbiytXrmDNmjVoaWnxpTARfaG1fm4OwVSH+M0XUgHjvr4+XL58qw6vXr0a27Zt8wwtLbG8vLw5FApdTCto2/a3AJ7wjFLAUJZ3YGAAly5dSlvV1dW5JIm81Xoi+lhr/apLUBq/MWbUT2/Nx0/yrqenB7ZtZ5n4IUlEQ1rrdS7BSCSyN5FISFFe0BgeHkZ/fz9mZmby4vhZ7oqKik2hUOhPMsa0MfOLXtlduHDB3QBbtmxBTU0Npqence7cOVy9etUTxP79+1FRUVHU1rKs15RSx8i27VMAHinqkTJob293l7CsrAwbN27E0NAQbt68mddd8q61tRWjo6OorKxEQ0ODp1CWZX2qlHpBFJTad68nLwDGGJw+fRrxuBxIio/m5mZs2LChuOE8CyL6UWv9mCg4AqDGD4JXkitWrHDVK2UQUa/W+j5RcEp6sF8QWeaurq68Skqe7d69G8Fg0C+0a09Eg1rr9aKgHHPuLAWlEMnt27dj1apVpcDO+pwNh8M7RMFeZvbXjwCMjIy46khZ6e7unqOkn3KSbwZE9IPW+oAQPMnMj/qZquRgZ2cnLMtyc2w+yZ07d6K2ttYPZJYtEbVprQ8LwWPM/IpXtFgsBik1k5OTqK6uhpARJcfHx9NKlpeXY9euXVi+fLlX2FwED2ut24RgKzPLIbXokNLS0dGBSCTiFmnJs8yiOzY2hjNnzrjLLfknv5c6LMtaq5Qall5c5jjOv8x8ezEwqX/Xrl1DfX09tm7dmrP5i5KDg4NobGwsWUEi+kNrfbe7m+WPMeYrZn6qEEHptdLSNm/ejKampmJzWdDvRPS+1vrtNMFIJNKSTCZ78p2mZROcP3/eVUXybonHZFVV1fpgMPhXmqB8sW37GwAHlzi4F/iPwuHw67OG6ROk4zgNzHyRmYsfNbyEKcGGiAwRNSilTBbBVC6+x8xvlYC9KC6WZT2rlPoyE2zOGVxy0HGcE8y8b1Ei+gAhouNa65fmu2RdEpj5NmPMWQDNPvAXZEpE7UqpPUSUdRzPeYuJxWJ3TU1N/cTM8uy2pEPIATigtXZyBcp7zWLmoOM4XzPz40vFUJZVKfVyLuVybpL5RCQnjTFvAHgTQGkHuxyzS+1WuXPM2RC+FMw0vnHjxsrp6el3ATwtrXEBik4CaLMs62hmKSmE5+0mnUKIRqNNMzMzzwDYx8yNPogOyB0jEAh8PtshvPr6IpgJKo+ciURiL4B6eeEHIB/NzGMZr/yDRCSv/MNeCRUtM6UCLZXffx9IO0eT7dwuAAAAAElFTkSuQmCC);
    background-size: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme .iconding.hove.unset {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAAAXNSR0IArs4c6QAABQlJREFUWEelmHlsFHUUxz9vdreUNkZRiIBKixr9B9OAHBFri1g1MaYGuQ8TY6SRO0pJKkdcK4ZLCAhyRAFR/pEjUI2CioJHEKhEMSYkJJgqbQlRsNIIdDu7z8zM7nR3Zna3je+PzmZ+7/fe991vKnSTindq/5hSLcITqgwSGKhCP1GuILSiNIvBVxKh4cZ0+b2bYl02yXehcLuWx5U3ECpRMvkV7DfWM/lIMjQaEO2YKZ/lk586zwqkcKeWmp1sEKjWpCKvUBGwzqxnIAnHRJgXe1F+zQcoUEThVq2IC/tR+uYS4HGIj9V2lvCvITwXq5EDuWT5gBRs1RkJZQdKJOX1FJNXsffcDZP3AqgBizpmydpsYDKAhDdphRgc0QQR60I+RamwpELnDVXGuaCGMDk2W/YGgXGBFG7R0nicRlX6ugYl49/dHMkLDK6JwcOdc+RnX76lXoTXawNCtV0B3YxFymO39oJrJtwwncR1gQfEVoTG2HxGiUhGCdgqw+u1HOW7fDnhc2nSYy01DpCqfdD0T5chPnlJflEmx16RPenyHCDr9CjKmHwlFuROy6xD46GqBC60Q9Ue+M0CE0RJbwuc61wo92cAKX5H+3dctztj3ubmlR0SWDYa6kZByHBOmy0wH8H5ttxmicGwzoXyk9vQIqu1RpVt9guPL33Jl9Y97+0Du56GkQP8ClvaoXy3AyqD0uQbwuuxRRJ1gYRX6j6U8bnw330LfDkV3jsDK47DC2Ww7jEoLvDfunwdbusN87+ALa69Dl+6YSKcMOvkoS4gb2ojwvBcQEpuhl9mQlEEzlyCstuDuZvaYPgOGNIXTrZCZyJjFLkVZY8EodV8Ve5wgYSWa7OA/cIbinR1lSXwyRQHTBDFEzD2QzjenDs33FMhvnQxBVGRhJ0VoXrtAGwnZyu3VF8YUwofTw0Gs/xbiH6TOYLdnpTqGB4FRUX0a6+Vv2zd4aheBPrbHsmc6oGmjR0MDVOhd5pnTrVAxXYwrT7RtRVkHT1JXIlHKul17FExHSCv6WlVhgVp9c6OpRVOJfzRBgenOWBudELZZjh/pZsh6WK7FK8X2wEOkGXaoFDtpHV2l0wrgw8mQMtVGPI2jLoTDk6HwgjUfQ5vfe8H4huC6eEXfjTrZYQLJLJE5ydgQ6A9SWCVpXDoeTh3GZ7eBc1XHe7H74EDMxwwd62Eizn6htdQMVhlLpc6F0jhEi3pjNMUCERgcB9onAunW2DCbmiPZSbB6EFQPhhWW4maj9I8LsJoc4X84AKxfoTr9JQqI4KyfPcUaL0Kiw+DaRdaGuXZlHKsBc3LelMSjTqla+eI9Se0SJ8CPvUa1CsMA26Cpr/zmdq9c3fDMKiJr5J302+5gy5cq0fVM4HzroY9c5BjuXB23Ege2DtJ4oFACmp1SFw5QYLirItRTxV7hyiYRogqc434Mipj9Ide1nEk2J/sSz5/5/t8yDWtLWEqzE6sly1BgfTtIOEFujCRYI3tRc93i28WeSzONSIMWGtulNps2RS4DIXm6kTgfVWK0nfQvMC8WhzpVgtfkNgkm3OldNatLDJPhybibFPo6n49m2lWNzhrhJhlbvTnRDDmLFBVVcJzmKRKPcp9PrbsZWV9kNc/O4Yd3uroUWiCmCMv6VCFZ1R50vpvAGCtRyGEBMqfIlwQ5WuEg0sHcDK9WXWny/R4YU4JnbhHQ4eP0OfBgbQdizqj/P/Qf6zSET/VXtqjAAAAAElFTkSuQmCC);
    background-size: 100%
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover {
    color: #333;
    box-shadow: none;
    background: #f0f6ff;
    border-color: #f2f6ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover .text,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover .todonum {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover i {
    color: #f60
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover .close {
    visibility: unset
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover .close i {
    color: #999
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme:hover .close:hover i {
    color: #f60
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select {
    color: #333;
    box-shadow: none;
    background: #f2f6ff;
    border-color: #f2f6ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select .text,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select .todonum {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select i {
    color: #f60
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select .close i {
    color: #999
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .header-itme.select .close:hover i {
    color: #f60
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all {
    position: absolute;
    right: 0;
    border: 1px solid transparent;
    color: #333;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background: #fff;
    -webkit-user-select: none;
    user-select: none
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all .text {
    margin-left: 10px;
    margin-right: 8px;
    float: left;
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all .icon {
    float: right;
    margin-right: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all i {
    color: #333;
    font-size: 18px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all.select,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all.select i,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all:hover,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .header-flow .all:hover i {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn {
    flex: auto;
    text-align: right;
    padding-right: 20px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn a {
    cursor: pointer
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter {
    color: #666;
    margin-right: 20px;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter span {
    margin-right: 5px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter:hover {
    background-color: #f2f6ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter:hover span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter i.icon-close {
    color: #ccc;
    font-size: 12px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter i.icon-close:hover {
    color: #f5222d
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter-select {
    background: #f2f6ff;
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .filter-btn .filter-select i {
    color: #f5222d
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb li {
    color: #555;
    display: inline-block;
    margin-left: 5px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb li a {
    color: #4c8fbd
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb li i {
    font-size: 16px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .BsySelect {
    margin-left: 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .to-Manage {
    left: 10px;
    float: right;
    margin-top: 7px;
    height: 32px;
    cursor: pointer;
    color: #333;
    border-radius: 18px;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .to-Manage:hover {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .to-Manage i {
    margin-right: 6px;
    font-weight: 700
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .to-Manage .icon-page-header {
    font-size: 16px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .form-view {
    left: 10px;
    font-weight: 500;
    float: right
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .form-view.Full {
    margin-top: 7px;
    cursor: pointer;
    color: #333;
    border-radius: 18px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .form-view.Full i {
    margin-right: 6px;
    font-weight: 700
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .form-view.Full:hover {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .edit-form {
    float: right;
    height: 32px;
    margin: 7px 16px 0 10px;
    line-height: 30px;
    border-radius: 20px;
    padding: 0 20px;
    color: #0265ff;
    font-size: 14px;
    cursor: pointer;
    background-color: rgba(2, 101, 255, .1);
    border: 1px solid rgba(2, 101, 255, .2);
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .edit-form:hover {
    background-color: #0265ff;
    color: #fff;
    border-color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel {
    float: right;
    margin: 8px 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect {
    min-width: 60px !important;
    width: 68px;
    margin-right: 10px;
    padding: 0 10px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect .iconSelect {
    padding: 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect .showText {
    border: none;
    padding: 0 16px 0 0
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect .showText span {
    width: auto !important;
    padding: 0;
    letter-spacing: .67px;
    font-weight: 500;
    max-width: unset
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect:hover {
    background: #f2f6ff;
    border-radius: 4px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-rel .BsySelect:hover span {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-reset {
    margin: 0 10px 0 0;
    float: right;
    cursor: pointer;
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-reset i {
    margin-right: 6px;
    font-weight: 700
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .dash-filter-reset:hover {
    color: #0265ff
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb {
    height: 46px;
    line-height: 46px;
    display: flex;
    align-items: center;
    float: left
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .sidebar-container {
    width: 36px;
    padding-left: 14px;
    float: left;
    height: 100%;
    display: flex;
    align-items: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .sidebar-container .icon-container {
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    min-width: 30px;
    padding: 2px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .sidebar-container .icon-container i {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .sidebar-container:hover .icon-container {
    background-color: #eee;
    border-radius: 2px
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .entry-name {
    float: left;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    box-shadow: none;
    font-weight: 500
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .entry-name.dash,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .entry-name.form,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .entry-name.report,
.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .entry-name.scenes {
    display: block
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .tody-num {
    float: left;
    height: 46px;
    line-height: 46px;
    margin-left: 10px;
    color: #f90
}

.BsyDashboardApp .bsy-frame-body .bsy-frame-path .breadcrumb .dash-split {
    border-left: 1px solid #eee;
    width: 1px;
    margin: 0 20px;
    height: 10px
}

.BsyDashboardApp .bsy-frame-body .fs-frame-entry-content {
    position: absolute;
    overflow: auto;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f5fbff
}

.BsyDashboardApp .bsy-frame-body .fs-frame-entry-content .select-flow-empty {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center
}

.BsyDashboardApp .bsy-frame-body .fs-frame-entry-content .fx_data_manage {
    bottom: 10px;
    right: 10px
}

.BsyDashboardApp .bsy-frame-body .fs-frame-entry-content .fx_data_manage .manage-body {
    padding-bottom: 10px
}

.BsyDashboardApp .bsy-frame-body .fs-frame-entry-content.dash-full-screen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.bby-msg-bubble .relationship-btn {
    color: #0265ff;
    margin-top: 10px;
    cursor: pointer
}

.bby-msg-bubble .relationship-btn:hover {
    opacity: .8
}

.bby-msg-bubble .triangle-up {
    display: none !important
}

.bsy-form-style-pane {
    width: 300px;
    cursor: pointer;
    box-shadow: 1px 4px 4px #eee
}

.bsy-form-style-pane .menu-pane-icon {
    margin: 10px 10px 0 !important;
    padding-bottom: 5px !important;
    box-shadow: none !important;
    width: 280px !important
}

.bsy-form-style-pane .menu-pane-icon .menu-item {
    display: inline-block;
    flex: 1 1;
    font-size: 24px;
    width: 46px;
    height: 46px;
    line-height: 44px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #e0e0e0;
    margin: 0 5px 10px
}

.bsy-form-style-pane .menu-pane-icon.dash i,
.bsy-form-style-pane .menu-pane-icon.scenes i {
    color: #52c41a
}

.bsy-form-style-pane .menu-pane-icon.dash .menu-item.selected,
.bsy-form-style-pane .menu-pane-icon.scenes .menu-item.selected {
    background-color: rgba(82, 196, 26, .2);
    border-color: #dcf3d1
}

.bsy-form-style-pane .menu-pane-icon.report i {
    color: #52c41a
}

.bsy-form-style-pane .menu-pane-icon.report .menu-item.selected {
    background-color: rgba(82, 196, 26, .2);
    border-color: #dcf3d1
}

.bsy-form-style-pane .menu-pane-icon.form i {
    color: #0097ff
}

.bsy-form-style-pane .menu-pane-icon.form .menu-item.selected {
    background-color: rgba(0, 151, 255, .2);
    border-color: #cceaff
}

.bsy-form-style-pane .menu-pane-icon.form-flow i {
    color: #f60
}

.bsy-form-style-pane .menu-pane-icon.form-flow .menu-item.selected {
    background-color: rgba(255, 102, 0, .2);
    border-color: #ffe0cc
}

.bsy-form-style-pane .menu-pane-icon .menu-item:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.frame-search-entry li {
    width: 100%
}

.frame-search-entry li .menu-item {
    position: relative;
    color: #666;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.frame-search-entry li .menu-item .icon-btn {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.frame-search-entry li .menu-item span {
    color: #666;
    padding-left: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.frame-search-entry li .menu-item span i {
    font-style: normal;
    color: #0265ff
}

.frame-search-entry li .menu-item:hover {
    background-color: #fafafa;
    color: #333
}

.frame-search-entry li .menu-item:hover .edit,
.frame-search-entry li .menu-item:hover .move {
    display: block
}

.frame-search-entry li .menu-item:hover span {
    color: #333
}

.sortTime .menu-item {
    padding: 0 20px;
    cursor: pointer;
    line-height: 40px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sortTime .menu-item i {
    font-size: 16px
}

.sortTime .menu-item:hover {
    background: #f2f6ff
}

.sortTime .menu-item.selected {
    color: #0265ff;
    position: relative;
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.allFilterList .BsySearchInput {
    width: 100%
}

.allFilterList .BsySearchInput input {
    width: 100%;
    border-radius: 4px 4px 0 0
}

.allFilterList .BsySearchInput input:focus,
.allFilterList .BsySearchInput input:hover {
    border-color: transparent transparent #0265ff !important
}

.allFilterList .bby-op-menu-pane.all-form {
    margin-top: 0
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item {
    padding: 0 30px 0 16px;
    margin: 0 6px;
    border-radius: 4px;
    display: flex
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item .icon-form-flow {
    color: #f60;
    font-size: 16px
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item .icon-ok {
    position: absolute;
    right: 10px
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item span {
    padding-left: 8px;
    color: #333
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item span:nth-child(2) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item:first-child {
    margin-top: 10px
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item:last-child {
    margin-bottom: 10px
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item.show {
    opacity: .6;
    position: relative
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item:hover {
    background: #f0f0f0 !important
}

.allFilterList .bby-op-menu-pane.all-form .menu-pane .menu-item:hover span {
    color: #333
}

.bsy-trigger-pane .item.all-permission {
    border-top: 1px solid #e0e0e0
}

.bsy-flow-list {
    flex: none;
    width: 100%;
    padding-right: 0;
    position: static;
    background: transparent !important
}

.bsy-flow-list .flow-list {
    padding: 4px 0 0;
    margin: 0 10px
}

.bsy-flow-list .flow-list .flow-empty {
    padding-top: 180px;
    line-height: 20px;
    color: #989898;
    text-align: center;
    position: relative;
    left: 20px;
    top: 0;
    background-size: 100% !important;
    width: 300px !important;
    margin: 0 auto
}

.bsy-flow-list .flow-list .flow-empty.participated {
    background-image: url(/template/resource/static/media/img_wodechaosongkongbai.7fbf7f58.png);
    background-size: 100%
}

.bsy-flow-list .flow-list .flow-empty .created {
    background-image: url(/template/resource/static/media/img_faqirenwukongbai.59ffda0a.png);
    background-size: 100%
}

.bsy-flow-list .flow-list .flow-empty .todo {
    background-image: url(/template/resource/static/media/img_daibanrenwukongbai.f616f32d.png) !important
}

.bsy-flow-list .flow-list .flow-empty .participated {
    background-image: url(/template/resource/static/media/img_wodechaosongkongbai.7fbf7f58.png) !important
}

.bsy-flow-list .flow-list .flow-empty .created {
    background-image: url(/template/resource/static/media/img_faqirenwukongbai.59ffda0a.png) !important
}

.bsy-flow-list .flow-list .line-item {
    border-radius: 4px;
    margin: 0 0 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    align-items: center;
    position: relative;
    width: 100% !important;
    border: 1px solid transparent
}

.bsy-flow-list .flow-list .line-item .line-item-header {
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    display: flex;
    justify-content: space-between
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .waitedTime {
    font-size: 13px;
    margin-left: 10px;
    color: #4d609f;
    float: left
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .entry-name {
    float: left;
    margin-left: 20px;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 40px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .flow-charge-1 {
    float: left;
    font-size: 13px;
    font-weight: 500;
    color: #999;
    line-height: 40px;
    margin-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .flow-charge-1 i {
    margin-right: 6px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .flow-charge-1.charge {
    max-width: 400px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .infoBack {
    float: left;
    font-size: 13px;
    color: #ff9921;
    line-height: 40px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .todoIsUrged {
    float: left;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #ff5631;
    margin-left: 20px;
    position: relative
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .todoIsUrged:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff5631;
    position: absolute;
    top: 16px;
    left: -10px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status {
    float: left;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #0265ff;
    display: flex;
    margin-left: 10px
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item {
    margin-right: 10px;
    display: flex
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item .name-title {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item.save {
    color: #0265ff
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item.back {
    color: #ff9921
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item.revoke {
    color: #4d609f
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item.active {
    color: #4acc8c
}

.bsy-flow-list .flow-list .line-item .line-item-header .left .source-status .status-item.transfer {
    color: #4d609f
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .flow-time {
    float: right;
    min-width: 128px;
    max-width: 248px;
    width: calc(18.7vw - 112px);
    flex: none;
    text-align: right;
    font-size: 13px;
    color: #999;
    letter-spacing: .32px;
    margin-right: 20px
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .bsy-flow-state {
    float: right;
    margin: 6px 20px 0 0;
    line-height: 24px;
    width: 72px;
    border-radius: 100px;
    text-align: center;
    font-size: 13px
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .bsy-flow-state.in-process {
    background: #f2f6ff !important;
    color: #0265ff;
    border: 1px solid #0265ff
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .bsy-flow-state.closed {
    background: #fff6e6;
    color: #fca603;
    border: 1px solid #fca603
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .bsy-flow-state.complete {
    background: #edf9e8;
    color: #52c41b;
    border: 1px solid #52c41b
}

.bsy-flow-list .flow-list .line-item .line-item-header .right .bsy-flow-state.refuse {
    background: #e6f4ff;
    color: #f5222d;
    border: 1px solid #f5222d
}

.bsy-flow-list .flow-list .line-item .line-item-content {
    height: 92px;
    display: flex;
    padding: 8px 20px;
    background: #fff;
    cursor: pointer;
    transition: box-shadow 218ms ease-in-out;
    position: relative;
    align-items: center
}

.bsy-flow-list .flow-list .line-item .line-item-content.cc-read .entry-name {
    opacity: .7
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-hint {
    right: 20px;
    position: absolute;
    bottom: 15px;
    right: 30px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    border-radius: 20px;
    padding: 0 12px;
    letter-spacing: .32px
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-hint.fail-hint {
    background: #ffe6e7;
    color: #f5222d;
    padding-left: 10px
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-hint.expire-time-hint {
    background: #e6f4ff;
    color: #0265ff
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-hint.expire-time-hint .overtime {
    background: #ffe6e7;
    color: #f5222d
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-hint.expire-time-hint .time-icon {
    font-size: 14px;
    margin-right: 0
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-name {
    margin-top: 0;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
    height: auto;
    line-height: normal
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-name .name {
    font-size: 13px;
    font-weight: 500;
    color: #333
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-name .waitedTime {
    font-size: 13px;
    font-weight: 500;
    color: #4d609f;
    margin-top: 10px
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    text-align: center;
    flex: none;
    margin-right: 10px;
    border-radius: 50%;
    margin-left: 0;
    margin-top: 0;
    width: 30px !important;
    height: 30px !important
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info img {
    width: 30px !important;
    height: 30px !important
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    color: #fff
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-0 {
    background: #f5c547
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-1 {
    background-color: #528cff
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-2 {
    background-color: #50b0f4
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-3 {
    background-color: #61db8c
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-4 {
    background-color: #ff8383
}

.bsy-flow-list .flow-list .line-item .line-item-content .creator-info .user-portrait-name.color-5 {
    background-color: #444
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list {
    display: flex;
    width: calc(100% - 240px)
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief {
    flex: 1 1 !important;
    letter-spacing: .77px;
    padding: 3px 0;
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief:first-child {
    margin-right: 20px
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief .brief-item {
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief .brief-item .brief-label {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief .brief-item .brief-val {
    color: #333
}

.bsy-flow-list .flow-list .line-item .line-item-content .flow-brief-list .flow-brief .brief-item .brief-val .sep {
    color: #999
}

.bsy-flow-list .flow-list .line-item:hover {
    box-shadow: 0 0 10px 0 rgba(2, 101, 255, .2) !important
}

.bsy-flow-list .loadStart {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.bsy-flow-list.batchforward .batch-forward-toolbar {
    margin-left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #eee
}

.bsy-flow-list.batchforward .batch-forward-toolbar .left-toolbar,
.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar {
    display: flex;
    align-items: center
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn {
    padding: 0 18px;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    cursor: pointer
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn span {
    font-size: 14px
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel {
    border: 1px solid #e0e0e0;
    margin-right: 16px
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel span {
    color: #333
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.cancel:hover {
    background-color: #e0e0e0
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.ok {
    border: 1px solid #0265ff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.ok span {
    color: #0265ff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.ok:hover {
    background-color: #0265ff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .right-toolbar .btn.ok:hover span {
    color: #fff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect {
    height: 20px;
    line-height: 20px;
    margin: 0 30px 0 0;
    cursor: pointer
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect i {
    margin-right: 10px;
    font-size: 14px
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect i.icon-bsy-check2 {
    color: #9da2b2
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect i.icon-bsy-iconxuanzhong {
    color: #0265ff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect span {
    font-size: 14px;
    color: #333
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect:hover i {
    color: #0265ff
}

.bsy-flow-list.batchforward .batch-forward-toolbar .authAllSelect:hover span {
    color: #333
}

.bsy-flow-list.batchforward .batch-forward-toolbar .tip {
    height: 20px;
    line-height: 20px;
    margin-top: 0
}

.bsy-flow-list.batchforward .batch-forward-toolbar .tip .batch-count {
    color: #0265ff;
    font-weight: 700
}

.bsy-flow-list.batchforward .flow-list .flow-item {
    border-radius: 0 !important;
    box-shadow: none !important
}

.bsy-flow-list.batchforward .flow-list .flow-item:hover {
    border-color: transparent
}

.bsy-flow-list.batchforward.app-visit .flow-list {
    border-radius: 0 0 10px 10px
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item {
    margin-bottom: 0
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect {
    height: 100%;
    width: 14px;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect {
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i {
    font-size: 14px
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i.icon-bsy-check2 {
    color: #9da2b2
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect i.icon-bsy-iconxuanzhong {
    color: #0265ff
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect span {
    font-size: 14px;
    color: #333
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect:hover i {
    color: #0265ff
}

.bsy-flow-list.batchforward.app-visit .flow-list .flow-item .itemSelect .authSelect:hover span {
    color: #333
}

.BsySelectFormGroup {
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.BsySelectFormGroup .selectgroupTitle {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px
}

.BsySelectFormGroup .appGroupMenu {
    border: 1px solid #e0e0e0;
    overflow: auto;
    flex: auto
}

.BsySelectFormGroup .appGroupMenu .appItem {
    position: relative;
    color: #333;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding-right: 40px
}

.BsySelectFormGroup .appGroupMenu .appItem .app-icon {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsySelectFormGroup .appGroupMenu .appItem .app-icon .imgbg-small-bsy-app {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%
}

.BsySelectFormGroup .appGroupMenu .appItem .item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySelectFormGroup .appGroupMenu .appItem span {
    color: #333;
    padding-left: 10px;
    letter-spacing: .68px
}

.BsySelectFormGroup .appGroupMenu .appItem i {
    font-size: 16px
}

.BsySelectFormGroup .appGroupMenu .appItem .icon-tree-collapse,
.BsySelectFormGroup .appGroupMenu .appItem .icon-tree-expand {
    color: #333
}

.BsySelectFormGroup .appGroupMenu .appItem .node-icon {
    padding: 2px;
    border-radius: 2px;
    margin-right: 4px
}

.BsySelectFormGroup .appGroupMenu .appItem .node-icon:hover {
    background-color: #e0e0e0
}

.BsySelectFormGroup .appGroupMenu .appItem .icon-bsy-folder-close,
.BsySelectFormGroup .appGroupMenu .appItem .icon-bsy-folder-open {
    color: #6f81bd !important
}

.BsySelectFormGroup .appGroupMenu .appItem .itemDot {
    padding-left: 26px
}

.BsySelectFormGroup .appGroupMenu .appItem:hover {
    background-color: #f5f5f5;
    opacity: 1
}

.BsySelectFormGroup .appGroupMenu .appItem.selected {
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.BsySelectFormGroup .appGroupMenu .appItem.selected:before {
    content: "\e918";
    font-size: 16px;
    color: #0265ff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.BsySelectFormGroup .appGroupMenu .appItem.select {
    opacity: 1;
    background-color: #f2f6ff;
    color: #333;
    position: relative
}

.BsySelectFormGroup .appGroupMenu .appItem.select span {
    color: #0265ff
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item {
    position: relative;
    color: #333;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item span {
    color: #333;
    padding-left: 10px;
    letter-spacing: .68px
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .group-switch-icon {
    padding-left: 0
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item i {
    font-size: 16px;
    margin-right: 6px
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .icon-tree-collapse,
.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .icon-tree-expand {
    color: #333
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .node-icon {
    padding: 2px;
    border-radius: 2px;
    margin-right: 4px
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .node-icon:hover {
    background-color: #e0e0e0
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .icon-bsy-folder-close,
.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .icon-bsy-folder-open {
    color: #6f81bd !important
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item .itemDot {
    padding-left: 26px
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item:hover {
    background-color: #f5f5f5;
    opacity: 1
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item.selected {
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item.selected:before {
    content: "\e918";
    font-size: 16px;
    color: #0265ff;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item.select {
    opacity: 1;
    background-color: #f2f6ff;
    color: #333;
    position: relative
}

.BsySelectFormGroup .appGroupMenu .formGroupList li .menu-item.select span {
    color: #0265ff
}

.BsyRecyclePane {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: calc(100% - 15px)
}

.BsyRecyclePane .pane-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px
}

.BsyRecyclePane .pane-top .clearAll {
    padding: 6px 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 16px
}

.BsyRecyclePane .pane-top .clearAll i {
    font-size: 16px;
    color: #ff5631;
    margin-right: 6px
}

.BsyRecyclePane .pane-top .clearAll span {
    font-size: 14px;
    color: #666
}

.BsyRecyclePane .pane-top .clearAll:hover span {
    color: #ff5631
}

.BsyRecyclePane .pane-cont {
    width: calc(100% - 40px);
    height: calc(100% - 60px);
    overflow: auto;
    padding: 10px 0;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin: 0 auto
}

.BsyRecyclePane .recycleList ul li,
.BsyRecyclePane .searchResCont ul li {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding: 0 20px 0 14px
}

.BsyRecyclePane .recycleList ul li .menu-item,
.BsyRecyclePane .searchResCont ul li .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyRecyclePane .recycleList ul li .menu-item .item,
.BsyRecyclePane .searchResCont ul li .menu-item .item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon {
    font-size: 16px;
    color: #333;
    margin-right: 10px
}

.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-dash,
.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-report,
.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-scenes,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-dash,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-report,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-scenes {
    color: #52c41a !important
}

.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-form,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-form {
    color: var(--bsy-base-color) !important
}

.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-form-flow,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-form-flow {
    color: #f60 !important
}

.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-folder-close,
.BsyRecyclePane .recycleList ul li .menu-item .item .node-icon.icon-bsy-folder-open,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-folder-close,
.BsyRecyclePane .searchResCont ul li .menu-item .item .node-icon.icon-bsy-folder-open {
    color: #6f81bd !important
}

.BsyRecyclePane .recycleList ul li .menu-item .item span,
.BsyRecyclePane .searchResCont ul li .menu-item .item span {
    font-size: 14px;
    color: #333
}

.BsyRecyclePane .recycleList ul li .menu-item .edit,
.BsyRecyclePane .searchResCont ul li .menu-item .edit {
    display: flex;
    justify-content: space-between;
    flex: none
}

.BsyRecyclePane .recycleList ul li .menu-item .edit span,
.BsyRecyclePane .searchResCont ul li .menu-item .edit span {
    font-size: 14px;
    cursor: pointer
}

.BsyRecyclePane .recycleList ul li .menu-item .edit span.recover,
.BsyRecyclePane .searchResCont ul li .menu-item .edit span.recover {
    color: var(--bsy-base-color);
    margin-right: 26px
}

.BsyRecyclePane .recycleList ul li .menu-item .edit span.recover:hover,
.BsyRecyclePane .searchResCont ul li .menu-item .edit span.recover:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyRecyclePane .recycleList ul li .menu-item .edit span.delete,
.BsyRecyclePane .searchResCont ul li .menu-item .edit span.delete {
    color: #ff5631
}

.BsyRecyclePane .recycleList ul li .menu-item .edit span.delete:hover,
.BsyRecyclePane .searchResCont ul li .menu-item .edit span.delete:hover {
    opacity: .8
}

.BsyRecyclePane .recycleList ul li:hover,
.BsyRecyclePane .searchResCont ul li:hover {
    background-color: #f4f9ff
}

.BsyRecyclePane .recycleList ul li:hover .menu-item .item span,
.BsyRecyclePane .searchResCont ul li:hover .menu-item .item span {
    color: var(--bsy-base-color)
}

.BsyRecyclePane .BsySearchResult {
    width: 346px
}

.BsyRecyclePane .BsySearchResult input {
    border-radius: 18px !important
}

.BsyRecyclePane .BsySearchResult .searchResCont ul {
    padding: 0
}

.search-recycle li {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    padding: 0 20px 0 14px
}

.search-recycle li .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.search-recycle li .menu-item,
.search-recycle li .menu-item .item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-recycle li .menu-item .item .node-icon {
    font-size: 16px;
    color: #333;
    margin-right: 10px
}

.search-recycle li .menu-item .item span {
    font-size: 14px;
    color: #333
}

.search-recycle li .menu-item .item span i {
    font-style: normal;
    color: var(--bsy-base-color)
}

.search-recycle li .menu-item .edit {
    display: flex;
    justify-content: space-between;
    flex: none
}

.search-recycle li .menu-item .edit span {
    font-size: 14px;
    cursor: pointer
}

.search-recycle li .menu-item .edit span.recover {
    color: var(--bsy-base-color);
    margin-right: 26px
}

.search-recycle li .menu-item .edit span.recover:hover {
    color: var(--bsy-base-hovercolor)
}

.search-recycle li .menu-item .edit span.delete {
    color: #ff5631
}

.search-recycle li .menu-item .edit span.delete:hover {
    color: #de360c
}

.search-recycle li:hover {
    background-color: #f4f9ff
}

.BsyRelationshipForm {
    width: 100%;
    height: 100%;
    background-color: #f5f7fa;
    border-top: 1px solid #e0e0e0
}

.BsyRelationshipForm .no-data {
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 21px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px
}

.BsyRelationshipForm .no-data .empty-content {
    width: 560px
}

.BsyRelationshipForm .no-data .empty-content img {
    display: block;
    width: 344px;
    margin: 0 auto 30px
}

.BsyRelationshipForm .no-data .empty-content p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 30px
}

.BsyRelationshipForm .no-data .empty-content .openReferenceBtn {
    width: 156px;
    height: 32px;
    background: #0265ff;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.BsyRelationshipForm .no-data .empty-content .openReferenceBtn:hover {
    opacity: .8
}

.BsyRelationshipForm .relationship-header {
    height: 30px;
    line-height: 30px;
    width: 400px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: -40px;
    z-index: 1
}

.BsyRelationshipForm .relationship-header .header-item {
    cursor: pointer;
    margin-right: 30px;
    display: flex;
    align-items: center
}

.BsyRelationshipForm .relationship-header .header-item:last-child {
    margin-right: 0
}

.BsyRelationshipForm .relationship-header .header-item i {
    font-size: 16px;
    color: #333;
    margin-right: 6px
}

.BsyRelationshipForm .relationship-header .header-item span {
    font-size: 14px;
    color: #333
}

.BsyRelationshipForm .relationship-header .header-item.select i,
.BsyRelationshipForm .relationship-header .header-item.select span,
.BsyRelationshipForm .relationship-header .header-item:hover i,
.BsyRelationshipForm .relationship-header .header-item:hover span {
    color: #0265ff
}

.BsyRelationshipForm .relationship-body {
    background-color: #fff;
    height: 100%;
    width: 100%;
    padding: 10px
}

.BsyRelationshipForm .relationship-body .filter-cont {
    padding: 0 10px;
    width: 100%;
    height: 78px
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    width: 100%
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line:first-child {
    margin-bottom: 8px
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left {
    display: flex;
    flex-wrap: wrap
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .item-cont .bsy-x-group .bsy-group-item {
    margin-bottom: 0
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .item-cont .bsy-x-group .bsy-group-item:last-child {
    margin-right: 0
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .filter-item {
    display: flex;
    align-items: center;
    margin-right: 30px
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .filter-item .item-label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .filter-item.noEdit {
    opacity: .4
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-left .filter-item.noEdit * {
    cursor: not-allowed;
    pointer-events: none
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-right {
    display: flex;
    align-items: end
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-right .filter-item {
    display: flex;
    align-items: center
}

.BsyRelationshipForm .relationship-body .filter-cont .filter-line .line-right .filter-item .item-label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-right: 6px;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyRelationshipForm .relationship-body .relationship-list {
    width: 100%;
    height: calc(100% - 78px);
    display: flex;
    flex-flow: column;
    position: relative
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont {
    flex: 1 1;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 44px
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table {
    padding: 6px 2px 0 10px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    display: flex
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td.typeInfo {
    width: 19%
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td.modeInfo {
    width: 14%
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td.byFormInfo,
.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td.formInfo {
    width: 16%
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td.detailsInfo {
    width: 35%
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .isDel i {
    color: #f5222d;
    font-style: normal;
    font-size: 12px
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .pop-content {
    display: none;
    padding: 12px;
    color: #141e31;
    font-size: 12px;
    line-height: 16px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 9px 27px 8px rgba(31, 45, 61, .04), 0 6px 18px 2px rgba(31, 45, 61, .06), 0 3px 6px -4px rgba(31, 45, 61, .1);
    position: absolute;
    top: -12px;
    z-index: 1001;
    left: 0;
    transform: translate(-100%)
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .pop-content:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    content: "";
    pointer-events: none;
    top: 50%;
    right: -4px;
    margin-top: -4px;
    margin-left: -4px;
    transform: rotate(45deg)
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .pop-content .pop-btn {
    position: relative;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 1px solid #0265ff;
    border-radius: 3px;
    outline: none;
    padding: 8px 12px;
    cursor: pointer;
    transition: box-shadow .3s ease, background .3s ease, border-color .3s ease, color .3s ease;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0265ff;
    color: #fff
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .pop-content .pop-btn:hover {
    opacity: .8
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont {
    color: #333;
    font-size: 13px;
    padding: 14px 0;
    position: relative;
    min-height: 42px
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont span {
    padding: 4px 10px;
    border-radius: 4px;
    display: block
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont span.hasHover {
    color: #0265ff;
    cursor: pointer;
    display: inline-block
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont span.hasHover:hover {
    background-color: #fff
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont a {
    color: #0265ff;
    flex: none;
    cursor: pointer
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td .td-cont a:hover {
    opacity: .8
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-tr .table-td:hover .pop-content {
    display: block
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-header {
    margin-right: 8px;
    position: relative;
    z-index: 1
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-header .table-tr {
    height: 46px;
    line-height: 44px;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    background-color: #f5f6f7
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-header .table-tr .table-td .td-cont {
    font-size: 14px;
    text-align: left;
    float: left;
    font-weight: 700;
    color: #333;
    padding: 0
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-header .table-tr .table-td .td-cont span {
    padding: 0 10px
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    flex: 1 1;
    padding-top: 44px;
    margin-top: -44px;
    position: relative
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-body:after,
.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-body:before {
    content: " ";
    display: table;
    line-height: 0
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .cont-table .table-body .table-tr:hover {
    background-color: #f2f6ff
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page {
    height: 44px;
    flex: none;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: end
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page .page-cont {
    display: flex;
    flex: none;
    align-items: center
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page .page-cont .page-item {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page .page-cont .page-item:hover {
    background: #e6e8ed
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page .page-cont .page-item:active {
    background: #e1e3e5;
    transition: unset
}

.BsyRelationshipForm .relationship-body .relationship-list .list-cont .table-turn-page .page-cont .page-item.disabled {
    color: #b5b8be;
    cursor: default;
    pointer-events: none
}

.BsyRelationshipForm .relationship-body .relationship-view {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    position: relative
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-toolbar-v-center {
    background-color: #fff
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-toolbar-v-center .c-mb-button:first-child {
    display: none
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .relationshipLine {
    cursor: pointer
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line {
    fill-rule: nonzero;
    stroke-linecap: round
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-text {
    paint-order: stroke;
    fill: #fff
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-text-bg {
    fill: #e0e0e0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #fff
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-hover:hover .c-rg-line-text {
    visibility: initial !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-hover:hover .c-rg-line-text-bg {
    fill: #666 !important;
    visibility: initial !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-hover.lineStyle2:hover .c-rg-line-text {
    visibility: initial !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel .c-rg-line-hover.lineStyle2:hover .c-rg-line-text-bg {
    fill: #0265ff !important;
    visibility: initial !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel:hover .relationshipLine {
    opacity: 1 !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-link-peel:hover .c-rg-line-text {
    display: block;
    opacity: 1 !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node {
    box-shadow: none !important;
    background-color: #fff !important;
    display: flex;
    align-items: center
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.extend {
    box-shadow: 0 0 4px 0 rgba(143, 35, 246, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.form {
    box-shadow: 0 0 4px 0 rgba(2, 101, 255, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.dash {
    box-shadow: 0 0 4px 0 rgba(74, 204, 140, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.etl,
.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.etl_table {
    box-shadow: 0 0 4px 0 rgba(43, 194, 225, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.scenes {
    box-shadow: 0 0 4px 0 rgba(74, 204, 140, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.nodeStyle2 .rel-node-item.aggregate_table {
    box-shadow: 0 0 4px 0 rgba(255, 153, 33, .7) !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item {
    border: 1px solid transparent;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 6px;
    cursor: pointer
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon {
    display: block;
    font-size: 20px;
    margin-right: 8px;
    flex: none
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.extend {
    color: #8f23f6
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.form {
    color: #0265ff
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.dash {
    color: #4acc8c
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.etl,
.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.etl_table {
    color: #2bc2e1
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.scenes {
    color: #4acc8c
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .formTypeIcon.aggregate_table {
    color: #ff9921
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item .nodeNameContent .nodeName {
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item a {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 4px
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item a i {
    visibility: hidden;
    font-size: 16px;
    color: #666
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item a:hover {
    background-color: #eee
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node .rel-node-item:hover a i {
    visibility: initial
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked {
    box-shadow: none !important;
    border: none !important
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item {
    border: 2px solid
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.extend {
    border-color: #8f23f6
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.form {
    border-color: #0265ff
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.dash {
    border-color: #4acc8c
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.etl,
.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.etl_table {
    border-color: #2bc2e1
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.scenes {
    border-color: #4acc8c
}

.BsyRelationshipForm .relationship-body .relationship-view .relation-graph .rel-node-type-node.rel-node-checked .rel-node-item.aggregate_table {
    border-color: #ff9921
}

.RelationshipDetail .detail-header {
    border-bottom: 1px solid #ebecee;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.RelationshipDetail .detail-header .header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: flex-start
}

.RelationshipDetail .detail-header .header-close {
    color: #838892;
    cursor: pointer;
    display: block;
    height: 56px;
    line-height: 56px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: color .2s ease;
    width: 56px
}

.RelationshipDetail .detail-header .header-close i {
    display: block;
    font-size: 16px;
    cursor: pointer;
    color: #666
}

.RelationshipDetail .detail-header .header-close:hover {
    color: #333
}

.RelationshipDetail .detail-body {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 56px;
    overflow: auto;
    padding: 20px
}

.RelationshipDetail .detail-body .detail-item {
    border: 1px solid #ebecee;
    border-radius: 4px;
    height: auto;
    width: 100%;
    margin-bottom: 10px
}

.RelationshipDetail .detail-body .detail-item .item-title {
    width: 100%;
    background-color: #f0f6ff;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.RelationshipDetail .detail-body .detail-item .item-content {
    padding: 10px
}

.RelationshipDetail .detail-body .detail-item .item-content .cont-line {
    margin-bottom: 10px;
    font-size: 14px;
    display: flex;
    color: #333
}

.RelationshipDetail .detail-body .detail-item .item-content .cont-line:last-child {
    margin-bottom: 0
}

.RelationshipDetail .detail-body .detail-item .item-content .cont-line .line-title {
    font-weight: 700;
    flex: none
}

.RelationshipDetail .detail-body .detail-item .item-content .cont-line .line-value a {
    cursor: pointer;
    color: #0265ff
}

.RelationshipDetail .detail-body .detail-item .item-content .cont-line .line-value a:hover {
    opacity: .8
}

.rel-node-item-tip {
    display: flex;
    align-items: center
}

.rel-node-item-tip .formType {
    display: block;
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
    flex: none
}

.rel-node-item-tip .formType.extend {
    color: #8f23f6;
    background: rgba(143, 35, 246, .06)
}

.rel-node-item-tip .formType.form {
    background: rgba(2, 101, 255, .06);
    color: #0265ff
}

.rel-node-item-tip .formType.dash {
    background: rgba(74, 204, 140, .06);
    color: #4acc8c
}

.rel-node-item-tip .formType.etl,
.rel-node-item-tip .formType.etl_table {
    color: #2bc2e1;
    background: rgba(43, 194, 225, .06)
}

.rel-node-item-tip .formType.scenes {
    background: rgba(74, 204, 140, .06);
    color: #4acc8c
}

.rel-node-item-tip .formType.aggregate_table {
    color: #ff9921;
    background: rgba(255, 153, 33, .06)
}

.rel-node-item-tip .formTypeText {
    color: #333;
    font-size: 14px
}

.content-pane {
    position: relative;
    width: auto;
    height: calc(100% - 50px)
}

.content-pane.data-view {
    height: 100%
}

.content-pane-empty {
    position: relative;
    width: calc(100% - 20px);
    height: calc(100% - 70px);
    padding: 10px
}

.content-pane-empty .content-pane-empty-layout {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-shadow: 0 0 14px 0 var(--bsy-base-bgcolor);
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.content-pane-empty .content-pane-empty-layout .emptyCont img {
    width: 216px;
    margin-bottom: 20px
}

.content-pane-empty .content-pane-empty-layout .emptyCont .app-empty-tip {
    height: 20px;
    display: block;
    overflow-wrap: break-word;
    color: #999;
    font-size: 14px;
    letter-spacing: .76902729px;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 60px
}

.content-pane-empty .content-pane-empty-layout .emptyCont .row .btn-create {
    width: 59px;
    height: 20px;
    overflow-wrap: break-word;
    color: #fff;
    font-size: 14px;
    letter-spacing: .66902697px;
    border-radius: 16px;
    background-color: var(--bsy-base-color);
    padding: 5px 10px
}

.bsy-workspace-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.bsy-workspace-pane .bsy-workspace-view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content {
    width: 100%;
    height: 100%
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view {
    min-width: 870px;
    height: 100%;
    overflow-y: hidden;
    border-top: 1px solid #e0e0e0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu {
    font-size: 14px;
    color: grey;
    min-width: 200px;
    display: inline-block;
    vertical-align: top;
    width: 280px;
    overflow: hidden;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    margin-right: 10px;
    padding: 14px;
    border-right: 1px solid #e0e0e0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu::-webkit-scrollbar {
    width: 6px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu:hover {
    overflow-y: auto;
    opacity: 1
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow {
    position: relative;
    padding-bottom: 20px;
    width: 214px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow:after {
    content: "";
    position: absolute;
    width: 90%;
    border-bottom: 1px dashed #e0e0e0;
    margin-left: 5%;
    bottom: 0;
    left: 0;
    margin-top: 20px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item {
    height: 46px;
    line-height: 46px;
    padding: 0 10px 0 15px;
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: 4px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item i {
    margin-right: 10px;
    font-size: 18px;
    color: #aaa;
    vertical-align: bottom
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item span {
    display: inline-block;
    color: #666
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item .tip {
    line-height: 14px;
    display: inline-block;
    border-radius: 10px;
    padding: 1px 5px;
    margin-top: 15px;
    font-weight: 400;
    float: right;
    font-size: 12px;
    color: #fff;
    width: 30px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item .tip.warning {
    background: #f5222d
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item .tip.error {
    background: #e55555
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item .tip.empty {
    display: none
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item:hover {
    background: #f9f9f9
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item:hover span {
    color: #333
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item:hover span.tip {
    color: #fff
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item.select {
    background-color: #f0f6ff;
    position: relative
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item.select span {
    color: #0265cc;
    font-weight: 700
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item.select span.tip {
    color: #fff;
    font-weight: 400
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-flow .menu-item.select i {
    color: #0265cc !important
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp {
    width: 100%
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item {
    height: 46px;
    line-height: 46px;
    padding: 0 0 0 15px;
    width: 100%;
    display: block;
    cursor: pointer;
    border-radius: 4px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item i {
    margin-right: 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp i {
    font-size: 18px;
    vertical-align: bottom;
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp span {
    color: #333;
    font-weight: 700
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp:hover {
    background-color: #fafafa
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp:hover span {
    color: #333
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp.select {
    background-color: #f0f6ff;
    position: relative
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.allapp.select span {
    color: #0265ff;
    font-weight: 700
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.no-cursor {
    cursor: default !important;
    color: #81889f;
    font-size: 14px;
    padding: 0 0 14px;
    border-bottom: 1px dashed #e0e0e0;
    height: auto;
    line-height: normal;
    margin-bottom: 14px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.no-cursor .op {
    float: right;
    cursor: pointer;
    font-weight: 400
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.no-cursor .op i {
    margin-right: 0;
    color: var(--bsy-base-color);
    padding: 3px;
    border-radius: 2px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp .menu-item.no-cursor .op:hover i {
    background-color: rgba(2, 99, 255, .13725490196078433)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list {
    position: relative;
    width: 100%
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .entry-sort {
    position: absolute;
    width: 100%;
    max-width: 100%;
    background: #f9f9f9
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item {
    height: 46px;
    line-height: 46px;
    padding-left: 46px;
    display: block;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
    position: relative
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .name {
    display: inline-block;
    width: 124px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .op {
    display: none;
    line-height: 20px;
    border-radius: 5px;
    padding: 2px 10px;
    margin-top: 11px;
    position: absolute;
    top: 0;
    right: 0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .op i {
    padding: 3px;
    border-radius: 2px;
    font-size: 16px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .op:hover i {
    color: #0265ff !important
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .show {
    display: block !important
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.dragged {
    position: fixed !important;
    z-index: 200000
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item:hover .op {
    display: block
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item:hover .op i {
    color: #666
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .op.hover {
    display: block
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item .op.hover i {
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.add-group {
    padding-left: 30px;
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.add-group:hover i,
.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.add-group:hover span {
    color: #096dd9
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.add-group i {
    float: left;
    margin-right: 10px;
    font-size: 16px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item:hover {
    background-color: #f5f5f5
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item:hover span {
    color: #333
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.select {
    background: #f0f6ff !important;
    position: relative
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-menu .bsy-workspace-menu-myapp-list .menu-item.select span.name {
    color: #0265ff
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView {
    position: relative;
    display: inline-block;
    width: calc(100% - 290px);
    vertical-align: top;
    height: 100%;
    overflow-y: auto;
    padding-top: 62px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin: 0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView::-webkit-scrollbar {
    width: 8px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty-isSysManager {
    background: url(/template/resource/static/media/img_tuanduikongbaiyingongyindao.b26105a9.png) no-repeat;
    position: absolute;
    width: 333px;
    left: 50%;
    margin-left: -166px;
    top: 230px;
    padding-top: 150px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty-isSysManager p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0;
    padding-right: 70px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty-isSysManager p:first-of-type {
    margin-top: 20px;
    margin-bottom: 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAACWCAYAAAAFQ5eQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2ODVDMTY0RURDM0MxMUU5ODQwMjg0Q0UxOUQ1OUE1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2ODVDMTY0RkRDM0MxMUU5ODQwMjg0Q0UxOUQ1OUE1MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NUMxNjRDREMzQzExRTk4NDAyODRDRTE5RDU5QTUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY4NUMxNjREREMzQzExRTk4NDAyODRDRTE5RDU5QTUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3tI5RAAAHf9JREFUeNrsXQeYVOXV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) no-repeat;
    position: absolute;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    top: 230px;
    padding-top: 150px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0;
    padding-left: 30px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .apps-group-empty p:first-of-type {
    margin-top: 20px;
    margin-bottom: 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle {
    padding-top: 10px;
    height: 52px;
    padding-bottom: 10px;
    position: fixed;
    top: 51px;
    right: 20px;
    left: 300px;
    background-color: #f5f7fa;
    z-index: 10000000
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .allTitleName {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .bsy-workspace-app-add {
    font-weight: 500;
    text-align: center
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .bsy-workspace-app-add .group-box-item-add-blank-app {
    padding: 6px 20px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid var(--bsy-base-bgcolor);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 218ms
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .bsy-workspace-app-add .group-box-item-add-blank-app i {
    margin-right: 10px;
    font-size: 16px;
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .bsy-workspace-app-add .group-box-item-add-blank-app span {
    color: var(--bsy-base-color);
    font-size: 14px;
    font-weight: 500
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleCont .bsy-workspace-app-add .group-box-item-add-blank-app:hover {
    border-color: var(--bsy-base-color);
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .allTitle .allTitleLine {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px dashed #e0e0e0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group {
    margin-bottom: 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem {
    display: none
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span.rename {
    position: relative;
    padding-right: 17px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span.rename:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #e0e0e0;
    position: absolute;
    top: calc(50% - 5px);
    right: 0
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span.rename:hover {
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span.remove {
    padding-left: 16px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-name .groupItem span.remove:hover {
    color: #ff5631
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
    padding: 0 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-box .empty {
    margin-top: 20px;
    width: 100%;
    height: 138px;
    line-height: 138px;
    text-align: center;
    color: #666
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group .group-box .placeholder {
    position: relative;
    float: left;
    width: 190px;
    height: 138px;
    margin: 0 10px 20px;
    background: #fff;
    border: 1px dashed var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-app_group:hover .groupItem {
    display: flex
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-search {
    position: relative;
    width: 280px;
    height: 30px;
    float: right;
    border-radius: 5px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-search input {
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    border-color: #9d9d9d
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .bsy-workspace-search i {
    padding-right: 10px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .fx_flow_list {
    position: relative;
    width: calc(100% - 10px)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .fx_flow_list flow-empty {
    margin-top: 40px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .loading-state {
    height: 50px;
    text-align: center;
    color: #91a1b7;
    font-size: 12px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title {
    height: 22px;
    line-height: 22px
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title span {
    color: #333;
    font-size: 16px;
    float: left
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .tody-num {
    margin-left: 10px;
    color: #f5222d
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-refresh,
.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-sort {
    float: right;
    margin-right: 60px;
    cursor: pointer
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-refresh .new,
.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-sort .new {
    color: #666;
    float: unset
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-refresh .new i,
.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-sort .new i {
    margin-right: 6px;
    color: var(--bsy-base-color)
}

.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-refresh:hover .new,
.bsy-workspace-pane .bsy-workspace-view .bsy-workspace-content .bsy-workspace-content-view .bsy-workspace-appView .flow-title .menu-sort:hover .new {
    color: var(--bsy-base-color)
}

.bsy-workspace-app-op {
    margin-top: 5px;
    cursor: pointer;
    box-shadow: 1px 4px 4px #eee
}

.bsy-workspace-app-op .menu-pane .menu-item {
    padding: 0 20px;
    cursor: pointer;
    line-height: 30px;
    color: #666
}

.bsy-workspace-app-op .menu-pane .menu-item span {
    padding-left: 10px
}

.bsy-workspace-app-op .menu-pane .menu-item .right-menu {
    float: right;
    margin-right: 5px;
    color: #aaa
}

.bsy-workspace-app-op .menu-pane .menu-item:hover {
    background: #f2f2f2
}

.bsy-workspace-app-op .menu-pane .split-line {
    border-top: 1px solid #eee
}

.bsy-workspace-app-move {
    cursor: pointer;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 1px 4px 4px #eee
}

.bsy-workspace-app-move .menu-pane .menu-item {
    padding: 0 20px;
    cursor: pointer;
    line-height: 30px;
    color: #666
}

.bsy-workspace-app-move .menu-pane .menu-item span {
    padding-left: 10px
}

.bsy-workspace-app-move .menu-pane .menu-item .right-menu {
    float: right;
    margin-right: 5px
}

.bsy-workspace-app-move .menu-pane .menu-item:hover {
    background: #f2f2f2
}

.bsy-workspace-app-move .menu-pane .split-line {
    margin: 5px 0;
    border-top: 1px solid #eee
}

.bsy-workspace-app-style-pane {
    width: 270px;
    cursor: pointer;
    box-shadow: 1px 4px 4px #eee
}

.bsy-workspace-app-style-pane .menu-pane-color {
    margin: 8px 16px 0;
    display: flex
}

.bsy-workspace-app-style-pane .menu-pane-color .menu-item {
    display: inline-block;
    flex: 1 1;
    height: 30px;
    border-radius: 5px;
    margin: 4px;
    cursor: pointer;
    vertical-align: middle;
    border: 3px solid #fafafa
}

.bsy-workspace-app-style-pane .menu-pane-color .menu-item.selected,
.bsy-workspace-app-style-pane .menu-pane-color .menu-item:hover {
    border: 3px solid #b2daf0
}

.bsy-workspace-app-style-pane .menu-pane-split {
    border-top: 1px solid #f2f2f2;
    height: 0;
    margin: 4px
}

.bsy-workspace-app-style-pane .menu-pane-icon {
    margin: 0 10px;
    padding-bottom: 5px
}

.bsy-workspace-app-style-pane .menu-pane-icon .menu-item {
    display: inline-block;
    flex: 1 1;
    font-size: 24px;
    width: 46px;
    height: 40px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    margin: 0 2px 6px;
    border: 3px solid #fafafa
}

.bsy-workspace-app-style-pane .menu-pane-icon .menu-item i {
    color: #fff
}

.bsy-workspace-app-style-pane .menu-pane-icon .menu-item.selected,
.bsy-workspace-app-style-pane .menu-pane-icon .menu-item:hover {
    border: 3px solid #b2daf0
}

.apps-group-empty-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.apps-group-empty-mask .img {
    position: absolute;
    left: calc(249px + 6%);
    top: 110px;
    background: url(/template/resource/static/media/img_cjxinyingyongEmpty.765356b0.png) no-repeat;
    background-size: 100%;
    width: 575px;
    height: 242px
}

.apps-group-empty-mask .img img {
    width: 570px
}

.apps-group-empty-mask .img .addBtn {
    padding: 10px;
    border: 1px dashed #fff;
    border-radius: 6px;
    width: 230px;
    height: 178px
}

.apps-group-empty-mask .img .addBtn .add {
    border-radius: 6px;
    background-color: #fff;
    padding: 10px;
    width: 210px;
    height: 158px
}

.apps-group-empty-mask .img .addBtn .add .group-box-item-add-blank-app {
    transition: all .3s;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-color: #fafafa;
    float: left;
    width: 190px;
    height: 138px;
    line-height: 138px;
    text-align: center;
    border: 1px dashed #e0e0e0;
    border-radius: 5px;
    color: #333
}

.apps-group-empty-mask .img .addBtn .add .group-box-item-add-blank-app i {
    margin-right: 10px;
    font-size: 16px
}

.apps-group-empty-mask .img .addBtn .add .group-box-item-add-blank-app:hover {
    border-color: var(--bsy-base-color);
    color: var(--bsy-base-color)
}

.apps-group-empty-mask .img .emptyTip {
    position: absolute;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    left: 130px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px
}

.apps-group-empty-mask .btn {
    position: absolute;
    bottom: 40px;
    width: 220px;
    height: 40px;
    line-height: 36px;
    border: 2px solid #fff;
    border-radius: 52px;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
    left: calc(50% - 110px)
}

.apps-group-empty-mask .btn span {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px
}

.apps-group-empty-mask .btn:hover {
    background-color: #fff;
    border-color: #fff
}

.apps-group-empty-mask .btn:hover span {
    color: var(--bsy-base-color)
}

.group-box-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999999;
    width: 190px;
    height: 138px;
    margin-right: 16px;
    margin-bottom: 16px;
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.group-box-item .view {
    transform: translate(0);
    transition: all 218ms;
    margin: 26px 0 0
}

.group-box-item .view .app-wrapper {
    text-align: center
}

.group-box-item .view .app-wrapper .icon-wrapper .icon-backgroup {
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    text-align: center;
    border-radius: 8px
}

.group-box-item .view .app-wrapper .icon-wrapper .icon-backgroup i {
    font-size: 32px;
    color: #fff
}

.group-box-item .view .app-wrapper .app-title {
    font-size: 14px;
    margin: 20px 10px 0;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-user-select: none;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

.group-box-item .op {
    display: none;
    position: absolute;
    top: 0;
    cursor: default;
    left: 0;
    border-radius: 0 0 2.4px 2.4px;
    transform: translate(0);
    transition: all 218ms;
    width: 190px;
    height: 40px;
    line-height: 20px;
    color: #999
}

.group-box-item .op.select {
    display: block
}

.group-box-item .op a {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    color: #757f9d;
    padding: 4px 14px;
    font-weight: 700;
    border: 1px solid #757f9d;
    border-radius: 47px;
    font-size: 12px;
    height: 25px;
    line-height: 15px
}

.group-box-item .op a:link,
.group-box-item .op a:visited {
    color: #757f9d;
    border: 1px solid #757f9d
}

.group-box-item .op a:active,
.group-box-item .op a:hover {
    color: var(--bsy-base-color);
    border: 1px solid var(--bsy-base-color)
}

.group-box-item .op i {
    font-size: 14px;
    cursor: pointer
}

.group-box-item .op .app-info {
    position: absolute;
    top: 10px;
    right: 36px
}

.group-box-item .op .app-info:hover {
    color: var(--bsy-base-color)
}

.group-box-item .op .app-move {
    position: absolute;
    top: 10px;
    right: 12px
}

.group-box-item .op .app-move:hover {
    color: var(--bsy-base-color)
}

.group-box-item:hover {
    box-shadow: 0 0 10px 0 rgba(2, 101, 255, .1)
}

.group-box-item:hover .op {
    display: block
}

.BsyEntryView {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyEntryView .dashView-header {
    z-index: 100;
    height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background: #fff;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    justify-content: space-between
}

.BsyEntryView .dashView-header,
.BsyEntryView .dashView-header .dashView-funBtn {
    display: flex;
    align-items: center
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-rel {
    margin-right: 20px
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect {
    min-width: 50px !important;
    width: 50px
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText {
    border: none
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText span {
    padding: 0;
    width: auto
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText .iconSelect {
    padding: 0
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-reset {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-reset i {
    margin-right: 6px;
    font-size: 16px
}

.BsyEntryView .dashView-header .dashView-funBtn .dash-filter-reset span {
    font-size: 14px
}

.BsyEntryView .dashView-header .dashView-funBtn .form-view {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyEntryView .dashView-header .dashView-funBtn .form-view i {
    margin-right: 6px;
    font-size: 16px
}

.BsyEntryView .dashView-header .dashView-funBtn .form-view span {
    font-size: 14px
}

.BsyEntryView .dashView-header .dashView-funBtn .view-qrcode {
    background: none;
    width: 40px;
    height: 40px;
    color: var(--bsy-base-color);
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    cursor: pointer
}

.BsyEntryView .dashView-body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.BsyEntryView .dashView-body .bsy-form-pane {
    margin: auto
}

.BsyEntryView .header.team-link-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 50px;
    line-height: 50px;
    padding-right: 50px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.BsyEntryView .header.team-link-header .title {
    font-size: 18px;
    flex: auto;
    order: -1;
    margin-left: 10px
}

.BsyEntryView .header.team-link-header .title .icon-bby-form {
    color: var(--bsy-base-color) !important
}

.BsyEntryView .header.team-link-header .title .icon-bby-dash {
    color: #52c41a !important
}

.BsyEntryView .header.team-link-header .title>i {
    margin-right: 15px
}

.BsyEntryView .header.team-link-header .title>i.icon-form {
    color: #5da0cc
}

.BsyEntryView .header.team-link-header .title>i.icon-form-flow {
    color: #f5a439
}

.BsyEntryView .header.team-link-header .title>i.icon-report {
    color: #7ec29c
}

.BsyEntryView .header.team-link-header .title>i.icon-dash {
    color: #9d65e5
}

.BsyEntryView .header.team-link-header .qrcode-btn {
    font-size: 32px;
    position: relative;
    float: right;
    right: -20px;
    padding-left: 10px;
    cursor: pointer
}

.BsyEntryView .header.team-link-header .qrcode-btn .icon-qrcode {
    color: var(--bsy-base-color)
}

.BsyEntryView .header .form-view-selector {
    position: absolute;
    top: 8px;
    left: 30px;
    min-width: 142px;
    max-width: 225px;
    border-radius: 3px;
    line-height: 30px;
    font-weight: 500;
    color: #1f2d3d;
    cursor: pointer
}

.BsyEntryView .header .form-view-selector .icon-wrapper {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.BsyEntryView .header .form-view-selector .icon-wrapper>i {
    font-size: 16px
}

.BsyEntryView .header .stash-record {
    position: relative;
    float: right;
    right: 0;
    margin: 8px 10px 7px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #178cdf;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.BsyEntryView .header .stash-record .stash-count {
    line-height: 20px;
    margin-left: 5px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #5bb5f6
}

.BsyEntryView .header.team-link-header .form-view-selector {
    top: 10px;
    left: 50px
}

.BsyEntryView .header.team-link-header .stash-record {
    top: 7px
}

.BsyEntryView .header.team-link-header .entry-name {
    left: 50px;
    font-size: 18px;
    right: 180px;
    top: 0;
    position: absolute
}

.BsyEntryView .header.team-link-header .Full {
    position: absolute;
    top: 0;
    right: 80px;
    cursor: pointer;
    font-size: 14px
}

.BsyEntryView .header.team-link-header .Full i {
    margin-right: 6px
}

.BsyEntryView .header.team-link-header~.data-limit-tip {
    top: 60px
}

.BsyEntryView .header.team-link-header.is-embed .form-view-selector {
    left: 30px
}

.BsyEntryView .entry-content.team-link-content {
    overflow-y: auto;
    position: absolute;
    width: 100%;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyEntryView .entry-content.team-link-content .bsy-form-pane {
    margin: 0 auto;
    width: 80% !important
}

.BsyEntryView .entry-content.team-link-content .form {
    margin: 20px auto;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 65.5%, .3)
}

.BsyEntryView .entry-content.team-link-content .data-manage,
.BsyEntryView .entry-content.team-link-content .report {
    background-color: inherit
}

.BsyEntryView .entry-content.team-link-content.is-embed .form {
    margin: 0 auto;
    max-width: 800px
}

.BsyQueryForm {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyQueryForm .dashView-header {
    z-index: 100;
    height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background: #fff;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    justify-content: space-between
}

.BsyQueryForm .dashView-header,
.BsyQueryForm .dashView-header .dashView-funBtn {
    display: flex;
    align-items: center
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-rel {
    margin-right: 20px
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect {
    min-width: 50px !important;
    width: 50px
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText {
    border: none
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText span {
    padding: 0;
    width: auto
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText .iconSelect {
    padding: 0
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-reset {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-reset i {
    margin-right: 6px;
    font-size: 16px
}

.BsyQueryForm .dashView-header .dashView-funBtn .dash-filter-reset span {
    font-size: 14px
}

.BsyQueryForm .dashView-header .dashView-funBtn .form-view {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyQueryForm .dashView-header .dashView-funBtn .form-view i {
    margin-right: 6px;
    font-size: 16px
}

.BsyQueryForm .dashView-header .dashView-funBtn .form-view span {
    font-size: 14px
}

.BsyQueryForm .dashView-header .dashView-funBtn .view-qrcode {
    background: none;
    width: 40px;
    height: 40px;
    color: var(--bsy-base-color);
    border-radius: 2px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 32px;
    cursor: pointer
}

.BsyQueryForm .dashView-body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.BsyQueryForm .dashView-body .bsy-form-pane {
    margin: auto
}

.BsyQueryForm .header.team-link-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 50px;
    line-height: 50px;
    padding-right: 50px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.BsyQueryForm .header.team-link-header .title {
    font-size: 18px;
    flex: auto;
    order: -1;
    margin-left: 10px
}

.BsyQueryForm .header.team-link-header .title .icon-bby-form {
    color: var(--bsy-base-color) !important
}

.BsyQueryForm .header.team-link-header .title .icon-bby-dash {
    color: #52c41a !important
}

.BsyQueryForm .header.team-link-header .title>i {
    margin-right: 15px
}

.BsyQueryForm .header.team-link-header .title>i.icon-form {
    color: #5da0cc
}

.BsyQueryForm .header.team-link-header .title>i.icon-form-flow {
    color: #f5a439
}

.BsyQueryForm .header.team-link-header .title>i.icon-report {
    color: #7ec29c
}

.BsyQueryForm .header.team-link-header .title>i.icon-dash {
    color: #9d65e5
}

.BsyQueryForm .header.team-link-header .qrcode-btn {
    font-size: 32px;
    position: relative;
    float: right;
    right: -20px;
    padding-left: 10px;
    cursor: pointer
}

.BsyQueryForm .header.team-link-header .qrcode-btn .icon-qrcode {
    color: var(--bsy-base-color)
}

.BsyQueryForm .header .form-view-selector {
    position: absolute;
    top: 8px;
    left: 30px;
    min-width: 142px;
    max-width: 225px;
    background: #f1f1f1;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 30px 0 10px;
    font-weight: 500;
    color: #1f2d3d;
    cursor: pointer
}

.BsyQueryForm .header .form-view-selector .icon-wrapper {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.BsyQueryForm .header .form-view-selector .icon-wrapper>i {
    font-size: 16px
}

.BsyQueryForm .header .stash-record {
    position: relative;
    float: right;
    right: 0;
    margin: 8px 10px 7px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #178cdf;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.BsyQueryForm .header .stash-record .stash-count {
    line-height: 20px;
    margin-left: 5px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #5bb5f6
}

.BsyQueryForm .header.team-link-header .form-view-selector {
    top: 10px;
    left: 50px
}

.BsyQueryForm .header.team-link-header .stash-record {
    top: 7px
}

.BsyQueryForm .header.team-link-header .entry-name {
    left: 50px;
    font-size: 18px;
    right: 180px;
    top: 0;
    position: absolute
}

.BsyQueryForm .header.team-link-header .Full {
    position: absolute;
    top: 0;
    right: 80px;
    cursor: pointer;
    font-size: 14px
}

.BsyQueryForm .header.team-link-header .Full i {
    margin-right: 6px
}

.BsyQueryForm .header.team-link-header~.data-limit-tip {
    top: 60px
}

.BsyQueryForm .header.team-link-header.is-embed .form-view-selector {
    left: 30px
}

.BsyQueryForm .entry-content.team-link-content {
    overflow-y: auto;
    position: absolute;
    width: 100%;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyQueryForm .entry-content.team-link-content .bsy-form-pane {
    margin: 0 auto;
    width: 80% !important
}

.BsyQueryForm .entry-content.team-link-content .form {
    margin: 20px auto;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 65.5%, .3)
}

.BsyQueryForm .entry-content.team-link-content .data-manage,
.BsyQueryForm .entry-content.team-link-content .report {
    background-color: inherit
}

.BsyQueryForm .entry-content.team-link-content.is-embed .form {
    margin: 0 auto;
    max-width: 800px
}

.content-pane.message-view {
    height: 100%
}

.content-pane.message-view .bsy-flow-message-view {
    height: 100%;
    padding: 20px 0
}

.content-pane.message-view .bsy-flow-message-view .bsy-form-pane {
    margin: auto
}

.bsy-data-view {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    left: 0;
    background: #eee;
    padding: 20px 0
}

.bsy-data-view .bsy-form-pane {
    margin: 0 auto
}

.bsy-data-view .bsy-form-pane .icon-close-large {
    display: none !important
}

.bsy-data-view .header {
    width: 80% !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background-color: #fff !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    color: #333 !important;
    font-size: 16px !important;
    text-align: center !important
}

.bsy-data-view .content {
    width: 80% !important;
    margin-top: 50px !important
}

.bsy-msg-data-view {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    left: 0;
    background: #eee;
    padding: 20px 0
}

.bsy-msg-data-view .bsy-header {
    top: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 50px;
    line-height: 50px;
    background-color: var(--bsy-base-color);
    text-align: center;
    font-size: 20px;
    color: #fff
}

.BsyDashboardInstallApp {
    width: 966px;
    height: calc(100% - 93px);
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding: 0 0 73px;
    margin: 20px auto 0;
    overflow: auto;
    position: relative;
    display: flex;
    flex-flow: column
}

.BsyDashboardInstallApp .install-header {
    height: 62px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.BsyDashboardInstallApp .app-details,
.BsyDashboardInstallApp .install-header {
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    margin: 0 auto;
    flex: none
}

.BsyDashboardInstallApp .app-details {
    padding-top: 22px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #e0e0e0
}

.BsyDashboardInstallApp .app-details .detail-left {
    width: 279px;
    height: 120px;
    margin-right: 20px;
    flex: none
}

.BsyDashboardInstallApp .app-details .detail-left img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.BsyDashboardInstallApp .app-details .detail-right .app-name {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.BsyDashboardInstallApp .app-details .detail-right .app-desc {
    font-size: 15px;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #666;
    line-height: 26px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.BsyDashboardInstallApp .app-details .detail-right .app-tip {
    width: 292px;
    height: 32px;
    background: rgba(255, 153, 33, .06);
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.BsyDashboardInstallApp .app-details .detail-right .app-tip i {
    font-size: 16px;
    color: #ff9921;
    margin-right: 6px
}

.BsyDashboardInstallApp .app-details .detail-right .app-tip span {
    font-size: 14px;
    font-weight: 500;
    color: #ff9921
}

.BsyDashboardInstallApp .app-connect {
    padding: 20px 20px 0;
    flex: 1 1;
    overflow: auto
}

.BsyDashboardInstallApp .app-connect .connect-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .phone {
    display: flex;
    align-items: center
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .phone i {
    font-size: 20px;
    color: #09bb07;
    margin-right: 6px
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .phone span {
    font-size: 16px;
    color: #333;
    line-height: 1
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .email {
    display: flex;
    align-items: center
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .email i {
    font-size: 20px;
    color: var(--bsy-base-color);
    margin-right: 6px
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .email span {
    font-size: 16px;
    color: #333;
    line-height: 1
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .qq {
    display: flex;
    align-items: center
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .qq .qq-content i {
    font-size: 20px;
    color: var(--bsy-base-color);
    margin-right: 6px
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .qq .qq-content span {
    font-size: 16px;
    color: #333;
    line-height: 1
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .qq .qq-a a {
    font-size: 16px;
    color: var(--bsy-base-color);
    line-height: 1
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .connect {
    position: relative;
    padding-right: 20px;
    padding-left: 20px
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .connect:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #e5e5e5;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .connect:last-child {
    padding-right: 0
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .connect:last-child:before {
    display: none
}

.BsyDashboardInstallApp .app-connect .connect-content .email-phone-qq .connect:first-child {
    padding-left: 0
}

.BsyDashboardInstallApp .app-connect .connect-content .wechat .wechat-content {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.BsyDashboardInstallApp .app-connect .connect-content .wechat .wechat-content i {
    font-size: 20px;
    color: #09bb07;
    margin-right: 6px
}

.BsyDashboardInstallApp .app-connect .connect-content .wechat .wechat-content span {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.BsyDashboardInstallApp .app-connect .connect-content .wechat .wechat-img {
    margin-bottom: 4px
}

.BsyDashboardInstallApp .app-connect .connect-content .wechat .wechat-img img {
    width: 120px;
    height: 120px;
    display: block
}

.BsyDashboardInstallApp .app-footer {
    width: calc(100% - 40px);
    flex: none;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: end;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 20px;
    background-color: #fff
}

.BsyDashboardInstallApp .app-footer .app-btn {
    display: flex
}

.BsyDashboardInstallApp .app-footer .app-btn .app-install {
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-right: 20px
}

.BsyDashboardInstallApp .app-footer .app-btn .app-install:hover {
    opacity: .8
}

.BsyDashboardInstallApp .app-footer .app-btn .app-cancel-install {
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.BsyDashboardInstallApp .app-footer .app-btn .app-cancel-install:hover {
    background-color: #e0e0e0
}

.bsy-data-manage-page {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bsy-data-manage-page .page-content {
    height: 100%
}

.bsy-data-manage-page .page-content .page-menu {
    height: 50px;
    width: 100%;
    padding: 0 24px 0 21px;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
    background: #fff
}

.bsy-data-manage-page .page-content .page-menu .nav-back {
    float: left;
    margin-top: 7px;
    width: 36px;
    color: #0265ff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    transition: all .3s;
    border-radius: 2px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .nav-back:hover {
    background: #f2f6ff
}

.bsy-data-manage-page .page-content .page-menu .nav-title {
    line-height: 50px;
    font-size: 16px;
    float: left
}

.bsy-data-manage-page .page-content .page-menu .right-menu {
    position: absolute;
    right: 24px;
    top: 0;
    font-size: 24px;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .visit-form {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(315deg, #3bc2ff, #008cff);
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 14px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .visit-form :hover {
    box-shadow: 0 5px 11px -5px rgba(6, 147, 253, .5)
}

.bsy-data-manage-page .page-content .page-menu .right-menu .edit-form {
    float: right;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #4acc8c;
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 14px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .edit-form:hover {
    opacity: .8
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-center {
    float: left;
    transition: all 218ms;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #0265ff;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-msg {
    position: relative;
    float: left;
    transition: all 218ms;
    text-align: center;
    margin: 0 8px;
    padding: 0 4.5px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: #666;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-msg .have {
    width: 6px;
    height: 6px;
    background-color: #ff5631;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 9px;
    display: inline-block
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-msg:hover {
    background: #f2f6ff;
    color: #0265ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #e5efff;
    border-radius: 50%;
    margin-left: 8px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait img {
    opacity: 1;
    border-radius: 50%;
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 0;
    left: 0
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name {
    position: absolute;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all 218ms
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-0 {
    background: #f5c547
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-1 {
    background-color: #528cff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-2 {
    background-color: #50b0f4
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-3 {
    background-color: #61db8c
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-4 {
    background-color: #ff8383
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .user-portrait-name.color-5 {
    background-color: #444
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .box-shaw {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 50%;
    transition: all 218ms;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .box-shaw span {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 218ms;
    opacity: 0
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait .box-shaw span:last-of-type {
    margin-right: 0
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait:hover .box-shaw {
    background: rgba(0, 0, 0, .49)
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-portrait:hover .box-shaw span {
    opacity: 1
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-help {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-help span {
    font-size: 14px;
    position: relative;
    top: -3px;
    margin-left: 7px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-help:hover {
    background: #f2f6ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .system-help:hover i,
.bsy-data-manage-page .page-content .page-menu .right-menu .system-help:hover span {
    color: #0265ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach {
    margin-right: 14px;
    float: left;
    transition: width 218ms;
    text-align: center;
    padding: 0;
    line-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach .inputIcon {
    top: 0
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach .BsySearchInput .inputCont {
    display: flex
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach .BsySearchInput .inputCont input {
    width: 164px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach .singe {
    font-size: 14px;
    margin-left: 1px;
    padding: 0 10px;
    color: #666;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach .singe:hover,
.bsy-data-manage-page .page-content .page-menu .right-menu .app-seach:hover {
    color: #0265ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .dashboard-design {
    float: left;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    margin-top: 1px;
    height: 30px;
    line-height: 28px;
    color: #0265ff;
    cursor: pointer;
    font-size: 15px;
    width: 150px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.bsy-data-manage-page .page-content .page-menu .right-menu .dashboard-design:hover {
    background-color: #f2f6ff;
    border: 1px solid rgba(2, 101, 255, .2)
}

.bsy-data-manage-page .page-content .page-menu .right-menu .all-app {
    display: none;
    float: left;
    transition: all 218ms;
    margin-right: 6px;
    text-align: center;
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-manager {
    float: left;
    transition: all 218ms;
    text-align: center;
    padding: 0 5px;
    margin: 0 8px;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .user-manager:hover {
    background: #f2f6ff;
    color: #0265ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .nav-split {
    float: left;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #e0e0e0
}

.bsy-data-manage-page .page-content .page-menu .right-menu .team-manager {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #0265ff;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-visit {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(315deg, #3bc2ff, #008cff);
    color: #fff;
    border-radius: 15px;
    padding: 0 16px;
    margin-right: 20px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .authorization {
    float: left;
    transition: all 218ms;
    text-align: center;
    height: 30px;
    line-height: 20px;
    margin-right: 13px;
    border-radius: 2px;
    padding: 5px 7px;
    cursor: pointer
}

.bsy-data-manage-page .page-content .page-menu .right-menu .authorization i {
    margin-right: 7px;
    font-size: 18px;
    color: #8c8c8c
}

.bsy-data-manage-page .page-content .page-menu .right-menu .authorization span {
    display: inline-block;
    float: right;
    color: #666
}

.bsy-data-manage-page .page-content .page-menu .right-menu .app-visit:hover {
    box-shadow: 0 5px 11px -5px rgba(6, 147, 253, .5)
}

.bsy-data-manage-page .page-content .page-menu .right-menu .authorization:hover {
    background-color: #f2f6ff
}

.bsy-data-manage-page .page-content .page-menu .right-menu .authorization:hover i,
.bsy-data-manage-page .page-content .page-menu .right-menu .authorization:hover span {
    color: #0265ff
}

.bsy-data-manage-page .page-content .page-body {
    position: relative;
    width: auto;
    height: calc(100% - 50px)
}

.bsy-data-manage-page .page-error {
    position: relative;
    width: auto;
    height: 100%
}

.BsyAppStore {
    background-color: #f5f7fa;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.BsyAppStore .appStoreCont {
    height: calc(100% - 40px);
    padding: 10px;
    box-shadow: 0 0 14px 0 var(--bsy-base-bgcolor);
    overflow: auto;
    display: flex;
    flex-flow: column
}

.BsyAppStore .appStoreCont .app-create {
    display: flex;
    justify-content: center;
    flex: none;
    width: 1200px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    border-bottom: 1px solid #e0e0e0
}

.BsyAppStore .appStoreCont .app-create .app-create-item {
    width: 394px;
    height: 132px;
    display: inline-block;
    padding: 10px;
    transition: all .3s
}

.BsyAppStore .appStoreCont .app-create .app-create-item:hover {
    transform: translateY(-6px)
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background {
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
    padding-top: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background span {
    position: absolute;
    font-size: 1.35em;
    top: calc(50% - .6em);
    color: #fff;
    left: 35%;
    letter-spacing: 2px;
    font-weight: 700
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background img {
    width: 100%;
    border-radius: 9px;
    transition: all .3s
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background .title-icon {
    height: 70px;
    line-height: 70px;
    text-align: center
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background .title-icon i {
    font-size: 50px
}

.BsyAppStore .appStoreCont .app-create .app-create-item .background .title {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px
}

.BsyAppStore .appStoreCont .app-create .app-create-item:hover .background i {
    font-size: 60px;
    transition: .3s
}

.BsyAppStore .appStoreCont .app-create .app-blank .background:hover {
    box-shadow: 0 6px 10px 0 rgba(97, 95, 252, .22)
}

.BsyAppStore .appStoreCont .app-create .app-template {
    margin-right: 0
}

.BsyAppStore .appStoreCont .app-create .app-template .background {
    height: 100%
}

.BsyAppStore .appStoreCont .app-create .app-template .background:hover {
    box-shadow: 0 6px 10px 0 rgba(255, 119, 2, .22)
}

.BsyAppStore .appStoreCont .app-create .app-custom .background {
    height: 100%
}

.BsyAppStore .appStoreCont .app-create .app-custom .background:hover {
    box-shadow: 0 6px 10px 0 rgba(128, 227, 46, .22)
}

.BsyAppStore .appStoreCont .app-store-list {
    display: flex;
    justify-content: center;
    height: auto
}

.BsyAppStore .appStoreCont .app-store-list .app-list-title,
.BsyAppStore .appStoreCont .app-store-list .header-box,
.BsyAppStore .appStoreCont .app-store-list .mask-cont {
    display: none
}

.BsyAppStore .appStoreCont .app-store-list .search-box {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    display: none;
}

.BsyAppStore .appStoreCont .app-store-list .search-box input {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    transition: all .3s;
    box-shadow: none
}

.BsyAppStore .appStoreCont .app-store-list .search-box input:focus {
    transition: all .3s;
    border-color: #1037d5
}

.BsyAppStore .appStoreCont .app-store-list .search-box input::placeholder {
    color: #666 !important
}

.BsyAppStore .appStoreCont .app-store-list .search-box i {
    position: absolute;
    top: calc(50% - 13px);
    right: 10px;
    color: #666;
    font-size: 16px;
    padding: 5px;
    cursor: pointer
}

.BsyAppStore .appStoreCont .app-store-list .search-box i:hover {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .left-box {
    width: 280px;
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 20px 10px 0;
    background-color: #fff;
    border-right: 1px solid #e0e0e0
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box {
    position: relative;
    height: 100%;
    max-height: calc(100% - 52px)
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul {
    height: 100%
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul li {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding-left: 20px;
    transition: background-color .3s;
    margin-bottom: 6px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul li:last-child {
    margin-bottom: 0
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul li:hover {
    transition: background-color .3s;
    background-color: #f5f5f5
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul li.active {
    transition: background-color .3s;
    background-color: rgba(0, 101, 255, .08);
    font-weight: 700;
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box #search-list {
    display: none;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    padding-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1)
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box #search-list li {
    padding-left: 20px
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box #search-list li span {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box #search-list li.noneSearch {
    text-align: center;
    padding: 0
}

.BsyAppStore .appStoreCont .app-store-list .left-box .menu-box #search-list li.noneSearch:hover {
    background-color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .left-box .mobile-menu-btn {
    display: none
}

.BsyAppStore .appStoreCont .app-store-list .right-box {
    width: 920px;
    height: 100%;
    display: block !important
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont {
    height: calc(100% - 70px)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 20px;
    background-color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul {
    display: flex;
    padding: 0 14px;
    overflow: auto
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li {
    flex: none;
    padding: 3px 8px 17px;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    cursor: pointer;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li:hover {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li:last-child {
    margin-right: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li.active {
    font-weight: 700;
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--bsy-base-color);
    position: absolute;
    bottom: 0;
    left: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore {
    position: absolute;
    right: 20px;
    top: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreList {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 30px;
    left: -100%;
    width: 120px;
    background-color: #fff;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    z-index: 1;
    max-height: 288px;
    overflow-y: auto
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreList .item {
    padding-left: 16px;
    line-height: 36px;
    cursor: pointer;
    transition: all .3s
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreList .item:hover {
    background-color: rgba(0, 101, 255, .08)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreList .item.active {
    background-color: rgba(0, 101, 255, .08);
    font-weight: 700;
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn {
    padding: 0 10px 17px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    color: #666
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn span {
    font-size: 14px;
    display: inline-block
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn i {
    display: inline-block;
    margin-left: 6px;
    font-size: 14px;
    transition: all .3s;
    transform: rotate(0deg)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn.active {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn.active span {
    font-weight: 700
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore .moreBtn.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--bsy-base-color);
    position: absolute;
    bottom: 0;
    left: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu .menuMore.open .moreBtn i {
    transform: rotate(90deg)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont {
    height: 100%;
    padding-top: 30px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appList-empty {
    margin-top: 40px;
    text-align: center;
    color: #999;
    font-size: 14px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item {
    margin-bottom: 10px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .title {
    margin-bottom: 20px;
    margin-left: 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .title h2 {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList {
    padding: 0 0 0 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul {
    display: flex;
    flex-wrap: wrap
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li {
    width: calc(50% - 10px);
    margin-right: 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li:nth-child(2n) {
    margin-right: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .bsTip {
    display: block;
    width: 180px;
    height: 36px;
    line-height: 36px;
    left: calc(50% - 90px);
    top: calc(50% - 18px);
    position: absolute;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #3f63f2;
    border-radius: 6px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .2)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi {
    width: 100%;
    min-height: 140px;
    position: relative
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox {
    padding: 16px 16px 10px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont {
    display: flex;
    margin-bottom: 10px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup {
    width: 28px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px !important;
    margin-right: 6px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-3 {
    background: linear-gradient(180deg, #fb7886, #f5222d);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-5 {
    background: linear-gradient(180deg, #fca160, #fa541c);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-1 {
    background: linear-gradient(180deg, #fdf360, #fadb14);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-2 {
    background: linear-gradient(180deg, #96e450, #52c41a);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-0 {
    background: linear-gradient(180deg, #69d2ff, #1890ff);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup.color-cover-4 {
    background: linear-gradient(180deg, #c08aea, #722ed1);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont .icon-backgroup .imgbg-bby-app {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 65%
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .titleCont h2 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .itemLi .textBox .textCont p {
    font-size: 12px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox {
    width: 100%;
    position: absolute;
    padding-bottom: 16px;
    padding-left: 16px;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    left: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .numDetail {
    padding-right: 16px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .numDetail span {
    font-size: 12px;
    color: #999;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn {
    display: flex;
    align-items: center
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn {
    margin-right: 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn {
    cursor: pointer
}
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn {
    display: none;
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn i,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn i {
    font-size: 16px;
    color: #4d609f;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn span,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn span {
    font-size: 12px;
    color: #4d609f;
    display: inline-block;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn:hover i,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .installBtn:hover span,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn:hover i,
.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li .urlBox .opBtn .previewBtn:hover span {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li:hover {
    transition: all .3s;
    background: hsla(0, 0%, 100%, .6);
    box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, .06);
    border-color: #cfd8f6;
    transform: translateY(-2px)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li:hover .itemLi .imgBox .mask {
    transition: opacity .3s;
    opacity: 1
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList ul li:hover .itemLi .textBox .titleCont h2 {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .item .itemList .listIsEmpty {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-bottom: 30px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont {
    margin-left: 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #e0e0e0;
    padding-top: 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul {
    display: flex;
    flex-wrap: wrap
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li {
    width: calc(50% - 7px);
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 6px;
    margin-right: 14px;
    position: relative;
    padding-left: 34px;
    margin-bottom: 14px;
    cursor: pointer
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li p {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--bsy-base-color);
    border-radius: 50%;
    top: calc(50% - 4px);
    left: 16px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li:hover {
    border-color: var(--bsy-base-color);
    color: var(--bsy-base-color);
    box-shadow: 0 2px 14px 0 #f2f6ff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li:active {
    border-color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li:nth-child(2n) {
    margin-right: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 6px;
    margin-bottom: 14px;
    position: relative;
    border: 1px solid #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi {
    width: 100%;
    min-height: 130px;
    position: relative
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox {
    padding: 16px 16px 10px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp {
    display: flex;
    align-items: center
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup {
    width: 28px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px !important;
    margin-right: 6px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-3 {
    background: linear-gradient(180deg, #fb7886, #f5222d);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-5 {
    background: linear-gradient(180deg, #fca160, #fa541c);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-1 {
    background: linear-gradient(180deg, #fdf360, #fadb14);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-2 {
    background: linear-gradient(180deg, #96e450, #52c41a);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-0 {
    background: linear-gradient(180deg, #69d2ff, #1890ff);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup.color-cover-4 {
    background: linear-gradient(180deg, #c08aea, #722ed1);
    color: #fff
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp .icon-backgroup .imgbg-bby-app {
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 65%
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp h2 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .titleApp h2 span {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .menuSkip {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: none
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .menuSkip span {
    font-size: 14px;
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .menuSkip i {
    font-size: 16px;
    color: #666;
    margin-left: 6px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .titleCont .menuSkip:hover span {
    color: var(--bsy-base-hovercolor)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .textBox .textCont p {
    font-size: 12px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox {
    width: 100%;
    position: absolute;
    padding-bottom: 16px;
    padding-left: 16px;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    left: 0
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .numDetail {
    padding-right: 16px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .numDetail span {
    font-size: 12px;
    color: #999;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn {
    display: flex;
    align-items: center
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn {
    margin-right: 20px
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn {
    cursor: pointer
}
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn {
    display: none;
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn i,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn i {
    font-size: 16px;
    color: #4d609f;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn span,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn span {
    font-size: 12px;
    color: #4d609f;
    display: inline-block;
    vertical-align: middle
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn:hover i,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .installBtn:hover span,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn:hover i,
.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .urlBox .opBtn .previewBtn:hover span {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li:hover {
    transition: all .3s;
    background: hsla(0, 0%, 100%, .6);
    box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, .06);
    border-color: #cfd8f6;
    transform: translateY(-2px)
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li:hover .itemLi .imgBox .mask {
    transition: opacity .3s;
    opacity: 1
}

.BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li:hover .itemLi .textBox .titleCont h2 {
    color: var(--bsy-base-color)
}

.BsyAppStore .appStoreCont .mobile-menu-btn {
    display: none
}

.BsyAppStore .appStoreGuide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 100
}

.BsyAppStore .appStoreGuide .guide-content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.BsyAppStore .appStoreGuide .guide-content.step1 .click-guide {
    width: 393.33px;
    height: 132px;
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: 70px;
    left: 6px;
    background: #fff;
    border-radius: 4px
}

.BsyAppStore .appStoreGuide .guide-content.step1 .click-guide .app-blank {
    transition: all .3s;
    width: 100%;
    height: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step1 .click-guide .app-blank .background {
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
    padding-top: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step1 .click-guide .app-blank .background span {
    position: absolute;
    font-size: 1.35em;
    top: calc(50% - .6em);
    color: #fff;
    left: 35%;
    letter-spacing: 2px;
    font-weight: 700
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg {
    position: absolute;
    left: 217px;
    top: 197px;
    width: 654px;
    height: 257px;
    background-size: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text {
    position: absolute;
    top: 117px;
    left: 296px
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text .text-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text .text-title span {
    color: #ffe602
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text .text-desc {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 14px;
    position: relative;
    padding-left: 10px
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text .text-desc:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #ffe602
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-text .text-desc span {
    color: #64e5ff
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-btn {
    position: absolute;
    bottom: -18px;
    left: 370px;
    display: flex
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-btn .pass-btn {
    padding: 0 26px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-right: 16px;
    cursor: pointer
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-btn .pass-btn:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-btn .next-btn {
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    color: #000;
    cursor: pointer
}

.BsyAppStore .appStoreGuide .guide-content.step1 .guide-bg .step-btn .next-btn:hover {
    background-color: var(--bsy-base-color);
    color: #fff
}

.BsyAppStore .appStoreGuide .guide-content.step2 .click-guide {
    width: 393.33px;
    height: 132px;
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: 70px;
    left: 399.33px;
    background: #fff;
    border-radius: 4px
}

.BsyAppStore .appStoreGuide .guide-content.step2 .click-guide .app-custom {
    transition: all .3s;
    width: 100%;
    height: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step2 .click-guide .app-custom .background {
    border-radius: 9px;
    color: #fff;
    cursor: pointer;
    padding-top: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step2 .click-guide .app-custom .background span {
    position: absolute;
    font-size: 1.35em;
    top: calc(50% - .6em);
    color: #fff;
    left: 35%;
    letter-spacing: 2px;
    font-weight: 700
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg {
    position: absolute;
    left: 235px;
    top: 197px;
    width: 645px;
    height: 257px;
    background-size: 100%
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text {
    position: absolute;
    top: 117px;
    left: 148px
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text .text-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text .text-title span {
    color: #ffe602
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text .text-desc {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 14px;
    position: relative;
    padding-left: 10px
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text .text-desc:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #ffe602
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-text .text-desc span {
    color: #64e5ff
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-btn {
    position: absolute;
    bottom: -18px;
    left: 330px;
    display: flex
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-btn .next-btn {
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    color: #000;
    cursor: pointer
}

.BsyAppStore .appStoreGuide .guide-content.step2 .guide-bg .step-btn .next-btn:hover {
    background-color: var(--bsy-base-color);
    color: #fff
}

@media screen and (max-width:1024px) {
    #body {
        overflow: hidden
    }

    #body #bby .BsyAppStore {
        top: 0
    }

    #body #bby .BsyAppStore .bby-dashboard-pane,
    #body #bby .BsyAppStore .bsy-menu-pane {
        display: none !important
    }

    #body #bby .BsyAppStore .appStoreCont {
        padding: 0;
        margin: 70px 0 0;
        height: calc(100% - 30px);
        box-shadow: none;
        background: transparent;
        border-radius: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-create {
        display: none
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list {
        height: calc(100% - 30px);
        display: block
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .mask-cont {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        background-color: rgba(0, 0, 0, .3)
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .header-box {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 60px;
        line-height: 60px;
        width: 100%;
        z-index: 2
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .header-box .bs-icon-iconcaidanshouqi {
        font-size: 16px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .header-box .search-box {
        margin-bottom: 0;
        width: 70%;
        height: 60px;
        padding: 10px 0;
        display: none;
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .header-box .search-box input {
        padding-left: 36px;
        height: 100%;
        line-height: 40px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .header-box .search-box i {
        top: 0;
        left: 0;
        right: auto;
        padding: 0 10px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .app-list-title {
        display: block;
        flex: none;
        margin-bottom: 10px;
        padding-left: 10px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .app-list-title h2 {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 8px;
        letter-spacing: .88px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .app-list-title p {
        color: #666;
        font-size: 14px;
        letter-spacing: .88px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .left-box {
        transition: all .3s;
        width: 250px;
        padding: 20px 10px;
        margin-right: 0;
        position: absolute;
        right: -250px;
        top: 0;
        z-index: 6;
        background-color: #fff;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1)
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .left-box .mobile-menu-btn {
        display: none;
        transition: all .3s;
        position: absolute;
        top: 50%;
        left: 100%;
        height: 96px;
        padding: 0 4px;
        border-radius: 0 10px 10px 0;
        box-shadow: 4px 2px 14px 0 rgba(2, 101, 255, .2);
        background-color: var(--bsy-base-color);
        justify-content: center;
        align-items: center
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .left-box .mobile-menu-btn .bs-icon-iconcaidanshouqi {
        display: block;
        transform: rotate(-180deg);
        font-size: 12px;
        color: #fff
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .left-box .menu-box ul {
        overflow-y: auto
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box {
        padding-top: 0;
        width: 100%;
        height: calc(100% - 78px);
        background-color: #fff;
        border-radius: 4px;
        overflow-y: auto
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont {
        margin-left: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu {
        padding: 10px 10px 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchMenu ul li {
        height: 40px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList {
        padding: 0 10px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi {
        cursor: pointer
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox {
        align-items: center;
        padding-bottom: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox .installBtn {
        padding: 5px 8px;
        background-color: #f2f6ff;
        border-radius: 4px;
        display: flex;
        align-items: center
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox .installBtn i {
        color: var(--bsy-base-color)
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox .installBtn span {
        color: var(--bsy-base-color);
        line-height: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox .previewBtn {
        padding: 5px;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .search-cont .searchAppList ul li .itemLi .urlBox .previewBtn span {
        line-height: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont {
        height: 100%;
        padding-bottom: 20px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu {
        padding: 10px 10px 0;
        background: #fff;
        border-radius: 20px 20px 0 0;
        width: calc(100% - 20px);
        margin: 0 auto
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ::-webkit-scrollbar {
        height: 4px !important
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul {
        flex-wrap: nowrap;
        overflow: auto
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #sub-menu ul li {
        flex: none;
        -webkit-tap-highlight-color: transparent
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont {
        height: calc(100% - 50px);
        overflow-y: auto
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item {
        padding: 0 10px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .title {
        margin-left: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList {
        padding-left: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li {
        width: 100%;
        margin-right: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li:last-child {
        margin-bottom: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi {
        cursor: pointer
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox {
        align-items: center;
        padding-bottom: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox .installBtn {
        padding: 5px 8px;
        background-color: #f2f6ff;
        border-radius: 4px;
        display: flex;
        align-items: center
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox .installBtn i {
        color: var(--bsy-base-color)
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox .installBtn span {
        color: var(--bsy-base-color);
        line-height: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox .previewBtn {
        padding: 5px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        display: none;
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list .right-box .solution-cont #solutionCont .appLists .item .itemList ul li .itemLi .urlBox .previewBtn span {
        line-height: 14px
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list.open .mask-cont {
        display: block
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list.open .left-box {
        right: 0
    }

    #body #bby .BsyAppStore .appStoreCont .app-store-list.open .left-box .mobile-menu-btn .bs-icon-iconcaidanshouqi {
        transform: rotate(0deg)
    }
}

.BsyWebhookPane {
    width: 100%;
    height: 100%
}

.BsyWebhookPane .open-pane {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    position: revert;
    top: 102px;
    bottom: 0;
    overflow: auto;
    height: 100%
}

.BsyWebhookPane .open-pane .openListEmpty {
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyImg {
    margin-bottom: 20px
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyImg img {
    width: 216px;
    display: block;
    margin: 0 auto
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyTip {
    margin-bottom: 20px;
    text-align: center
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyTip span {
    font-size: 14px;
    color: #999
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyBtn {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn {
    background-color: #0265ff;
    border-radius: 4px;
    padding: 8px 24px;
    cursor: pointer
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookPane .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.BsyWebhookPane .open-pane .openList .enableOpenList {
    margin-bottom: 10px
}

.BsyWebhookPane .open-pane .openList .enableOpenList,
.BsyWebhookPane .open-pane .openList .pauseOpenList {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    overflow: hidden
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle,
.BsyWebhookPane .open-pane .openList .pauseOpenList .openListTitle {
    padding: 0 20px;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .open-state,
.BsyWebhookPane .open-pane .openList .pauseOpenList .openListTitle .open-state {
    display: flex;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .open-state i,
.BsyWebhookPane .open-pane .openList .pauseOpenList .openListTitle .open-state i {
    font-size: 16px;
    margin-right: 6px
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .open-state span,
.BsyWebhookPane .open-pane .openList .pauseOpenList .openListTitle .open-state span {
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul {
    padding-bottom: 20px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li:hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li:hover {
    background-color: #fafafa
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list {
    padding: 0 0 20px;
    margin: 0 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-bottom: 15px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft {
    display: flex;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle {
    margin-right: 20px;
    display: flex;
    align-items: center;
    color: #999
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle .line-center,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle .line-center {
    width: 25px;
    height: 1px;
    background-color: #999
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formName,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formName {
    display: flex;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft span,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft i,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft i {
    margin-right: 6px;
    font-size: 16px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form {
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form-flow,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form-flow {
    color: #f60 !important
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-dash,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-dash {
    color: #52c41a !important
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn {
    width: 99px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(43, 194, 225, .1);
    text-align: center;
    border-radius: 16px;
    cursor: pointer
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn span,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 20px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn i,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn i {
    margin-right: 6px;
    font-size: 20px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form {
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form-flow,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form-flow {
    color: #f60 !important
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-dash,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-dash {
    color: #52c41a !important
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn {
    width: 97px;
    height: 32px;
    line-height: 30px;
    background-color: rgba(43, 194, 225, .1);
    text-align: center;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid hsla(0, 0%, 100%, 0)
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn span,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn span {
    font-size: 14px;
    color: #2bc2e1
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn:hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn:hover {
    border-color: #2bc2e1
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions {
    display: flex;
    justify-content: end;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft {
    display: flex;
    margin-right: 32px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn {
    font-size: 14px;
    color: #4d609f;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn:hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn:hover {
    opacity: .8
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2),
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2) {
    position: relative;
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):after,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):first-child,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):first-child {
    position: relative;
    color: #ffc502
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit {
    position: relative;
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:before,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    left: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:after,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):last-child,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):last-child {
    color: #ff5631
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):hover {
    opacity: .8
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight {
    display: flex;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn {
    font-size: 14px;
    color: #4d609f;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer;
    transition: all 218ms
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn span.green,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn span.green {
    color: #4acc8c
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:first-child,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:first-child {
    position: relative;
    color: #ffc502
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit {
    position: relative;
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:before,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    left: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:after,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:last-child,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:last-child {
    color: #ff5631
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:hover {
    opacity: .8
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont {
    margin-bottom: 10px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont span,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont span {
    font-size: 14px;
    color: #666
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont b,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont {
    margin-bottom: 10px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont span,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont span {
    font-size: 14px;
    color: #666
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont b,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail {
    display: flex
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-detail,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-detail {
    font-size: 14px;
    color: #ff5631;
    margin-right: 30px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn {
    display: flex;
    align-items: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn {
    font-size: 14px;
    color: #999;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child {
    position: relative;
    color: #0265ff
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child:after,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookPane .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:hover,
.BsyWebhookPane .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:hover {
    opacity: .8
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle {
    justify-content: space-between
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .open-state i {
    color: #4acc8c
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn {
    width: 80px;
    height: 32px;
    background-color: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn i {
    font-size: 16px;
    margin-right: 6px;
    color: #fff
}

.BsyWebhookPane .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookPane .open-pane .openList .pauseOpenList .openListTitle .open-state i {
    color: #ffc502
}

.BsyCheckBox {
    display: inline-block
}

.BsyCheckBox .x-item-check {
    cursor: pointer;
    display: flex;
    align-items: center
}

.BsyCheckBox .x-item-check i {
    font-size: 16px;
    color: #c6c6c6;
    line-height: normal;
    border: none;
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.BsyCheckBox .x-item-check i:before {
    content: "\e7fd"
}

.BsyCheckBox .x-item-check span {
    font-size: 15px;
    letter-spacing: .65px;
    color: #666;
    height: 20px;
    line-height: 18px
}

.BsyCheckBox .x-item-check.select i,
.BsyCheckBox .x-item-check:hover i {
    color: var(--bsy-base-color)
}

.BsyCheckBox .x-item-check.select i:before {
    content: "\e7fe"
}

.webhook-log-pane {
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px
}

.webhook-log-pane .webhook-log-body {
    width: 966px;
    height: calc(100% - 32px);
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding: 20px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logType {
    margin-bottom: 30px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logType .typeSwitch {
    display: flex;
    align-items: center
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logType .typeSwitch .log-day {
    font-size: 14px;
    color: #666;
    margin-left: 10px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging {
    position: relative
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .refreshBtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    cursor: pointer
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .refreshBtn i {
    font-size: 16px;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-right: 6px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .refreshBtn span {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    color: var(--bsy-base-color)
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .refreshBtn:hover i,
.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .refreshBtn:hover span {
    color: var(--bsy-base-color)
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableHeader {
    display: flex;
    align-items: center
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableHeader .header-item {
    width: 20%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 700;
    color: #4d609f;
    border-right: 1px solid #e0e0e0;
    padding-left: 20px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableHeader .header-item:last-child {
    border-right: none
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableBody .body-line {
    display: flex;
    align-items: center;
    border-top: 1px solid #e0e0e0
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableBody .body-line .body-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 20%;
    height: 60px;
    padding: 3px 0 3px 20px;
    overflow: auto;
    font-size: 13px;
    color: #333;
    border-right: 1px solid #e0e0e0;
    background-color: #fff
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableBody .body-line .body-item.btn {
    color: var(--bsy-base-color);
    cursor: pointer
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableBody .body-line .body-item.btn:hover {
    color: var(--bsy-base-hovercolor)
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logging .logTable .logTableBody .body-line .body-item:last-child {
    border-right: none
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logTitle {
    position: relative;
    padding-left: 10px;
    margin-bottom: 14px
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logTitle span {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 16px;
    height: 16px;
    display: block
}

.webhook-log-pane .webhook-log-body .webhook-log-cont .logTitle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 16px;
    background: linear-gradient(180deg, #059eff, var(--bsy-base-color))
}

.webhook-log-pane .webhook-log-body .webhook-log-page {
    width: 100%;
    margin-top: 20px
}

.webhook-log-pane .webhook-log-body .webhook-log-page .x-pagination {
    margin: 0;
    width: 100%;
    right: auto;
    float: revert
}

.webhook-log-pane .webhook-log-body .webhook-log-page .x-pagination .page-count {
    margin: 0
}

.webhook-log-pane .webhook-log-body .webhook-log-page .x-pagination .page-count .count-sel {
    margin-left: 0
}

.BsyStructureSlide {
    background-color: #f5f6f7;
    display: flex;
    justify-content: center;
    padding-top: 16px;
    min-height: 100%;
    padding-bottom: 16px
}

.BsyStructureSlide .logging {
    width: 966px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px
}

.BsyStructureSlide .logging .structureCont {
    width: 926px;
    margin: 0 auto;
    background-color: #fafafa;
    padding: 10px 0 10px 20px;
    border-radius: 4px
}

.BsyWebhookDoc {
    background-color: #f5f6f7;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 100%;
    height: 100%
}

.BsyWebhookDoc .logging-menu {
    width: 270px;
    border-right: 1px solid #ccc;
    padding-top: 30px;
    background-color: #fff;
    flex: none;
    overflow: auto
}

.BsyWebhookDoc .logging-menu .menu-item {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
    display: flex;
    align-items: center
}

.BsyWebhookDoc .logging-menu .menu-item.select {
    color: #0265ff;
    font-weight: 700
}

.BsyWebhookDoc .logging-menu .menu-item:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: calc(50% - 2px);
    background-color: #999
}

.BsyWebhookDoc .logging {
    width: 966px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    overflow: auto
}

.BsyWebhookDoc .logging .structureTable {
    width: 100%;
    display: flex;
    justify-content: center
}

.BsyWebhookDoc .logging .structureTable .logTable {
    width: 926px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableHeader {
    display: flex;
    align-items: center
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableHeader .header-item {
    width: 25%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 700;
    color: #4d609f;
    border-right: 1px solid #e0e0e0;
    padding-left: 20px;
    background-color: #f5f6f7
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableHeader .header-item:last-child {
    border-right: none
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableBody .body-line {
    display: flex;
    align-items: center;
    border-top: 1px solid #e0e0e0
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableBody .body-line .body-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 25%;
    height: 60px;
    padding: 3px 0 3px 20px;
    overflow: auto;
    font-size: 13px;
    color: #333;
    border-right: 1px solid #e0e0e0;
    background-color: #fff
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableBody .body-line .body-item.btn {
    color: var(--bsy-base-color);
    cursor: pointer
}

.BsyWebhookDoc .logging .structureTable .logTable .logTableBody .body-line .body-item.btn:hover {
    color: var(--bsy-base-hovercolor)
}

.BsyWebhookDoc .logging .structureCont {
    width: 926px;
    margin: 20px auto 0;
    background-color: #fafafa;
    padding: 10px 0 10px 20px;
    border-radius: 4px
}

.BsyWebhookSystem {
    background-color: #f5f6f7;
    width: 100%;
    height: 100%
}

.BsyWebhookSystem .open-pane {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    position: revert;
    top: 102px;
    bottom: 0;
    overflow: auto;
    height: 100%
}

.BsyWebhookSystem .open-pane .openListEmpty {
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyImg {
    margin-bottom: 20px
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyImg img {
    width: 216px;
    display: block;
    margin: 0 auto
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyTip {
    margin-bottom: 20px;
    text-align: center
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyTip span {
    font-size: 14px;
    color: #999
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyBtn {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn {
    background-color: #0265ff;
    border-radius: 4px;
    padding: 8px 24px;
    cursor: pointer
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookSystem .open-pane .openListEmpty .emptyCont .emptyBtn .emptyCreateBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.BsyWebhookSystem .open-pane .openList .enableOpenList {
    margin-bottom: 10px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList,
.BsyWebhookSystem .open-pane .openList .pauseOpenList {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    overflow: hidden
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle,
.BsyWebhookSystem .open-pane .openList .pauseOpenList .openListTitle {
    padding: 0 20px;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .open-state,
.BsyWebhookSystem .open-pane .openList .pauseOpenList .openListTitle .open-state {
    display: flex;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .open-state i,
.BsyWebhookSystem .open-pane .openList .pauseOpenList .openListTitle .open-state i {
    font-size: 16px;
    margin-right: 6px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .open-state span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList .openListTitle .open-state span {
    line-height: 20px;
    font-size: 14px;
    color: #333
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul {
    padding-bottom: 20px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li:hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li:hover {
    background-color: #fafafa
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list {
    padding: 0 0 20px;
    margin: 0 20px;
    border-bottom: 1px solid #e0e0e0
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-bottom: 15px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft {
    display: flex;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle {
    margin-right: 20px;
    display: flex;
    align-items: center;
    color: #999
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle .line-center,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formTitle .line-center {
    width: 25px;
    height: 1px;
    background-color: #999
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formName,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .formName {
    display: flex;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft i,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft i {
    margin-right: 6px;
    font-size: 16px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form {
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form-flow,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-form-flow {
    color: #f60 !important
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-dash,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerLeft .icon-bsy-dash {
    color: #52c41a !important
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn {
    width: 99px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(43, 194, 225, .1);
    text-align: center;
    border-radius: 16px;
    cursor: pointer
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 20px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn i,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn i {
    margin-right: 6px;
    font-size: 20px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form {
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form-flow,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-form-flow {
    color: #f60 !important
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-dash,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .log-btn .icon-bsy-dash {
    color: #52c41a !important
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn {
    width: 97px;
    height: 32px;
    line-height: 30px;
    background-color: rgba(43, 194, 225, .1);
    text-align: center;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid hsla(0, 0%, 100%, 0)
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn span {
    font-size: 14px;
    color: #2bc2e1
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn:hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .webhook-log .webhook-log .log-btn:hover {
    border-color: #2bc2e1
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions {
    display: flex;
    justify-content: end;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft {
    display: flex;
    margin-right: 32px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn {
    font-size: 14px;
    color: #4d609f;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn:hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft .optBtn:hover {
    opacity: .8
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2),
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2) {
    position: relative;
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):after,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):first-child,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):first-child {
    position: relative;
    color: #ffc502
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit {
    position: relative;
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:before,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    left: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:after,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2).edit:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):last-child,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):last-child {
    color: #ff5631
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsLeft:nth-child(2):hover {
    opacity: .8
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight {
    display: flex;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn {
    font-size: 14px;
    color: #4d609f;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer;
    transition: all 218ms
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn span.green,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn span.green {
    color: #4acc8c
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:first-child,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:first-child {
    position: relative;
    color: #ffc502
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit {
    position: relative;
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:before,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    left: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:after,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn.edit:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:last-child,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:last-child {
    color: #ff5631
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .headerItem .headerOptions .headerOptionsRight .optBtn:hover {
    opacity: .8
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont {
    margin-bottom: 10px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont span {
    font-size: 14px;
    color: #666
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .server-cont b,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .server-cont b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont {
    margin-bottom: 10px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont span,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont span {
    font-size: 14px;
    color: #666
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .time-cont b,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .time-cont b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail {
    display: flex
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-detail,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-detail {
    font-size: 14px;
    color: #ff5631;
    margin-right: 30px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn {
    display: flex;
    align-items: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn {
    font-size: 14px;
    color: #999;
    padding: 0 14px;
    line-height: 20px;
    cursor: pointer
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child {
    position: relative;
    color: #0265ff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child:after,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:first-child:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #e0e0e0;
    right: 0;
    top: 3px
}

.BsyWebhookSystem .open-pane .openList .enableOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:hover,
.BsyWebhookSystem .open-pane .openList .pauseOpenList ul li .webhook-content-body-list .contItem .webhook-error-detail .error-btn .optBtn:hover {
    opacity: .8
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle {
    justify-content: space-between
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .open-state i {
    color: #4acc8c
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn {
    width: 80px;
    height: 32px;
    background-color: #0265ff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn i {
    font-size: 16px;
    margin-right: 6px;
    color: #fff
}

.BsyWebhookSystem .open-pane .openList .enableOpenList .openListTitle .title-create .createBtn span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookSystem .open-pane .openList .pauseOpenList .openListTitle .open-state i {
    color: #ffc502
}

.open-header {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5
}

.open-header a {
    position: relative;
    overflow: hidden
}

.open-header .header-btn {
    height: 50px;
    line-height: 50px;
    cursor: pointer
}

.open-header .header-btn span {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.open-header .header-btn:before {
    content: "";
    position: absolute;
    bottom: -3px;
    transition: all .3s;
    width: 100%;
    height: 2px;
    background-color: #0265ff
}

.open-header .header-btn:hover span {
    color: #0265ff
}

.open-header .api-webhook {
    display: flex
}

.open-header .address-webhook,
.open-header .api-webhook,
.open-header .form-webhook,
.open-header .key-webhook,
.open-header .modules-webhook {
    margin-right: 60px
}

.open-header .address-webhook .beta,
.open-header .api-webhook .beta,
.open-header .form-webhook .beta,
.open-header .key-webhook .beta,
.open-header .modules-webhook .beta {
    font-size: 12px;
    color: #0265ff;
    margin-left: 6px
}

.open-header .address-webhook.select .header-btn span,
.open-header .api-webhook.select .header-btn span,
.open-header .form-webhook.select .header-btn span,
.open-header .key-webhook.select .header-btn span,
.open-header .modules-webhook.select .header-btn span,
.open-header .sso-webhook.select .header-btn span {
    color: #0265ff
}

.open-header .address-webhook.select .header-btn:before,
.open-header .api-webhook.select .header-btn:before,
.open-header .form-webhook.select .header-btn:before,
.open-header .key-webhook.select .header-btn:before,
.open-header .modules-webhook.select .header-btn:before,
.open-header .sso-webhook.select .header-btn:before {
    bottom: 0
}

.OpenContent {
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #f5f6f7;
    width: 100%;
    height: 100%
}

.OpenContent .content-body {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding-top: 25px;
    width: 966px;
    margin: 10px 0
}

.OpenContent .content-body .content {
    height: calc(100% - 82px);
    overflow-y: auto;
    padding: 0 120px
}

.OpenContent .content-body .open-title {
    margin-bottom: 10px
}

.OpenContent .content-body .open-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.OpenContent .content-body .open-event,
.OpenContent .content-body .open-secret,
.OpenContent .content-body .open-selectForm,
.OpenContent .content-body .open-server {
    margin-bottom: 22px
}

.OpenContent .content-body .appName {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.OpenContent .content-body .appName .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    border-radius: 3px
}

.OpenContent .content-body .formName {
    display: flex;
    align-items: center
}

.OpenContent .content-body .open-event .open-cont .event-menu {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 16px
}

.OpenContent .content-body .open-event .open-cont .event-menu .title {
    margin-right: 60px;
    padding-bottom: 14px;
    position: relative;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    cursor: pointer
}

.OpenContent .content-body .open-event .open-cont .event-menu .title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background-color: #0265ff;
    transition: all .3s
}

.OpenContent .content-body .open-event .open-cont .event-menu .title.select,
.OpenContent .content-body .open-event .open-cont .event-menu .title:hover {
    color: #0265ff
}

.OpenContent .content-body .open-event .open-cont .event-menu .title.select:before {
    bottom: 0
}

.OpenContent .content-body .open-event .open-cont .list .item {
    font-size: 14px;
    color: #666;
    margin-bottom: 12px
}

.OpenContent .content-body .open-cont .open-form-name {
    width: 710px;
    height: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-left: 10px;
    cursor: pointer;
    transition: all 218ms;
    color: #999
}

.OpenContent .content-body .open-cont .open-form-name .line-center {
    width: 25px;
    height: 1px;
    background-color: #999
}

.OpenContent .content-body .open-cont .open-form-name.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.OpenContent .content-body .open-cont .open-form-name span {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.OpenContent .content-body .open-cont .open-form-name i {
    margin-right: 6px
}

.OpenContent .content-body .open-cont .open-form-name .icon-bsy-form {
    color: #0265ff
}

.OpenContent .content-body .open-cont .open-form-name .icon-bsy-form-flow {
    color: #f60 !important
}

.OpenContent .content-body .open-cont .open-form-name .icon-bsy-dash {
    color: #52c41a !important
}

.OpenContent .content-body .open-cont .open-form-name:hover {
    border-color: #0265ff
}

.OpenContent .content-body .open-cont .cont-secret,
.OpenContent .content-body .open-cont .cont-server {
    display: flex;
    align-items: center
}

.OpenContent .content-body .open-cont .cont-secret input,
.OpenContent .content-body .open-cont .cont-server input {
    width: 520px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    padding-left: 10px
}

.OpenContent .content-body .open-cont .cont-secret .cont-btn,
.OpenContent .content-body .open-cont .cont-server .cont-btn {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #0265ff;
    border-radius: 2px;
    font-size: 14px;
    padding: 0 14px;
    color: #fff;
    cursor: pointer
}

.OpenContent .content-body .open-cont .cont-secret .cont-btn:hover,
.OpenContent .content-body .open-cont .cont-server .cont-btn:hover {
    opacity: .8
}

.OpenContent .content-footer {
    position: absolute;
    bottom: 16px;
    left: calc(50% - 463px);
    width: 926px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e0e0e0
}

.OpenContent .content-footer .open-btn-save {
    width: 82px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #0265ff;
    cursor: pointer;
    border-radius: 4px
}

.OpenContent .content-footer .open-btn-save span {
    font-size: 14px;
    color: #fff
}

.OpenContent .content-footer .open-btn-save:hover {
    background-color: rgba(2, 101, 255, .8)
}

.app-form-pane {
    display: flex;
    height: calc(100% - 90px);
    margin: 20px;
    border-radius: 4px;
    border: 1px solid #e0e0e0
}

.app-form-pane .content-wrapper {
    position: relative;
    display: inline-block;
    border-right: 1px solid #e9e9e9;
    vertical-align: top;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.app-form-pane .content-wrapper .app-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e9e9e9
}

.app-form-pane .content-wrapper .app-list {
    text-align: center;
    height: calc(100% - 52px);
    overflow: auto
}

.app-form-pane .content-wrapper .app-list .item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    display: flex
}

.app-form-pane .content-wrapper .app-list .item .app-icon {
    margin-right: 6px;
    height: 16px;
    width: 16px;
    margin-top: 10px;
    border-radius: 3px
}

.app-form-pane .content-wrapper .app-list .item.select {
    background: rgba(2, 101, 255, .1)
}

.app-form-pane .content-wrapper .app-list .item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-form-pane .content-wrapper .form-title {
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e9e9e9
}

.app-form-pane .content-wrapper .form-list {
    text-align: center;
    height: calc(100% - 52px);
    overflow: auto
}

.app-form-pane .content-wrapper .form-list .item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    text-align: left
}

.app-form-pane .content-wrapper .form-list .item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-form-pane .content-wrapper .form-list .item.group {
    height: auto !important
}

.app-form-pane .content-wrapper .form-list .item.select {
    background: rgba(2, 101, 255, .1)
}

.app-form-pane .content-wrapper .form-list .item i {
    margin-right: 6px
}

.app-form-pane .content-wrapper .form-list .item .icon-bsy-form {
    color: #0265ff
}

.app-form-pane .content-wrapper .form-list .item .icon-bsy-form-flow {
    color: #f60 !important
}

.app-form-pane .content-wrapper .form-list .item .icon-bsy-dash {
    color: #52c41a !important
}

.app-form-pane .content-wrapper .form-list .item .item-group i {
    color: #0265ff
}

.app-form-pane .content-wrapper .form-list .item .item-group-form-list .item {
    padding: 0 10px 0 20px
}

.logDetail {
    padding: 16px 20px;
    max-height: 100%;
    overflow-y: auto
}

.logDetail .detailItem {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0
}

.logDetail .detailItem .detailBtn {
    width: 102px;
    height: 36px;
    line-height: 36px;
    background-color: #0265ff;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-top: 14px
}

.logDetail .detailItem .detailBtn span {
    font-size: 14px;
    color: #fff
}

.logDetail .detailItem .detailBtn:hover {
    background-color: rgba(2, 101, 255, .8)
}

.logDetail .detailItem .detailTitle {
    margin-bottom: 12px
}

.logDetail .detailItem .detailTitle span {
    font-size: 14px;
    font-weight: 700;
    color: #4d609f
}

.logDetail .detailItem .detailCont span {
    font-size: 14px;
    color: #333
}

.docContent {
    width: 100%;
    background-color: #f5f6f7;
    display: flex;
    justify-content: center;
    padding-top: 17px;
    min-height: 100%
}

.docContent .docPane {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    width: 966px;
    padding: 20px
}

.docContent .docPane .docTable {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.docContent .docPane .docTable .docTableHeader {
    display: flex;
    align-items: center
}

.docContent .docPane .docTable .docTableHeader .header-item {
    width: 25%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #4d609f;
    border-right: 1px solid #e0e0e0;
    padding-left: 20px;
    background-color: #f5f6f7
}

.docContent .docPane .docTable .docTableHeader .header-item:last-child {
    border-right: none
}

.docContent .docPane .docTable .docTableBody .body-line {
    display: flex;
    align-items: center;
    border-top: 1px solid #e0e0e0
}

.docContent .docPane .docTable .docTableBody .body-line .body-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 25%;
    height: 60px;
    padding: 3px 0 3px 20px;
    overflow: auto;
    font-size: 13px;
    color: #333;
    border-right: 1px solid #e0e0e0;
    background-color: #fff
}

.docContent .docPane .docTable .docTableBody .body-line .body-item.btn {
    color: #0265ff;
    cursor: pointer
}

.docContent .docPane .docTable .docTableBody .body-line .body-item.btn:hover {
    color: rgba(2, 101, 255, .8)
}

.docContent .docPane .docTable .docTableBody .body-line .body-item:last-child {
    border-right: none
}

.BsyWebhook .webhookCont {
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    height: 100%;
    display: flex;
    border-top: 1px solid #e0e0e0
}

.BsyWebhook .webhookCont .webhookMenu {
    width: 170px;
    border-right: 1px solid #ccc;
    padding-top: 30px;
    background-color: #fff;
    flex: none
}

.BsyWebhook .webhookCont .webhookMenu .menu-item {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
    display: flex;
    align-items: center
}

.BsyWebhook .webhookCont .webhookMenu .menu-item:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: calc(50% - 2px);
    background-color: #999
}

.BsyWebhook .webhookCont .webhookMenu .menu-item:hover {
    color: #333
}

.BsyWebhook .webhookCont .webhookMenu .menu-item.select {
    color: #0265ff;
    font-weight: 700
}

.BsyWebhook .webhookCont .webhookMenu .menu-item.select:before {
    background-color: #0265ff
}

.BsyWebhook .webhookCont .webhookList {
    padding-top: 20px;
    padding-left: 20px;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto
}

.BsyWebhookApi .apiCont {
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    height: 100%;
    display: flex;
    border-top: 1px solid #e0e0e0
}

.BsyWebhookApi .apiCont .apiMenu {
    width: 170px;
    border-right: 1px solid #ccc;
    padding-top: 30px;
    background-color: #fff;
    flex: none
}

.BsyWebhookApi .apiCont .apiMenu .menu-item {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
    display: flex;
    align-items: center
}

.BsyWebhookApi .apiCont .apiMenu .menu-item:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: calc(50% - 2px);
    background-color: #999
}

.BsyWebhookApi .apiCont .apiMenu .menu-item:hover {
    color: #333
}

.BsyWebhookApi .apiCont .apiMenu .menu-item.select {
    color: var(--bsy-base-color);
    font-weight: 700
}

.BsyWebhookApi .apiCont .apiMenu .menu-item.select:before {
    background-color: var(--bsy-base-color)
}

.BsyWebhookApi .apiCont .apiApp {
    padding-top: 20px;
    padding-left: 20px;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto
}

.BsyWebhookApi .apiCont .apiApp .apiTitle {
    margin-bottom: 20px
}

.BsyWebhookApi .apiCont .apiApp .apiTitle h1 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.BsyWebhookApi .apiCont .apiApp .apiTitle h2 {
    font-size: 14px;
    color: #666
}

.BsyWebhookApi .apiCont .apiApp .apiTitle h2 a {
    color: var(--bsy-base-color);
    text-decoration: underline
}

.BsyWebhookApi .apiCont .apiApp .app-list {
    display: flex;
    flex-wrap: wrap
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item {
    width: 190px;
    height: 96px;
    padding: 20px 10px 0 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin-right: 14px;
    margin-bottom: 16px;
    flex: none;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms;
    position: relative;
    overflow: hidden
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-3:after {
    background: linear-gradient(180deg, #fb7886, #f5222d)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-5:after {
    background: linear-gradient(180deg, #fca160, #fa541c)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-1:after {
    background: linear-gradient(180deg, #fdf360, #fadb14)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-2:after {
    background: linear-gradient(180deg, #96e450, #52c41a)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-0:after {
    background: linear-gradient(180deg, #69d2ff, #1890ff)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.line-4:after {
    background: linear-gradient(180deg, #c08aea, #722ed1)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-1:after {
    background-color: #1890ff
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-2:after {
    background-color: #722ed1
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-3:after {
    background-color: #fadb14
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-4:after {
    background-color: #52c41a
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-5:after {
    background-color: #f5222d
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item.api-line-6:after {
    background-color: #fa541c
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-view {
    display: flex
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-view .app-icon {
    display: flex;
    margin-right: 7px
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-view .app-icon i {
    font-size: 20px
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-view .app-icon .icon-backgroup {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px !important
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-view .app-title {
    font-size: 14px;
    color: #333 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-bottom {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-bottom:before {
    content: "";
    width: 35px;
    height: 16px;
    background: #f5f5f5;
    margin-right: 4px
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-bottom:after {
    content: "";
    width: 109px;
    height: 16px;
    background: #f5f5f5
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-goto {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 12px
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-goto i {
    border-radius: 50%;
    font-size: 32px;
    color: var(--bsy-base-color)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item .app-goto i:hover {
    background-color: #f2f6ff
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item:hover .app-bottom {
    display: none
}

.BsyWebhookApi .apiCont .apiApp .app-list .app-item:hover .app-goto {
    display: flex
}

.BsyWebhookApi .apiCont .apiApp .app-list .appGroup {
    flex: none;
    width: 100%
}

.BsyWebhookApi .apiCont .apiApp .app-list .appGroup .group-title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px
}

.BsyWebhookApi .apiCont .apiApp .app-list .appGroup .group-app-list {
    display: flex;
    flex-wrap: wrap
}

.BsyWebhookApi .apiCont .apiApp .app-list .appGroup .group-app-list .group-app-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 60px;
    color: #999
}

.BsyWebhookApiDoc .api-header {
    height: 50px;
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #e0e0e0;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center
}

.BsyWebhookApiDoc .api-header .back {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px
}

.BsyWebhookApiDoc .api-header .back i {
    font-size: 24px;
    color: var(--bsy-base-color)
}

.BsyWebhookApiDoc .api-header .back:hover i {
    color: var(--bsy-base-hovercolor)
}

.BsyWebhookApiDoc .api-header .appName {
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 16px
}

.BsyWebhookApiDoc .api-header .appName .app-icon {
    width: 22px;
    height: 22px;
    border-radius: 4px !important;
    margin-right: 10px;
    overflow: hidden
}

.BsyWebhookApiDoc .api-header .appName .app-icon .icon-backgroup {
    width: 100%;
    height: 100%
}

.BsyWebhookApiDoc .api-header .appName .app-icon i {
    font-size: 22px
}

.BsyWebhookApiDoc .api-header .appName span {
    font-size: 16px;
    color: #333;
    height: 22px;
    line-height: 22px
}

.BsyWebhookApiDoc .api-header .appName i.icon-folder-close {
    font-size: 16px;
    color: #999;
    height: 22px;
    line-height: 22px;
    margin-left: 6px
}

.BsyWebhookApiDoc .api-body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex
}

.BsyWebhookApiDoc .api-body .api-menu {
    width: 250px;
    height: 100%;
    flex: none;
    overflow: auto;
    padding: 20px 0;
    border-right: 1px solid #e0e0e0
}

.BsyWebhookApiDoc .api-body .api-menu::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.BsyWebhookApiDoc .api-body .api-menu ul {
    width: 100%;
    height: 100%
}

.BsyWebhookApiDoc .api-body .api-menu ul li {
    width: 100%;
    line-height: 36px;
    cursor: pointer
}

.BsyWebhookApiDoc .api-body .api-menu ul li span {
    padding-left: 16px
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item span {
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #333
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item i.icon-tips {
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #666;
    margin-right: 10px
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item i.icon-tips:before {
    content: "\e819"
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item:hover {
    background-color: #fafafa
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item.selected {
    background-color: #e5efff
}

.BsyWebhookApiDoc .api-body .api-menu ul li .item.open i:before {
    content: "\e823"
}

.BsyWebhookApiDoc .api-body .api-menu ul li ul {
    transition: height 218ms;
    display: none;
    height: 0;
    overflow: hidden
}

.BsyWebhookApiDoc .api-body .api-menu ul li ul li span {
    padding-left: 32px
}

.BsyWebhookApiDoc .api-body .api-doc {
    width: calc(100% - 250px);
    overflow: auto
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content {
    padding: 0 20px 20px;
    border-radius: 4px;
    background: #fff
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 {
    font-size: 20px;
    color: #2c3e50;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 30px;
    margin-bottom: 15px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 .version {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
    margin-top: 20px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 .version .versionList {
    display: flex
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 .version .versionList .versionItem {
    padding: 5px 15px;
    margin-right: 8px;
    background-color: #f6f6f6;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 .version .versionList .versionItem.selected {
    background-color: #f2f6ff
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 h2 {
    font-weight: 400;
    font-size: 24px;
    color: #333;
    margin: 0 0 20px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 p {
    font-size: 20px;
    color: #333;
    margin: 0 0 10px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 p input,
.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 p span {
    font-size: 16px;
    color: #666
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-h1 p a {
    font-size: 14px;
    color: var(--bsy-base-color);
    margin-left: 10px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-p {
    line-height: 26px;
    margin: 15px 0
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-a {
    color: var(--bsy-base-color)
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-t {
    font-weight: 700
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-e {
    background: #e5efff;
    color: var(--bsy-base-hovercolor);
    padding: 2px 6px;
    margin: 0 4px;
    border-radius: 4px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .x-btn {
    width: 124px;
    height: 30px;
    line-height: 28px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-ul {
    padding-left: 20px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-ul .api-li {
    list-style-type: disc
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-table {
    border-collapse: initial;
    border-spacing: 0;
    color: #4b4b4b;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-table tr {
    height: 32px
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-table tr:nth-child(odd) {
    background-color: #fcfcfd
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-table tr td,
.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-table tr th {
    padding: 0 5px;
    min-width: 120px;
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 1px 1px 0
}

.BsyWebhookApiDoc .api-body .api-doc .api-content .api-doc-content .api-code {
    margin: 15px 0
}

.bby-all-app {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bby-all-app .app-item {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 16px;
    cursor: pointer;
    position: relative;
    display: block
}

.bby-all-app .app-item .app-view {
    display: flex;
    align-items: center
}

.bby-all-app .app-item .app-view .app-icon {
    width: 16px;
    height: 16px;
    position: relative;
    border-radius: 4px !important;
    overflow: hidden;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.bby-all-app .app-item .app-view .app-icon i {
    font-size: 16px
}

.bby-all-app .app-item .app-view .app-icon .icon-backgroup {
    width: 100%;
    height: 100%
}

.bby-all-app .app-item .app-view .app-title {
    margin-left: 6px;
    font-size: 14px;
    color: #333;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.bby-all-app .app-item:hover {
    background-color: #fafafa
}

.bby-all-app .app-item.selected {
    background-color: #e5efff
}

.BsyWebhookKey {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyWebhookKey .keyManagement {
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    flex-flow: column
}

.BsyWebhookKey .keyManagement .keyHeader {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.BsyWebhookKey .keyManagement .keyHeader .keyTitle {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn {
    display: flex;
    align-items: center
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn {
    cursor: pointer;
    display: flex;
    align-items: center
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn span {
    color: #000;
    margin-left: 6px;
    font-size: 14px;
    height: 20px
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn i {
    color: #333;
    font-size: 16px
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn.create {
    margin-right: 40px
}

.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn:hover i,
.BsyWebhookKey .keyManagement .keyHeader .createKeyBtn .keyBtn:hover span {
    color: var(--bsy-base-color)
}

.BsyWebhookKey .keyManagement .keyCont {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    height: calc(100% - 66px);
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 6px
}

.BsyWebhookKey .keyManagement .keyCont .keyCont-title {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    width: calc(100% - 32px);
    margin: 0 auto
}

.BsyWebhookKey .keyManagement .keyCont .keyCont-title .title-cel {
    width: 30%;
    padding-left: 16px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyWebhookKey .keyManagement .keyCont .keyCont-title .title-cel:nth-child(2) {
    width: 40%
}

.BsyWebhookKey .keyManagement .keyCont .keyCont-title .title-cel:nth-child(3),
.BsyWebhookKey .keyManagement .keyCont .keyCont-title .title-cel:nth-child(4) {
    width: 15%
}

.BsyWebhookKey .keyManagement .keyCont .keyList {
    height: calc(100% - 53px);
    overflow-y: scroll;
    padding-left: 16px;
    padding-right: 10px
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    height: 60px
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem:hover {
    background-color: rgba(2, 101, 255, .04)
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel {
    width: 30%;
    padding-left: 10px;
    height: 100%;
    display: flex;
    align-items: center
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent {
    max-width: 400px;
    width: 100%;
    height: 36px;
    position: relative
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent input {
    height: 36px;
    border-radius: 4px;
    padding: 0 100px 0 12px
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent input:hover {
    border-color: var(--bsy-base-color)
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn {
    position: absolute;
    right: 12px;
    top: calc(50% - 18px);
    height: 36px;
    display: flex;
    align-items: center
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .switchInputType {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 14px;
    position: relative
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .switchInputType i {
    font-size: 16px;
    color: #999
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .switchInputType:hover i {
    color: var(--bsy-base-color)
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .switchInputType:after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    width: 1px;
    height: 14px;
    background-color: #e5e5e5
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .resetBtn {
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    padding-left: 14px;
    cursor: pointer
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword .keyPasswordContent .inputBtn .resetBtn:hover {
    color: var(--bsy-base-color)
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.operation .keyBtn {
    font-size: 14px;
    cursor: pointer;
    transition: all 218ms
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.operation .keyBtn.detail {
    color: var(--bsy-base-color);
    padding-right: 14px;
    position: relative
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.operation .keyBtn.detail:after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    width: 1px;
    height: 14px;
    background-color: #e5e5e5
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.operation .keyBtn.remove {
    color: #ff5631;
    padding-left: 14px
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.operation .keyBtn:hover {
    opacity: .8
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.name span {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.type {
    font-size: 14px;
    color: #4d609f
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel.keyPassword {
    width: 40%
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel:nth-child(3),
.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem .item-cel:nth-child(4) {
    width: 15%
}

.BsyWebhookKey .keyManagement .keyCont .keyList .keyItem:last-child {
    border-bottom: none
}

.BsyWebhookKey .keyManagementEmpty {
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.BsyWebhookKey .keyManagementEmpty .emptyCont {
    background-color: #fff;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookKey .keyManagementEmpty .emptyCont .keyManagementEmptyContent .emptyImg {
    margin-bottom: 20px
}

.BsyWebhookKey .keyManagementEmpty .emptyCont .keyManagementEmptyContent .emptyImg img {
    width: 216px;
    display: block;
    margin: 0 auto
}

.BsyWebhookKey .keyManagementEmpty .emptyCont .keyManagementEmptyContent .emptyTip {
    margin-bottom: 20px;
    text-align: center
}

.BsyWebhookKey .keyManagementEmpty .emptyCont .keyManagementEmptyContent .emptyTip span {
    font-size: 14px;
    color: #999
}

.CeateKey {
    height: 100%
}

.CeateKey .key-header-title {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.CeateKey .key-header-title span {
    font-size: 20px;
    color: #333
}

.CeateKey .key-header-title .key-close {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.CeateKey .key-header-title .key-close i {
    display: block;
    color: #666;
    font-size: 16px;
    transition: all 218ms
}

.CeateKey .key-header-title .key-close:hover i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.CeateKey .key-header {
    width: 100%;
    height: 50px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.CeateKey .key-header .key-name {
    display: flex;
    align-items: center;
    margin-right: 60px
}

.CeateKey .key-header .key-name span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: .76px
}

.CeateKey .key-header .key-name .key-input-name {
    margin-left: 6px
}

.CeateKey .key-header .key-name .key-input-name input {
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    width: 212px;
    height: 32px;
    border-radius: 4px
}

.CeateKey .key-header .key-password {
    display: flex;
    align-items: center
}

.CeateKey .key-header .key-password span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: .76px
}

.CeateKey .key-header .key-password .passwordText {
    margin-left: 6px;
    font-size: 14px;
    color: #4d609f
}

.CeateKey .key-header .key-save-btn {
    position: absolute;
    right: 30px;
    top: 9px;
    padding: 0 19px;
    height: 32px;
    line-height: 32px;
    background-color: var(--bsy-base-color);
    border-radius: 4px;
    cursor: pointer
}

.CeateKey .key-header .key-save-btn span {
    color: #fff;
    font-size: 14px;
    letter-spacing: .67px
}

.CeateKey .key-header .key-save-btn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.CeateKey .key-content {
    padding: 10px 0 10px 10px;
    height: calc(100% - 100px);
    display: flex
}

.CeateKey .key-content .key-menu {
    width: 240px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    padding: 18px 10px 0
}

.CeateKey .key-content .key-menu .key-item {
    width: 100%;
    height: 40px;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-bottom: 10px
}

.CeateKey .key-content .key-menu .key-item i {
    font-size: 16px;
    margin-right: 12px
}

.CeateKey .key-content .key-menu .key-item i.icon-bsy-platform {
    color: #2bc2e1
}

.CeateKey .key-content .key-menu .key-item i.icon-bsy-corp {
    color: #ffc12f
}

.CeateKey .key-content .key-menu .key-item i.icon-all-app {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-menu .key-item i.icon-outsdier-custom-group {
    color: #ffc502
}

.CeateKey .key-content .key-menu .key-item span {
    font-size: 14px;
    color: #333
}

.CeateKey .key-content .key-menu .key-item.selected {
    background-color: #f2f6ff
}

.CeateKey .key-content .key-menu .key-item.selected span {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-menu .keyLine {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
    margin-bottom: 10px
}

.CeateKey .key-content .key-feat {
    width: calc(100% - 240px);
    padding-right: 10px;
    overflow-y: auto
}

.CeateKey .key-content .key-feat .authList {
    width: 100%;
    height: 100%;
    padding-left: 10px
}

.CeateKey .key-content .key-feat .authList .authItem {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin-bottom: 10px
}

.CeateKey .key-content .key-feat .authList .authItem:last-child {
    margin-bottom: 0
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authTitle {
    display: flex;
    align-items: center
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authTitle .auth-title {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authTitle .auth-dec {
    font-size: 12px;
    color: #4d609f;
    margin-left: 8px
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect {
    cursor: pointer
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect i {
    margin-right: 10px;
    font-size: 14px
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect i.icon-bsy-check2 {
    color: #9da2b2
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect span {
    font-size: 14px;
    color: #333
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect:hover i {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-feat .authList .authItem .authHeader .authAllSelect:hover span {
    color: #333
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList {
    display: flex
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList {
    width: 50%;
    padding-left: 20px;
    padding-bottom: 12px;
    padding-top: 16px
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList.left {
    border-right: 1px solid #e0e0e0
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem {
    margin-bottom: 8px;
    cursor: pointer
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem i {
    margin-right: 10px;
    font-size: 14px
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem i.icon-bsy-check2 {
    color: #9da2b2
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem span {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem .authAppItem {
    display: flex;
    align-items: center;
    min-width: 0
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem .authAppItem .app-icon {
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 8px
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem.selected span {
    color: #333
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem.app {
    width: calc(100% - 28px);
    margin-bottom: 0;
    height: 40px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-left: 14px;
    border-radius: 6px
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem.app:hover {
    background-color: #f2f6ff
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem:hover i {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-feat .authList .authItem .authItemCheckList .authCheckList .authCheckItem:hover span {
    color: #333
}

.CeateKey .key-content .key-feat .authList .authEmpty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px
}

.CeateKey .key-content .key-feat .authList .authEmpty img {
    width: 108px;
    display: block;
    margin: 0 auto 20px
}

.CeateKey .key-content .key-feat .authList .authEmpty p {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 20px
}

.CeateKey .key-content .key-feat .authList .authEmpty .createCustomizeBtn {
    width: 145px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto
}

.CeateKey .key-content .key-feat .authList .authEmpty .createCustomizeBtn span {
    font-size: 14px;
    color: #fff
}

.CeateKey .key-content .key-feat .authList .authEmpty .createCustomizeBtn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.CeateKey .key-content .key-feat .customize-content {
    width: calc(100% - 10px);
    height: 100%;
    margin-left: 10px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .02);
    border-radius: 4px
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty img {
    width: 108px;
    display: block;
    margin: 0 auto 20px
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty p {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 20px
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty .createCustomizeBtn {
    width: 145px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty .createCustomizeBtn span {
    font-size: 14px;
    color: #fff
}

.CeateKey .key-content .key-feat .customize-content .customize-content-empty .createCustomizeBtn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.CeateKey .key-content .key-feat .customize-content .customize-cont {
    width: 100%;
    height: 100%
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-header {
    height: 50px;
    width: calc(100% - 32px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-header .customize-title {
    padding-left: 16px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-header .customize-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-header .customize-title:last-child {
    width: 160px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body {
    max-height: calc(100% - 143px);
    overflow-y: scroll;
    padding-right: 10px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item {
    width: calc(100% - 16px);
    height: 60px;
    margin-left: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name {
    display: flex;
    align-items: center;
    padding-left: 10px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .appName {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .appName .app-icon {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-right: 6px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .line-center {
    width: 25px;
    height: 1px;
    background-color: #999
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name span {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name i {
    margin-right: 6px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .icon-bsy-aggregate_table,
.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .icon-bsy-etl_table,
.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .icon-bsy-form {
    color: var(--bsy-base-color)
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .icon-bsy-form-flow {
    color: #f60 !important
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-form-name .icon-bsy-dash {
    color: #52c41a !important
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn {
    display: flex;
    align-items: center;
    width: 160px;
    padding-left: 16px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn .keyBtn {
    font-size: 14px;
    cursor: pointer
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn .keyBtn.edit {
    color: var(--bsy-base-color);
    padding-right: 14px;
    position: relative
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn .keyBtn.edit:after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    width: 1px;
    height: 14px;
    background-color: #e5e5e5
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn .keyBtn.remove {
    color: #ff5631;
    padding-left: 14px
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item .customize-btn .keyBtn:hover {
    opacity: .8
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-body .customize-item:hover {
    background-color: rgba(2, 101, 255, .04)
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-footer {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center
}

.CeateKey .key-content .key-feat .customize-content .customize-cont .customize-footer .BsyIconBtn {
    border-radius: 2px
}

.CeateKey .key-content .createAllKeyContent {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.CeateKey .key-content .createAllKeyContent .allKeyCont .allKetIcon {
    width: 160px;
    height: 160px;
    background-color: #e5efff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.CeateKey .key-content .createAllKeyContent .allKeyCont .allKetIcon i {
    font-size: 64px;
    color: var(--bsy-base-color)
}

.CeateKey .key-content .createAllKeyContent .allKeyCont p {
    font-size: 14px;
    color: #333;
    text-align: center
}

.createAllKey {
    padding: 20px 0 0 20px
}

.createAllKey .keyTitle {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.createAllKey .keyInput {
    margin-bottom: 10px
}

.createAllKey .keyInput input {
    width: 308px;
    height: 36px;
    border-radius: 4px;
    padding-left: 10px
}

.createAllKey .keyMsg {
    font-size: 12px;
    color: #9da2b2
}

.CreateCustomizeKey {
    height: 100%
}

.CreateCustomizeKey .keyCont {
    width: 100%;
    overflow-y: auto;
    height: calc(100% - 77px);
    padding-top: 25px
}

.CreateCustomizeKey .keyCont .open-title {
    width: 710px;
    padding-left: 120px;
    margin-bottom: 10px
}

.CreateCustomizeKey .keyCont .open-title span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.CreateCustomizeKey .keyCont .open-cont {
    width: 710px;
    padding-left: 120px;
    margin-bottom: 20px
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name {
    width: 710px;
    height: 30px;
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding-left: 10px;
    cursor: pointer;
    transition: all 218ms;
    color: #999
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .appName {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .appName .app-icon {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-right: 6px
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .line-center {
    width: 25px;
    height: 1px;
    background-color: #999
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name span {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name i {
    margin-right: 6px
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .icon-bsy-aggregate_table,
.CreateCustomizeKey .keyCont .open-cont .open-form-name .icon-bsy-etl_table,
.CreateCustomizeKey .keyCont .open-cont .open-form-name .icon-bsy-form {
    color: var(--bsy-base-color)
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .icon-bsy-form-flow {
    color: #f60 !important
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name .icon-bsy-dash {
    color: #52c41a !important
}

.CreateCustomizeKey .keyCont .open-cont .open-form-name:hover {
    border-color: var(--bsy-base-color)
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem {
    margin-bottom: 8px;
    cursor: pointer
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem i {
    margin-right: 10px;
    font-size: 14px
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem i.icon-bsy-check2 {
    color: #9da2b2
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem i.icon-bsy-iconxuanzhong {
    color: var(--bsy-base-color)
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem span {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem .authAppItem {
    display: flex;
    align-items: center;
    min-width: 0
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem .authAppItem .app-icon {
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 8px
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem.selected span {
    color: #333
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem.app {
    width: calc(100% - 28px);
    margin-bottom: 0;
    height: 40px;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-left: 14px;
    border-radius: 6px
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem.app:hover {
    background-color: #f2f6ff
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem:hover i {
    color: var(--bsy-base-color)
}

.CreateCustomizeKey .keyCont .open-cont .authCheckItem:hover span {
    color: #333
}

.CreateCustomizeKey .keyFooter {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 77px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center
}

.CreateCustomizeKey .keyFooter .BsyIconBtn {
    border-radius: 2px
}

.BsyWebhookSso {
    background-color: #f5f7fa;
    height: 100%
}

.BsyWebhookSso .open-pane {
    width: 966px;
    height: calc(100% - 70px);
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin: 10px auto
}

.BsyWebhookSso .open-pane .openList {
    padding: 60px 132px 0
}

.BsyWebhookSso .open-pane .openList .sso-switch {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.BsyWebhookSso .open-pane .openList .sso-switch .sso-title {
    width: 160px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyWebhookSso .open-pane .openList .sso-config-content {
    width: 100%
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-title {
    flex: none;
    width: 160px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list {
    width: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item:last-child {
    margin-bottom: 0
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item .share-title {
    width: 155px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item .share-cont {
    width: 460px;
    height: 36px;
    line-height: 34px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item .share-copy {
    flex: none;
    font-size: 14px;
    color: var(--bsy-base-color);
    cursor: pointer;
    margin-left: 20px
}

.BsyWebhookSso .open-pane .openList .sso-config-content .sso-config-list .share-item .share-copy:hover {
    opacity: .8
}

.BsyWebhookSso .open-pane .openList .sso-config-footer {
    display: flex;
    justify-content: flex-end
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn {
    display: flex;
    align-items: center
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-modify-config {
    margin-right: 16px;
    padding: 0 12px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid var(--bsy-base-color);
    cursor: pointer
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-modify-config span {
    font-size: 14px;
    color: var(--bsy-base-color)
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-modify-config:hover {
    background-color: rgba(2, 101, 255, .1)
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-clear-config {
    padding: 0 12px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #ff5631;
    cursor: pointer
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-clear-config span {
    font-size: 14px;
    color: #ff5631
}

.BsyWebhookSso .open-pane .openList .sso-config-footer .sso-config-btn .sso-clear-config:hover {
    background-color: rgba(255, 86, 49, .1)
}

.BsyWebhookSso .open-pane .openListEmpty {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyWebhookSso .open-pane .openListEmpty .emptyImg {
    margin-bottom: 20px
}

.BsyWebhookSso .open-pane .openListEmpty .emptyImg img {
    display: block;
    margin: 0 auto
}

.BsyWebhookSso .open-pane .openListEmpty .emptyTip {
    margin-bottom: 20px;
    text-align: center
}

.BsyWebhookSso .open-pane .openListEmpty .emptyTip span {
    font-size: 14px;
    font-weight: 500;
    color: #999
}

.BsyWebhookSso .open-pane .openListEmpty .emptyBtn {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyWebhookSso .open-pane .openListEmpty .emptyBtn .emptyCreateBtn {
    padding: 0 26px;
    height: 36px;
    line-height: 36px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    cursor: pointer
}

.BsyWebhookSso .open-pane .openListEmpty .emptyBtn .emptyCreateBtn span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookSso .open-pane .openListEmpty .emptyBtn .emptyCreateBtn:hover {
    opacity: .8
}

.BsyWebhookSsoPane {
    background-color: #f5f7fa;
    height: 100%;
    padding: 10px 0
}

.BsyWebhookSsoPane .sso-pane {
    width: 966px;
    height: 100%;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 4px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-flow: column
}

.BsyWebhookSsoPane .sso-pane .sso-body {
    width: 100%;
    padding: 0 150px;
    flex: 1 1;
    height: 100%;
    overflow: auto
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item {
    margin-bottom: 15px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item.line {
    border-bottom: 1px solid #e0e0e0;
    margin: 20px 0
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-label {
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-label span {
    color: #ff5631;
    font-size: 16px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type {
    display: flex;
    align-items: center
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio {
    cursor: pointer;
    margin-right: 20px;
    display: flex;
    align-items: center
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio:last-child {
    margin-right: 0
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio .icon-blank {
    margin-right: 6px;
    font-size: 14px;
    color: #9da2b2
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio .icon-blank:before {
    content: "\e7fc"
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio span {
    font-size: 14px;
    color: #333
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio.select .icon-blank {
    color: var(--bsy-base-color)
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio.select .icon-blank:before {
    content: "\e7fa"
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .switch-type .type-radio:hover .icon-blank {
    color: var(--bsy-base-color)
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .itme-input input {
    height: 34px;
    padding-left: 6px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .itme-input textarea {
    height: 102px;
    padding: 6px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-tip {
    color: #666;
    font-size: 12px;
    margin-top: 4px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button {
    display: flex;
    align-items: center
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button .itme-input {
    flex: 1 1
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button .itme-input input {
    height: 34px;
    padding-left: 6px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button .item-button {
    height: 34px;
    line-height: 34px;
    padding: 0 19px;
    margin-left: 10px;
    background-color: var(--bsy-base-color);
    cursor: pointer;
    border-radius: 4px
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button .item-button span {
    font-size: 14px;
    color: #fff
}

.BsyWebhookSsoPane .sso-pane .sso-body .pane-item .item-cont .item-input-button .item-button:hover {
    opacity: .8
}

.BsyWebhookSsoPane .sso-pane .sso-footer {
    flex: none;
    margin-top: 20px
}

.BsyWebhookSsoPane .sso-pane .sso-footer .save-btn {
    width: 265px;
    height: 34px;
    line-height: 32px;
    background: linear-gradient(180deg, #74d4ff, var(--bsy-base-color));
    color: #fff;
    box-shadow: 0 2px 14px 0 rgba(2, 101, 255, .2);
    border-radius: 4px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyWebhookSsoPane .sso-pane .sso-footer .save-btn:hover {
    opacity: .8
}

.login .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.875rem;
    position: absolute;
    top: 2.5rem;
    left: 0;
    width: 100%;
    padding-left: 2.5rem
}

.login .header .logo {
    display: flex;
    align-items: center;
    margin: 0
}

.login .header .logo img {
    height: 1.5rem;
    margin-right: .375rem
}

.login .header .logo span {
    font-size: 1rem;
    color: var(--bsy-base-color);
    text-overflow: ellipsis;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.login .header.isMirror {
    margin-bottom: 1.25rem;
    padding: 0 !important
}

.login .header .mirrorHeader {
    width: 100%
}

.login .header .mirrorHeader .mirrorTitle {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: .5rem;
    text-align: center
}

.login .header .mirrorHeader .mirrorTitle span {
    font-size: .875rem;
    color: var(--bsy-base-color);
    font-weight: 500;
    vertical-align: bottom
}

.login .header .mirrorHeader .mirrorMsg {
    font-size: .875rem;
    color: #4d609f;
    text-align: center
}

.login .header .languageCont {
    position: relative
}

.login .header .languageCont.isMirror {
    position: absolute;
    top: 0;
    right: 2.5rem
}

.login .header .languageCont.isMirror .languageList {
    top: 1.875rem;
    bottom: auto;
    right: 0;
    left: auto
}

.login .header .languageCont .languageTitle {
    font-size: .875rem;
    letter-spacing: .67px;
    color: #999;
    font-weight: 500;
    cursor: pointer
}

.login .header .languageCont .languageTitle .titleItem {
    font-size: 14px
}

.login .header .languageCont .languageTitle .titleItem.select {
    font-weight: 700;
    color: #333
}

.login .header .languageCont .languageList {
    position: absolute;
    min-width: 11.5625rem;
    z-index: 9999;
    top: 1.875rem;
    left: -.75rem;
    padding: .3125rem 0;
    height: auto;
    max-height: 15.625rem;
    border-radius: .25rem;
    overflow: auto;
    color: #1f2329;
    box-shadow: 0 0 1rem 0 var(--bsy-base-bgcolor);
    background-color: #fff
}

.login .header .languageCont .languageList li {
    display: flex;
    align-items: center;
    height: 2.03125rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: all .2s;
    position: relative
}

.login .header .languageCont .languageList li.select {
    color: #333;
    position: relative;
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.login .header .languageCont .languageList li.select:after {
    content: "\e810";
    color: #3370ff;
    font-size: 1.25rem;
    position: absolute;
    right: .3125rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
    cursor: pointer;
    flex: none
}

.login .header .languageCont .languageList li:hover {
    background-color: #f5f5f5
}

@media screen and (max-width:1440px) {
    .login .header.isMirror {
        top: 1.25rem
    }
}

@media screen and (max-width:1200px) {
    .login .header {
        position: absolute;
        top: 28rem;
        z-index: 2;
        left: 2.5rem
    }

    .login .header.isMirror {
        top: 2.5rem
    }

    .login .header .logo {
        display: none
    }

    .login .header .languageCont .languageList {
        right: 0;
        left: auto
    }
}

.leftCont {
    display: inline-block;
    vertical-align: middle;
    flex: 1 1;
    padding-left: 8.75rem;
    margin-top: -7.5rem
}

.leftCont h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.875rem
}

.leftCont p {
    font-size: .875rem;
    font-weight: 500;
    color: #8a8a8a;
    margin-bottom: .5rem
}

.leftCont .imgBox {
    margin-top: 6.875rem;
    width: 13.125rem;
    box-shadow: .375rem 6px .625rem 0 rgba(2, 101, 255, .08)
}

.leftCont .imgBox img {
    width: 100%;
    height: 100%;
    border-radius: .5625rem;
    display: block
}

@media screen and (max-width:1200px) {

    .leftCont,
    .right-box {
        display: none
    }
}

.LoginPasswordInput {
    position: relative;
    margin-bottom: .75rem
}

.LoginPasswordInput input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.LoginPasswordInput input:hover {
    border-color: #0265ff
}

.LoginPasswordInput .icon-dingding-guide-close {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginPasswordInput .icon-dingding-guide-close:hover {
    color: #666
}

.LoginPasswordInput .changePasswordType {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginPasswordInput .changePasswordType:hover {
    color: #666
}

.LoginModeBtn {
    display: flex
}

.LoginModeBtn .modeBtn {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    margin-right: 1.5rem;
    transition: all .3s;
    cursor: pointer;
    flex: none
}

.LoginModeBtn .modeBtn:last-child {
    margin-right: 0 !important
}

.LoginModeBtn .modeBtn img {
    width: 100%
}

.LoginModeBtn .dingdingBtn.select,
.LoginModeBtn .dingdingBtn:hover,
.LoginModeBtn .ssoBtn.select,
.LoginModeBtn .ssoBtn:hover {
    border-color: #00acff;
    background-color: #f2f6ff
}

.LoginModeBtn .workWechatBtn.select,
.LoginModeBtn .workWechatBtn:hover {
    border-color: #ffcb00;
    background-color: #fffbed
}

.LoginModeBtn .qyWechatBtn {
    position: relative
}

.LoginModeBtn .qyWechatBtn .self-qywechat {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f0f6ff;
    border-radius: 9px;
    border: 1px solid rgba(2, 101, 255, .2);
    transform: translate(50%, -50%)
}

.LoginModeBtn .qyWechatBtn.select,
.LoginModeBtn .qyWechatBtn:hover {
    border-color: #ffcb00;
    background-color: #fffbed
}

.LoginModeBtn .wechatBtn.select,
.LoginModeBtn .wechatBtn:hover {
    border-color: #02bb29;
    background-color: #edf9e8
}

.LoginModeBtn .feishuBtn.select,
.LoginModeBtn .feishuBtn:hover {
    border-color: #01d1b7;
    background: #e6fffc
}

.LoginThirdBtn .ssoBtn a {
    display: flex;
    align-items: center
}

.LoginThirdBtn .ssoBtn a img {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%
}

.LoginThirdBtn .ssoBtn a span {
    color: #333
}

.LoginThirdBtn .ssoBtn .modeBtn {
    margin-right: .625rem;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    transition: all .3s
}

.LoginThirdBtn .ssoBtn:hover .modeBtn {
    border-color: #0265ff;
    background-color: #f2f6ff
}

.LoginThirdBtn .ssoBtn:hover span {
    color: #0265ff
}

.LoginThirdBtn .ssoBtn.select .modeBtn {
    border-color: #0265ff;
    background-color: #f2f6ff
}

.LoginThirdBtn .ssoBtn.select span {
    color: #0265ff
}

.LoginThirdBtn .languageCont {
    display: none
}

.LoginThirdBtn .LoginModeBtn {
    display: flex;
    margin-top: .5rem
}

.LoginThirdBtn .LoginModeBtn .modeBtn {
    margin-right: 1.5rem
}

.LoginThirdBtn .codeAccountSwitch {
    display: flex;
    margin-top: .9375rem
}

.LoginThirdBtn .codeAccountSwitch div {
    font-size: .8125rem;
    letter-spacing: .67px;
    font-weight: 500;
    color: #333;
    line-height: 1.25rem;
    display: inline-block;
    cursor: pointer
}

.LoginThirdBtn .codeAccountSwitch div.select,
.LoginThirdBtn .codeAccountSwitch div:hover {
    color: #0265ff
}

.LoginThirdBtn .codeAccountSwitch .accountLoginBtn {
    padding-right: .625rem;
    position: relative
}

.LoginThirdBtn .codeAccountSwitch .accountLoginBtn:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #e5e5e5;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.LoginThirdBtn .codeAccountSwitch .loginCodeBtn {
    padding-left: .625rem;
    font-size: .8125rem;
    letter-spacing: .67px;
    font-weight: 500;
    line-height: 1.25rem;
    display: inline-block;
    cursor: pointer
}

.LoginThirdBtn .codeAccountSwitch.one .accountLoginBtn,
.LoginThirdBtn .codeAccountSwitch.one .loginCodeBtn {
    text-align: center;
    border: none;
    padding: 0
}

@media screen and (max-width:1200px) {
    .LoginThirdBtn .languageCont {
        display: block;
        position: relative
    }

    .LoginThirdBtn .languageCont .languageTitle {
        font-size: .875rem;
        letter-spacing: .67px;
        color: #999;
        font-weight: 500;
        cursor: pointer
    }

    .LoginThirdBtn .languageCont .languageTitle .titleItem {
        font-size: 14px
    }

    .LoginThirdBtn .languageCont .languageTitle .titleItem.select {
        font-weight: 700;
        color: #333
    }

    .LoginThirdBtn .languageCont .languageList {
        position: absolute;
        min-width: 11.5625rem;
        z-index: 9999;
        top: 1.875rem;
        left: -.75rem;
        padding: .3125rem 0;
        height: auto;
        max-height: 15.625rem;
        border-radius: .25rem;
        overflow: auto;
        color: #1f2329;
        box-shadow: 0 0 1rem 0 rgba(2, 101, 255, .1);
        background-color: #fff
    }

    .LoginThirdBtn .languageCont .languageList li {
        display: flex;
        align-items: center;
        height: 2.03125rem;
        padding-left: .75rem;
        cursor: pointer;
        transition: all .2s;
        position: relative
    }

    .LoginThirdBtn .languageCont .languageList li.select {
        color: #333;
        position: relative;
        font-family: finex;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .LoginThirdBtn .languageCont .languageList li.select:after {
        content: "\e810";
        color: #3370ff;
        font-size: 1.25rem;
        position: absolute;
        right: .3125rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1em;
        vertical-align: -.15em;
        fill: currentColor;
        overflow: hidden;
        cursor: pointer;
        flex: none
    }

    .LoginThirdBtn .languageCont .languageList li:hover {
        background-color: #f5f5f5
    }

    .LoginThirdBtn .codeAccountSwitch,
    .LoginThirdBtn .ssoBtn {
        margin-bottom: 30px
    }

    .LoginThirdBtn .LoginModeBtn>* {
        display: none
    }

    .LoginThirdBtn .LoginModeBtn>.ssoBtn {
        display: block;
        margin-bottom: 10px
    }
}

.BsyButton {
    width: 100%;
    height: 2.875rem;
    line-height: 2.875rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .59px;
    color: #fff;
    background-color: var(--bsy-base-color);
    border-radius: 4px;
    transition: background-color .3s;
    cursor: pointer;
    margin-top: 3.4375rem
}

.BsyButton:hover {
    opacity: .8
}

.loginAccountPassword {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.loginAccountPassword .title {
    font-size: 1.375rem;
    margin-bottom: 1.5625rem;
    font-weight: 700;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 1.875rem
}

.loginAccountPassword .logo {
    display: flex;
    align-items: center;
    margin-bottom: 1.875rem
}

.loginAccountPassword .logo img {
    height: 1.5rem;
    margin-right: .375rem
}

.loginAccountPassword .logo span {
    font-size: 1rem;
    color: var(--bsy-base-color)
}

.loginAccountPassword .error-msg {
    height: 1rem;
    font-size: .75rem;
    font-weight: 500;
    color: #ff5631;
    margin-top: -1.25rem
}

.loginAccountPassword .loginAutoRemember {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.loginAccountPassword .loginAutoRemember .autoCheck {
    display: flex;
    align-items: center;
    cursor: pointer
}

.loginAccountPassword .loginAutoRemember .autoCheck i {
    font-size: .875rem;
    height: .875rem;
    margin-right: .375rem
}

.loginAccountPassword .loginAutoRemember .autoCheck i.icon-bsy-iconxuanzhong {
    color: #0265ff
}

.loginAccountPassword .loginAutoRemember .autoCheck i.icon-bsy-check2 {
    color: #c6c6c6
}

.loginAccountPassword .loginAutoRemember .autoCheck input {
    margin-right: .375rem;
    border-color: #c6c6c6;
    border-radius: 0;
    cursor: pointer;
    box-shadow: none;
    display: none
}

.loginAccountPassword .loginAutoRemember .autoCheck label {
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    color: #999
}

.loginAccountPassword .loginAutoRemember .autoCheck:hover i {
    color: #0265ff
}

.loginAccountPassword .loginAutoRemember .autoCheck:hover label {
    color: #333
}

.loginAccountPassword .rememberBtn span {
    cursor: pointer;
    font-size: .75rem;
    font-weight: 500;
    color: var(--bsy-base-color)
}

.loginAccountPassword .rememberBtn span:hover {
    opacity: .8
}

@media screen and (max-width:1200px) {
    .loginAccountPassword .mobileBtn {
        display: flex;
        justify-content: space-between
    }

    .loginAccountPassword .mobileBtn .languageCont {
        position: relative
    }

    .loginAccountPassword .mobileBtn .languageCont .languageTitle {
        font-size: .875rem;
        letter-spacing: .67px;
        color: #999;
        font-weight: 500;
        cursor: pointer
    }

    .loginAccountPassword .mobileBtn .languageCont .languageTitle .titleItem {
        font-size: 14px
    }

    .loginAccountPassword .mobileBtn .languageCont .languageTitle .titleItem.select {
        font-weight: 700;
        color: #333
    }

    .loginAccountPassword .mobileBtn .languageCont .languageList {
        position: absolute;
        min-width: 11.5625rem;
        z-index: 9999;
        top: 1.875rem;
        left: -.75rem;
        padding: .3125rem 0;
        height: auto;
        max-height: 15.625rem;
        border-radius: .25rem;
        overflow: auto;
        color: #1f2329;
        box-shadow: 0 0 1rem 0 var(--bsy-base-bgcolor);
        background-color: #fff
    }

    .loginAccountPassword .mobileBtn .languageCont .languageList li {
        display: flex;
        align-items: center;
        height: 2.03125rem;
        padding-left: .75rem;
        cursor: pointer;
        transition: all .2s;
        position: relative
    }

    .loginAccountPassword .mobileBtn .languageCont .languageList li.select {
        color: #333;
        position: relative;
        font-family: finex;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .loginAccountPassword .mobileBtn .languageCont .languageList li.select:after {
        content: "\e810";
        color: #3370ff;
        font-size: 1.25rem;
        position: absolute;
        right: .3125rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1em;
        vertical-align: -.15em;
        fill: currentColor;
        overflow: hidden;
        cursor: pointer;
        flex: none
    }

    .loginAccountPassword .mobileBtn .languageCont .languageList li:hover {
        background-color: #f5f5f5
    }

    .loginAccountPassword .loginAutoRemember .autoCheck:hover i.icon-bsy-check2 {
        color: #c6c6c6
    }

    .loginAccountPassword .BsyButton {
        margin-bottom: 1.8rem !important
    }
}

.ImgCodeInput {
    display: flex;
    justify-content: space-between
}

.ImgCodeInput .ImgCodeBox {
    width: calc(100% - 7.1875rem);
    position: relative
}

.ImgCodeInput .ImgCodeBox input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.ImgCodeInput .ImgCodeBox input:hover {
    border-color: #0265ff
}

.ImgCodeInput .ImgCodeBox input.error-input {
    border-color: #f5222d !important
}

.ImgCodeInput .ImgCodeBox .icon-dingding-guide-close {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.ImgCodeInput .ImgCodeBox .icon-dingding-guide-close:hover {
    color: #666
}

.ImgCodeInput .sendImgCode {
    width: 6.5625rem;
    height: 2.5rem
}

.ImgCodeInput .sendImgCode img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.DingdingCodeLogin {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.DingdingCodeLogin .title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    position: relative
}

.DingdingCodeLogin .dingdingLoginBox {
    height: 240px
}

.DingdingCodeLogin .dingdingLoginBox #login_container {
    transform: scale(.8);
    transform-origin: top
}

.BsyRadioItem {
    display: flex;
    align-items: center;
    cursor: pointer
}

.BsyRadioItem i {
    font-size: 1rem;
    color: #999;
    margin-right: 6px
}

.BsyRadioItem span {
    font-size: .875rem;
    font-weight: 500;
    color: #333
}

.LoginCode {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.LoginCode .title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.5625rem
}

.LoginCode .logo {
    display: flex;
    align-items: center;
    margin-bottom: 1.875rem
}

.LoginCode .logo img {
    height: 1.5rem;
    margin-right: .375rem
}

.LoginCode .logo span {
    font-size: 1rem;
    color: var(--bsy-base-color)
}

.LoginCode .agreeCon {
    margin-top: .625rem
}

.LoginCode .agreeCon .agreeCheckCon {
    margin-bottom: .5rem
}

.LoginCode .agreeCon .agreeCheckCon .BsyRadioItem.select i,
.LoginCode .agreeCon .agreeCheckCon .BsyRadioItem i:hover {
    color: #0265ff
}

.LoginCode .agreeCon .readAgreeCon {
    padding-left: 1rem
}

.LoginCode .agreeCon .readAgreeCon a {
    font-size: .75rem;
    font-weight: 500;
    color: var(--bsy-base-color)
}

.LoginCode .agreeCon .readAgreeCon a:hover {
    opacity: .8
}

.LoginCode .codeInput {
    letter-spacing: 20px;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .625rem;
    line-height: 1.25rem;
    width: 100%;
    padding-top: .3125rem
}

.LoginCode .error-msg {
    height: 1rem;
    font-size: .75rem;
    font-weight: 500;
    color: #ff5631;
    margin-top: -1.25rem
}

@media screen and (max-width:1200px) {
    .LoginCode .mobileBtn {
        display: flex;
        justify-content: space-between
    }

    .LoginCode .mobileBtn .languageCont {
        position: relative
    }

    .LoginCode .mobileBtn .languageCont .languageTitle {
        font-size: .875rem;
        letter-spacing: .67px;
        color: #999;
        font-weight: 500;
        cursor: pointer
    }

    .LoginCode .mobileBtn .languageCont .languageTitle .titleItem {
        font-size: 14px
    }

    .LoginCode .mobileBtn .languageCont .languageTitle .titleItem.select {
        font-weight: 700;
        color: #333
    }

    .LoginCode .mobileBtn .languageCont .languageList {
        position: absolute;
        min-width: 11.5625rem;
        z-index: 9999;
        top: 1.875rem;
        left: -.75rem;
        padding: .3125rem 0;
        height: auto;
        max-height: 15.625rem;
        border-radius: .25rem;
        overflow: auto;
        color: #1f2329;
        box-shadow: 0 0 1rem 0 var(--bsy-base-bgcolor);
        background-color: #fff
    }

    .LoginCode .mobileBtn .languageCont .languageList li {
        display: flex;
        align-items: center;
        height: 2.03125rem;
        padding-left: .75rem;
        cursor: pointer;
        transition: all .2s;
        position: relative
    }

    .LoginCode .mobileBtn .languageCont .languageList li.select {
        color: #333;
        position: relative;
        font-family: finex;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .LoginCode .mobileBtn .languageCont .languageList li.select:after {
        content: "\e810";
        color: #3370ff;
        font-size: 1.25rem;
        position: absolute;
        right: .3125rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1em;
        vertical-align: -.15em;
        fill: currentColor;
        overflow: hidden;
        cursor: pointer;
        flex: none
    }

    .LoginCode .mobileBtn .languageCont .languageList li:hover {
        background-color: #f5f5f5
    }
}

.EntryInputCode .codeTitle {
    margin-bottom: 1.875rem;
    display: flex;
    align-items: center
}

.EntryInputCode .codeTitle i {
    font-size: 1.625rem;
    color: #0265ff;
    margin-right: 1.875rem;
    cursor: pointer
}

.EntryInputCode .codeTitle i:hover {
    opacity: .8
}

.EntryInputCode .codeTitle span {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px
}

.EntryInputCode .codeTip {
    margin-bottom: .875rem
}

.EntryInputCode .codeTip span {
    font-size: .875rem;
    font-weight: 500;
    color: #999
}

.EntryInputCode .codeTip .text {
    color: var(--bsy-base-color)
}

.EntryInputCode .reSendCode {
    margin-top: 3.125rem
}

.EntryInputCode .reSendCode .SendBtn {
    padding: .625rem;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    background-color: var(--bsy-base-color);
    color: #fff;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
    float: right
}

.EntryInputCode .reSendCode .SendBtn.unSend {
    background-color: rgba(2, 101, 255, .06) !important;
    color: var(--bsy-base-color) !important;
    cursor: default
}

.EntryInputCode .reSendCode .SendBtn:hover {
    opacity: .8
}

.EntryInputCode .reSendCode .SendBtn.send {
    background-color: rgba(2, 101, 255, .06) !important;
    color: var(--bsy-base-color)
}

.EntryInputCode .check-code .code-error {
    display: block;
    height: 1.625rem;
    font-size: .75rem;
    color: #ff5631
}

.EntryInputCode .check-code .box-container div,
.EntryInputCode .check-code .box-containers div {
    margin-right: 1.5625rem;
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.625rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: border-color .3s
}

.EntryInputCode .check-code .box-container div:last-child,
.EntryInputCode .check-code .box-containers div:last-child {
    margin-right: 0
}

.EntryInputCode .check-code .box-container div:hover,
.EntryInputCode .check-code .box-containers div:hover {
    border-color: #0265ff
}

.EntryInputCode .check-code.error .box-container div,
.EntryInputCode .check-code.error .box-containers div {
    border-color: #ff5631
}

.box-root-container {
    display: flex;
    flex-direction: column
}

.box-container,
.box-containers {
    display: flex;
    justify-content: center
}

.box-containers div {
    border-bottom: 1px solid grey
}

.box-container div,
.box-containers div {
    margin-right: .4rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem
}

.box-container div {
    border: 1px solid grey
}

.box-input {
    height: 1rem;
    position: absolute;
    top: -9999px
}

.shake {
    animation: a 1s infinite;
    -webkit-animation: a 2.2s infinite
}

@keyframes a {
    0% {
        opacity: .8
    }

    25% {
        opacity: .6
    }

    50% {
        opacity: .2
    }

    75% {
        opacity: .6
    }

    to {
        opacity: .8
    }
}

.BsyAlertImgCode {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1000
}

.BsyAlertImgCode .alertImgCodeContent {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.BsyAlertImgCode .alertImgCodeContent .content {
    padding: 1.625rem 1.25rem;
    background-color: #fff;
    border-radius: .625rem
}

.BsyAlertImgCode .alertImgCodeContent .content .title {
    font-size: 1.125rem;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-bottom: 2.25rem
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn {
    margin-top: 2.25rem;
    display: flex;
    justify-content: center
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn button {
    width: 7.875rem;
    height: 2.5rem;
    border-radius: .25rem;
    cursor: pointer
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn .cancel-btn {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    margin-right: 1.5rem;
    transition: all .3s;
    border: 1px solid #e0e0e0;
    margin-left: 1.25rem
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn .cancel-btn:hover {
    background-color: #e0e0e0
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn .ok-btn {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background-color: var(--bsy-base-color);
    transition: all .3s;
    border: 1px solid var(--bsy-base-color);
    margin-right: 1.25rem
}

.BsyAlertImgCode .alertImgCodeContent .content .bottom-btn .ok-btn:hover {
    opacity: .8
}

.LoginCodeSetName {
    position: relative
}

.LoginCodeSetName .codeTitle {
    margin-bottom: 1.875rem
}

.LoginCodeSetName .codeTitle span {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px
}

.LoginCodeSetName .codeTip {
    margin-bottom: 2.5rem
}

.LoginCodeSetName .codeTip span {
    font-size: .875rem;
    font-weight: 500;
    color: #999
}

.LoginCodeSetName .codeTip .text {
    color: var(--bsy-base-color)
}

.LoginCodeSetName .setNameInput {
    position: relative
}

.LoginCodeSetName .setNameInput input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.LoginCodeSetName .setNameInput input:hover {
    border-color: #0265ff
}

.LoginCodeSetName .setNameInput .icon-dingding-guide-close {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginCodeSetName .setNameInput .icon-dingding-guide-close:hover {
    color: #666
}

.LoginPasswordLevel .verifyCont {
    padding: 12px;
    background: #fff;
    box-shadow: 0 2px 8px 0 var(--bsy-base-bgcolor);
    border-radius: 2px
}

.LoginPasswordLevel .verifyCont .verifyItem {
    margin-bottom: 6px
}

.LoginPasswordLevel .verifyCont .verifyItem:last-child {
    margin-bottom: 0
}

.LoginPasswordLevel .verifyCont .verifyItem i {
    font-size: 12px;
    margin-right: 6px
}

.LoginPasswordLevel .verifyCont .verifyItem i.icon-dingding-guide-errorTip {
    color: #ff5631
}

.LoginPasswordLevel .verifyCont .verifyItem i.icon-success-print {
    color: #4acc8c
}

.LoginPasswordLevel .verifyCont .verifyItem span {
    font-size: 12px;
    font-weight: 500;
    color: #999
}

.LoginCodeSetPassword {
    position: relative
}

.LoginCodeSetPassword .codeTitle {
    margin-bottom: 4.375rem
}

.LoginCodeSetPassword .codeTitle span {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    letter-spacing: 1px
}

.LoginCodeSetPassword .codeTip {
    margin-bottom: 2.5rem
}

.LoginCodeSetPassword .codeTip span {
    font-size: .875rem;
    font-weight: 500;
    color: #999
}

.LoginCodeSetPassword .codeTip .text {
    color: var(--bsy-base-color)
}

.LoginCodeSetPassword .setPasswordInput {
    position: relative
}

.LoginCodeSetPassword .setPasswordInput input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.LoginCodeSetPassword .setPasswordInput input:hover {
    border-color: #0265ff
}

.LoginCodeSetPassword .setPasswordInput .icon-dingding-guide-close {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginCodeSetPassword .setPasswordInput .icon-dingding-guide-close:hover {
    color: #666
}

.LoginCodeSetPassword .setPasswordInput .changePasswordType {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginCodeSetPassword .setPasswordInput .changePasswordType:hover {
    color: #666
}

.LoginCodeSetPassword .agreeCon {
    margin-top: 1.25rem
}

.LoginCodeSetPassword .agreeCon .agreeCheckCon {
    margin-bottom: .5rem
}

.LoginCodeSetPassword .agreeCon .readAgreeCon {
    padding-left: 1rem
}

.LoginCodeSetPassword .agreeCon .readAgreeCon a {
    font-size: .75rem;
    font-weight: 500;
    color: var(--bsy-base-color)
}

.LoginCodeSetPassword .agreeCon .readAgreeCon a:hover {
    opacity: .8
}

.LoginCodeSetPassword .passBtn {
    margin-top: 1.25rem;
    font-size: .75rem;
    font-weight: 500;
    color: var(--bsy-base-color);
    text-align: center;
    cursor: pointer
}

.LoginCodeSetPassword .passBtn:hover {
    opacity: .8
}

.LoginCodeSetPassword .LoginPasswordLevel {
    position: absolute;
    top: 2.3125rem;
    width: 100%
}

.qiye_wechat-login .qiye_wechat-code {
    border: 1px solid var(--bsy-base-color)
}

.qiye_wechat-login .qiye_wechat-code .qiyeBtn {
    padding: 0 3.75rem;
    height: 2.25rem;
    background-color: var(--bsy-base-color);
    border-radius: .25rem;
    transition: all .3s;
    display: block;
    border: 1px solid #0265ff;
    background-color: #0265ff;
    cursor: pointer;
    margin: 1rem auto 0
}

.qiye_wechat-login .qiye_wechat-code .qiyeBtn a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2.25rem;
    font-size: .875rem;
    color: #fff
}

.qiye_wechat-login .qiye_wechat-code .qiyeBtn:hover {
    opacity: .8
}

.qiye_wechat-login .qiyeTip .buttonTip a {
    color: var(--bsy-base-color)
}

.LoginWechat {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.LoginWechat .title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin-bottom: .3125rem
}

.ForgetPassword .title {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.5625rem
}

.ForgetPassword .error-msg {
    height: 1rem;
    font-size: .75rem;
    font-weight: 500;
    color: #ff5631;
    margin-top: -1.25rem
}

.ForgetPassword .verification {
    position: relative;
    margin-bottom: .75rem
}

.ForgetPassword .verification input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.ForgetPassword .verification input:hover {
    border-color: #0265ff
}

.ForgetPassword .verification .icon-dingding-guide-close {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.ForgetPassword .verification .icon-dingding-guide-close:hover {
    color: #666
}

.ForgetPassword .verification .changePasswordType {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.ForgetPassword .verification .changePasswordType:hover {
    color: #666
}

.ForgetPassword .verification .LoginPasswordLevel {
    position: absolute;
    top: 2.3125rem;
    width: 100%
}

.LoginUserActivation .activationPassword .title {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.875rem
}

.LoginUserActivation .activationPassword .setPasswordInput {
    position: relative;
    margin-bottom: 1.25rem
}

.LoginUserActivation .activationPassword .setPasswordInput input {
    height: 2.5rem;
    border-color: #e0e0e0;
    border-radius: 4px;
    width: 100%;
    padding-left: .75rem
}

.LoginUserActivation .activationPassword .setPasswordInput input:hover {
    border-color: #0265ff
}

.LoginUserActivation .activationPassword .setPasswordInput .icon-dingding-guide-close {
    position: absolute;
    right: 2.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginUserActivation .activationPassword .setPasswordInput .icon-dingding-guide-close:hover {
    color: #666
}

.LoginUserActivation .activationPassword .setPasswordInput .changePasswordType {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #c3c3c3;
    cursor: pointer;
    transition: color .3s
}

.LoginUserActivation .activationPassword .setPasswordInput .changePasswordType:hover {
    color: #666
}

.LoginUserActivation .activationPassword .setPasswordInput .LoginPasswordLevel {
    position: absolute;
    top: 2.3125rem;
    width: 100%;
    z-index: 10
}

.LoginWXReg .WXPassword .title {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.875rem
}

.LoginWXReg .WXPassword .legalWebsite {
    display: flex;
    align-items: center;
    margin-top: 1.25rem
}

.LoginWXReg .WXPassword .legalWebsite .icon-bsy-check3,
.LoginWXReg .WXPassword .legalWebsite .icon-bsy-gou {
    cursor: pointer
}

.LoginWXReg .bindWXPage .title {
    font-size: 1.375rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 1.875rem
}

.LoginWXReg .bindWXPage .bindTip .tipTop {
    display: flex;
    align-items: center
}

.LoginWXReg .bindWXPage .bindTip .tipTop i {
    color: var(--bsy-base-color);
    font-size: 1.125rem;
    margin-right: .375rem
}

.LoginWXReg .bindWXPage .bindTip .tipButton {
    font-size: .875rem;
    font-weight: 500;
    color: #999;
    padding-left: 1.5rem;
    margin-top: .75rem
}

.LoginWXReg .emptyReg {
    font-size: 1rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 3.75rem)
}

.DingdingBind .sendCodeDingDing .title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.875rem
}

.DingdingBind .dingding-emptyTeam {
    margin-top: 1.875rem
}

.DingdingBind .dingding-emptyTeam .img {
    display: flex;
    justify-content: center
}

.DingdingBind .dingding-emptyTeam .img img {
    width: 12.4375rem
}

.DingdingBind .dingding-emptyTeam .emptyTip {
    margin-top: 1.25rem
}

.DingdingBind .dingding-emptyTeam .emptyTip p {
    text-align: center;
    font-size: .875rem;
    color: #333
}

.DingdingBind .dingding-more-teams .more-teams-title {
    margin-bottom: 1.875rem
}

.DingdingBind .dingding-more-teams .more-teams-title p {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.875rem
}

.DingdingBind .dingding-more-teams .more-teams-list ul {
    height: 260px;
    overflow: auto;
    margin-bottom: 1rem;
    padding: 0 1rem
}

.DingdingBind .dingding-more-teams .more-teams-list ul li {
    height: 2.125rem;
    line-height: 2.125rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.DingdingBind .dingding-more-teams .more-teams-list ul li.select {
    color: var(--bsy-base-color);
    border-color: var(--bsy-base-color)
}

.DingdingBind .dingding-more-teams .more-teams-list ul li:hover {
    border-color: #0265ff;
    background-color: #f0f6ff
}

.DingdingBind .dingding-more-teams .m-dingding-teamsNext-btn {
    display: block;
    background: var(--bsy-base-color);
    border-radius: 4px;
    height: 2.875rem;
    line-height: 2.875rem;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.DingdingBind .dingding-more-teams .m-dingding-teamsNext-btn:hover {
    opacity: .8
}

.LoginWorkWechat {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.LoginWorkWechat .title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin-bottom: 1.25rem
}

.LoginWorkWechat .feishuLogo {
    display: flex;
    justify-content: center
}

.LoginSSO {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.LoginSSO .loginContentBox {
    padding-top: 60px;
    width: 100%
}

.LoginSSO .loginContentBox .modeBtn {
    margin-bottom: 60px
}

.LoginSSO .loginContentBox .modeBtn img {
    display: block;
    margin: 0 auto
}

.LoginSSO .loginContentBox a {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #0265ff;
    border-radius: 4px;
    transition: opacity .3s;
    margin-bottom: 30px
}

.LoginSSO .loginContentBox a span {
    color: #fff
}

.LoginSSO .loginContentBox a:hover {
    opacity: .8
}

.qiye_wechat-login {
    width: 100%
}

.qiye_wechat-login .title {
    position: relative;
    margin-bottom: 3rem;
    text-align: left
}

.qiye_wechat-login .title i {
    position: absolute;
    font-size: 1.625rem;
    cursor: pointer;
    color: #0265ff;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.qiye_wechat-login .title i:hover {
    opacity: .8
}

.qiye_wechat-login .title span {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin-bottom: 1.25rem
}

.qiye_wechat-login .title.hasBack {
    padding-left: 2.5rem;
    text-align: left
}

.qiye_wechat-login .qiye_wechat-code {
    padding: 1.875rem 0;
    width: calc(100% - 2px);
    background-color: rgba(2, 101, 255, .06);
    border-radius: .625rem;
    border: 1px solid #0265ff
}

.qiye_wechat-login .qiye_wechat-code .imgCont {
    width: 8.5rem;
    height: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: .3125rem;
    margin: 0 auto;
    overflow: hidden
}

.qiye_wechat-login .qiye_wechat-code .imgCont img {
    width: 2.4375rem
}

.qiye_wechat-login .qiye_wechat-code .imgCont img.qiyeLogo {
    width: 1.875rem
}

.qiye_wechat-login .qiye_wechat-code .imgCont .convert {
    width: 2.4375rem;
    height: 2.4375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.qiye_wechat-login .qiye_wechat-code .imgCont .convert img {
    width: .875rem
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn {
    padding: 0 .75rem;
    height: 2.25rem;
    border-radius: .25rem;
    transition: all .3s;
    display: block;
    border: 1px solid #0265ff;
    cursor: pointer
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2.25rem;
    font-size: .875rem
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.qrcode {
    background-color: #0265ff
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.qrcode a {
    color: #fff
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.qrcode:hover {
    opacity: .8
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.mobile {
    background-color: #fff
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.mobile a {
    color: #0265ff
}

.qiye_wechat-login .qiye_wechat-code .qiyezj_btn .qiyezjBtn.mobile:hover {
    background-color: #f0f6ff
}

.qiye_wechat-login .qiye_wechat_type {
    position: relative;
    margin: 0 auto;
    width: 325px
}

.qiye_wechat-login .qiye_wechat_type .wework-member-link {
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
    text-align: center
}

.qiye_wechat-login .qiye_wechat_type .wework-member-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 162px;
    width: 1px;
    height: 130px;
    background: #e9e9e9
}

.qiye_wechat-login .qiye_wechat_type .wework-admin-link {
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
    text-align: center
}

.qiye_wechat-login .qiye_wechat_type .wrapper {
    width: 130px;
    height: 130px;
    transition: all .3s
}

.qiye_wechat-login .qiye_wechat_type .wrapper:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.qiye_wechat-login .qiye_wechat_type .text {
    margin-top: 30px;
    font-size: 12px;
    color: #1f2d3d
}

.qiye_wechat-login .qiye_wechat_type .wework-icon {
    display: inline-block;
    margin: 27px auto;
    width: 76px;
    height: 76px;
    background-size: 200% auto
}

.qiye_wechat-login .qiye_wechat_type .wework-icon.member-icon {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%
}

.qiye_wechat-login .qiye_wechat_type .wework-icon.admin-icon {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%
}

.qiye_wechat-login .qiyeTip {
    margin-top: .625rem;
    display: flex
}

.qiye_wechat-login .qiyeTip .topTip {
    font-size: .75rem;
    font-weight: 500;
    color: #333;
    text-align: center
}

.qiye_wechat-login .qiyeTip .buttonTip {
    text-align: center;
    margin-left: .375rem
}

.qiye_wechat-login .qiyeTip .buttonTip a {
    font-size: .75rem;
    font-weight: 500;
    color: #0265ff
}

.qiye_wechat-login .qiyeTip .buttonTip a:hover {
    opacity: .8
}

.LoginZJWorkWechat {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 405px
}

.LoginZJWorkWechat .feishuLogo {
    display: flex;
    justify-content: center
}

.LoginZJWorkWechat .feishuLogo .LoginAccountInput {
    width: 100%
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-title {
    margin-bottom: 1.875rem
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-title p {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.875rem
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-list ul {
    height: 260px;
    overflow: auto;
    margin-bottom: 10px
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-list ul li {
    height: 2.125rem;
    line-height: 2.125rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-list ul li.select {
    color: var(--bsy-base-color);
    border-color: var(--bsy-base-color)
}

.LoginZJWorkWechat .dingding-more-teams .more-teams-list ul li:hover {
    border-color: #0265ff;
    background-color: #f0f6ff
}

.LoginZJWorkWechat .dingding-more-teams .m-dingding-teamsNext-btn {
    display: block;
    background: var(--bsy-base-color);
    border-radius: 4px;
    height: 2.875rem;
    line-height: 2.875rem;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.LoginZJWorkWechat .dingding-more-teams .m-dingding-teamsNext-btn:hover {
    opacity: .8
}

.DingdingTeamLogin .title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-bottom: .625rem;
    text-align: center;
    position: relative
}

.DingdingTeamLogin .teamName {
    font-size: .875rem;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-top: .625rem
}

.rightCont {
    display: inline-block;
    vertical-align: middle;
    width: 24.6875rem;
    height: 30.3125rem;
    background: #fff;
    box-shadow: 0 0 1rem 0 var(--bsy-base-bgcolor);
    border-radius: .625rem;
    padding: 3rem 2.5rem 0
}

.rightCont .loginOnlySSOCont {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%
}

.rightCont .loginOnlySSOCont .ssoBtn {
    padding-top: 60px;
    width: 100%
}

.rightCont .loginOnlySSOCont .ssoBtn .modeBtn {
    margin-bottom: 60px
}

.rightCont .loginOnlySSOCont .ssoBtn .modeBtn img {
    display: block;
    margin: 0 auto
}

.rightCont .loginOnlySSOCont .ssoBtn a {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #0265ff;
    border-radius: 4px;
    transition: opacity .3s;
    margin-bottom: 30px
}

.rightCont .loginOnlySSOCont .ssoBtn a span {
    color: #fff
}

.rightCont .loginOnlySSOCont .ssoBtn a:hover {
    opacity: .8
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont {
    display: block;
    position: relative
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageTitle {
    font-size: .875rem;
    letter-spacing: .67px;
    color: #999;
    font-weight: 500;
    cursor: pointer
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageTitle .titleItem {
    font-size: 14px
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageTitle .titleItem.select {
    font-weight: 700;
    color: #333
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageList {
    position: absolute;
    min-width: 11.5625rem;
    z-index: 9999;
    top: 1.875rem;
    left: -.75rem;
    padding: .3125rem 0;
    height: auto;
    max-height: 15.625rem;
    border-radius: .25rem;
    overflow: auto;
    color: #1f2329;
    box-shadow: 0 0 1rem 0 rgba(2, 101, 255, .1);
    background-color: #fff
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageList li {
    display: flex;
    align-items: center;
    height: 2.03125rem;
    padding-left: .75rem;
    cursor: pointer;
    transition: all .2s;
    position: relative
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageList li.select {
    color: #333;
    position: relative;
    font-family: finex;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageList li.select:after {
    content: "\e810";
    color: #3370ff;
    font-size: 1.25rem;
    position: absolute;
    right: .3125rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
    cursor: pointer;
    flex: none
}

.rightCont .loginOnlySSOCont .ssoBtn .languageCont .languageList li:hover {
    background-color: #f5f5f5
}

.rightCont.isMirror {
    padding: 2.5rem 2.5rem 0;
    position: relative
}

.rightCont.isMirror .logo {
    margin: 0 0 2rem
}

.rightCont.isMirror .mirrorTitleMsg {
    position: absolute;
    font-size: .875rem;
    color: #999;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center
}

@media screen and (max-width:1200px) {
    .login {
        width: 100%;
        height: 100%
    }

    .login.isAndroid .footer {
        bottom: auto !important
    }

    .login.isAndroid .mirror,
    .login.isAndroid .quitMirror {
        margin-top: 0 !important;
        float: none !important
    }

    .login .cont {
        background: #fff;
        box-shadow: 0 0 1rem 0 rgba(64, 169, 255, .1);
        border-radius: .625rem;
        padding: 3rem 2.5rem 0
    }

    .login .rightCont {
        width: 100%;
        height: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0
    }

    .login .rightCont .mobileEmpty {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 80%;
        flex-flow: column;
        position: absolute;
        left: 10%;
        top: 0
    }

    .login .rightCont .mobileEmpty img {
        width: 80%
    }

    .login .rightCont .mobileEmpty p {
        text-align: center;
        font-size: .875rem;
        color: #333;
        margin-top: 1.875rem
    }

    .login .header {
        position: absolute;
        top: 1rem;
        z-index: 2;
        left: 0;
        right: 0;
        margin: 0
    }

    .login .header .mirrorHeader .mirrorTitle {
        font-size: 1.25rem
    }

    .login .mirror,
    .login .quitMirror {
        position: absolute;
        bottom: 3.5rem;
        z-index: 2;
        left: 50%;
        transform: translate(-50%);
        width: calc(100% - 5rem);
        justify-content: center;
        height: 2.875rem;
        line-height: 2.875rem;
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: .59px;
        background-color: #fff;
        border-radius: 30px;
        border: 1px solid #e0e0e0;
        transition: background-color .3s;
        cursor: pointer
    }

    .login .mirror span,
    .login .quitMirror span {
        font-size: 1rem;
        color: #333
    }
}

.login {
    display: none
}

.login .loginCont {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.login .loginCont.isCenterMode .content .left-box {
    width: 100%;
    justify-content: center
}

.login .loginCont.isCenterMode .content .left-box .header {
    padding-right: 2.5rem
}

.login .loginCont.isCenterMode .content .left-box .header .languageCont .languageList {
    right: 0;
    left: auto
}

.login .loginCont.isCenterMode .content .left-box .box {
    width: auto
}

.login .loginCont.isCenterMode .content .right-box {
    display: none
}

.login .loginCont .leftBg,
.login .loginCont .rightBg {
    height: 100%;
    position: absolute;
    top: 0;
    display: flex
}

.login .loginCont .leftBg img,
.login .loginCont .rightBg img {
    height: 100%
}

.login .loginCont .leftBg {
    left: 0
}

.login .loginCont .rightBg {
    right: 0;
    justify-content: end
}

.login .loginCont .mirrorBg {
    position: absolute;
    top: 0;
    width: 100%
}

.login .loginCont .mirrorBg img {
    width: 100%
}

.login .loginCont .content {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.login .loginCont .content.isImageMode {
    bottom: 0
}

.login .loginCont .content .left-box {
    position: relative;
    width: 44%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
}

.login .loginCont .content .left-box.isMirror {
    width: 100%
}

.login .loginCont .content .left-box.isMirror .box {
    align-items: center;
    transform-origin: center
}

.login .loginCont .content .left-box.isImageMode {
    justify-content: center;
    width: 59%
}

.login .loginCont .content .left-box.isImageMode .header {
    padding-right: 2.5rem
}

.login .loginCont .content .left-box.isImageMode .header .languageCont .languageList {
    right: 0;
    left: auto
}

.login .loginCont .content .left-box.isImageMode .box {
    width: auto
}

.login .loginCont .content .box {
    display: flex;
    flex-flow: column;
    width: 100%;
    align-items: end;
    transform-origin: right
}

.login .loginCont .content .right-box {
    height: 100%;
    display: flex;
    align-items: center;
    flex: 1 1
}

.login .loginCont .content .right-box .banner-bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.login .loginCont .content .mirror {
    margin-top: 24px;
    float: right;
    cursor: pointer;
    display: flex;
    align-items: center
}

.login .loginCont .content .mirror span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: .02px;
    line-height: 16px;
    height: 16px
}

.login .loginCont .content .mirror i {
    font-size: 16px;
    margin-left: 5px;
    color: #4d609f
}

.login .loginCont .content .mirror:hover span {
    color: #0265ff
}

.login .loginCont .content .quitMirror {
    margin-top: 24px;
    float: left;
    cursor: pointer;
    display: flex;
    align-items: center
}

.login .loginCont .content .quitMirror span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: .02px;
    line-height: 16px;
    height: 16px
}

.login .loginCont .content .quitMirror i {
    font-size: 16px;
    margin-right: 5px;
    color: #4d609f
}

.login .loginCont .content .quitMirror:hover span {
    color: #0265ff
}

.login .footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: .625rem;
    z-index: 2;
    display: flex;
    justify-content: center
}

.login .footer.isImageMode {
    width: 59%;
    right: auto
}

.login .footer .record_number {
    display: flex;
    justify-content: center;
    margin: 0 5px
}

.login .footer .record_number a {
    color: #999;
    line-height: 1.125rem;
    text-decoration: none;
    font-size: .625rem;
    text-align: center;
    display: flex;
    align-items: center
}

.login .footer .record_number a img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

@media screen and (max-width:1750px) {
    .login .loginCont .content .box {
        transform: scale(.97)
    }

    .login .header .mirrorHeader .mirrorTitle {
        font-size: 1.75rem
    }

    .login .footer {
        transform: scale(.97)
    }
}

@media screen and (max-width:1550px) {
    .login .loginCont .content .box {
        transform: scale(.93)
    }

    .login .header .mirrorHeader .mirrorTitle {
        font-size: 1.625rem
    }

    .login .footer {
        transform: scale(.93)
    }
}

@media screen and (max-width:1280px) {
    .login .loginCont .content .box {
        transform: scale(.86)
    }

    .login .header.isMirror {
        margin-bottom: .625rem
    }

    .login .header .mirrorHeader .mirrorTitle {
        font-size: 1.5rem;
        margin-bottom: .25rem
    }

    .login .footer {
        flex-flow: column;
        transform: scale(.86)
    }
}

@media screen and (max-width:1200px) {

    .login .loginCont .leftBg,
    .login .loginCont .rightBg {
        display: none
    }

    .login .loginCont .content {
        bottom: 0
    }

    .login .loginCont .content .left-box,
    .login .loginCont .content .left-box.isMirror .box {
        width: 100% !important
    }

    .login .loginCont .content .left-box.isMirror .box .cont {
        padding-top: 8rem
    }

    .login .loginCont .content .box {
        width: 100% !important;
        height: 100%;
        transform: scale(1);
        background-color: #fff
    }

    .login .loginCont .content .box .cont {
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        bottom: 0;
        border-radius: 0;
        padding: 0;
        width: 317px;
        transform: translate(-50%, 40px)
    }

    .login .footer {
        width: 100% !important;
        right: 0 !important;
        transform: scale(1);
        flex-flow: column
    }
}

body,
html {
    width: 100%;
    height: 100%
}

* {
    box-sizing: border-box
}

@keyframes x-fade-down {
    0% {
        transform: translate3d(0, -15%, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes x-fade-up {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -15%, 0);
        opacity: 0
    }
}

@keyframes x-fade-down-large {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes showAlert2 {
    0% {
        transform: translate(-50%, -50%) scale(.7)
    }

    45% {
        transform: translate(-50%, -50%) scale(1.05)
    }

    80% {
        transform: translate(-50%, -50%) scale(.95)
    }

    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes antdDrawerFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInRightBig1 {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.table-user-portrait-name {
    width: 20px;
    height: 20px;
    background-color: #ffd000;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.table-user-portrait-name.color-0 {
    background: #f5c547
}

.table-user-portrait-name.color-1 {
    background-color: #528cff
}

.table-user-portrait-name.color-2 {
    background-color: #50b0f4
}

.table-user-portrait-name.color-3 {
    background-color: #61db8c
}

.table-user-portrait-name.color-4 {
    background-color: #ff8383
}

.table-user-portrait-name.color-5 {
    background-color: #444
}

.__react_component_tooltip {
    padding: 5px 14px !important;
    background-color: #595959 !important;
    border-radius: 5px !important;
    z-index: 10000 !important
}

.__react_component_tooltip:after {
    background-color: #595959 !important;
    border-top-color: #595959 !important
}

#bby {
    position: absolute;
    background-color: #f5f7fa
}

#bby,
#bby .mirrorTip.isOnce {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#bby .mirrorTip.isOnce {
    position: fixed;
    z-index: 999999999999;
    background: rgba(0, 0, 0, .2)
}

#bby .mirrorTip.isOnce .mirrorCont {
    background: #fff
}

#bby .mirrorTip .mirrorCont {
    padding: 10px;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 20px;
    border-radius: 4px;
    z-index: 999999999999;
    -webkit-user-select: none;
    user-select: none
}

#bby .mirrorTip .mirrorCont .mirrorTipContent {
    cursor: pointer;
    width: auto;
    background: var(--bsy-base-color);
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

#bby .mirrorTip .mirrorCont .mirrorTipContent .mirrorTipImg {
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#bby .mirrorTip .mirrorCont .mirrorTipContent .mirrorTipImg img {
    width: 18px
}

#bby .mirrorTip .mirrorCont .mirrorTipContent span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-left: 6px
}

#bby .mirrorTip .mirrorCont .mirrorContTip {
    position: absolute;
    right: 280px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 470px;
    background: var(--bsy-base-color);
    border-radius: 4px;
    padding: 13px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#bby .mirrorTip .mirrorCont .mirrorContTip:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid var(--bsy-base-color);
    border-bottom: 4px solid transparent;
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%)
}

#bby .mirrorTip .mirrorCont .mirrorContTip span {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

#bby .mirrorTip .mirrorCont .mirrorContTip i {
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
    cursor: pointer
}

@media screen and (max-width:1200px) {
    #bby .mirrorTip .mirrorContTip {
        width: 200px
    }
}

.bsy-text-tag {
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    max-width: 100%;
    background: #fff;
    color: #1f2d3d;
    border-radius: 12px;
    letter-spacing: .45px;
    padding: 0 12px;
    box-sizing: border-box
}

.bsy-text-tag.multi-line {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word
}

.bsy-text-tag.single-line {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.bsy-text-tag.large {
    border-radius: 12px
}

.bsy-text-tag.large,
.bsy-text-tag.middle {
    font-size: 13px;
    line-height: 22px;
    min-height: 24px
}

.bsy-text-tag.middle {
    border-radius: 11px;
    padding: 0 11px
}

.bsy_form_item_disable {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 14px;
    min-height: 34px;
    color: #1f2d3d;
    line-height: 20px;
    width: 100% !important;
    max-width: 100%;
    opacity: 1;
    cursor: default !important;
    position: relative;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    height: 100% !important;
    align-items: center
}

.bsy_form_item_disable .bsy-text-tag {
    margin: 0 4px 0 0;
    flex: none
}

.bsy_form_item_disable .img-preview.barcode {
    margin-left: -8px
}

.bsy_form_item_disable:empty:before {
    content: attr(data-watermark);
    font-size: 14px;
    color: #c9ced9;
    line-height: 20px;
    padding: 0 2px
}

.bsy_form_item_disable::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important
}

.bsy_form_item_disable.generate-qr {
    display: flex
}

.bsy_form_item_disable.generate-qr .show-value {
    margin-right: 40px
}

.bsy_form_item_disable .qr-btn {
    margin-left: 5px;
    margin-right: 10px;
    font-size: 25px;
    cursor: pointer;
    position: absolute;
    right: 0
}

.bsy_form_item_disable .nest-link {
    margin-right: 40px
}

.bsy_form_item_disable .show-value {
    white-space: pre-wrap
}

.place-top:before {
    z-index: -2 !important
}

.BsyModulesLog {
    width: 70%;
    height: auto;
    margin: 20px auto 0;
    position: relative;
    padding-bottom: 50px
}

.BsyModulesLog .logItem {
    padding: 0 0 20px;
    margin: 0 40px 20px;
    border-bottom: 1px solid #f2f2f2
}

.BsyModulesLog .logItem p {
    margin: 0 0 5px;
    font-size: 14px;
    color: #333;
    white-space: pre-line
}

.BsyModulesLog .logItem .contentItem {
    line-height: 26px
}

.BsyModulesLog .logItem .titleTime {
    font-size: 16px;
    color: #333;
    position: relative;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px
}

.BsyModulesLog .logItem .titleTime:before {
    content: "";
    width: 4px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: -14px;
    background-color: var(--bsy-base-color)
}

.BsyModulesLog .logItem .version {
    margin-bottom: 15px
}

.BsyModulesPane .bby-workspace-pane .module-pane,
.MyModules .bby-workspace-pane .module-pane {
    background: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 1px solid #e0e0e0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft,
.MyModules .bby-workspace-pane .module-pane .moduleLeft {
    -webkit-user-select: none;
    user-select: none;
    width: 280px;
    background-color: #fff;
    position: fixed;
    height: calc(100% - 50px);
    top: 51px;
    overflow-y: auto;
    border-radius: 0;
    padding-bottom: 50px;
    border-right: 1px solid #e0e0e0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu {
    font-size: 14px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav {
    height: 40px;
    line-height: 40px;
    color: #333;
    padding-left: 30px;
    cursor: pointer;
    position: relative
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav span,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav span {
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav i,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav i {
    font-size: 16px;
    vertical-align: bottom;
    float: right;
    margin-right: 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav:hover,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav:hover {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select {
    background-color: rgba(2, 101, 255, .04);
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select:before,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--bsy-base-color);
    left: 0;
    top: 0;
    margin-top: 0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select i,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .nav.select i {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem {
    display: none
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem {
    height: 55px;
    line-height: 55px;
    color: #333;
    padding-left: 80px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 30px;
    position: relative
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem i,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem i {
    font-size: 16px;
    vertical-align: bottom;
    float: right;
    margin-right: 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem:hover,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem:hover {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select {
    background-color: rgba(2, 101, 255, .04);
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select:before,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--bsy-base-color);
    left: 0;
    top: 0;
    margin-top: 0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select i,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav .subordinateItem .navItem.select i {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav.on .subordinateItem,
.MyModules .bby-workspace-pane .module-pane .moduleLeft .module-menu .mainNav.on .subordinateItem {
    display: block
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight,
.MyModules .bby-workspace-pane .module-pane .moduleRight {
    width: calc(100% - 280px);
    height: calc(100% - 90px);
    background-color: initial;
    border-radius: 0;
    float: right;
    position: relative;
    overflow-y: scroll;
    padding: 18px 20px 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont {
    width: 100%;
    padding: 0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont {
    min-width: 0
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-title,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-title {
    margin-bottom: 9px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-title span,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-title span {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip {
    width: 100%;
    padding-right: 20px;
    position: relative
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #4d609f;
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip:before,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #4d609f;
    vertical-align: middle;
    margin-right: 5px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip span,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tip span {
    vertical-align: middle
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn i,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn i {
    color: #475892;
    margin-right: 5px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn .btn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-left-cont .module-tip .mainTip .tipBtn .btn {
    color: #475892
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont {
    display: flex;
    width: 382px;
    flex: none
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn {
    width: auto;
    padding: 0 16px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    border-radius: 4px;
    background-color: var(--bsy-base-color);
    cursor: pointer;
    transition: all .3s;
    float: revert;
    flex: none;
    margin-bottom: 0;
    margin-left: 10px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn .btn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn .btn {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn .btn i,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn .btn i {
    margin-right: 10px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn:hover,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .module-content-menu-btn:hover {
    background-color: var(--bsy-base-hovercolor)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search {
    position: relative;
    height: 32px;
    margin-bottom: 0;
    width: 260px;
    display: block;
    vertical-align: top
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search input,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search input {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 50px;
    height: 32px;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    position: absolute
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search:hover input,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search:hover input {
    border: 1px solid var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    transition: all .3s;
    padding: 0 15px;
    border-radius: 4px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn i,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn i {
    color: #999;
    font-size: 16px;
    font-weight: 700
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn i:hover,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .module-top-cont .module-top-right-cont .search .searchBtn i:hover {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand span,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand span {
    margin-right: 5px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn {
    border: 1px dashed var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn .btn,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn .btn {
    display: block;
    width: 100%;
    height: 100%
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn .btn i,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand.module-content-menu-btn .btn i {
    margin-right: 5px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand:hover,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .demand:hover {
    border-color: #0079e6
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty {
    width: 80%
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty img,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty img {
    display: block;
    margin: calc(20% - 80px) auto 0;
    width: 300px
}

.BsyModulesPane .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty .zero,
.MyModules .bby-workspace-pane .module-pane .moduleRight .moduleRightCont .empty .zero {
    text-align: center;
    color: #ccc
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .search,
.MyModules .bby-workspace-pane .module-pane .module-menu .search {
    position: absolute;
    float: right;
    height: 36px;
    right: 130px;
    top: 0;
    line-height: 34px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .search input,
.MyModules .bby-workspace-pane .module-pane .module-menu .search input {
    width: 220px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 30px;
    height: 32px;
    line-height: 32px;
    color: #666
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .search:hover input,
.MyModules .bby-workspace-pane .module-pane .module-menu .search:hover input {
    border: 1px solid #7cc1ff
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .search:hover i,
.MyModules .bby-workspace-pane .module-pane .module-menu .search:hover i {
    color: #7cc1ff
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .search i,
.MyModules .bby-workspace-pane .module-pane .module-menu .search i {
    color: #666;
    cursor: pointer;
    position: absolute;
    right: 10px;
    margin-top: 3px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .sliderSearch,
.MyModules .bby-workspace-pane .module-pane .module-menu .sliderSearch {
    position: absolute;
    float: right;
    height: 36px;
    right: 0;
    top: 0;
    line-height: 34px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .sliderSearch input,
.MyModules .bby-workspace-pane .module-pane .module-menu .sliderSearch input {
    width: 220px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 30px;
    height: 36px;
    line-height: 36px;
    color: #666
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .sliderSearch input:hover,
.MyModules .bby-workspace-pane .module-pane .module-menu .sliderSearch input:hover {
    border: 1px solid #7cc1ff
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-menu .sliderSearch i,
.MyModules .bby-workspace-pane .module-pane .module-menu .sliderSearch i {
    color: #666;
    cursor: pointer;
    position: absolute;
    right: 10px;
    margin-top: 3px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-top,
.MyModules .bby-workspace-pane .module-pane .module-top {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 40px;
    bottom: 40px;
    overflow: hidden;
    border: 1px solid var(--bsy-base-color);
    color: var(--bsy-base-color);
    background: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    cursor: pointer;
    transition: all 218ms
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-top:hover,
.MyModules .bby-workspace-pane .module-pane .module-top:hover {
    color: #fff;
    background: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList {
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #333
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item {
    position: relative;
    margin-bottom: 16px;
    min-height: 140px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 6px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    cursor: default
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative;
    overflow: hidden;
    height: 140px;
    background: #fff;
    text-align: center;
    color: #666
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-version,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-version {
    display: inline-block
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-version:after,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-version:after {
    content: "";
    width: 1px;
    height: 13px;
    border-right: 1px solid #d9d9d9;
    padding-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-state,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-state {
    text-align: center;
    border-radius: 6px;
    background-color: var(--bsy-base-color);
    color: #fffefe;
    position: absolute;
    display: block;
    width: 14%;
    height: 32px;
    line-height: 30px;
    right: 3%;
    bottom: 0;
    transition: all .3s
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: auto;
    padding: 6px 20px;
    background-color: #f5f6f7;
    border-radius: 15px;
    right: 20px;
    bottom: 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author .module-info-description,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author .module-info-description {
    font-size: 12px;
    color: #4d609f
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author:before,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-author:before {
    content: "";
    width: 1px;
    height: 14px;
    border-right: 1px solid #d9d9d9;
    padding-left: 20px;
    margin-right: 20px;
    display: none
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal,
.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-time,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-time {
    display: inline-block
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal:before,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal:before {
    content: "";
    width: 1px;
    height: 13px;
    border-right: 1px solid #d9d9d9;
    padding-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal .journal,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-journal .journal {
    color: var(--bsy-base-color);
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info {
    width: 60%;
    float: left;
    overflow: hidden;
    padding-left: 10px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title {
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 14px;
    line-height: 16px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title .title,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title .title {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #333;
    letter-spacing: 1px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title .helpurl,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-title .helpurl {
    float: left;
    text-decoration: none;
    color: var(--bsy-base-color);
    cursor: pointer;
    line-height: 28px;
    margin-left: 10px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .title,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .title {
    float: left
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text span,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text span {
    visibility: inherit;
    white-space: nowrap
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text pre,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text pre {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text a,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info .module-info-description .text a {
    color: var(--bsy-base-color);
    float: left
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info-classification,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info-classification {
    position: absolute;
    bottom: 20px;
    left: 150px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info-classification .type,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-info-classification .type {
    font-size: 12px;
    color: #999990
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
    bottom: 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item {
    padding: 5px 19px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #fff;
    cursor: pointer
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item span,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item span {
    color: #fff;
    font-size: 14px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage {
    border-color: var(--bsy-base-color);
    margin-right: 16px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage span,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage span {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage:hover,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage:hover {
    background-color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage:hover span,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.manage:hover span {
    color: #fff
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove {
    border-color: #e0e0e0
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove span,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove span {
    color: #333
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove:hover,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-btn .btn-item.remove:hover {
    background-color: #e0e0e0
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain {
    text-align: left;
    float: left;
    width: calc(100% - 30px);
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 18px;
    margin-left: 10px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain .title,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain .title {
    float: left
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain .text pre,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-explain .text pre {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img {
    -webkit-user-select: none;
    user-select: none;
    float: left;
    height: 140px;
    width: 140px;
    overflow: hidden;
    padding: 20px;
    max-width: 170px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img img,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img img {
    width: 100%;
    height: 100px;
    max-width: 150px
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img i,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-img i {
    font-size: 3.125em
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con {
    float: left;
    padding-top: 20px;
    width: calc(100% - 140px);
    position: relative
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-right,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-right {
    position: absolute;
    display: inline-block;
    right: 20px;
    text-align: right
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test {
    position: absolute;
    display: block;
    width: 14%;
    height: 30px;
    line-height: 30px;
    right: 3%;
    bottom: 0;
    transition: all .3s
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test .testBtn,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test .testBtn {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid var(--bsy-base-color);
    color: var(--bsy-base-color);
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test .testBtn:hover,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item .item-body .module-con .module-test .testBtn:hover {
    border-color: #0079e6;
    color: #0079e6
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .module-item:hover,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .module-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06)
}

.BsyModulesPane .bby-workspace-pane .module-pane .module-content .content .ulList .loading-state,
.MyModules .bby-workspace-pane .module-pane .module-content .content .ulList .loading-state {
    margin-top: 20px;
    text-align: center;
    color: #999;
    font-size: 12px;
    padding-bottom: 20px
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft {
    top: 115px
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav span,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav span {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav.select span,
.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav:hover span,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav.select span,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .nav:hover span {
    color: var(--bsy-base-color)
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .subordinateItem .navItem,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav .subordinateItem .navItem {
    padding-left: 30px
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav:after,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav:after {
    content: "";
    width: calc(100% - 70px);
    height: 1px;
    left: 30px;
    bottom: 0;
    position: absolute;
    background: #e5e5e5
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav:last-of-type:after,
.MyModules .bby-workspace-pane .module-pane.install .moduleLeft .module-menu .menuItem .mainNav:last-of-type:after {
    display: none
}

.BsyModulesPane .bby-workspace-pane .module-pane.install .moduleRight .moduleRightCont .search,
.MyModules .bby-workspace-pane .module-pane.install .moduleRight .moduleRightCont .search {
    margin-left: 10%
}

.BsyDashView .dashView-header {
    z-index: 100;
    height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background: #fff;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    justify-content: space-between
}

.BsyDashView .dashView-header,
.BsyDashView .dashView-header .dashView-funBtn {
    display: flex;
    align-items: center
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-rel {
    margin-right: 20px
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect {
    min-width: 50px !important;
    width: 50px
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText {
    border: none
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText span {
    padding: 0;
    width: auto
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-rel .BsySelect .showText .iconSelect {
    padding: 0
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-reset {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-reset i {
    margin-right: 6px;
    font-size: 16px
}

.BsyDashView .dashView-header .dashView-funBtn .dash-filter-reset span {
    font-size: 14px
}

.BsyDashView .dashView-header .dashView-funBtn .form-view {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

.BsyDashView .dashView-header .dashView-funBtn .form-view i {
    margin-right: 6px;
    font-size: 16px
}

.BsyDashView .dashView-header .dashView-funBtn .form-view span {
    font-size: 14px
}

.BsyDashView .dashView-header .dashView-funBtn .view-qrcode {
    background: none;
    width: 40px;
    height: 40px;
    color: var(--bsy-base-color);
    border-radius: 2px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 32px;
    cursor: pointer
}

.BsyDashView .dashView-body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.bsy-dashboard {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #f5f7fa
}

.BsyCorpCoopInvite,
.BsyCorpCoopInvite .invite-result {
    width: 100%;
    height: 100%
}

.BsyCorpCoopInvite .invite-result .result-cont {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-header {
    padding-top: 50px;
    padding-left: 60px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-header .header-pane {
    font-size: 32px;
    color: #333;
    display: flex;
    align-items: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-header .header-pane img {
    height: 42px;
    margin-right: 10px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body {
    flex: 1 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .02);
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-flow: column;
    height: 100%;
    align-items: center;
    justify-content: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 42px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-title i {
    font-size: 32px;
    color: #0265ff;
    margin-right: 12px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-title span {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    line-height: 22px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-button {
    width: 100%;
    height: 36px;
    background: #0265ff;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    cursor: pointer
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-button span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 22px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content.enquire .content-button:hover {
    opacity: .8
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-img {
    margin: 0 auto 20px;
    text-align: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-img img {
    width: 100%
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-img i.icon-bsy-reportmenu-2 {
    font-size: 92px;
    color: #4acc8c
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text {
    margin-bottom: 30px;
    padding: 0 46px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text .tip-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text .tip-msg {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    display: flex;
    justify-content: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text .tip-msg .msg-list .msg-item {
    position: relative;
    padding-left: 10px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text .tip-msg .msg-list .msg-item:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 2px);
    left: 0
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .team-manager {
    width: 345px;
    height: 32px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    margin-bottom: 30px;
    position: relative;
    padding: 0 20px
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .team-manager:hover {
    border-color: #0265ff
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .team-manager i {
    font-size: 16px;
    color: #999;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button {
    border: 1px solid;
    border-radius: 4px;
    padding: 5px 18px;
    cursor: pointer
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button span {
    font-size: 14px;
    font-weight: 500
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn {
    border-color: #0265ff
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn span {
    color: #0265ff
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn:hover {
    background-color: rgba(2, 101, 255, .2)
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn {
    border-color: #0265ff;
    background-color: #0265ff
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn span {
    color: #fff
}

.BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn:hover {
    opacity: .8
}

@media (max-width:768px) {
    .BsyCorpCoopInvite .invite-result .result-cont .cont-header {
        display: flex;
        justify-content: center;
        padding-left: 0
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body {
        justify-content: flex-start;
        padding-top: 150px
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content {
        width: 100% !important
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-text {
        padding: 0 16px
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn {
        border-color: #0265ff
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn span {
        color: #0265ff
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.registered-btn:hover {
        background-color: rgba(2, 101, 255, .2)
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn {
        border-color: #0265ff;
        background-color: #0265ff
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn span {
        color: #fff
    }

    .BsyCorpCoopInvite .invite-result .result-cont .cont-body .body-content .content-tip-button .tip-button.register-btn:hover {
        opacity: .8
    }
}

.BsyFormView {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.BsyFormView .view-qrcode {
    float: right;
    margin-top: 5px;
    width: 40px;
    height: 40px;
    color: #0265ff;
    border-radius: 2px;
    background: #eee;
    text-align: center;
    line-height: 40px;
    font-size: 32px;
    cursor: pointer;
    z-index: 111
}

.BsyFormView .dashView-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 20px 0 70px
}

.BsyFormView .dashView-body .bsy-form-pane {
    margin: auto;
    overflow: hidden;
    height: auto;
    box-shadow: 0 2px 9px 0 hsla(0, 0%, 65.5%, .3);
    background: transparent
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form {
    margin: 0 auto;
    background: transparent;
    border-radius: 10px 10px 0 0;
    width: 780px
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .bsy-header {
    position: relative
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .form-head {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #f2f2f2
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .form-head .head-banner {
    min-height: 20px
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .form-head .head-banner img {
    display: block
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .form-head .head-title {
    font-weight: 700;
    position: relative;
    padding: 0 20px;
    word-break: break-all;
    overflow-wrap: break-word;
    min-height: 50px;
    line-height: 50px;
    background: #4f82ff;
    text-align: left;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #f2f2f2;
    display: block;
    font-style: normal
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .bsy-widget-wrapper {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .bsy-footer {
    position: relative
}

.BsyFormView .dashView-body .bsy-form-pane .bsy-form .bsy-footer .BsyIconBtn span {
    color: #fff
}

.footer-logo {
    margin: auto;
    width: 80%;
    display: flex;
    height: 60px;
    align-items: center
}

.footer-logo p {
    width: 100%;
    line-height: 20px;
    color: #989898;
    height: 20px;
    font-size: 12px
}

.footer-logo a {
    color: #989898
}

.footer-logo a.right {
    color: #333;
    position: relative;
    float: right;
    width: auto;
    font-weight: 400;
    right: 0
}

/*# sourceMappingURL=main.chunk.css.map */