@charset "UTF-8";

:root {
    /* 蓝色 a链接跳转色 */
    --s-blue: #0283f7;
    /* 绿色 一般使用于 hover 效果, 按钮边框颜色*/
    --s-green: #008738;
    /* 灰色边框 */
    --s-border: #E1E2EB;
    /* 表格的表头颜色 */
    --s-gridThBgc: #f0f3fa;
    /* 表格行选中颜色 */
    --s-gridSelectBgc: #d6e9ff;
    /* 表格行移入颜色 */
    --s-gridHoverBgc: #eef6ff;
    /* 表单按钮颜色 */
    --s-search-button-color: #3f7f7f;
    --s-search-button-hover-color: var(--s-green);
    /* a链接 hover */
    --s-link-green-color: var(--s-green);
    /* content区域 a链接 */
    --s-link-blue-color: var(--s-blue);
    /* 底部按钮颜色 */
    --s-footer-button-color: var(--s-green);
    --s-footer-button-hover-color: var(--s-green);
    /* 单选框选中颜色 */
    --s-checked-color: #409eff;
    --s-checked-disabled-color: #f7f7f7;
    --s-checked-disabled-border-color: #d8d8d8;
    --s-readonly-color: #f7f7f7;
    /* 兼容 aui 后续aui更新去掉 */
    --gridThBgc: #f0f3fa;
    /* 兼容 aui 后续aui更新去掉 */
    --gridSelectBgc: #d6e9ff;
    /* 兼容 aui 后续aui更新去掉 */
    --gridHoverBgc: #eef6ff;
}

footer footer[role="footer"] [role='cruxButton'] a {
    padding: 0 .5rem;
    background-color: var(--s-footer-button-color);
    color: #fff;
    border-radius: .25rem;
    min-width: 4em;
    width: auto;
    height: 1.875rem;
}

/* 时间域输入框手机端样式 start */

form.vuiForm {
    background-color: #ffffff;
    margin-bottom: 0.5em;
    line-height: 1.25;
}

/* vuiForm对应的FormTabsHead组件样式 */

