@charset "UTF-8";

form.vuiForm {
    padding: 0 12px;
    position: sticky;
    left: 0;
}

/* 不带查询栏位的 */
form.vuiForm div.searchHead {
    justify-content: space-between;
    align-items: center;
}

form.vuiForm div.searchHead>span {
    display: block;
    font-weight: bold;
    position: relative;
    padding-right: 14px;
}

form.vuiForm div.searchHead:not(.searchTextButton) {
    border-bottom: 1px solid #F7F7F7;
}

form.vuiForm div.searchHead:not(.searchTextButton)>div.searchFormButtonDiv {
    justify-content: flex-end;
    padding: .25rem 0;
}

form.vuiForm div.searchHead>div [role="configTemplate"] {
    position: relative;
}

/* vuiForm对应的FormTabsHead组件样式 */
form.vuiForm nav.tabs {
    overflow-x: auto;
    scrollbar-width: thin;
}

form.vuiForm div.tabsHead {
    display: flex;
    border-bottom: 1px solid #F7F7F7;
}

form.vuiForm div.tabsHead nav.tabs {
    width: 0;
    flex: 1;
}

form.vuiForm nav.tabs>span {
    min-width: auto;
    padding: 0 14px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

/* 带有查询栏位的查询头 */
form.vuiForm div.searchTextButton {
    justify-content: unset;
    padding: 8px 0 0;
}

form.vuiForm [role="configTemplate"],
form.vuiForm div.searchTextButton>div [role="configTemplate"] {
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
}

form.vuiForm .searchTextButton>li:first-of-type>label {
    padding-left: 2rem;
}

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

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

form.vuiForm .searchTextButton>li>div {
    margin-left: 0;
}

form.vuiForm .searchTextButton>li.searchMaxRecord input {
    text-align: left;
}

form.vuiForm .searchTextButton>.searchFormButtonDiv {
    margin-left: 0;
    width: 7em;
    display: flex;
    justify-content: flex-end;
}

form.vuiForm .searchTextButton>.searchFormButtonDiv button {
    height: 30px;
    background: var(--s-search-button-color);
}

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

form.vuiForm div.searchTextButton+ul {
    padding-top: 2px;
}

form.vuiForm ul {
    padding: 4px 0 4px;
    display: flex;
    flex-wrap: wrap;
}

form.vuiForm .searchHead:not(.searchTextButton)+ul {
    padding: 8px 0 4px;
}

form.vuiForm li>div>input[type='text'],
form.vuiForm li>div>input[type='number'],
form.vuiForm li>div>select {
    height: 1.75rem;
    line-height: 1.75rem;
}

form.vuiForm li>div.dateArea>span:first-of-type {
    height: 1.75rem;
    line-height: 1.75rem;
}

form.vuiForm li>div.dateArea>input[type="text"]:first-of-type {
    min-width: 5.5rem;
    max-width: 7em;
}

form.vuiForm li>label:first-child {
    min-height: 1.75rem;
    height: auto;
    line-height: 1;
    text-align: right;
    justify-content: flex-end;
    width: 7em;
    margin-right: 8px;
    word-break: break-all;
}

form.vuiForm li,
form.vuiForm .searchTextButton>li.searchMaxRecord {
    width: 25%;
}

form.vuiForm li {
    padding: 2px 6px 2px 0;
}

form.vuiForm li>div:not([role="switch"]) {
    border-color: var(--s-border);
}

form.vuiForm li>div:not([role="switch"]):hover {
    box-shadow: 0 0 6px 1px rgba(112, 119, 129, 0.2);
}

form.vuiForm li>div font[role="require"]+em {
    max-width: 6em;
}

form.vuiForm div[role='switch'] {
    width: 7em;
    text-align: right;
    padding-top: .375rem;
}

div[role='switch']>input[type=checkbox] {
    appearance: auto;
    width: 1rem;
    height: 1rem;
}

div[role='switch']>input[type=checkbox]::before {
    content: none;
}

form.vuiForm div[role='switch']+label {
    padding-top: .25rem;
}

/* 生效于tabHead中没有自定义查询的场景 */
form.vuiForm div.searchHead:not(.searchTextButton)>div.searchFormButtonDiv:not(.tabsSearchBtn) {
    flex: 1;
}

/* vuiForm表单的分组fieldset样式 */
form.vuiForm ul .fieldset {
    padding: 12px;
    margin: 8px 12px;
}

@media only screen and (max-width: 1650px) and (orientation: landscape) {

    form.vuiForm li,
    form.vuiForm .searchTextButton>li.searchMaxRecord {
        width: 33.3%;
    }
}

/* vuiForm 兼容可视化数据属性样式 start */
form.vuiForm[role='search']>div:first-of-type:not([class]) {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
    height: 37px;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #F7F7F7;
}

form.vuiForm[role='search']>div:first-of-type:not([class])>span {
    display: block;
    font-weight: bold;
    position: relative;
    padding-right: 14px;
}

form.vuiForm[role='search']>div:first-of-type:not([class])>div:nth-child(2) {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0;
    justify-content: flex-end;
    flex-direction: row;
}

form.vuiForm[role='search']>div:first-of-type:not([class])>div>:last-child {
    margin-right: 0;
}

form.vuiForm[role='search']>div:first-of-type:not([class])>div>button {
    border-radius: 4px;
    font-size: 14px;
    height: auto;
    background-color: var(--m-search-button-color);
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    line-height: 1.75rem;
    margin: 0 10px 0 0;
}

/* vuiForm 兼容可视化数据属性样式 end */

/* 带模糊查询和配置开窗的查询头组件 end */

div[role='grid'] div[role='grid-row'] {
    flex-direction: row;
}

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

/* 控制台置顶菜单样式 */
#topMenus {
    height: 25%;
    background-color: #FFF;
    border-radius: 4px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
}

