*,
:after,
:before {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

body,
html {
    width: 100%;
    direction: ltr
}

body,
html {
    margin: 0;
    box-sizing: border-box
}

input[type=email],
input[type=password],
input[type=search],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio:not([controls]) {
    display: none;
    height: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

dfn {
    font-style: italic;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
}

optgroup {
    font-weight: 700;
}

button,
input,
select {
    overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText;
}

textarea {
    overflow: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.flex {
    display: flex;
}

/* 这里是个人中心侧边栏的样式 */
.right-main-window {
    margin-top: 64px;
    margin-left: 196px;
}

.right-main-collapsing {
    margin-left: 0;
    width: 100% !important;
    transition: all .3s ease;
}

.app-store-viewmore-wrapper .sort-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

.app-store-viewmore-wrapper .sort-wrapper .sort-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #DFE1E6;
}

.app-store-viewmore-wrapper .sort-wrapper .sort-panel .sort-items {
    position: relative;
    padding-left: 14px;
    line-height: 40px;
    width: 160px;
    height: 40px;
    font-size: .875rem;
    color: #252B3A;
    background-color: #f5f6fa;
    box-sizing: border-box;
    cursor: pointer;
}

.app-store-viewmore-wrapper .sort-wrapper .sort-panel .sort-items:before {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.app-store-viewmore-wrapper .sort-wrapper .sort-panel .sort-items:not(:last-child) {
    border-right: 1px solid #e6e6e6;
}

.app-store-viewmore-wrapper .sort-wrapper .sort-panel .sort-items.active,
.app-store-viewmore-wrapper .sort-wrapper .sort-panel .sort-items:hover {
    color: #252B3A;
    background-color: #fff;
}

.asset-list-wrap .asset-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.asset-list-wrap .asset-tabs .asset-tabs-con {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
}

.asset-list-wrap .asset-tabs .asset-tabs-con .asset-tab {
    background: #f5f6fa;
    padding: 10px 12px 10px 24px;
    font-size: 14px;
    color: #575D6C;
    border: 1px solid #dfe1e6;
    border-left: none;
    border-bottom: none;
    cursor: pointer;
}

.asset-list-wrap .asset-tabs .asset-tabs-con .asset-tab:first-child {
    border-left: 1px solid #dfe1e6;
}

.asset-list-wrap .asset-tabs .asset-tabs-con .asset-tab.active {
    background: #fff;
    color: var(--roma-color-bg-primary-hover);
    position: relative;
}

.asset-list-wrap .asset-tabs .asset-tabs-con .asset-tab.active:before {
    content: " ";
    display: inline-block;
    width: 100%;
    bottom: -1px;
    border-bottom: 1px solid #fff;
    left: 0;
    position: absolute;
}

.asset-list-wrap .asset-tabs .asset-tabs-con .asset-tab.active:after {
    content: " ";
    display: inline-block;
    width: 100%;
    top: -1px;
    border-top: 3px solid var(--roma-color-bg-primary-hover);
    left: 0;
    position: absolute;
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
    cursor: not-allowed !important
}

.hw_cascader_popper.el-cascader__dropdown,
.nodata_cascader_popper.el-cascader__dropdown {
    border-radius: 2px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.20);
    border: 0;
}

.nodata_cascader_popper.el-cascader__dropdown {
    margin: 4px 0 !important;
}
.nodata_cascader_popper .el-cascader-panel .el-cascader-menu {
    width: 400px;
}

.nodata_cascader_popper .el-cascader-menu__empty-text {
    font-size: 12px;
    color: #adb0b8;
    position: relative;
    transform: none;
    left: 0;
    top: 6;
    text-align: left;
    padding-left: 10px;
}
.hw_cascader_popper .el-checkbox:last-of-type {
    margin-right: 8px !important;
    margin-top: 2px !important;
}

.hw_cascader_popper .popper__arrow,
.nodata_cascader_popper .popper__arrow,
.hw_cascader_popper .el-cascader-node__prefix {
    display: none !important;
}
.nodata_cascader_popper .el-cascader-panel,
.nodata_cascader_popper .el-cascader-panel .el-cascader-menu,
.nodata_cascader_popper .el-cascader-panel .el-cascader-menu .el-cascader-menu__wrap {
    height: 38px;
}
.hw_cascader_popper .el-cascader-panel .el-cascader-menu {
    min-width: 400px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.hw_cascader_popper .el-cascader-panel .el-cascader-menu.el-cascader-menu {
    border-left: 1px solid #dfe1e6;
}
.hw_cascader_popper .el-cascader-panel .el-cascader-menu .el-cascader-menu__wrap,
.hw_cascader_popper .el-cascader__suggestion-panel .el-scrollbar__wrap {
    height: 248px !important;
}
.hw_cascader_popper .is-empty {
    background-color: #ffffff;
}
.hw_cascader_popper .is-empty .el-cascader-menu__empty-text {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #adb0b8;
    padding-left: 10px;
    height: 38px;
    line-height: 38px;
}
.hw_cascader_popper .el-cascader__suggestion-panel .el-cascader__empty-text {
    background-color: #fff !important;
}
.hw_cascader_popper .el-cascader__suggestion-panel .el-cascader__empty-text {
    margin: 0;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #adb0b8;
}
.hw_cascader_popper .el-cascader-menu__list,
.hw_cascader_popper .el-cascader__suggestion-list {
    padding: 0px;
}

.hw_cascader_popper.isMultiple .el-cascader-menu__list .is-active,
.hw_cascader_popper .el-cascader-menu__list .is-active,
.hw_cascader_popper .el-cascader__suggestion-list .is-checked {
    background-color: var(--roma-color-bg-input-active) !important;
}
.hw_cascader_popper.isMultiple .el-cascader-menu__list .is-active span,
.hw_cascader_popper .el-cascader-menu__list .is-active span,
.hw_cascader_popper .el-cascader__suggestion-list .is-checked span {
    color: var(--roma-color-input-text-active) !important;
}

.hw_cascader_popper .el-cascader-menu__list li,
.hw_cascader_popper .el-cascader__suggestion-list li {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    height: 30px;
    letter-spacing: 0px;
    padding: 7px 0;
    padding-left: 10px;
    color: #252b3a;
}
.hw_cascader_popper .el-cascader-menu__list .in-active-path,
.hw_cascader_popper .el-cascader-menu__list li:hover,
.hw_cascader_popper .el-cascader__suggestion-list li:hover{
    background-color: #f2f5fc;
}
.hw_cascader_popper .el-cascader-menu__list .in-active-path span,
.hw_cascader_popper .el-cascader-menu__list li:hover span,
.hw_cascader_popper .el-cascader__suggestion-list li:hover span {
    color: var(--roma-color-link-hover);
}
.hw_cascader_popper .el-cascader-menu__list li span,
.hw_cascader_popper .el-cascader__suggestion-list li span {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #252b3a;
}
.hw_cascader_popper .is-disabled .el-cascader-node__label {
    color: #adb0b8 !important;
}
.hw_cascader_popper .el-icon-arrow-right:before {
    content: '';
    background-image: url('./img/arrowRight.png');
    width: 5px;
    height: 8px;
    display: block;
}
.hw_select_input .el-select .el-popper .popper__arrow {
    display: none;
}
.hw_select_input {
    position: relative;
}
.hw_select_input .el-select{
    width: 100%;
}
.hw_select_input .el-select .el-select__caret{
    line-height: 28px;
}
.hw_select_input .el-select .el-input.is-disabled .el-input__inner {
    height: 28px;
    background-color: #f5f5f6;
    border-radius: 2px;
    border-color: #adb0b8;
    color: #adb0b8;
    border: solid 1px #dfe1e6;
}
.hw_select_input .el-cascader .el-input .el-icon-arrow-down {
    width: 25px;
    height: 28px;
    transform: rotateZ(180deg);
}
.hw_select_input .el-select .el-input__inner:focus {
    border: solid 1px var(--roma-color-border-linear);
}
.hw_select_input .el-cascader .el-input .el-icon-arrow-down.is-reverse {
    transform: rotateZ(0deg);
}
.hw_select_input .el-select .el-input.is-focus .el-input__inner {
    border: 1px solid var(--roma-color-singleline-input-border-focus);
}
.hw_select_input .el-select .el-select-dropdown {
    position: absolute !important; 
    top: 28px !important;
    left: 0 !important;
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.20);
}
.hw_select_input .el-select .el-select-dropdown .el-select-dropdown__list {
    padding: 0px;
}
.hw_select_input .el-select .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #252b3a;
}
.hw_select_input .el-select-dropdown__list .el-select-dropdown__item.hover {
    background: var(--roma-color-bg-link-hover) !important;
    color: var(--roma-color-xiaText-link-hover) !important;
}
.hw_select_input .el-select-dropdown__list .el-select-dropdown__item.selected {
    background: var(--roma-color-bg-input-active) !important;
    color: var(--roma-color-input-text-active) !important;
}
.hw_select_input .el-select-dropdown__list .el-select-dropdown__item.selected:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.hw_select_input .el-select-dropdown__list .el-select-dropdown__item.selected:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.hw_select_input .el-select .el-select-dropdown__empty {
    height: 38px;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #adb0b8;
    line-height: 18px;
    padding-left: 10px;
}
.hw_select_input .el-input--suffix .el-input__inner {
    padding-left: 10px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px var(--roma-color-singleline-input-border-default);
    font-size: 12px;
    color: #252b3a;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.hw_select_input .el-input--suffix .el-input__inner::placeholder {
    height: 16px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--roma-color-border-linear);
}
.hw_select_input .el-input--suffix .el-input__inner:hover {
    border-radius: 2px;
    border: solid 1px #575d6c;
}
.hw_select_input .el-input--suffix .el-icon-arrow-up::before {
    background: url('./img/arrowIcon.png');
    content: "";
    width: 8px;
    height: 5px;
    display: inline-block;
    bottom: 11px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: none;
}
.hw_select_input .is-disabled.el-input--suffix .el-icon-arrow-up::before {
    background: url('./img/arrowIconDis.png');
    content: "";
    width: 8px;
    height: 5px;
    display: inline-block;
    bottom: 11px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: none;
}
.hw_select_input .el-icon-arrow-down::before {
    background: url('./img/arrowIcon.png');
    content: "";
    width: 8px;
    height: 5px;
    display: inline-block;
    bottom: 11px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: none;
}
.hw_select_input.roma_selects .el-input__icon:after{
    content: ""; 
}
.hw_select_input .el-input .el-input__inner:focus,
.hw_select_input .el-input.is-focus .el-input__inner {
    border-color: var(--roma-color-singleline-input-border-focus) !important;
}
.hw_select_input .el-cascader {
    line-height: 28px;
    width: 100%;
}
.hw_select_input .el-cascader .el-input--suffix .el-input__inner:hover {
    border-radius: 2px;
    border: solid 1px #575d6c;
}
.hw_select_input .el-tag.el-tag--info {
    background-color: #eef0f5;
    color: #575d6c;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    margin: 2px 0 0px 2px;
    height: 20px;
}
.hw_select_input .el-icon-close {
    margin-top: 2px;
}
.hw_select_input .el-icon-close:hover {
    background: var(--roma-color-bg-primary-hover) !important;
}