form.vuiForm nav.tabs {
    line-height: 2.25rem;
    display: flex;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

form.vuiForm nav.tabs>span {
    min-width: 20%;
    flex-shrink: 0;
    text-align: center;
    font-size: 1rem;
    position: relative;
    padding: 0 .5em;
}

form.vuiForm nav.tabs>span:hover {
    color: #0473EA;
}

form.vuiForm nav.tabs>span.checked {
    color: #0473EA;
    background-color: #DCE8FF;
}

form.vuiForm div.tabsHead>div.searchFormButtonDiv,
form.vuiForm div.tabsHead+.searchFormButtonDiv,
form.vuiForm div.tabsHead+ul+.searchFormButtonDiv {
    padding: .25rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

form.vuiForm div.tabsHead>div>button,
form.vuiForm div.tabsHead+.searchFormButtonDiv>button,
form.vuiForm div.tabsHead+ul+.searchFormButtonDiv>button {
    font-size: .875rem;
    height: auto;
    background-color: var(--s-search-button-color);
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    line-height: 1.75rem;
    margin: 0 .625rem 0 0;
    border-radius: .25rem;
}

form.vuiForm div.tabsHead>div [role="configTemplate"],
form.vuiForm div.tabsHead+.searchFormButtonDiv [role="configTemplate"],
form.vuiForm div.tabsHead+ul+.searchFormButtonDiv [role="configTemplate"] {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
}

/* vuiForm对应的FormTabsHead组件样式 end */

form.vuiForm .searchTextButton {
    padding: 0.75rem 0.625rem 0;
    display: flex;
    align-items: center;
    flex-direction: row;
}

form.vuiForm [role="configTemplate"] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.0625rem solid #cccccc;
    border-radius: .25rem;
    cursor: pointer;
}

form.vuiForm [role="configTemplate"]:hover {
    border-color: var(--s-search-button-hover-color);
}

form.vuiForm [role="configTemplate"]>img {
    width: 1rem;
}

form.vuiForm [role="configTemplate"]>img.hover,
form.vuiForm [role="configTemplate"]:hover img.default {
    display: none;
}

form.vuiForm [role="configTemplate"]:hover img.hover {
    display: block;
}

form.vuiForm .searchTextButton>li {
    padding-bottom: 0;
}

form.vuiForm .searchTextButton>li.searchMaxRecord {
    width: 3.125rem;
}

form.vuiForm .searchTextButton>li.searchMaxRecord input {
    width: 0;
    text-align: center;
    padding-left: .3125rem;
    padding-right: 0;
}

form.vuiForm .searchTextButton>li:not(.searchMaxRecord) {
    flex: 1;
}

form.vuiForm .searchTextButton>li>div {
    flex: 1;
    display: flex;
    border: 0.0625rem solid #cccccc;
    margin-left: .25rem;
    padding: 0;
    border-radius: .25rem;
}

form.vuiForm .searchTextButton>li>label:first-child {
    display: none;
}

form.vuiForm .searchTextButton>.searchFormButtonDiv {
    margin-left: .25rem;
}

form.vuiForm .searchTextButton>.searchFormButtonDiv button {
    min-width: 4em;
    border-radius: 0.25rem;
    color: #fff;
    background: linear-gradient(to right, #65B0FF, #1783F8);
    padding: 0 0.625rem;
    height: 2.25rem;
}

form.vuiForm .searchTextButton>.searchFormButtonDiv button:last-of-type {
    margin-right: 0;
}

form.vuiForm .sheet {
    padding-top: 1rem;
}

form.vuiForm .sheet>div {
    font-weight: bold;
    font-size: 1rem;
    padding-left: 1rem;
    color: #333;
    position: relative;
}

form.vuiForm .sheet>div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    /* bottom: 0; */
    width: .125rem;
    background-color: #0473ea;
    height: 1rem;
    transform: translateY(-50%);
}

form.vuiForm ul {
    padding: 0.25rem 0.625rem 0.5rem;
}

form.vuiForm li {
    display: flex;
    align-items: flex-start;
    padding-bottom: .25rem;
}

form.vuiForm li>label:first-child {
    height: 2.25rem;
    display: flex;
    align-items: center;
    line-height: 1.25;
    width: 6em;
    margin-right: .375rem;
}

form.vuiForm li>div:not([role="switch"]) {
    border: 0.0625rem solid #cccccc;
    border-radius: 0.25rem;
    display: flex;
    flex: 1;
    position: relative;
}

/* 必填栏位 */
form.vuiForm li font[role="require"] {
    color: red;
}

form.vuiForm li>div>input:not([type]),
form.vuiForm li>div>input[type=''],
form.vuiForm li>div>input[type='text'],
form.vuiForm li>div>input[type='number'],
form.vuiForm li>div>input[type='password'],
form.vuiForm li>div>select,
form.vuiForm li>div>input[type='file'] {
    height: 2.125rem;
    line-height: 2.125rem;
    flex: 1;
    border: 0;
    padding: 0 .5rem;
    outline: none;
    font-size: .875rem;
}

form.vuiForm li>div[data-dialog="true"]>input,
form.vuiForm li>div[data-dialog="true"]>input+span[role="suffix-icon"] {
    background-color: unset;
}

form.vuiForm li>div>textarea {
    flex: 1;
    height: 3.5rem;
    border: 0;
    padding: 0 .5rem;
    outline: none;
    font-size: .875rem;
    resize: vertical;
}

form.vuiForm li span[role='suffix-icon'] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: .375rem;
}

form.vuiForm li textarea+span[role='suffix-icon'],
form.vuiForm li select+span[role='suffix-icon'] {
    padding-right: 0;
}

form.vuiForm li span[role='suffix-icon']>a {
    display: flex;
    align-items: center;
}

form.vuiForm li span[role='suffix-icon']>a>img {
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
}

/* vuiForm表单的分组fieldset样式 */
form.vuiForm ul .fieldset {
    width: 100%;
    margin: 0;
    padding: 0;
}

form.vuiForm ul .fieldset legend {
    line-height: 1.75em;
}

form.vuiForm ul .fieldset li>label:first-child {
    height: unset;
}