#topMenus>span {
    line-height: 1;
    font-size: 16px;
}

#topMenus>ul {
    flex: 1;
    display: flex;
    align-items: center;
    user-select: none;
    overflow: hidden;
    height: 100%;
    min-height: 100px;
}

#topMenus>ul>li {
    user-select: none;
    margin-right: 48px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
}

#topMenus>ul>li>img {
    width: 48px;
    height: 48px;
    transition: 0.4s;
}

#topMenus>ul>li>span {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}

[role='chartGroup'] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

[role='chartGroup']>div {
    font-size: 16px;
}

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

[role='chartGroup'] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

[role='chartGroup'] ul>li {
    padding: 0 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 6.25rem;
    min-height: 4rem;
    width: 31%;
    margin-bottom: 1.25rem;
    word-break: break-all;
}

[role='chartGroup'] ul>li>span:first-child {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 2px;
}

[role='chartGroup'] ul>li>span:nth-child(2) {
    font-size: 20px;
}

/* booleanField选择按钮样式 end */
/* expandElement弹窗样式 start */
.expandItem textarea {
    max-width: 58rem;
    max-height: 30rem;
    min-width: 20rem;
    min-height: 6rem;
}

/* expandElement弹窗样式 end */

/*pc版表格样式*/
table.dbgrid tr td>span {
    padding-right: 1em;
}

table.dbgrid tr[id*=_] {
    background-color: #fff;
    font-size: 0.9em;
    color: #6a6a6a;
}

table.dbgrid {
    border-width: 1px;
    border-collapse: collapse;
    margin: 0;
}

.dbgrid input[role=edit] {
    color: red;
}

.dbgrid tr:not(:first-child) td {
    background-color: #ffffff;
}

span[role="shopNums"] {
    margin-left: 0.5em;
}

/* 头部 start*/
section[role="advertisement"] {
    width: 100%;
    height: 120px;
    padding: 0 10px 10px;
    background: #b0d8ef;
    position: relative;
    display: none;
}