.lk_select_popper.el-popper {
    margin-top: 0 !important;
    border: solid 1px var(--roma-color-bg-primary) !important;
    border-top: none !important;
    border-radius: 0 !important;
    position: relative;
}

.lk_select_popper.el-popper .is-disabled {
    background-color: #f5f5f6 !important;
    border: solid 1px #dfe1e6 !important;
    padding-left: 9px !important;
    color: var(--roma-color-border-linear) !important;
}

.lk_select_popper.el-popper .el-scrollbar {
    display: block;
}

.lk_select_popper.el-popper .select_img {
    position: absolute;
    right: 12px;
    width: 15px;
    cursor: pointer;
    height: 15px;
    top: 8px;
    background: transparent;
}

.lk_select_popper.el-popper .lk_input {
    height: 30px;
    outline: none;
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #252b3a;
    border: none;
    background-color: #eef0f5;
}

.lk_select_popper.el-popper .lk_input::placeholder {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--roma-color-border-linear);
}

.lk_select_popper.el-popper .popper__arrow {
    display: none;
}

.lk_select_popper.el-popper .el-select-dropdown__list {
    background-color: #ffffff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.lk_select_popper.el-popper .el-select-dropdown__list .hover {
    background-color: #fff;
}

.lk_select_popper.el-popper .el-select-dropdown__list .selected {
    background-color: #f2f5fc;
    color: var(--roma-color-bg-primary);
}