div[role='switch'] {
    margin-right: .5rem;
    line-height: 1.2;
    flex-shrink: 0;
    font-size: .875rem;
    border: 0;
}

div[role='switch']>input[type=checkbox] {
    position: relative;
    appearance: none;
    width: 2.5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    background-color: #999999;
    outline: none;
    cursor: pointer;
    border-radius: 1.5rem;
    transition: all 0.2s linear;
    border: 0;
    vertical-align: top;
}

div[role='switch']>input[type=checkbox]::before {
    content: "";
    position: absolute;
    top: .125rem;
    left: .125rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 .125rem #ddd;
    transition: all 0.2s linear;
}

/* 对不支持的浏览器使用默认多选框样式 */
@supports not (appearance: none) {
    div[role='switch']>input[type=checkbox]::before {
        display: none;
    }
}

div[role='switch']>input[type=checkbox]:checked {
    background: var(--p-buttonBgc);
    transition: all 0.2s linear;
}

div[role='switch']>input[type=checkbox]:checked::before {
    left: 1.375rem;
    transition: all 0.2s linear;
}

div[role='switch']>input[type=checkbox][disabled] {
    cursor: not-allowed;
}

div[role='switch']+label {
    line-height: 1.25rem;
}

form.vuiForm li>div.dateArea>input[type="text"]:first-of-type {
    padding-right: .125rem;
    width: 5.5rem;
    flex: unset;
}

form.vuiForm li>div.dateArea>input[type="text"][readonly]:last-of-type {
    padding-left: .125rem;
}

form.vuiForm li>div.dateArea>input[type='text']:last-of-type {
    width: 0;
    flex: 1;
    padding-left: 0;
    text-align: left;
}

form.vuiForm li>div.dateArea>span:first-of-type {
    text-align: center;
    line-height: 2.125rem;
    height: 2.125rem;
    width: unset;
}

form.vuiForm li>div.dateArea>input[readonly]+span:first-of-type,
form.vuiForm li>div.dateArea>input[readonly]+span:not([role='suffix-icon']) {
    text-align: center;
    line-height: 1.75rem;
    height: 1.75rem;
    padding: 0;
    width: unset;
    background-color: #f7f7f7;
}

form.vuiForm div.searchHead {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

form.vuiForm div.searchHead>span {
    display: none;
}

form.vuiForm div.searchHead:not(.searchTextButton)>div.searchFormButtonDiv {
    display: flex;
    align-items: center;
    padding: .375rem;
    justify-content: center;
}

form.vuiForm div.searchHead>div [role="configTemplate"] {
    width: 1.75rem;
    height: 1.75rem;
}

form.vuiForm div.searchHead>div>button {
    font-size: .875rem;
    height: auto;
    background-color: var(--s-search-button-color);
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    line-height: 1.75rem;
    margin: 0 .625rem 0 0;
    border-radius: .25rem;
}

form.vuiForm div.searchHead>div>button:hover {
    background-color: var(--s-search-button-hover-color);
}

[readonly], select[disabled] {
    background-color: var(--s-readonly-color);
}

li [readonly]+span[role='suffix-icon'] {
    background-color: var(--s-readonly-color);
}

/* 手机端UISsrChunk列表组件 start */
div[role='chunkBox'] {
    background: #f7f7fa;
    overflow: auto;
}

ul[role='chunkBoxItem'] {
    margin: .625rem 0 0;
    background-color: #fff;
    padding: .75rem;
    position: relative;
}

ul[role='chunkBoxItem']:first-of-type {
    margin-top: .125rem;
}

ul[role='chunkBoxItem']>li {
    display: flex;
    margin-bottom: .625rem;
    line-height: 1.4;
    word-break: break-all;
}

ul[role='chunkBoxItem']>li:last-of-type {
    margin-bottom: 0;
}

ul[role='chunkBoxItem']>li>div img {
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    margin-top: .0625rem;
}

/* 手机版列表多选框样式和底部多选框样式 */
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"],
div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: .1875rem .5rem 0 .125rem;
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"],
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"] {
    position: relative;
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]::after,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]::after {
    content: '';
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    box-sizing: border-box;
    border: .0625rem solid #c1c1c1;
    border-radius: .1875rem;
    background-color: #fff;
    transition: all ease 0.1s;
    cursor: pointer;
    position: relative;
    left: -0.125rem;
    top: -0.125rem;
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]::before,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]::before {
    content: "";
    box-sizing: content-box;
    width: .3125rem;
    height: .625rem;
    border: .125rem solid #fff;
    border-left: 0;
    border-top: 0;
    z-index: 2;
    position: absolute;
    top: -0.0625rem;
    left: .25rem;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: all ease 0.1s;
    cursor: pointer;
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]:checked::after,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]:checked::after {
    background-color: var(--s-checked-color);
    border-color: var(--s-checked-color);
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]:checked::before,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]:checked::before {
    transform: rotate(45deg) scaleY(1);
}