section[role="advertisement"]:after {
    display: inline-block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background: url(../images/ads-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 10px;
    z-index: 999;
}

section[role="advertisement"] img {
    width: 100%;
    height: 110px;
}

.selectSup .block301 {
    padding: 0.8em;
    border-bottom: 1px solid #dedede;
    position: relative;
}

.selectSup .block301 img[role='icon'] {
    float: left;
    width: 4.375em;
    height: 4.375em;
    margin-right: 0.8em;
    border-radius: 5px;
}

.selectSup .block301 img[role='right'] {
    float: right;
    width: 0.8em;
    position: absolute;
    right: 0;
    margin-top: 1.5em;
    margin-right: 1em;
}

.selectSup .block301 span[role="red"] {
    border: 1px solid;
    color: red;
    padding: 0 0.2em;
}

.selectSup .block301 span[role="green"] {
    border: 1px solid;
    color: green;
    padding: 0 0.2em;
}

/* 头部 end */

.block104 {
    border-bottom: none !important;
}

.block902 {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
    padding: .25rem 2rem;
    height: 0;
    flex: 1;
}

.block902 div[role="title"] {
    text-indent: 0 !important;
    padding-bottom: .5rem;
}

.block902 div[role="title"]>div:first-child {
    position: relative;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
}

.block902 div[role="title"]>div:first-child>span {
    position: absolute;
    right: 0;
}

.block902 div[role="title"]>div:nth-child(2) {
    text-align: right;
}

.block902 div[role='content'] {
    padding-top: 1rem;
    word-break: break-all;
}

/* UIHeader output 结构 是否已弃用？ start */
nav[role="mainMenu"] {
    width: 100%;
    height: 3.819em;
    padding: 0 1.5em;
    color: #0f6cb4;
    background: #F2F3F8;
    padding-left: 19em;
}

nav[role="mainMenu"] section[role="leftMenu"] {
    width: auto;
    height: 3.819em;
    line-height: 3.819em;
    float: left;
    position: relative;
}

nav[role="mainMenu"] section[role="leftMenu"] .menu {
    display: none;
}

nav[role="mainMenu"] section[role="leftMenu"]>ul {
    width: auto;
    height: 3.819em;
    display: inline-block;
    float: left;
    padding-left: 1em;
}

nav[role="mainMenu"] section[role="leftMenu"] div[role="headerButtons"] {
    width: auto;
    min-height: 3.819em;
    display: inline-block;
    float: left;
}

nav[role="mainMenu"] section[role="leftMenu"] div[role="headerButtons"] a {
    color: #333;
    border-left: 1px solid #e6e6e6;
    padding-left: 1em;
    margin-right: 1em;
}

nav[role="mainMenu"] section[role="leftMenu"] div[role="headerButtons"] a>img {
    margin-right: 0.5em;
    margin-top: -0.2em;
}

section[role="leftMenu"]>ul li img {
    width: 0.8em;
    height: 1em;
}

section[role="leftMenu"]>ul li {
    float: left;
    height: 3.819em;
    line-height: 3.819em;
    padding-right: 0.5em;
    color: #666666;
}

section[role="leftMenu"]>ul li a {
    color: #666666;
}

section[role="leftMenu"]>ul li span {
    margin-right: 0.3em;
}

nav[role="mainMenu"] section[role="rightMenu"] {
    width: 100%;
}

section[role="rightMenu"]>ul li {
    display: inline-block;
    height: 3.819em;
    line-height: 3.819em;
    padding: 0 0.2em 0 0.5em;
    color: #0f6cb4;
}

nav[role="mainMenu"] a:hover {
    background-size: cover;
    color: #2884cc;
}

section[role="rightMenu"]>ul li a {
    color: #666666;
}

section[role="rightMenu"]>ul li img {
    width: 1.2em;
    height: 1.2em;
    margin-top: -0.4em;
    margin-right: 0.5em;
}

nav[role="mainMenu"] section[role="leftMenu"] .menu {
    width: 1.8em;
    height: 1.5em;
    margin-top: -.4em;
}

nav[role="mainMenu"] section[role="rightMenu"] {
    width: auto;
    height: 3.819em;
    line-height: 3.819em;
    float: right;
    text-align: right;
}

nav[role="mainMenu"] section[role="rightMenu"] .exit {
    width: 1.3em;
    height: 1.3em;
    margin-top: -.4em;
}

.titel_top {
    background-color: #ffffff;
    color: #333333;
    height: 4.5em;
    line-height: 4.5em;
    overflow: hidden;
    display: none;
}

.titel_top>span {
    font-size: 1.25rem;
    font-weight: bold;
    color: #009307;
}

.titel_top img {
    margin-left: 4.5em;
}

.titel_top span:nth-child(2) {
    margin-left: 0.7em;
}

.logo_box {
    float: left;
    width: 19em;
    height: 100%;
    background: #EAE8E7;
}

.user_right {
    float: right;
    font-size: 1em;
    margin-right: 1.7em;
}

.user_right a {
    margin-left: 1em;
    color: #333333;
}

.user_right>a {
    color: #ffffff;
    position: relative;
}

.user_right>a:after {
    display: inline-block;
    content: '';
    width: 1em;
    height: 1em;
    background: url(../images/default/out.png);
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.titel_top span i {
    margin-left: 0.5em;
}

article[role="document"] {
    max-width: 100%;
    width: 100%;
    min-height: 10em;
    overflow: auto;
    position: relative;
    background-color: #F2F3F8;
}

article[role="document"] section[role="control"] {
    padding: 0 1.1em 0em 1.1em;
    background: transparent;
    clear: both;
}

article[role="document"] section[role="content"] {
    min-height: 5em;
    overflow-y: auto;
}

.leftAside {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7em;
    height: 100%;
    display: inline-block;
    background-image: url(../images/handle-left.png);
    background-repeat: no-repeat;
    background-size: .7em 4.5em;
    background-position: 0px center;
    border-right: 2px solid #b0d8ef;
    z-index: 100;
    padding: 3.2em 0 3.3em 0;
    cursor: pointer;
}

/*底部*/
section[role="footerButtons"] a.backButton {
    background-image: url('../images/go-back.png');
    background-size: .5rem auto;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 2rem;
}

#search button[name="opera"] {
    border-radius: 0.5em;
    margin-left: 3em;
    border-radius: 0.5em;
    margin: 1.5em;
    margin-left: 3em;
    width: 6em;
    height: 2.5em;
}

section[role="content"] form#search button[name="opera"]:last-child {
    background-color: #E60012;
    margin-left: 0.5em;
}