.lk_select_popper.el-popper .el-select-dropdown__list li {
    height: 30px;
    padding: 7px 0 7px 10px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #252b3a;
}

.lk_select_popper.el-popper .el-select-dropdown__list li:hover {
    background-color: #f2f5fc;
    color: var(--roma-color-bg-primary);
}

.lk_select_popper.el-popper .el-select-dropdown__empty {
    height: 30px;
    background-color: #f5f5f6;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    padding: 0;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
    border-top: none;
    letter-spacing: 0px;
    color: var(--roma-color-border-linear);
}

.user-framework {
    width: 1240px;
    padding-top: 40px;
    padding-bottom: 95px;
    min-height: calc(100vh - 105px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.user-framework .user-framework-right {
    margin-left: 40px;
    -ms-flex: 1;
    flex: 1
}

.condition-filter-wrap {
    position: relative;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

.condition-filter-wrap .condition-filter-item-wrap {
    position: relative
}

.condition-filter-wrap .condition-filter-item-wrap:not(:first-child) {
    border-top: 1px solid #e6e6e6;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-filter-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px
}

.condition-filter-wrap .condition-filter-item-wrap .condition-filter-item .condition-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 965px;
    height: 50px;
    overflow: hidden;
    padding: 0 5px 0 0
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item {
    line-height: 50px;
    padding: 0 20px;
    font-size: .875rem;
    color: #666;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item:hover {
    color: var(--roma-color-border-linear-hover)
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item input[type=checkbox] {
    display: none
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item input[type=checkbox]+.checklabel {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    margin-top: -2px;
    margin-right: 4px;
    cursor: pointer;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item input[type=checkbox]:checked+.checklabel {
    background-color: var(--roma-color-border-linear-hover);
    border-color: var(--roma-color-border-linear-hover);
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item input[type=checkbox]:checked+.checklabel:before {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 8px;
    left: 2px;
    top: 3px;
    background: url('./img/check.png') 50% no-repeat
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item label {
    position: relative;
    cursor: pointer;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item.selected-item {
    position: relative;
    color: var(--roma-color-border-linear-hover);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2)
}

.condition-filter-wrap .condition-filter-item-wrap .condition-item-panel .condition-item.selected-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #fff;
    left: 0;
    bottom: -2px;
    z-index: 500
}

.condition-filter-wrap .condition-filter-item-wrap .condition-operate {
    padding: 10px 20px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.condition-filter-wrap .condition-filter-item-wrap .condition-operate button {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-size: .875rem;
    color: #333;
    cursor: pointer;
    outline: 0
}

.condition-filter-wrap .condition-filter-item-wrap .condition-operate button i {
    display: inline-block
}

.condition-filter-wrap .condition-filter-item-wrap .condition-subitem-wrapper {
    display: -ms-flexbox;
    display: flex;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-subitem-wrapper .condition-item-panel {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-subitem-wrapper .condition-operate {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    text-align: right;
}

.condition-filter-wrap .condition-filter-item-wrap .condition-filter-subitem {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 300;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}

.condition-filter-wrap .condition-filter-item-wrap .condition-filter-subitem:before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background-color: transparent;
    margin-top: -15px
}

.condition-filter-wrap .condition-filter-item-wrap .condition-filter-subitem .condition-item-panel {
    width: auto;
    max-width: 1680px
}

.condition-filter-wrap .condition-filter-item-wrap .more-item-panel {
    height: auto;
    overflow: unset;
    margin-bottom: 15px
}

.condition-filter-wrap .condition-filter-item-wrap .more-item-panel .condition-item {
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 5px
}

.condition-filter-wrap .condition-filter-item-wrap .more-item-panel+.condition-operate .more-btn i {
    transform: rotate(180deg)
}

.condition-filter-wrap .result-panel {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    font-size: .875rem;
}

.condition-filter-wrap .result-panel span {
    margin-right: 8px;
    color: var(--roma-color-border-linear-hover)
}

.el-checkbox__inner::after {
    border: 2px solid #FFF !important;
    border-left: 0 !important;
    border-top: 0 !important;
    left: 5px !important;
}

.el-checkbox__label {
    color: #252b3a !important;
}

.el-checkbox__input .el-checkbox__inner,
.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__inner {
    border: 1px solid var(--roma-color-checkbox-linear) !important;
    width: 16px;
    height: 16px;
}

.el-checkbox__input .el-checkbox__inner:hover,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__inner:hover {
    border: 1px solid var(--roma-color-radio-active) !important;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border: 1px solid var(--roma-color-radio-active) !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px !important;
    left: 4px !important;
    transform: none !important;
    height: 6px !important;
    width: 6px !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--roma-color-radio-active) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner:active,
.el-checkbox__input.is-indeterminate .el-checkbox__inner:active {
    background-color: var(--roma-color-radio-active-hover)!important;
    border: 1px solid var(--roma-color-radio-active-hover) !important;
}

.publish-main ::-webkit-scrollbar {
    width: 8px;
}

.tranfer-content ::-webkit-scrollbar {
    width: 8px !important;
}

.document-area ::-webkit-scrollbar {
    width: 8px !important;
}
::-webkit-scrollbar-thumb {
    width: 8px;
    background: #DFE1E6 !important;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover{
    background: #ADB0B8 !important;
}
.el-scrollbar__thumb{
    background: #DFE1E6 !important;
    border-radius: 4px;
} 
.el-scrollbar__thumb:hover{
    background: #ADB0B8 !important;
}
.el-scrollbar__bar.is-vertical {
    right: 0px;
}
.hw_input.el-input .el-input__inner{
    padding: 0 10px;
    border: 1px solid #ADB0B8;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #252b3a;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
}
.hw_input.el-textarea .el-textarea__inner{
    border: 1px solid #ADB0B8;
    padding: 6px 10px;
    border-radius: 2px;
    height: 80px;
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #252b3a;
    line-height: 16px;
}
.hw_input.el-input.is-disabled .el-input__inner,
.hw_input.el-textarea.is-disabled .el-textarea__inner {
    background: #f5f5f6;
    border: 1px solid #dfe1e6 !important;
    color: #adb0b8;
}
.hw_input.el-input .el-input__inner:hover, .hw_input.el-textarea .el-textarea__inner:hover {
    border: 1px solid #575D6C;
}
.hw_input.el-input .el-input__inner:focus, .hw_input.el-textarea .el-textarea__inner:focus {
    border: 1px solid var(--roma-color-singleline-input-border-focus);
}
.hw_input.el-input .el-input__inner::placeholder, .hw_input.el-textarea .el-textarea__inner::placeholder{
    font-size: 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #adb0b8;
}

/* element的loading样式 */
.el-loading-spinner .path {
    stroke: #526ecc !important;
    stroke-width: 6 !important;
}
/* 文字提示 */

.icon-tooltip{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
}
/* 消息框-提示 */
.roma-tip-messagebox {
    width: 400px;
    height: 174px;
    padding: 0 32px;
}
.roma-tip-messagebox .el-message-box__header {
    padding: 32px 0 0;
}
.roma-tip-messagebox .el-message-box__header .el-message-box__title {
    position: relative;
    padding-left: 32px;
}
.roma-tip-messagebox .el-message-box__header .el-message-box__title > span {
    font-weight: 400;
    color: #252b3a;
}
.roma-tip-messagebox .el-message-box__header .el-message-box__title::before {
    content: url('img/icon-tip.png');
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.roma-tip-messagebox .el-message-box__content {
    padding: 12px 0 29px;
}
.roma-tip-messagebox .el-message-box__content .el-message-box__container .el-message-box__status {
    display: none;
}
.roma-tip-messagebox .el-message-box__content .el-message-box__message {
    padding: 0;
}
.roma-tip-messagebox .el-message-box__content .el-message-box__message p {
    font-size: 12px;
    line-height: 18px;
}
.roma-tip-messagebox .el-message-box__btns {
    padding: 0;
    text-align: center;
}
.roma-tip-messagebox .el-message-box__btns .el-button--primary:hover {
    box-shadow: none;
}
.huawei-line-btn {
    margin-left: 12px !important;
  }
  .huawei-red-btn {
    margin-right: unset !important;
  }
  .op-btn-left {
    margin-right: unset !important;
  }
  .op-btn-right {
    margin-left: 12px !important;
  }
  .el-dialog__headerbtn .el-dialog__close {
    color: #57627f;
  }
  .el-dialog .el-dialog__header .el-dialog__headerbtn .el-icon-close:hover:before,
  .el-message-box .el-message-box__header .el-message-box__headerbtn .el-icon-close:hover:before{
      color: var(--roma-color-primary)!important;
  }
  .el-date-range-picker__header .el-icon-arrow-right {
    transform: rotate(180deg);
  }
  .el-date-range-picker__header .el-icon-d-arrow-right {
    transform: rotate(180deg);
    margin-left: 4px;
  }
  .el-date-picker__header .el-icon-arrow-right {
    transform: rotate(180deg);
  }
  .el-date-picker__header .el-icon-d-arrow-right {
    transform: rotate(180deg);
    margin-left: 4px;
  }
  .roma-main-wrapper .roma-operate-btn span {
    font-weight: 400;
  text-align: left;
  color: var(--roma-color-link);
  line-height: 18px;
  font-size: 12px;
  margin-right: 0px;
  cursor: pointer;
}
.roma-main-wrapper .roma-operate-btn span:hover{
  color: var(--roma-color-link-hover);
  text-decoration: none;
}
.roma-main-wrapper .roma-operate-btn span:not(:last-child)::after {
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 8px;
  width: 1px;
  background-color: #dfe1e6;
  position: relative;
  top: 2px;
}
/*下拉框*/
.roma-select-input .el-input__inner {
    height: 28px !important;
    line-height: 28px !important;
    color: #252b3a;
    padding: 0 10px;
    border: 1px solid #adb0b8 !important;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
}
.roma-select-input .el-input__inner:hover {
    border: 1px solid var(--roma-color-singleline-input-border-hover)!important;
}
.roma-select-input .el-input__inner:focus {
    border: 1px solid var(--roma-color-singleline-input-border-focus)!important;
}
.roma-select.el-popper[x-placement^='bottom'] {
    border: none !important;
}
.roma-select.el-select-dropdown {
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 20%);
    border-radius: 2px;
    border: none;
    margin-top: 4px !important;
}
.roma-select .el-select-dropdown__item {
    color: #292e32;
    font-size: 12px !important;
    padding: 0 10px;
    height: 30px !important;
    line-height: 30px !important;
}
.roma-select .el-select-dropdown__item.selected {
    font-weight: 400;
    background-color: var(--roma-color-bg-input-active) !important;
    border-radius: 0px;
    color: var(--roma-color-input-text-active) !important;
}
.roma-select.el-popper .popper__arrow {
    display: none;
}
/*日期选择框*/
.roma-select-input.el-date-editor--daterange {
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 2px !important;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #adb0b8 !important;
}
.roma-select-input.el-date-editor--daterange:hover {
    border: 1px solid #575d6c !important;
}
.roma-select-input.el-date-editor .el-range__icon {
    width: 0 !important;
}
.roma-select-input.el-date-editor--daterange .el-input__icon {
    line-height: 28px;
}
.roma-select-input.el-date-editor .el-range__close-icon {
    display: none;
}
.roma-select-input.el-date-editor .el-range-input {
    font-weight: 400;
    color: #252b3a !important;
    line-height: 18px !important;
    font-size: 12px !important;
}
.roma-select-input.el-range-editor .el-range-input {
    width: 29% !important;
}
.roma-select-input.checked_date.el-range-editor .el-range-input {
    width: 39% !important;
}
.roma-select-input.el-date-editor--daterange .el-icon-date::before, 
.roma-select-input.el-date-editor--daterange .el-range-separator {
    position: relative;
    top: -6px;
}
.roma-select-input.el-date-editor--daterange .el-icon-date:before {
    content: "\e78e";
    position: absolute !important;
    right: 11px;
    top: 0px !important;
    color: #575d6c;
    cursor: pointer;
}
.roma-date .el-date-table td.available:hover {
    color: var(--roma-color-time-available) !important;
}
.roma-date .el-date-table td.in-range div, 
.roma-date .el-date-table td.in-range div:hover, 
.roma-date .el-date-table.is-week-mode .el-date-table__row.current div, 
.roma-date .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f2f5fc !important;
}
.roma-date .el-date-table td.today.end-date span, 
.roma-date .el-date-table td.today.start-date span {
    color: #fff!important;
}
.roma-date .el-date-table td {
    padding: 5px 0 !important;
}
.roma-date .el-date-table td.today span {
    color: var(--roma-color-time-td) !important;   
}
.roma-date .el-date-table td.end-date span, 
.roma-date .el-date-table td.start-date span {
    width: 36px;
    height: 24px;
    background-color: var(--roma-color-time-active)!important;
    border-radius: 0%;
    font-size: 12px;
    font-weight: 400;
}
#chatApp {
    display: none;
    touch-action: none;
}
#chatApp.move-mask {
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2000;
    position: absolute;
    top: 0;
}
.show-chat #chatApp {
    display: block;
}
#chatApp #chatbox {
    z-index: 2000 !important;
}
#chatApp .minIcon {
    z-index: 2000 !important;
    user-select: none;
}
#chatApp .minIcon img {
    -webkit-user-drag: none;
}
.hidden-iframe-chat #chatApp,.page-loading-spinner {
    display: none !important;
}
ul {
    list-style-type: none;
}