/* 多选框禁用时颜色变灰 */
div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]:disabled::after,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]:disabled::after {
    background-color: var(--s-checked-disabled-color);
    border-color: var(--s-checked-disabled-border-color);
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li input[type="checkbox"]:disabled::before,
footer[role="footer"] section[role="footerOperation"] input[type="checkbox"]:disabled::before {
    border-color: var(--s-checked-disabled-border-color);
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li div[role='gridIt'],
div[role='chunkBox']>ul[role='chunkBoxItem']>li div[role='checkboxIt'] {
    flex: unset;
    margin-right: .5rem;
}

div[role='chunkBox']>ul[role='chunkBoxItem']>li div[role='gridIt']>span,
div[role='chunkBox']>ul[role='chunkBoxItem']>li div[role='checkboxIt']>span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5AAAFF;
    color: #fff;
    font-size: .875rem;
    border-radius: 0.1875rem;
    min-width: 1.125rem;
    height: 1.125rem;
    line-height: normal;
    padding: 0 .25rem;
    margin-right: 0;
    margin-top: 0.0625rem;
}

div[role='chunkBox']>ul[role='chunkBoxItem'] [role='opera'] {
    flex: unset;
    text-align: right;
    justify-content: flex-end;
    flex: none;
    padding-left: .75rem;
}

ul[role='chunkBoxItem']>li div>label {
    color: #999999;
    flex-shrink: 0;
    align-self: flex-start;
}

/* UISsrBlock1101模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock1101']>div {
    display: flex;
    flex: 1;
}

/* UISsrBlock1101模板 end */

/* UISsrBlock2101模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock2101']>div {
    display: flex;
    flex: 1;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock2101']>div>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock2101']>div>a {
    margin-right: .75rem;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock2101']>div:last-of-type>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock2101']>div:last-of-type>a {
    margin-right: 0;
}

/* UISsrBlock2101模板 end */

/* UISsrBlock3101模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock3101']>div {
    display: flex;
    flex: 1;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock3101']>div>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock3101']>div>a {
    margin-right: .75rem;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock3101']>div:last-of-type>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock3101']>div:last-of-type>a {
    margin-right: 0;
}

/* UISsrBlock3101模板 end */

/* UISsrBlock310101模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div:nth-of-type(1),
ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div:nth-of-type(3) {
    display: flex;
    flex: unset;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div:nth-of-type(2) {
    display: flex;
    flex: 1;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div>a {
    margin-right: .75rem;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div:last-of-type>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock310101']>div:last-of-type>a {
    margin-right: 0;
}

/* UISsrBlock310101模板 end */

/* UISsrBlock1201模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock1201']>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    word-break: break-all;
}

/* UISsrBlock1201模板 end */

/* UISsrBlock2201模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock2201']>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    word-break: break-all;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock2201']>div:first-of-type>label,
ul[role='chunkBoxItem']>li[role='UISsrBlock2201']>div:first-of-type>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock2201']>div:first-of-type>a {
    margin-right: .75rem;
}

/* UISsrBlock2201模板 end */

/* UISsrBlock3201模板 start */
ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    word-break: break-all;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div>label,
ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div>a {
    margin-right: .75rem;
}

ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div:last-of-type>label,
ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div:last-of-type>span,
ul[role='chunkBoxItem']>li[role='UISsrBlock3201']>div:last-of-type>a {
    margin-right: 0;
}

/* UISsrBlock3201模板 end */

/* 手机端UISsrChunk列表组件 end */

/* 解决grid高度塌陷问题 */
#grid.gridPropUpHeight {
    overflow: unset;
    height: auto;
}