/* UIHeader output 结构 是否已弃用？ end */

/* 数据元素样式 */
div[role='chart'] {
    width: calc(50% - 12px);
    height: calc(50% - 12px);
    padding: 0 6px 12px 6px;
    margin: 0;
    min-height: unset;
}

#dataCardList.position {
    position: relative;
}

#dataCardList>div {
    float: left;
}

#dataCardList.position>div {
    float: none;
    position: absolute;
}

#dataCardList>div[role='chart'][data-height='1'] {
    height: calc(8.1666% + 1px);
}

#dataCardList>div[role='chart'][data-height='2'] {
    height: calc(16.417% + 1px);
}

#dataCardList>div[role='chart'][data-height='3'] {
    height: calc(24.6673% + 1px);
}

#dataCardList>div[role='chart'][data-height='4'] {
    height: calc(32.9176% + 1px);
}

#dataCardList>div[role='chart'][data-height='5'] {
    height: calc(41.168% + 1px);
}

#dataCardList>div[role='chart'][data-height='6'] {
    height: calc(49.4183% + 1px);
}

#dataCardList>div[role='chart'][data-height='7'] {
    height: calc(57.6686% + 1px);
}

#dataCardList>div[role='chart'][data-height='8'] {
    height: calc(65.919% + 1px);
}

#dataCardList>div[role='chart'][data-height='9'] {
    height: calc(74.1693% + 1px);
}

#dataCardList>div[role='chart'][data-height='10'] {
    height: calc(82.4196% + 1px);
}

#dataCardList>div[role='chart'][data-height='11'] {
    height: calc(90.67.% + 1px);
}

#dataCardList>div[role='chart'][data-height='12'] {
    height: calc(98.9203% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='0'] {
    top: 0;
}