/* VuiContainer中布局方式设为grid布局时的样式 */
div[role='grid'] div[role='grid-row'] {
    display: flex;
    flex-direction: column;
}

div[role='grid'] div[role='grid-row'] div[role='grid-col'] {
    flex-shrink: 0;
}

[role='chartGroup'],
[role='chartGroup']>a {
    color: #000;
}

/* 图表的加载中旋转 end */

[role='noData'] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    width: 100%;
    height: 100%;
    color: #999;
}

[role='noData']>span {
    font-size: 0.875rem;
}

[role='noData']>img {
    max-width: 50%;
    max-height: 65%;
}

[role='noData']>span {
    word-break: break-all;
    text-align: center;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* booleanField选择按钮样式 end */
/* expandElement弹窗样式 start */
#expandContainer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;

    background: #00000066;
    animation-name: showExpand;
    animation-duration: 0.3s;
    display: none;
}

@keyframes showExpand {
    from {
        opacity: 0.5;
        background: #00000000;
    }

    to {
        opacity: 1;
        background: #00000066;
    }
}

@keyframes hideExpand {
    from {
        opacity: 1;
        background: #00000066;
    }

    to {
        opacity: 0.5;
        background: #00000000;
    }
}

#expandBox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

.expandItem {
    background: #fff;
    border-radius: 0.25rem;
    width: auto;
    position: relative;
}

.expandItem textarea {
    font-size: 1rem;
    outline: none;
    background: #fff;
    border: .06rem solid var(--s-border);
    border-radius: 0.25rem;
    padding: 0.5rem;
    width: 40rem;
    height: 8rem;
    line-height: 1.5;
    max-width: 80vw;
    max-height: 70vw;
    min-width: 60vw;
    min-height: 30vw;
    vertical-align: bottom;
    resize: none;
}

.expandItem textarea[readonly] {
    background-color: #e9e9e9;
}

.expandItem textarea::placeholder {
    color: #9b9b9b;
}

.expandItem .expandHead {
    padding: 1rem 1rem 0.5rem 1rem;
    line-height: 1;
    cursor: move;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.expandItem .expandHead label {
    height: 1rem;
}

.expandItem .expandHead label font {
    color: red;
}

.expandItem .expandClose {
    font-size: 1.75rem;
    position: absolute;
    right: 1rem;
    line-height: 2rem;
    top: 0;
    cursor: pointer;
    height: 2.5rem;
}

.expandItem .expandArea {
    margin: 0 1rem 0.25rem 1rem;
}

.expandItem .expandFooter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1rem;
    margin: 1rem 0 0.5rem 0;
}

.expandItem .expandFooter button {
    border: .0625rem solid #0473ea;
    line-height: 1.2;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    color: #0473ea;
    cursor: pointer;
    background: #fff;
    height: auto;
}

.expandItem .expandFooter button.primary {
    background: #0473ea;
    color: #fff;
}

.expandItem .expandFooter button:not(:first-of-type) {
    margin-left: 1rem;
}

/* expandElement弹窗样式 end */

/*普及版购物车数量修改样式 start */
.reducelabel a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 3em;
    background: #ff732f;
    cursor: pointer;
    font-weight: bold;
    color: #e7e7e7;
}

.reducelabel a:hover {
    background: #ff5300;
    color: white;
}

/*普及版购物车数量修改样式 end */

main>article {
    font-size: .875rem;
}

ol.context>li {
    padding: .75rem .5rem .75rem .75rem;
    position: relative;
}

ol.context>li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: .5rem;
    right: .5rem;
    height: .0625rem;
    background-color: #ebebeb;
}

.content .scrollArea {
    background: #ffffff;
    word-break: break-all;
}

ol.context>li section span.right {
    float: right;
    padding-left: .5rem;
}

.triangle {
    width: 0;
    height: 0;
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-bottom: .75rem solid #999;
    position: absolute;
    top: -0.125rem;
    left: -0.5rem;
    cursor: pointer;
    overflow: unset !important;
    transform: rotate(-45deg);
    z-index: 1;
}

.triangle.line:hover::before {
    left: -0.5625rem;
    top: .125rem;
    border-left: .5625rem solid transparent;
    border-right: .5625rem solid transparent;
    border-bottom: .5625rem solid #fff;
}

.triangle.line::before {
    content: "";
    position: absolute;
    left: -0.6875rem;
    top: -0.125rem;
    width: 0;
    height: 0;
    border-left: .8125rem solid transparent;
    border-right: .8125rem solid transparent;
    border-bottom: .8125rem solid #fff;
}

/* 数据元素样式 */
#dataCardList {
    height: 0;
    flex: 1;
}

div[role='chart'] {
    width: 21.5rem;
    min-height: 16rem;
    background-color: #fff;
    border-radius: 0.25rem;
    margin: 0 auto 0.75rem auto;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div[role='chart'] .chartTitle {
    line-height: 1.25rem;
    padding: 1rem .5rem 0 .5rem;
    font-weight: bold;
    font-size: 1rem;
    color: #333333;
    display: flex;
    align-items: center;
}

div[role='chart'] .chartTitle>.aiBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .25rem;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

div[role='chart'] .chartTitle>.aiBox::before {
    content: '';
    position: absolute;
    left: -0.5rem;
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
}

div[role='chart'] .chartTitle>.aiBox>img {
    width: 1.25rem;
}

div[role='chart'] .chartTitle>.aiBox>img+img {
    display: none;
}

div[role='chart'] .content {
    height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 .375rem;
    flex-basis: auto;
}

div[role='chart'] #UINoData {
    padding-top: 5%;
    flex: 1;
}

div[role='chart'] #UINoData>img {
    width: 8rem;
    height: 8rem;
}

.chartTitle+[role='noData'] {
    height: calc(100% - 1.875rem);
}

div[role='chart'] .tabHead,
div[role='chart'] .tabBody>li {
    display: flex;
    padding: .625rem 0;
    line-height: 1.125rem;
}

div[role='chart'] .tabHead {
    background-color: #f4f4fd;
    margin-top: .625rem;
    border-radius: .5rem;
    padding: .625rem .25rem;
}

div[role='chart'] .tabHead>span,
div[role='chart'] .tabBody>li>span {
    flex: 1;
    padding: 0 .25rem;
    word-break: break-all;
    height: auto;
    line-height: 1.5;
}

div[role='chart'] .tabHead>span {
    color: #2787ff;
}