#dataCardList.position>div[role='chart'][data-top='1'] {
    top: calc(8.1666% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='2'] {
    top: calc(16.417% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='3'] {
    top: calc(24.6673% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='4'] {
    top: calc(32.9176% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='5'] {
    top: calc(41.168% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='6'] {
    top: calc(49.4183% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='7'] {
    top: calc(57.6686% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='8'] {
    top: calc(65.919% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='9'] {
    top: calc(74.1693% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='10'] {
    top: calc(82.4196% + 1px);
}

#dataCardList.position>div[role='chart'][data-top='11'] {
    top: calc(90.67.% + 1px);
}

@media screen and (min-width: 1300px) and (max-width: 1599px) {

    #dataCardList>div {
        width: calc(50% - 1px);
    }

    #dataCardList>div.flex1 {
        width: calc(12.5% - 1px);
    }

    #dataCardList>div.flex2 {
        width: calc(25% - 1px);
    }

    #dataCardList>div.flex3 {
        width: calc(37.5% - 1px);
    }

    #dataCardList>div.flex4 {
        width: calc(50% - 1px);
    }

    #dataCardList>div.flex5 {
        width: calc(62.5% - 1px);
    }

    #dataCardList>div.flex6 {
        width: calc(75% - 1px);
    }

    #dataCardList>div.flex7 {
        width: calc(87.5% - 1px);
    }

    #dataCardList>div.flex8,
    #dataCardList>div.flex9,
    #dataCardList>div.flex10,
    #dataCardList>div.flex11 #dataCardList>div.flex12 {
        width: 100%;
    }

    #dataCardList.position>div[role='chart'][data-left='0'] {
        left: 0;
    }

    #dataCardList.position>div[role='chart'][data-left='1'] {
        left: calc(12.5% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='2'] {
        left: calc(25% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='3'] {
        left: calc(37.5% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='4'] {
        left: calc(50% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='5'] {
        left: calc(62.5% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='6'] {
        left: calc(75% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='7'] {
        left: calc(87.5% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='8'],
    #dataCardList.position>div[role='chart'][data-left='9'],
    #dataCardList.position>div[role='chart'][data-left='10'],
    #dataCardList.position>div[role='chart'][data-left='11'] {
        left: 100%;
    }
}

@media screen and (min-width: 1600px) {

    #dataCardList>div {
        width: calc(33.34% - 1px);
    }

    #dataCardList>div.flex1 {
        width: calc(12.5% - 1px);
    }

    #dataCardList>div.flex2 {
        width: calc(16.67% - 1px);
    }

    #dataCardList>div.flex3 {
        width: calc(25% - 1px);
    }

    #dataCardList>div.flex4 {
        width: calc(33.34% - 1px);
    }

    #dataCardList>div.flex5 {
        width: calc(41.67% - 1px);
    }

    #dataCardList>div.flex6 {
        width: calc(50% - 1px);
    }

    #dataCardList>div.flex7 {
        width: calc(58.34% - 1px);
    }

    #dataCardList>div.flex8 {
        width: calc(66.67% - 1px);
    }

    #dataCardList>div.flex9 {
        width: calc(75% - 1px);
    }

    #dataCardList>div.flex10 {
        width: calc(83.34% - 1px);
    }

    #dataCardList>div.flex11 {
        width: calc(91.67% - 1px);
    }

    #dataCardList>div.flex12 {
        width: 100%;
    }

    #dataCardList.position>div[role='chart'][data-left='0'] {
        left: 0;
    }

    #dataCardList.position>div[role='chart'][data-left='1'] {
        left: calc(8.33% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='2'] {
        left: calc(16.66% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='3'] {
        left: calc(25% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='4'] {
        left: calc(33.33% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='5'] {
        left: calc(41.66% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='6'] {
        left: calc(50% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='7'] {
        left: calc(58.33% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='8'] {
        left: calc(66.66% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='9'] {
        left: calc(75% + 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='10'] {
        left: calc(83.33% - 1px);
    }

    #dataCardList.position>div[role='chart'][data-left='11'] {
        left: calc(91.66.% - 1px);
    }
}

div[role='chart'] .chartTitle {
    padding: 1rem 1rem 0 1rem;
}

div[role='chart'] .chartTitle.moveCard {
    padding: 1rem .5rem 0 1.875rem;
}

div[role='chart'] .chartTitle.moveCard>img.moveIcon {
    position: absolute;
    left: 0.625rem;
    width: 1rem;
    height: 1rem;
    cursor: all-scroll;
}

.aiMessageMeng {
    position: inherit;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.aiMessage {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    width: 24rem;
    height: auto;
    min-height: 12rem;
    background-color: #f1f2f3;
    border-radius: 0.125rem;
    right: auto;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
}

.aiMessage .aiTitle {
    background-color: #b8daff;
    height: 2.625rem;
}

.aiMessage .aiBtns {
    display: flex;
    justify-content: flex-end;
    padding: 16px;
}

.aiMessage .aiBtns button {
    background-color: #6fb2f7;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 4px;
    height: auto;
    min-width: auto;
    border: 0;
    outline: none;
}

.aiMessage .aiBtns button:hover {
    background-color: #409eff;
}

/* 公告 end */
@media screen and (max-height: 700px) and (orientation: landscape) {
    div[role='chart']>.listBox>ul {
        margin-top: 1.25rem;
    }

    div[role='chart'].chartGroup ul>li {
        margin-bottom: 0;
    }

    div[role='chart'].chartPlanMatter .dateBox>ul>li {
        height: 3.125rem;
    }

    div[role='chart'].chartPlanMatter>ul {
        padding: 0.5rem 1rem 1rem 1rem;
    }

    div[role='chart'].chartPlanMatter>ul>li {
        height: 2.5rem;
    }
}