div[role='chart'] .tabBody>li>span {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

div[role='chart'] .scroll {
    width: 100%;
    height: calc(100% - 4.125rem);
    max-height: 13rem;
    overflow: hidden;
    position: relative;
}

div[role='chart'] .tabBody {
    position: relative;
    top: 0;
}

div[role='chart'] .tabBody>li {
    padding: .625rem .25rem;
}

/* 图表的加载中旋转 */
div[role='chart'] .loader {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div[role='chart'] .loader>.loading {
    border: .125rem solid transparent;
    border-top: .125rem solid #0473ea;
    border-right: .125rem solid #0473ea;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .75rem;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 数据组样式 */
div[role='chart'].chartGroup>.listBox {
    height: 0;
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: auto;
}

div[role='chart'].chartGroup ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

div[role='chart'].chartGroup ul>li {
    padding: 0 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 6.25rem;
    min-height: 3.75rem;
    width: calc(100% / 3);
    margin-bottom: 1rem;
    word-break: break-all;
    text-align: center;
}

div[role='chart'].chartGroup ul>li img {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .5rem;
    transform: translateY(-0.9375rem);
}

div[role='chart'].chartGroup ul>li>span:nth-of-type(1) {
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #666666;
    margin-bottom: 0.125rem;
}

div[role='chart'].chartGroup:not(.chartGroupChange) ul>li>div {
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

div[role='chart'].chartGroup a {
    color: #333333;
}

.statisticSpan {
    animation: statistic 10s linear infinite;
    display: inline-block;
}

@keyframes statistic {
    0%, 96%, 100% {
        transform: translateY(0);
    }
    98% {
        transform: translateY(-.5em);
    }
}

/* 可切换数据组 start */
[role='chart'].chartGroupChange>.chartTitle>.groupChange {
    position: relative;
    z-index: 2;
}

[role='chart'].chartGroupChange>.chartTitle>.groupChange>span {
    cursor: pointer;
    font-weight: normal;
    margin: 0 .25rem;
    padding: .125rem .375rem;
    border-radius: .25rem;
    display: inline-block;
    border: .0625rem solid #999;
    font-size: .75rem;
    color: #999;
    line-height: 1.25rem;
}

[role='chart'].chartGroupChange>.chartTitle>.groupChange>span.active {
    background: #0473ea;
    color: #fff;
    border-color: #0473ea;
}

[role='chart'].chartGroupChange>.chartTitle [role="switch"] {
    width: auto !important;
    min-width: auto !important;
}

[role='chart']>.listBox {
    height: 0;
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: auto;
}

[role='chart'].chartGroupChange ul {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[role='chart'].chartGroupChange ul>li {
    text-align: center;
    padding: 0 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 6.25rem;
    min-height: 4rem;
    width: calc(100% / 3);
    margin-bottom: 0.5rem;
    word-break: break-all;
}

[role='chart'] ul>li:not(:nth-child(3n)) {
    padding-right: 0.25rem;
}

[role='chart'] ul>li:not(:nth-child(3n - 2)) {
    padding-left: 0.25rem;
}

[role='chart'].chartGroupChange ul>li>span:nth-child(2) {
    font-weight: bold;
    margin: 0.25rem 0;
    font-size: 1rem;
}

[role='chart'].chartGroupChange ul>li>span:first-child {
    font-size: 1rem;
    line-height: 1.125rem;
    color: #666666;
    margin-bottom: 0.125rem;
}

[role='chart'].chartGroupChange ul>li>p {
    font-size: 0.875rem;
    color: #999;
}

[role='chart'].chartGroupChange ul>li>p.hideGroup {
    display: none;
}

/* 可切换数据组 end */

/* 车辆实时地图 */
[role='chart'].chartCarCurrentSite {
    position: relative;
}

[role='chart'].chartCarCurrentSite .chartTitle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

[role='chart'].chartCarCurrentSite #container {
    width: 100%;
    height: 100%;
}

/* 数据元素ai消息对话框 */
.aiMessageMeng {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;
}

.aiMessage {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 20rem;
    z-index: 10;
    line-height: 1.5;
    font-size: .875rem;
    background-color: #fff;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    display: flex;
    flex-direction: column;
}

.aiMessage .aiTitle {
    position: relative;
    height: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
}

.aiMessage .aiTitle img {
    width: 1rem;
    height: 1rem;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
}

.aiMessage .aiContent {
    height: auto;
    flex: 1;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    padding: 0.5rem;
}

.aiMessage .aiContent>span {
    width: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    background-color: #24c9d7;
    margin-right: 0.625rem;
}

.aiMessage .aiContent>div {
    text-align: left;
    margin: 0.1875rem 0 0 0;
    position: relative;
    padding-right: 1.25rem;
    width: 0;
    flex: 1;
}

.aiMessage .aiAudioBox {
    position: absolute;
    right: 0;
    top: .125rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.aiMessage .aiAudioBox>img {
    width: .875rem;
}

.aiMessage .aiAudioBox>img {
    transform: rotate(180deg);
    display: none;
}

.aiMessage .aiAudioPlay>img:nth-of-type(1) {
    display: block;
}

.aiMessage .aiAudioPlayed>img:nth-of-type(2) {
    display: block;
}

.aiMessage .aiAudioLoad {
    display: block;
    flex-shrink: 0;
    border: .125rem solid transparent;
    border-top: .125rem solid #000;
    border-right: .125rem solid #000;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: spin 1s linear infinite;
}

.aiMessage .aiAudioPlay .aiAudioLoad,
.aiMessage .aiAudioPlayed .aiAudioLoad {
    display: none;
}

.aiMessage .aiBtns {
    display: none;
}