@charset "UTF-8";

:root {
    /* 默认文字大小 */
    --m-default-font-size: .875rem;
    /* 头部背景色 */
    --m-pageHeader-bg-color: #FFFFFF;
    /* 侧边栏导航栏背景色 */
    --m-nav-bg-color: #34353A;
    /* 侧边栏背景色 */
    --m-aside-bg-color: #ebecf0;
    /* 默认背景色 */
    --m-body-bg-color: #F7F7FA;
    /* 文字颜色 */
    --m-text-color: #000;
    /* 默认行高 */
    --m-line-height: 1.75rem;
    /* 红色 */
    --m-red: #ed6d79;
    /* 绿色 常用于链接hover, 按钮边框颜色, 按钮hover颜色*/
    --m-green: #008738;
    /* 蓝色 常用a链接跳转色 */
    --m-blue: #0283f7;
    /* 浅蓝色 常用于选择菜单hover背景色*/
    --m-menu-bg-hover: #eef6ff;
    /* 默认边框颜色 */
    --m-border-color: #E6E6E6;
    /* 查询表单按钮颜色 */
    --m-search-button-color: #3f7f7f;
    --m-search-button-hover-color: var(--m-green);
    /* 底部按钮颜色 */
    --m-footer-button-color: var(--m-green);
    --m-footer-button-hover-color: var(--m-green);
    /* 手机版底部按钮颜色 */
    --m-footer-phone-color: #0473ea;
    /* a链接 hover */
    --m-link-green-color: var(--m-green);
    /* content区域 a链接 */
    --m-link-blue-color: var(--m-blue);
    /* 一般按钮颜色 */
    --m-button-color: var(--m-green);
    --m-button-disabled-color: #8cb58e;
    /* 单选框选中颜色 */
    --m-checked-color: #409eff;
    --m-checked-disabled-color: #f7f7f7;
    /* 只读 */
    --m-readonly-color: #f7f7f7;
    /* 序号 */
    --m-gridIt-bg-color: #5AAAFF;
    /* 表格的表头颜色 */
    --m-gridThBgc: #f0f3fa;
    /* 表格行选中颜色 */
    --m-gridSelectBgc: #d6e9ff;
    /* 表格行移入颜色 */
    --m-gridHoverBgc: #eef6ff;
    /* 表格行选中颜色 */
    --m-gridSelectBgc: #b6d8ff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    font-size: calc(100vw/ 360 * 16);
    background-color: var(--m-body-bg-color);
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    background-color: var(--m-body-bg-color);
    color: var(--m-text-color);
    margin: 0 auto;
    clear: both;
    line-height: 1.75em;
}

main {
    height: 0;
    flex: 1;
    overflow: auto;
}

/*系统内所有链接的样式*/
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: var(--m-link-blue-color);
}

em,
i {
    font-style: normal;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

.color6,
.color6:link,
.color6:visited,
.color6:hover,
.color6:active {
    color: #666;
}

.color9,
.color9:link,
.color9:visited,
.color9:hover,
.color9:active {
    color: #999;
}

/* 统一输入框的字体样式，继承父级 */
input,
select,
textarea {
    font-family: inherit;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
select,
input[type="password"] {
    width: 10em;
    height: 1.75rem;
    line-height: 1.75rem;
    border: none;
    outline: none;
    border: .0625rem solid #C2CAD8;
    padding-left: .5rem;
    padding-right: .5rem;
    border-radius: .25rem;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    font-size: .875rem;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
    border: .0625rem solid #058FCA;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a9a9a9;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="checkbox"] {
    width: .8125rem;
    height: .8125rem;
}

.dbgrid input[type="text"],
.dbgrid input[type="number"],
.dbgrid input[type="tel"],
.dbgrid input[type="email"],
.dbgrid select,
.dbgrid input[type="password"] {
    width: 100%;
}

/* 火狐 */
input[type="number"] {
    -moz-appearance: textfield;
}

button,
input[type="submit"],
input[type="button"] {
    min-width: 4rem;
    height: 1.75rem;
    line-height: 1em;
    background: var(--m-button-color);
    color: #FFFFFF;
    text-align: center;
    padding: 0 1rem;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
}

button[disabled="disabled"],
button:disabled {
    background: var(--m-button-disabled-color) !important;
    appearance: none;
    -webkit-appearance: none;
    color: #fff;
}

.blueColor {
    color: #0473EA;
}

.redColor,
.red,
.error {
    color: red;
}

.floatRight {
    float: right;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin-top: .5em;
}

table tr {
    width: 100%;
}

table tr:hover {
    background: var(--m-gridHoverBgc);
}

img {
    max-width: 100%;
    vertical-align: middle;
}

fieldset,
img {
    border: 0;
}

/*清除浮动样式*/
.clear {
    clear: both;
}

select {
    background-image: url("../images/crow-down1.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.625rem) center;
    background-size: .8rem auto;
    background-color: #fff;
}

textarea::placeholder {
    color: #ccc;
}

main>article,
main>article>content {
    height: 100%;
    overflow: auto;
}

article>.content {
    display: block;
}

.content form {
    background-color: #fff;
}

/* UIFormSearch样式 */
form.search {
    background-color: #fff;
    margin-bottom: 0.5em;
}

form.search>div:first-of-type:not(ul+div) {
    display: flex;
    align-items: center;
}

form.search>div>nav {
    width: 0;
    flex: 1;
    display: flex;
    overflow: auto;
}

form.search>div>nav>span {
    line-height: 2.25rem;
    flex: 1;
    cursor: pointer;
    padding: 0 .875rem;
    flex-shrink: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

form.search>div>nav+img {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 .75rem;
}

form.search>div>nav>span:hover {
    color: #0473EA;
}

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

form.search ul {
    padding: 1rem 1rem .5rem 1rem;
}

form.search li {
    display: flex;
    align-items: flex-start;
    line-height: normal;
    padding-bottom: .25rem;
}

form.search li.select {
    justify-content: center;
}

form.search li>label:first-child {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    width: 6em;
    margin-right: .375rem;
    padding-top: .375rem;
    line-height: normal;
}

form.search li>div {
    display: flex;
    flex: 1;
    border: .0625rem solid #C2CAD8;
    border-radius: .25rem;
    position: relative;
}

form.search li>div[role='switch'] {
    flex: none;
    width: 6em;
    border: 0;
    justify-content: flex-end;
}

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

form.search li>div>textarea {
    height: 3.5rem;
    resize: vertical;
}

form.search li>div>textarea[rows] {
    height: auto;
}

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

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

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

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

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

form.search li [data-dialog=true] textarea {
    padding-right: 2rem;
}

form.search li [data-dialog=true] textarea+span[role='suffix-icon'] {
    align-items: flex-start;
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
}

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

form.search ul+div,
form[enctype] div.searchFormButtonDiv {
    display: flex;
    justify-content: center;
    padding-bottom: .5rem;
    margin-top: .25rem;
}

form.search ul+div>button,
form[enctype] div.searchFormButtonDiv>button {
    min-width: 4rem;
    height: 1.75rem;
    line-height: 1.75rem;
    border-radius: .25rem;
    background: var(--m-button-color);
    color: #FFFFFF;
    text-align: center;
    padding: 0 1rem;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 0.625rem;
}

form.search ul+div>button:last-child,
form[enctype] div.searchFormButtonDiv>button:last-child {
    margin-right: 0;
}

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

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

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

form.search li label.formMark>em {
    text-decoration: underline;
    text-underline-offset: .125rem;
}

form.search li.liWord {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: 0;
}

form.search li.liWord>mark {
    width: 80%;
    border-radius: .375rem;
    background: #00000080;
    padding: .625rem 1.25rem;
    color: #FFF;
    max-height: 10rem;
    overflow-y: auto;
    text-align: center;
}

/* 新form表单中的radio元素 start */
form.search ul li.formRadioLi {
    flex-direction: row;
}

form.search ul li.formRadioLi>label {
    min-width: unset;
}

form.search ul li.formRadioLi>div {
    border: none;
    align-items: center;
    height: 1.875rem;
}

form.search ul li.formRadioLi>div:hover {
    box-shadow: none;
}

form.search ul li.formRadioLi>div>input[type='radio'] {
    width: 1rem;
    height: 1rem;
    flex: none;
    cursor: pointer;
    margin-top: 0;
}

/* 新form表单中的radio元素 end */

/* UIFormEdit样式 */
form[role='modify'] {
    margin-bottom: .5rem;
}

form[role='modify']>ul {
    padding: 1rem 1rem .5rem 1rem;
}

form[role='modify'] li:not(.group-tab-li):not(.liWord) {
    padding-bottom: .375rem;
    line-height: normal;
}

form[role='modify'] li.select {
    justify-content: center;
}

form[role="modify"] li>label:first-child {
    display: flex;
    justify-content: flex-start;
    margin-right: .375rem;
    line-height: normal;
}

form[role="modify"] li>div:not([role='switch']) {
    display: flex;
    border: .0625rem solid #e0e0e0;
    border-radius: .25rem;
    position: relative;
}

form[role="modify"] li>div[role='switch'] {
    float: right;
    margin-right: 0;
    width: 4em;
    text-align: right;
}

form[role="modify"] li>div>input:not([type]),
form[role="modify"] li>div>input[type=''],
form[role="modify"] li>div>input[type='text'],
form[role="modify"] li>div>input[type='number'],
form[role="modify"] li>div>input[type='password'],
form[role="modify"] li>div>input[type='file'],
form[role="modify"] li>div>select,
form[role="modify"] li>div>textarea {
    width: 0;
    flex: 1;
    height: 1.75rem;
    border: 0;
    padding: 0 .5rem;
    outline: none;
    font-size: .875rem;
    border-radius: .25rem;
    line-height: 1.75rem;
}

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

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

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

form[role="modify"] li label>em {
    color: #666;
}

form[role='modify'] li>div>textarea {
    height: 3.5rem;
    padding: .25rem;
    line-height: normal;
    resize: vertical;
}

form[role='modify'] li>div>textarea[rows] {
    height: auto;
}

form[role='modify'] li>div[data-dialog="true"]>textarea {
    padding-right: 2rem;
}

form[role='modify'] li>div[data-dialog="true"]>textarea+span[role="suffix-icon"] {
    height: 1.75rem;
    position: absolute;
    top: 0;
    right: 0;
}

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

form[role='modify'] li>div:not([data-dialog="true"])>select+span[role="suffix-icon"],
form[role='modify'] li>div:not([data-dialog="true"])>textarea+span[role="suffix-icon"] {
    padding-right: 0;
}

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

form[role='modify'] li label.formMark>em {
    text-decoration: underline;
    text-underline-offset: .125rem;
}

form[role='modify'] li.liWord {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: 0;
}

form[role='modify'] li.liWord>mark {
    width: 80%;
    border-radius: .375rem;
    background: #00000080;
    padding: .625rem 1.25rem;
    color: #FFF;
    max-height: 10rem;
    overflow-y: auto;
    text-align: center;
}

/* UIFormEdit开启分组与openTabModel参数之后的css */
form[role="modify"] nav.tabHead {
    display: flex;
    width: 100%;
    border-bottom: .0625rem solid #EBEBEB;
    color: #333;
}

form[role="modify"] nav.tabHead>span {
    width: 0;
    flex: 1;
    display: block;
    min-width: 6rem;
    text-align: center;
    padding: .5rem 0;
    cursor: pointer;
}

form[role="modify"] nav.tabHead>.group-tab-li-selected {
    position: relative;
    color: #0473ea;
}

form[role="modify"] nav.tabHead>.group-tab-li-selected::before {
    content: '';
    height: 0.0625rem;
    position: absolute;
    width: 2rem;
    bottom: 0;
    left: 50%;
    background-color: #0473ea;
    transform: translateX(-50%);
}

form[role="modify"]>.tabBody {
    padding: 0 1rem .5rem;
}

form[role="modify"]>.tabBody>.modify {
    display: none;
}

form[role="modify"]>.tabBody>.modify-selected {
    margin-top: .5rem;
    position: relative;
    display: block;
}

form[role="modify"] div[role='tabButtons'] {
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

form[role="modify"] div[role='tabButtons'] button {
    margin-right: .5rem;
}

/* SiteLineField组件css */
form[role="modify"] li.siteLine {
    flex-wrap: wrap;
}

form[role="modify"] li.siteLine>ul {
    width: 100%;
}

/* 新form表单中的radio元素 start */
form[role='modify'] ul li.formRadioLi {
    flex-direction: row;
}

form[role='modify'] ul li.formRadioLi>label {
    min-width: unset;
}

form[role='modify'] ul li.formRadioLi>div {
    border: none;
    align-items: center;
    height: 1.875rem;
}

form[role='modify'] ul li.formRadioLi>div:hover {
    box-shadow: none;
}

form[role='modify'] ul li.formRadioLi>div>input[type='radio'] {
    width: 1rem;
    height: 1rem;
    flex: none;
    cursor: pointer;
    margin-top: 0;
}

/* 新form表单中的radio元素 end */

/* UIFormEidt+addGroup与UIFieldset组件样式start，等UIFieldset用法废弃掉之后需要增加form[role='modify']作用域限制 */
form[role='modify'] .fieldset {
    position: relative;
    padding: .75rem 0;
    margin: 0 1rem 0 1rem;
}

form[role='modify'] .fieldset legend {
    font-weight: bold;
    font-size: 1rem;
    color: #333;
    position: relative;
}

form[role='modify'] .fieldset legend::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: .375rem;
    bottom: .375rem;
    width: .125rem;
    background-color: #0473ea;
}

form[role='modify'] .fieldset li {
    display: flex;
    align-items: flex-start;
    line-height: normal;
    padding-bottom: .25rem;
}

form[role='modify'] .fieldset li.select {
    justify-content: center;
}

/* 必填栏位 */
form[role='modify'] .fieldset li label>font[role="require"] {
    color: red;
}

form[role='modify'] .fieldset li>label:first-child {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    width: 6em;
    margin-right: .375rem;
    padding-top: .375rem;
    line-height: normal;
}

form[role='modify'] .fieldset li>div {
    display: flex;
    flex: 1;
    border: .0625rem solid #C2CAD8;
    border-radius: .25rem;
    position: relative;
}

form[role='modify'] .fieldset li div[role='switch'] {
    flex: none;
    width: 6em;
    border: 0;
    margin-right: .375rem;
}

form[role='modify'] .fieldset li>div>input:not([type]),
form[role='modify'] .fieldset li>div>input[type=''],
form[role='modify'] .fieldset li>div>input[type='text'],
form[role='modify'] .fieldset li>div>input[type='number'],
form[role='modify'] .fieldset li>div>input[type='password'],
form[role='modify'] .fieldset li>div>select,
form[role='modify'] .fieldset li>div>textarea,
form[role='modify'] .fieldset li>div>input[type='file'] {
    width: 0;
    flex: 1;
    height: 1.75rem;
    border: 0;
    padding: 0 .5rem;
    outline: none;
    font-size: .875rem;
    border-radius: .25rem;
    line-height: 1.75rem;
}

form[role='modify'] .fieldset li>div>textarea {
    height: 3.5rem;
    resize: vertical;
    line-height: 1.25;
}

form[role='modify'] .fieldset li>div>textarea[rows] {
    height: auto;
}

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

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

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

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

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

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

form[role='modify'] .fieldset li>div.dateArea>span:first-of-type {
    text-align: center;
    height: 1.75rem;
    line-height: 1.75rem;
    width: unset;
}

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

form[role='modify'] .fieldset li label.formMark>em {
    text-decoration: underline;
    text-underline-offset: .125rem;
}

form[role='modify'] .fieldset li.liWord {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: 0;
}

form[role='modify'] .fieldset li.liWord>mark {
    width: 80%;
    border-radius: .375rem;
    background: #00000080;
    padding: .625rem 1.25rem;
    color: #FFF;
    max-height: 10rem;
    overflow-y: auto;
    text-align: center;
}

/* UIDetail详情展示 */
ul[role='detail'] {
    padding: .75rem;
    background-color: #fff;
}

ul[role='detail'] fieldset {
    border-top: .06rem dashed #ccc;
}

ul[role='detail'] fieldset legend {
    text-align: center;
    padding: 0 .25rem;
}

ul[role='detail'] li {
    display: flex;
    align-items: flex-start;
}

ul[role='detail'] li:not(.liWord) {
    padding-bottom: .375rem;
}

ul[role='detail'] li>label {
    display: flex;
    justify-content: flex-end;
    width: 6em;
    margin-right: .375rem;
    padding-top: .375rem;
    line-height: normal;
}

ul[role='detail'] li>div {
    display: flex;
    flex: 1;
    border: .0625rem solid #C2CAD8;
    border-radius: .25rem;
    position: relative;
}

ul[role='detail'] li>div[role='switch'] {
    width: 6em;
    text-align: right;
    padding-top: .25rem;
    margin-right: .5rem;
    flex: none;
    display: block;
    border: 0;
}

ul[role='detail'] li>div[role='switch']+label {
    width: 0;
    flex: 1;
    display: block;
    padding-top: .25rem;
}

ul[role='detail'] li>div>input:not([type]),
ul[role='detail'] li>div>input[type=''],
ul[role='detail'] li>div>input[type='text'],
ul[role='detail'] li>div>input[type='number'],
ul[role='detail'] li>div>input[type='password'],
ul[role='detail'] li>div>select,
ul[role='detail'] li>div>textarea,
ul[role='detail'] li>div>input[type='file'] {
    width: 0;
    flex: 1;
    height: 1.75rem;
    border: 0;
    padding: 0 .5rem;
    outline: none;
    font-size: .875rem;
    border-radius: .25rem;
    line-height: 1.75rem;
}

ul[role='detail'] li>div>textarea {
    height: 3.5rem;
    resize: vertical;
}

ul[role='detail'] li>div>textarea[rows] {
    height: auto;
}

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

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

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

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

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

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

ul[role='detail'] li>div.dateArea>span:first-of-type {
    text-align: center;
    height: 1.75rem;
    line-height: 1.75rem;
    width: unset;
}

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

ul[role='detail'] li label.formMark>em {
    text-decoration: underline;
    text-underline-offset: .125rem;
}

ul[role='detail'] li.liWord {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    bottom: 0;
}

ul[role='detail'] li.liWord>mark {
    width: 80%;
    border-radius: .375rem;
    background: #00000080;
    padding: .625rem 1.25rem;
    color: #FFF;
    max-height: 10rem;
    overflow-y: auto;
    text-align: center;
}

/* noFieldset为新增商品料号页面用来替换UIFieldset组件默认红色边框样式 */
.noFieldset {
    border: none;
    padding: 0;
    margin-top: 0;
}

/* UIFieldset组件样式end */

/* UIFormItemFile组件样式start */

form[role="modify"] li>div.uploadFile {
    flex-direction: column;
    border: 0;
}

form[role="modify"] li>div.uploadFile>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    border-radius: .25rem;
    border: .0625rem solid #e0e0e0;
    color: #cccccc;
    cursor: pointer;
}

form[role="modify"] li>div.uploadFile>div>img {
    width: 1.25rem;
}

form[role="modify"] li>div.uploadFile>div>span {
    padding-top: .25rem;
}

form[role="modify"] li>div.uploadFile input[type='file'] {
    display: none;
}

form[role="modify"] li>div.uploadFile li {
    display: flex;
    align-items: center;
    background-color: #f3f3f3;
    padding: .5rem;
    border-radius: .25rem;
    margin-bottom: .25rem;
    width: 100%;
}

form[role="modify"] li>div.uploadFile li>img:first-of-type {
    width: 2.5rem;
}

form[role="modify"] li>div.uploadFile li>div:first-of-type {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    color: #666;
    border: 0;
    width: 0;
    flex: 1;
    padding: 0 .5rem;
}

form[role="modify"] li>div.uploadFile li>div:first-of-type>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

form[role="modify"] li>div.uploadFile li>div:nth-of-type(2) {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border: 0;
    flex: none;
}

form[role="modify"] li>div.uploadFile li>div:nth-of-type(2)>img {
    width: .75rem;
}

/* UIFormItemFile组件样式end */

/* 头部header start */
.page-header {
    background-color: var(--m-pageHeader-bg-color);
    display: flex;
    padding: 0 .69rem;
    align-items: center;
    justify-content: space-between;
    min-height: 2.59rem;
    border-bottom: .0625rem solid var(--m-border-color);
}

.page-header span {
    color: #333;
    font-size: .875rem;
}

.page-header .leftNav {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: #fff;
}

.page-header .leftNav>a>img {
    display: block;
}

.page-header .leftNav>a>img {
    width: 1rem;
    margin-right: .69rem;
}

.page-header .leftNav span {
    display: flex;
    align-items: center;
}

.page-header .leftNav span>a {
    display: flex;
    align-items: center;
}

.page-header .leftNav span>a>img {
    width: 1rem;
    margin-left: .25rem;
}

.page-header .site {
    display: flex;
    align-items: center;
}

.page-header .site img {
    width: 1.25rem;
    margin-right: .24rem;
}

.page-header .site a {
    color: #333;
    display: flex;
    align-items: center;
    font-size: .88rem;
}

.page-header .site a:nth-of-type(n+2) {
    margin-left: .69rem;
}

.page-header .site .shopNums {
    position: relative;
    display: inline;
}

/* 头部header end */

/* 侧边栏操作说明 start */
main>aside {
    position: fixed;
    top: 0;
    left: -100%;
    width: 66.66%;
    bottom: 0;
    background-color: var(--m-aside-bg-color);
    z-index: 999;
    overflow: auto;
    padding: 1rem .75rem;
    box-sizing: border-box;
    overflow: initial;
    font-size: var(--m-default-font-size);
    line-height: 1.25rem;
}

main>.asideMengC {
    position: fixed;
    left: 0;
    width: 100vw;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 998;
}

main>aside>.asideList {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

main>aside>.asideList>section {
    padding: .69rem 1rem;
    background-color: #fff;
    border-radius: .28rem;
    margin-bottom: .75rem;
    position: relative;
}

main>aside>.asideList>section>.title {
    padding-bottom: .36rem;
    position: relative;
    color: var(--m-green);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main>aside>.asideList>section>.title>.icon-div {
    display: flex;
    align-items: center;
}

main>aside>.asideList>section>.title>.icon-div>span {
    width: 1rem;
    height: 1rem;
    background-image: url('../images/public/header_menu.png');
    background-size: 100%;
    cursor: pointer;
    margin-left: 1rem;
    position: relative;
}

main>article>.content>form>#grid>.context>li>section input[type="checkbox"] {
    width: .8125rem;
    height: .8125rem;
}

section>.contents>a {
    min-width: calc((100% - .3125rem)/2);
    display: inline-block;
    padding-bottom: .3125rem;
}

main>aside>.asideList>section>.contents,
main>aside>.asideList>section>.contents a {
    color: #333;
}

main>aside>.asideList>section>.contents a#sectionActive {
    color: var(--m-green);
}

main>aside>.asideList>section>.contents a:hover {
    color: var(--m-green);
}

main>aside>.asideList>section .sheetClamp {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.29rem;
}

main>aside>.asideList>section .sheetHide {
    display: none;
}

main>aside>.asideList>section .sheetClamp>div {
    cursor: pointer;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

main>aside>.asideList>section .sheetClamp img {
    width: 1rem;
    height: 1rem;
}

main>aside>.asideList>section .sheetClamp .rotate180 {
    transform: rotate(180deg);
}

main>aside>.asideList>section>.contents.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 设置显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section>.contents>p {
    margin-bottom: .29rem;
}

section.menuList>div>ul>li {
    height: 2rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    color: #999;
    position: relative;
    z-index: 10;
}

section.menuList>div>ul>li:hover::before {
    content: '';
    position: absolute;
    left: -1rem;
    right: -1rem;
    top: 0;
    bottom: 0;
    background-color: #eef6ff;
    z-index: -1;
}

section.menuList>div>ul>li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #404047;
    display: inline-block;
}

/* UIOperateLine结构样式 start */
/* UIOperateLine父盒子样式 */
.mainItem {
    background-color: #fff;
    margin-bottom: .5rem;
}

.mainItem>a:last-child:after {
    left: 0;
    right: 0;
}

.operateLine {
    display: flex;
    font-size: 1rem;
    align-items: center;
    padding: .8rem 1rem;
    color: black;
    position: relative;
}

.operateLine:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: .0625rem;
    left: .5rem;
    right: .5rem;
    background-color: #f2f2f2;
}

.operateLine:link,
.operateLine:hover,
.operateLine:visited,
.operateLine:active {
    color: black;
}

.operateLine .operateContent {
    width: 0;
    flex: 1;
}

.operateLine .operateLeft {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.operateLine .operateLeft img {
    width: 1.25rem;
}

.operateLine .operateRight img {
    height: 1rem;
}

/* UIOperateLine结构样式 end */

/* UISheetOutput结构样式 start */
.sheetOutput .contents {
    line-height: 1.5rem;
}

.sheetOutput .contents ul>li>div:nth-of-type(2) {
    padding-left: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sheetOutput .contents ul>li>div:nth-of-type(2)>* {
    margin-left: .75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sheetOutput .contents ul>li>div:nth-of-type(2)>:first-child {
    margin-left: 0;
}

.sheetOutput .contents ul>li>div img {
    width: .75rem;
    vertical-align: middle;
    margin-right: .125rem;
}
/* UISheetOutput结构样式 end */

/* tabList样式，为UITabs中头部tabs样式 start */
.tabList {
    background-color: #DEDEDE;
    display: flex;
    align-items: center;
    font-size: .8rem;
    overflow: auto;
    line-height: 2rem;
    position: sticky;
    top: 0;
    z-index: 10;
}

.tabList a {
    margin-left: 1rem;
    color: black;
    flex-shrink: 0;
}

.tabList a:last-child {
    margin-right: 1rem;
}

.tabList a.currentTab {
    color: #009307;
    border-bottom: .125rem solid #009307;
    font-weight: bold;
}

.tabContent {
    position: relative;
}

/* tabList样式，为UITabs中头部tabs样式 end */

/* UITabs滚动时给根元素设置的class */
.startMove {
    overflow: hidden;
}

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

/* 侧边栏展开收缩按钮 */
main>nav>.stretch {
    position: fixed;
    width: 1rem;
    left: 0;
    height: 4rem;
    top: 33.33%;
    transform: translateY(-33.33%);
    box-sizing: border-box;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #3273F4;
    z-index: 1000;
    border: .0625rem solid rgba(153, 153, 153, .4);
    border-left: none;
}

main>nav>.stretch::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: .75rem;
    height: 1.125rem;
    background-image: url('../images/icon/arrow-right.png');
    background-size: .75rem .75rem;
    background-repeat: no-repeat;
    background-position: center center;
}

main>nav>.tipShow::after {
    transform: translate(-50%, -50%) rotateY(180deg);
}

main>nav>.stretch:after {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    width: 1.3rem;
    height: 4rem;
}

/* 侧边栏展开收缩按钮 */

/* 侧边栏上下分页栏位 start */
.foot-page {
    background-color: #fff;
    border-radius: .28rem;
    padding: .7rem 1rem;
}

.gotoPage {
    display: flex;
    align-items: center;
}

.gotoPage>input {
    width: 3rem;
    height: 1.5rem;
    text-align: center;
    padding: 0;
    margin: 0.5rem;
}

/* 侧边栏上下分页栏位 end */

/* 侧边栏操作说明 end */

/* UIHintInputBox结构样式 start */
.hintInputBox {
    padding: .7rem;
}

.hintInputBox .hintTitle {
    padding-bottom: 1rem;
    text-align: center;
}

.hintInputBox form {
    background-color: #F6F8FA;
    border: .0625rem solid #EEF0F1;
    border-radius: .5em;
    padding: 1em;
    box-sizing: border-box;
    margin: 0 2rem;
}

.hintInputBox .hideLine {
    display: none;
}

.hintInputBox .line {
    width: 100%;
    position: relative;
}

.hintInputBox .line>label {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: .25rem;
}

.hintInputBox .line>input {
    width: 100%;
    height: 2.4rem;
    line-height: 2.4rem;
    outline: none;
    box-shadow: none;
}

.hintInputBox .sendCode>span {
    position: absolute;
    background-color: transparent;
    line-height: 1rem;
    right: .0625rem;
    bottom: 1.2rem;
    color: #63a8e6;
    background-color: #fff;
    word-break: break-all;
    width: 5.5rem;
    transform: translateY(50%);
    height: fit-content;
    cursor: pointer;
}

.hintInputBox imgCode {
    position: relative;
}

.hintInputBox .imgCode>input {
    padding-right: 8em;
    box-sizing: border-box;
}

.hintInputBox .sendCode>input {
    padding-right: 6.25rem;
}

.hintInputBox .imgCode>img {
    position: absolute;
    right: .25rem;
    bottom: .25rem;
    height: 1.88rem;
    font-size: .8rem;
}

.hintInputBox form>.line:nth-of-type(n+2) {
    margin-top: .75rem;
}

.hintInputBox button {
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    border-radius: .4em;
    width: 100%;
    margin: 1.5rem 0 0 0;
}

.hintInputBox .hint {
    width: 100%;
    padding: 0.7em;
    color: #666;
    font-size: .8em;
    background: #f5f5f5;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    margin: 2em 0 .3em 0;
}

.hintInputBox .line>input[readonly=readonly] {
    border: .0625rem solid #C2CAD8;
    border-radius: .4em;
    padding-left: .6em;
    font-size: .9em;
    outline: none;
    color: #333;
}

/* UIHintInputBox结构样式 end */

/* UITemplate form 详情 start */
.gridBox {
    background: #f7f7fa;
    overflow: auto;
}

.gridBoxItem {
    margin: .625rem 0 0;
    background-color: #fff;
    padding: .75rem;
    position: relative;
}

.gridBoxItem:first-of-type {
    margin-top: .125rem;
}

.gridBoxItem>li {
    display: flex;
    margin-bottom: .625rem;
    line-height: 1.5;
    word-break: break-all;
}

.gridBoxItem>li:last-of-type {
    margin-bottom: 0;
}

.gridBoxItem>li.title>div {
    flex-direction: row;
    max-width: unset;
    align-items: center;
}

.gridBoxItem>li>div img {
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    margin-top: -0.25rem;
}

.gridBoxItem>li.title input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    background: #F7F7F7;
    border-radius: .125rem;
    border: .0625rem solid #CCCCCC;
    margin-right: .5rem;
    margin-top: .0625rem;
}

.gridBoxItem>li>div {
    flex: 1;
    max-width: 33%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    word-break: break-all;
}

.gridBoxItem>li>div:first-of-type {
    margin-right: .75rem;
}

.gridBoxItem>li>div:nth-of-type(3) {
    padding-left: .75rem;
}

.gridBoxItem>li>div>label,
.gridBoxItem>li>label {
    color: #999999;
    flex-shrink: 0;
    align-self: flex-start;
}

.gridBoxItem>li>div>span.gridIt {
    background-color: var(--m-gridIt-bg-color);
    color: #fff;
    font-size: .875rem;
    border-radius: 0.1875rem;
    min-width: 1.125rem;
    height: 1.125rem;
    margin-right: .5rem;
    padding: 0 .125rem;
    line-height: normal;
}

.gridBox .right {
    text-align: right;
    justify-content: flex-end;
    flex: none;
}

/* UITemplate form 详情 end */

/* mainFooter样式，一级页面公共底部样式 start */
.mainFooter {
    background-color: #fff;
    display: flex;
    border-top: .0625rem solid #f0f0f0;
}

.mainFooter a {
    width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: black;
    padding: .375rem .25rem .5rem;
    position: relative;
    flex-shrink: 0;
}

.mainFooter .shopNums {
    width: 1rem;
    height: 1rem;
    background: #ed6d79;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 1.25rem;
    font-size: .75rem;
    text-align: center;
    line-height: 1rem;
}

.messageSpan {
    color: #ed6d79;
}

.pageIn span {
    color: #008738;
}

.mainFooter a img {
    padding-bottom: .25rem;
    width: 1.25rem;
}

.mainFooter a span {
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

footer[role='footer'] {
    font-size: .875rem;
}

/* mainFooter样式，一级页面公共底部样式 end */

/* exportDialog为导出开窗 start */
#exportDialog {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1010;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#exportDialog .dialogMain {
    background-color: #fff;
    border: .0625rem solid #ebeef5;
    border-radius: .125rem;
    box-shadow: .0625rem .0625rem 3.125rem rgba(0, 0, 0, .3);
    width: 65%;
    animation: showMessageBox .1s linear;
    position: relative;
}

#exportDialog .dialogTitle {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .0625rem solid #F0F0F0;
    padding: .5rem 1rem;
}

#exportDialog .dialogClose {
    position: relative;
    color: #333;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    line-height: 1.4rem;
    text-align: center;
    background-color: transparent;
    font-size: 1.5rem;
    cursor: pointer;
}

#exportDialog .dialogClose:hover {
    color: #7b7a7a;
}

#exportDialog .dialogBody {
    font-size: 1rem;
    color: #606266;
    line-height: 1.625rem;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
}

#exportDialog .dialogBody .dialogIcon {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1rem;
}

#exportDialog .dialogBody .dialogIcon>div {
    width: 1.875rem;
    height: 1.875rem;
}

#exportDialog .dialogBody .dialogIcon>.dialogErrorIcon {
    background-image: url('../images/icon/icon_sprite.png');
    background-position: -1.875rem 0;
    background-size: 300% 100%;
}

#exportDialog .dialogBody .dialogIcon>.dialogSuccessIcon {
    background-image: url('../images/icon/icon_sprite.png');
    background-position: 0 0;
    background-size: 300% 100%;
}

#exportDialog .dialogBody .dialogIcon>.dialogWarnIcon {
    background-image: url('../images/icon/icon_sprite.png');
    background-position: -3.75rem 0;
    background-size: 300% 100%;
}

#exportDialog .dialogBody .dialogIcon>div>div:before {
    background-color: #6aa16a;
}

#exportDialog .dialogProgressBg {
    height: .3125rem;
    background-color: #e1e1e1;
    border-radius: .3125rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

#exportDialog .dialogProgressBg .dialogProgress {
    height: 100%;
    background-color: #67c23a;
    width: 0%;
}

#exportDialog .dialogBody a {
    color: red;
    text-decoration: underline;
}

#exportDialog .dialogBottom {
    display: flex;
    justify-content: center;
    padding: .25rem 1rem .75rem;
}

#exportDialog .dialogBottom a {
    background: #F0F0F0;
    border-color: #F0F0F0;
    color: #bcbec2;
    padding: .25rem .625rem;
    font-size: .875rem;
    border-radius: .1875rem;
    box-sizing: content-box;
}

#exportDialog .dialogBottom a.reload {
    background: #009307;
    border-color: #009307;
    color: #fff;
}

/* exportDialog为导出开窗 end */

/* 智能报表专用 .windonCenter为手机屏幕固定中间位置class */
.windonCenter {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

/* UIMenuModule组件样式 start */
.menuModule {
    background-color: #fff;
    border-radius: .28rem;
    margin: .5rem;
}

.menuModule>.menuModuleTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem 1rem;
    padding-bottom: .5rem;
}

.menuModule>.menuModuleTitle>span {
    font-size: .875rem;
    font-weight: 600;
    color: #000;
}

.menuModule>.menuModuleTitle>a {
    font-size: .75rem;
    color: #999;
}

.menuModule>ul {
    display: flex;
    flex-wrap: wrap;
}

.menuModule>ul>li {
    width: 25%;
    min-height: 4.75rem;
}

.menuModule>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menuModule>ul>li>a>img {
    width: 2.5rem;
}

.menuModule>ul>li>a>span {
    font-size: .75rem;
    line-height: .875rem;
    color: #666;
    text-align: center;
    padding: .25rem;
}

/* UIMenuModule组件样式 end */

/* 加载中样式 start */
#phoneLoading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1111;
}

#phoneLoading .loadContent {
    background-color: rgba(0, 0, 0, .7);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    width: 7.5rem;
    height: 7.5rem;
}

#phoneLoading .loadSvg,
#phoneLoading .loadSvg:before,
#phoneLoading .loadSvg:after {
    border-radius: 50%;
}

#phoneLoading .loadSvg {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
}

#phoneLoading .loadSvg:before,
#phoneLoading .loadSvg:after {
    position: absolute;
    content: '';
}

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

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

#phoneLoading .loadSvg:before {
    width: calc(2.5rem - .125rem);
    height: calc(1.25rem - .125rem);
    background: transparent;
    border-radius: 2.5rem 2.5rem 0 0;
    top: 0;
    left: 0;
    transform-origin: calc(1.25rem + .0625rem) calc(1.25rem + .0625rem);
    border: .125rem solid #fff;
    border-bottom: 0;
    animation: load 1.5s linear infinite;
    z-index: 10;
}

#phoneLoading .loadSvg:after {
    width: calc(2.5rem - .125rem);
    height: calc(2.5rem - .125rem);
    background: transparent;
    border: .125rem solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 5;
}

#phoneLoading .loadMessage {
    color: #fff;
    padding-top: 1rem;
    font-size: .85rem;
}

/* 加载中样式 end */

/* 菜单编号绿色 */
.formNo {
    color: var(--m-green);
}

.gridIt {
    padding: .125rem .25rem;
    background-color: #f0f2f5;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: .25rem;
    border-radius: .1875rem;
    color: var(--m-green);
}

/* #fullContent，该id只适用于react挂载节点高度为content的百分百且弹性布局方向为纵向 */
#fullContent {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* UIInfoCard组件 infoCard消息，用作左右展示消息 start */
.infoCard>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .0625rem solid #f2f2f2;
    padding: 1rem;
    background: #fff;
    font-size: .875rem;
    line-height: 1rem;
}

.infoCard>li>span:nth-child(1) {
    white-space: nowrap;
}

.infoCard>li>span:nth-child(2) {
    color: #999999;
    word-break: break-all;
    padding-left: 2rem;
}

/* UIInfoCard组件 infoCard消息，用作左右展示消息 end */

/* ModuleForm二级菜单样式 start */
#moduleBox {
    height: 100%;
    overflow: auto;
    position: relative;
    background-color: #ffffff;
}

#moduleBox>.titleList {
    background-color: #f7f7fa;
    display: flex;
    align-items: center;
    overflow: auto;
    position: sticky;
    top: 0;
    scrollbar-width: none;
    z-index: 10;
}

#moduleBox>.istop {
    background-color: #fff;
    box-shadow: 0 .125rem .375rem .125rem rgba(0, 0, 0, .05);
}

#moduleBox>.titleList::-webkit-scrollbar {
    width: 0;
    /*对垂直流动条有效*/
    height: 0;
}

#moduleBox>.titleList>li {
    width: 25%;
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    flex-shrink: 0;
    color: #B0B0B0;
    white-space: nowrap;
}

#moduleBox>.titleList>li.moduleShow {
    position: relative;
    font-size: 1rem;
    color: #333333;
    font-weight: bold;
}

#moduleBox>.titleList>li.moduleShow:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: .1875rem;
    background-color: #0473EA;
    width: 1.75rem;
}

#moduleBox>.moduleList {
    background-color: #fff;
    border-radius: .25rem;
    margin-top: .5rem;
    padding: 0 .1875rem;
}

#moduleBox>.moduleShow {
    display: block;
}

#moduleBox>.moduleList>li {
    display: inline-block;
    width: 25%;
}

#moduleBox>.moduleList:first-of-type {
    margin-top: 0;
}

/* 手机端我的菜单单独样式 */
#moduleBox>.MyMenus {
    position: relative;
}

#moduleBox>.MyMenus::before {
    content: "";
    height: 0.5rem;
    position: absolute;
    top: -0.5rem;
    left: 0;
    right: 0;
    background: #f7f7fa;
}

#moduleBox>.MyMenus>li:first-child {
    display: block;
    margin: 0;
    font-weight: bold;
    padding: .875rem .875rem .625rem;
    line-height: 1.1;
}

#moduleBox>.moduleList>.submenu-contain {
    display: flex;
    flex-wrap: wrap;
    background: #f7f7fa;
    position: relative;
}

#moduleBox>.moduleList>.submenu-contain>span {
    position: absolute;
    top: -0.875rem;
    border-width: 0 .75rem 1rem;
    border-style: solid;
    border-color: transparent transparent #f7f7fa;
    transform: translateX(-50%);
}

#moduleBox>.moduleList>.submenu-contain>a {
    width: 25%;
    padding: .75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    line-height: 1.2;
    text-align: center;
}

#moduleBox>.moduleList>.submenu-contain>a>img {
    width: 2.3125rem;
    height: 2.3125rem;
    margin-bottom: .625rem;
}

#moduleBox>.moduleList>li>a {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: .9375rem .75rem;
    position: relative;
}

#moduleBox>.moduleList>li:last-of-type>a:after {
    height: 0;
}

#moduleBox>.moduleList>li>a>div:first-child {
    width: 3.0625rem;
    height: 3.0625rem;
    position: relative;
    margin-bottom: .75rem;
}

#moduleBox>.moduleList>li>a>div:first-child>img {
    width: 100%;
    height: 100%;
}

#moduleBox>.moduleList>li>a>div:first-child>span {
    position: absolute;
    top: 0.125rem;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: .75rem;
}

#moduleBox>.moduleList>li>a>div:nth-child(2) {
    display: flex;
    flex-direction: column;
}

#moduleBox>.moduleList>li>a>div:nth-child(2)>span:first-child {
    font-size: .875rem;
    color: #333333;
    line-height: 1.2;
}

#moduleBox>.moduleList>li>a>div:nth-child(2)>span:nth-child(2) {
    margin-top: .5rem;
    color: #A9A9A9;
    font-size: .875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#moduleBox>.moduleList>li>a>span {
    color: #A9A9A9;
}

#moduleBox>.moduleList>li>a>img {
    height: .75rem;
    transition: all .5s;
}

#moduleBox>.moduleList>.rotateUp>a>img {
    transform: rotate(0deg);
}

#moduleBox>.moduleList>.rotateDown>a>img {
    transform: rotate(90deg);
}

#moduleBox>.moduleList>li>div {
    display: none;
    margin: 0 .75rem;
}

#moduleBox>.moduleList>li>div>a {
    display: block;
    padding: 1.25rem 0 1.25rem 3rem;
    font-size: 1rem;
    color: #333333;
    font-weight: bold;
    line-height: 1rem;
}

#moduleBox .menuDiv {
    background: #fff;
    border-radius: .25rem;
    margin-bottom: .125rem;
    padding-bottom: .9375rem;
}

#moduleBox .menutitle {
    padding: 0.875rem .75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    display: flex;
    justify-content: space-between;
}

#moduleBox .menutitle a img {
    width: 1rem;
    height: 1rem;
}

#moduleBox .commonList {
    display: flex;
    overflow: auto;
    height: 5.25rem;
    align-items: flex-start;
    scrollbar-width: none;
}

#moduleBox .commonList li {
    flex-shrink: 0;
    position: relative;
    width: 25%;
}

#moduleBox .commonList li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.75rem;
}

#moduleBox .commonList li:last-child>a {
    margin-right: 0;
}

#moduleBox .commonList li>a img {
    width: 2.5rem;
    margin-bottom: .75rem;
}

#moduleBox .commonList li>a>span:first-of-type {
    font-size: .75rem;
    color: #fff;
    position: absolute;
    top: .25rem;
    line-height: .75rem;
}

#moduleBox .commonList li>a>span:last-child {
    font-size: .875rem;
    width: 3.5rem;
    line-height: 1rem;
    text-align: center;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: static;
}

#moduleBox .commonList::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#moduleBox .commonList::-webkit-scrollbar-thumb {
    background-color: transparent;
}

/* ModuleForm二级菜单样式 end */

/* UINoData无数据组件样式 start */
#UINoData {
    color: #999;
    padding: 1rem;
    font-size: .875rem;
    background: transparent;
    padding-top: 20%;
    text-align: center;
    font-weight: normal;
    word-break: break-all;
}

#UINoData.grey {
    background: #F7F7FA;
}

#UINoData>img {
    width: 11.25rem;
    height: 10.1875rem;
    margin-bottom: 0.75rem;
}

/* UINoData无数据组件样式 end */

/* 隐藏viewer右上角的关闭按钮 */
.viewer-close {
    display: none;
}

/* SelectCusInfo span img span 结构样式, 客户特别关注等级图标 start */
.spanImgContent {
    position: relative;
    display: inline-block;
    margin-left: 0.25rem;
}

.spanImgContent>img,
ul[role='chunkBoxItem']>li .spanImgContent>img {
    width: auto;
    height: 1.5rem;
}

.spanImgContent>span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

table.dbgrid tr td .spanImgContent>span {
    padding: 0;
}

/* SelectCusInfo span img span 结构样式, 客户特别关注等级图标 end */

/* UISheetCard卡片样式 用于基本资料、帐号权限管理等 start*/
.content section[role="sheetCard"] {
    background: #ffffff;
    width: 94.5%;
    height: auto;
    float: left;
    margin: .625rem .625rem 0;
    padding: .25rem 1.25rem .625rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    line-height: 1.75em;
}

.content section[role="sheetCard"] div {
    padding: 0;
}

.content section[role="sheetCard"] div.describe {
    width: 80%;
}

.content section[role="sheetCard"] label {
    display: block;
    width: 100%;
    border-bottom: .0625rem solid #ebebeb;
    font-weight: bold;
    padding: 0.25em 0;
    margin-bottom: 0.25em;
    border-left: 0;
    position: relative;
}

.content section[role="sheetCard"] label::before {
    content: "";
    position: absolute;
    left: -0.625rem;
    top: .4375rem;
    bottom: .4375rem;
    width: .125rem;
    background-color: #0473EA;
}

.content section[role="sheetCard"] label a {
    float: right;
    font-weight: normal;
}

/* UISheetCard卡片样式 用于基本资料、帐号权限管理等 end */

/* UICustomRadio组件 start */
div[role='radio'] {
    display: flex;
}

div[role='radio']>input {
    display: none;
}

div[role='radio']>label {
    display: flex;
    cursor: pointer;
}

div[role='radio']>label>img {
    width: 1.25rem;
    height: 1.25rem;
    display: none;
}

div[role='radio']>input:not(:checked)+label>img:first-of-type {
    display: block;
}

div[role='radio']>input:checked+label>img:nth-of-type(2) {
    display: block;
}

div[role='radio']>label>span {
    line-height: 1rem;
    padding-top: .125rem;
    padding-left: .375rem;
}

/* UICustomRadio组件 end */
/* 新版 详情 样式 end */

/* 新版底部操作区域结构样式 */
section[role="footerButtons"]>div {
    width: 0;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: .0625rem solid #dedede;
    height: 100%;
}

section[role="footerButtons"]>div:last-of-type {
    border-right: 0;
}

section[role="footerTools"]>div {
    display: inline-block;
    vertical-align: top;
    min-width: 4em;
    height: 1.75em;
    line-height: 1.48em;
    border-radius: 0.4em;
    text-align: center;
    padding: 0 0.5em;
    outline: none;
    cursor: pointer;
    margin-left: 0.5em;
    background: #fcfcfc;
    margin-top: 0.375rem;
    font-size: 1em;
}

section[role="footerTools"]>div.bottomBotton {
    border: .0625rem solid #dedede;
}

section[role="footerTools"]>div>a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}

/* 手机端底部按钮查看更多按钮样式(footer.setMoreButton()) start */
footer[role="footer"] section[role="footerButtons"].moreButton {
    padding: .25rem 1rem;
}

footer[role="footer"] section[role="footerTools"].moreButton>div.bottomBotton,
footer[role="footer"] section[role="footerButtons"].moreButton>div.bottomBotton {
    border: .0625rem solid #666;
    padding: 0.25rem 0.5rem;
    max-width: 6em;
    margin: .3125rem .375rem .3125rem 0;
    word-break: break-all;
    min-width: 5em;
    height: 2rem;
    line-height: 1;
    border-radius: 0.25rem;
}

footer[role="footer"] section[role="footerButtons"].moreButton>div.bottomBotton {
    max-width: unset;
    margin: 0 .5rem 0 0;
    height: 2.25rem;
}

footer[role="footer"] section[role="footerButtons"].moreButton>div.bottomBotton:last-of-type {
    margin-right: 0;
}

footer[role="footer"] section[role="footerTools"].moreButton,
footer[role="footer"] section[role="footerButtons"].moreButton {
    position: relative;
    height: auto;
}

section[role="footerTools"].moreButton>div>a,
section[role="footerButtons"].moreButton>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
}

section[role="footerTools"].moreButton .readMore>a>i,
section[role="footerButtons"].moreButton .readMore>a>i {
    width: .5625rem;
    height: .5625rem;
    border-style: solid;
    border-width: .0625rem .0625rem 0 0;
    transform: rotate(135deg);
    margin-top: -0.375rem;
    margin-left: 0.25rem;
    transition: transform 0.2s ease;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
}

section[role="footerTools"].moreButton .moreBtnsDiv,
section[role="footerButtons"].moreButton .moreBtnsDiv {
    position: absolute;
    background: #fff;
    padding: .25rem .375rem;
    min-width: 6em;
    bottom: calc(100% + .3125rem);
    box-shadow: 0 0 .375rem .0625rem rgba(112, 119, 129, 0.2);
    border-radius: 0.25rem 0.25rem 0 0;
    transition: transform ease 0.2s;
    transform: scale(0);
}

section[role="footerTools"].moreButton .moreBtnsDiv {
    right: -0.3125rem;
}

section[role="footerTools"].moreButton .moreBtnsDiv.showMoreBtnsDiv,
section[role="footerButtons"].moreButton .moreBtnsDiv.showMoreBtnsDiv {
    transform: scale(1);
}

section[role="footerTools"].moreButton .moreBtnsDiv>.bottomBotton,
section[role="footerButtons"].moreButton .moreBtnsDiv>.bottomBotton {
    border: 0.0625rem solid #666;
    border-radius: 0.25rem;
    margin: 0.5rem 0.25rem;
    height: 2.3rem;
    min-width: 4.5rem;
    white-space: nowrap;
}

section[role="footerButtons"].moreButton .moreBtnsDiv>.bottomBotton {
    min-width: 6.5rem;
}

section[role="footerTools"].moreButton .moreBtnsDiv>.bottomBotton>a,
section[role="footerButtons"].moreButton .moreBtnsDiv>.bottomBotton>a {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.625rem;
    height: 100%;
}

/* 手机端底部按钮查看更多按钮样式 end */

/* 手机版底部按钮样式 start */
footer[role="footer"] section[role="footerButtons"].footerPhone {
    height: 3.125rem;
    padding: .3125rem 0.5rem;
    display: flex;
    background: #fff;
}

body footer footer[role="footer"] section[role="footerButtons"].footerPhone>.bottomBotton {
    flex: 1;
    border: 0.0625rem solid var(--m-footer-phone-color);
    color: var(--m-footer-phone-color);
    margin-right: 0.5rem;
    height: 100%;
    border-radius: 0.25rem;
    padding: 0.25rem;
    text-align: center;
}

body footer footer[role="footer"] section[role="footerButtons"].footerPhone>.bottomBotton:last-of-type {
    color: #fff;
    background: var(--m-footer-phone-color);
    margin-right: 0;
    border: 0;
}

section[role="footerButtons"].footerPhone>.bottomBotton>a {
    font-size: .875rem;
    color: var(--m-footer-phone-color);
    line-height: 1.2;
}

section[role="footerButtons"].footerPhone>.bottomBotton:last-of-type>a {
    color: #fff;
}

/* 手机版底部按钮样式 end */

/* 新版底部操作区域结构样式 end */

#grid input[role=edit],
#grid select[role=edit] {
    color: red;
}

/* 表格tr的移入样式 */
.dbgrid tr:hover td {
    background-color: var(--m-gridHoverBgc) !important;
}

.dbgrid tr.selected td {
    background-color: var(--m-gridSelectBgc) !important;
}

/*选中行时整行变色*/
.trColor td {
    background-color: var(--m-gridSelectBgc) !important;
}

/* 高德AMapUI组件城市选择器样式, 并适配大屏手机 */
body .amap-ui-mobi-city-picker {
    max-width: 100%;
}

body .amap-ui-mobi-city-picker .J_commonInput {
    line-height: 1;
    height: auto;
}

body .amap-ui-mobi-city-picker .search-box {
    line-height: 1;
    height: auto;
    padding: .375rem .625rem .375rem .375rem;
    border: .0625rem solid #bbb;
    font-size: 1rem;
    margin-top: .9375rem;
    border-radius: .1875rem;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    -ms-border-radius: .1875rem;
    -o-border-radius: .1875rem;
}

body .amap-ui-mobi-city-picker .search-box .bt {
    width: 1.875rem;
    background-size: 1.125rem 1.125rem;
    height: 1.875rem;
}

body .amap-ui-mobi-city-picker .current_city {
    height: 1.875rem;
    line-height: 1.875rem;
    padding: .1875rem 0 .1875rem .9375rem;
}

body .amap-ui-mobi-city-picker .topbar {
    padding: .5rem .625rem .625rem;
    height: 5.3125rem;
}

body .amap-ui-mobi-city-picker .closebtn {
    top: .125rem;
    left: .125rem;
    font-size: 2.25rem;
    width: 2.1875rem;
    height: 2.0625rem;
    line-height: 1.875rem;
    background-size: .625rem 1.125rem;
}

body .amap-ui-mobi-city-picker .current_city_box.ready {
    height: 2.25rem;
}

body .amap-ui-mobi-city-picker .city_fixed_title {
    top: 5.3125rem;
}

body .amap-ui-mobi-city-picker .city_anchor {
    top: 6.25rem;
}

body .amap-ui-mobi-city-picker .city_anchor a {
    padding: .0625rem .1875rem .0625rem .625rem;
    height: 1rem;
}

body .amap-ui-mobi-city-picker .city_fixed_title,
body .amap-ui-mobi-city-picker .listgroup .title {
    height: 1.875rem;
    line-height: 1.875rem;
    padding-left: .9375rem;
}

body .amap-ui-mobi-city-picker .listgroup .citylist .item {
    margin-right: 1.25rem;
    padding-left: .9375rem;
}

body .amap-ui-mobi-city-picker .items_list .item {
    padding: .625rem .3125rem;
    margin-right: .625rem;
    line-height: 1.25rem;
    border-top: .0625rem solid #e0e0e0;
}

body .amap-ui-mobi-city-picker .search-box .bt.clear {
    background-size: 1rem 1rem;
}

/* 高德AMapUI组件城市选择器样式, 并适配大屏手机 end */
.formBottomBtn {
    text-align: center;
    border-top: .0625rem solid #8c8c8c;
    padding: 1rem 0;
}

@media screen and (max-width: 767px) and (orientation: portrait),
(max-device-aspect-ratio: 1/1) and (orientation: portrait),
(max-aspect-ratio: 1/1) and (orientation: portrait) {

    /* 底部footer样式，增加:not(article>footer>span)作用域，pc版常用footer不生效，pc为article>footer结构，phone为body>footer结构 */
    footer[role="footer"] {
        width: 100%;
        min-height: 2.5em;
        line-height: 2.5em;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #FFFFFF;
        z-index: 201;
        border-top: .0625rem solid #dedede;
    }

    footer[role="footer"] section[role="footerTools"] {
        display: inline;
        padding-left: 1rem;
    }

    section[role="footerTools"]>a {
        display: inline-block;
        vertical-align: top;
        min-width: 4em;
        height: 1.75em;
        line-height: 1.48em;
        border-radius: .4em;
        -webkit-border-radius: .4em;
        text-align: center;
        padding: 0 0.5em;
        border: none;
        outline: none;
        cursor: pointer;
        margin-left: 0.5em;
        background: #fcfcfc;
        color: #333;
        border: .0625rem solid #dedede;
        margin-top: 0.35em;
        font-size: 1em;
    }

    footer[role="footer"] section[role="footerButtons"] {
        width: 100%;
        height: 2.5em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: -moz-flex;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    footer[role="footer"] section[role="footerButtons"]>div {
        width: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    footer[role="footer"] section[role="footerButtons"]>div:nth-child(n+2) {
        border-left: .06rem solid #dedede;
    }

    footer[role="footer"] section[role="footerButtons"]>div>a {
        width: 100%;
        height: 100%;
        line-height: 1.5;
    }

    footer[role="footer"] section[role="footerButtons"]>div>a::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    footer[role="footer"] section[role="footerButtons"] a {
        display: flex;
        width: 100%;
        height: 2.5em;
        line-height: 2.5em;
        text-align: center;
        color: #333;
        float: left;
        border-right: .0625rem solid #dedede;
        font-size: .88em;
        justify-content: center;
        align-items: center;
    }

    footer[role="footer"] section[role="footerButtons"] span:first-child {
        width: 4rem;
        flex-shrink: 0;
        line-height: 100%;
        display: inherit;
        height: 100%;
        border-right: .0625rem solid #dedede;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    footer[role="footer"] section[role="footerButtons"] a.backButton,
    footer[role="footer"] section[role="footerTools"] a.backButton {
        flex: none;
        width: 2.5rem;
        background-image: url('../images/go-back.png');
        background-size: .5rem auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    footer[role="footer"] section[role="footerButtons"] a>img {
        width: 1.06em;
        height: 1.06em;
        margin-right: .64em;
        margin-top: -.125em;
    }

    footer[role="footer"] section[role="footerButtons"] a:last-child {
        border-right: none;
    }

    footer[role="footer"] section[role="footerOperation"] {
        display: inline-block;
        margin-left: .75rem;
    }

    footer[role="footer"] section[role="footerOperation"] input[type="checkbox"] {
        width: 1rem;
        height: 1rem;
    }

    footer[role="footer"] section[role="footerOperation"] input[type="checkbox"],
    footer[role="footer"] section[role="footerOperation"] label {
        vertical-align: middle;
        margin-right: 0.25rem;
        cursor: pointer;
    }
}

/* ssrForm 的 siteArea组件 start */
form div[role="siteArea"] {
    position: absolute;
    top: calc(100% + .25rem);
    left: -0.0625rem;
    background: #ffffff;
    width: 100%;
    display: none;
    z-index: 101;
    max-height: 11rem;
    overflow: auto;
    overflow: overlay;
    box-shadow: 0 .125rem .75rem 0 rgb(0 0 0/ 10%);
    border: .0625rem solid #e4e7ed;
    border-radius: .25rem;
    cursor: pointer;
    box-sizing: content-box;
}

form div[role="siteArea"]>span {
    padding: 0.5rem 0.5rem;
    text-align: left;
    display: block;
    line-height: 1.3;
    margin: 0 .25rem;
    border-bottom: .0625rem solid #e4e7ed80;
}

form div[role="siteArea"]>span:last-of-type {
    border-bottom: 0;
}

form div[role="siteArea"]>span:hover {
    background-color: #e6e6e6;
}

/* ssrForm 的 siteArea组件 end */

/* Alert弹窗样式 */
.alert-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1001;
}

.alert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21.5em;
    min-height: 10rem;
    background: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: .5rem;
}

.alert-box .alert-title {
    width: 100%;
    height: 4.625rem;
    line-height: 4.625rem;
    text-align: center;
    font-size: 1.375rem;
    color: #333
}

.alert-box .alert-con {
    width: 100%;
    line-height: 1.5rem;
    text-align: center;
    font-size: 1.0625rem;
    color: #666;
    padding: 0 .9375rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: .9375rem;
    word-break: break-word;
}

.alert-box .alert-con a {
    color: #2F8BF7;
    text-decoration: underline
}

.alert-box>ul {
    width: 100%;
    height: 2.875rem;
    border-top: .0625rem solid #e6e6e6;
    display: flex;
}

.alert-box>ul li {
    list-style: none;
    flex: 1;
    border-right: .0625rem solid #e6e6e6;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    float: left;
    color: #2F8BF7;
    font-size: 1.125rem;
    cursor: pointer;
}

.alert-box>ul li.alert-cancel {
    color: #666666;
}

.alert-box>ul li:last-of-type {
    border-right: 0;
}

/* Alert弹窗样式 end */

/* 以下code夺回ckeditor富文本编辑器的样式权,不会影响其它地方 */
form.modify ul li .cke.cke_reset {
    width: 100%;
}

form.modify ul li .cke.cke_reset .cke_voice_label {
    display: none;
}

form.modify ul li .cke_top {
    display: block;
    margin: 0;
    padding: 0;
    width: auto !important;
}

form.modify ul li .cke_toolgroup {
    margin: .0625rem .125rem .375rem 0;
    padding-right: .1875rem;
    width: auto !important;
}

form.modify ul li .cke_button_label {
    display: none;
    padding-left: .1875rem;
    margin-top: .0625rem;
    line-height: 1.0625rem;
    vertical-align: middle;
    float: left;
    cursor: default;
    color: #484848;
}

form.modify ul li .cke_combo_label {
    display: none;
}

form.modify ul li .cke_combo_text {
    padding-left: .625rem;
    width: 3.75rem !important;
}

form.modify ul li .cke_button_icon {
    cursor: inherit;
    background-repeat: no-repeat;
    margin-top: .0625rem;
    width: 1rem !important;
    height: 1rem;
    float: left;
    display: inline-block;
}

form.modify ul li .cke_toolbar_separator {
    margin: .25rem .125rem 0 .125rem;
    height: 1.125rem;
    width: .0625rem !important;
}

form.modify ul li .cke_top {
    border-bottom: .0625rem solid #d1d1d1;
    background: #f8f8f8;
    padding: .375rem .5rem .125rem;
    white-space: normal;
}

form.modify ul li .cke_top,
form.modify ul li .cke_contents,
form.modify ul li .cke_bottom {
    display: block;
    overflow: hidden;
}

form.modify ul li .cke_toolbox,
form.modify ul li .cke_toolbar,
form.modify ul li .cke_combo,
form.modify ul li .cke_bottom {
    width: auto;
}

/* 以上code夺回ckeditor富文本编辑器的样式权,不会影响其它地方 */

/* viewer插件图片预览rem样式 start */
ul.viewer-toolbar {
    width: 17.5rem;
    display: flex;
    justify-content: center;
    margin: 0 auto .3125rem;
    padding: .1875rem;
}

ul.viewer-toolbar>li {
    padding: 0;
    position: unset;
    width: 1.5rem;
    height: 1.5rem;
}

ul.viewer-toolbar>li+li {
    margin-left: .0625rem;
}

ul.viewer-toolbar>li.viewer-play {
    width: 1.875rem;
    height: 1.875rem;
    margin-top: -0.1875rem;
    margin-bottom: -0.1875rem;
}

ul.viewer-toolbar>li::before {
    margin: .125rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
}

ul.viewer-toolbar>li.viewer-play::before {
    margin: .3125rem;
}

ul.viewer-toolbar>li:nth-child(1):before {
    background-position: calc(-1.25rem * 0) 0;
}

ul.viewer-toolbar>li:nth-child(2):before {
    background-position: calc(-1.25rem * 1) 0;
}

ul.viewer-toolbar>li:nth-child(3):before {
    background-position: calc(-1.25rem * 2) 0;
}

ul.viewer-toolbar>li:nth-child(4):before {
    background-position: calc(-1.25rem * 3) 0;
}

ul.viewer-toolbar>li:nth-child(5):before {
    background-position: calc(-1.25rem * 4) 0;
}

ul.viewer-toolbar>li:nth-child(6):before {
    background-position: calc(-1.25rem * 5) 0;
}

ul.viewer-toolbar>li:nth-child(7):before {
    background-position: calc(-1.25rem * 6) 0;
}

ul.viewer-toolbar>li:nth-child(8):before {
    background-position: calc(-1.25rem * 7) 0;
}

ul.viewer-toolbar>li:nth-child(9):before {
    background-position: calc(-1.25rem * 8) 0;
}

ul.viewer-toolbar>li:nth-child(10):before {
    background-position: calc(-1.25rem * 9) 0;
}

ul.viewer-toolbar>li:nth-child(11):before {
    background-position: calc(-1.25rem * 10) 0;
}

div.viewer-container>.viewer-button {
    top: -2.5rem;
    right: -2.5rem;
    width: 5rem;
    height: 5rem;
}

div.viewer-container>.viewer-button:before {
    bottom: .9375rem;
    left: .9375rem;
}

div.viewer-container>.viewer-close:before {
    background-position: -16.25rem 0;
    background-size: cover;
    width: 1.25rem;
    height: 1.25rem;
}

/* viewer插件图片预览rem样式 end */

/*选择弹窗的样式 start */
.selectDialog {
    border-radius: 0.5em;
    display: none;
    position: fixed;
    z-index: 101;
    width: 100%;
    cursor: move;
}

.dialogClose {
    width: 100%;
    background-color: #3273F4;
    color: white;
    padding: 0 .3em;
    height: 2em;
    position: absolute;
}

.dialogClose span {
    float: right;
}

/*选择弹窗的样式 end */

i.badge {
    font-size: .625rem;
    background: #ed6d79;
    color: #fff;
    display: inline-block;
    padding: 0rem .25rem;
    line-height: 1.4;
    text-align: center;
    border-radius: 6.25rem;
    position: absolute;
    top: -0.25rem;
}

/* 手机版底部按钮 start */
.common_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 3.125rem;
    display: flex;
    line-height: 1;
    font-size: 1rem;
    align-items: center;
    box-shadow: 0 -0.125rem 0.375rem 0.0625rem rgba(51, 51, 51, .1);
}

.common_footer>div {
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0.25rem 0.125rem;
}

.common_footer>div:first-of-type {
    padding-left: 0.75rem;
}

.common_footer>div:last-of-type {
    padding-right: 0.75rem;
}

.common_footer>div>button,
.common_footer>div>div,
.common_footer>div>.common_button {
    border: .0625rem solid #0473EA;
    color: #0473EA;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 1;
}

.common_footer .footer_primary {
    background: #0473EA;
    color: #fff;
}

.common_footer .footer_disabled {
    background: #82B8F4;
    border-color: #82B8F4;
    pointer-events: none;
}

/* 手机版底部按钮 end */

/* 图片管理和商城广告维护 start */
.UIImageList:not(:first-of-type) {
    border-top: 1px solid #dedede;
}

.UIImageList .title {
    padding: 0.5rem 1rem 0 1rem;
    color: #666;
}

ul[role="imageBox"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.5rem;
}

ul[role="imageBox"]>li {
    width: 45%;
    height: 10rem;
    position: relative;
    padding: 1.375rem 0.5rem 0.5rem 0.5rem;
    margin: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0 .125rem .5rem;
    text-align: center;
    list-style: outside none none;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

ul[role="imageBox"]>li>div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul[role="imageBox"]>li>div>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

ul[role="imageBox"]>li>a:first-of-type {
    position: absolute;
    top: 0;
    right: 0.5rem;
}

ul[role="imageBox"]>li>a:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 3rem;
}

ul[role="imageBox"]>li.imageListEmpty {
    padding: 0 0 0 0.5rem;
    margin: 0;
    width: auto;
    height: auto;
    box-shadow: none;
}

/* 图片管理和商城广告维护 end */

/* 切换角色面板卡片样式 */
.exchangeCard {
    position: absolute;
    width: 8rem;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 .375rem .0625rem rgba(112, 119, 129, 0.2);
    z-index: 100;
    display: none;
    font-size: 0.875rem;
}

.exchangeCard a {
    padding: .875rem 1rem;
    position: relative;
    display: flex;
    align-items: center;
    color: #666;
    line-height: 1.2;
    font-weight: 400;
}

.exchangeCard a:hover {
    background-color: #c8e2ff;
    color: #0473EA;
}

.exchangeCard a:hover>img,
.exchangeCard a .hideIcon {
    display: none;
}

/* .fullMask目前只用作转账交易密码地方，可输入的对话框 start */
.fullMask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2002;
}

.fullMask .fullMaskMain {
    background-color: #fff;
    border-radius: .28rem;
    padding: 1rem;
}

.fullMaskMain>input {
    height: 1.68rem;
    border-radius: .28rem;
    outline: none;
    width: 12.5rem;
    margin: .5rem 0;
}

.fullMask .fullMaskBtns {
    display: flex;
    justify-content: flex-end;
}

.fullMask .fullMaskBtns>button {
    margin-left: 1rem;
    margin-top: .5rem;
}

.exchangeCard a:hover>img.selectIcon,
.exchangeCard a .showIcon {
    display: block;
}

.exchangeCard a i.selectSuccess {
    display: none;
    content: "";
    position: absolute;
    width: 0.3125rem;
    height: 0.5rem;
    border-bottom: 0.0625rem solid #0473ea;
    border-right: 0.0625rem solid #0473ea;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    right: 1.25rem;
    z-index: 2;
}

.exchangeCard a.selected i.selectSuccess {
    display: block;
}

.exchangeCard>div:not(:last-child)>a::before {
    content: '';
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: .06rem;
    background-color: #ededed;
}

.exchangeCard a>img {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.exchangeCard a>span {
    flex: 1;
}

div.commonMenu {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

div.commonMenu:hover {
    background-color: var(--m-menu-bg-hover);
}

div.commonMenu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: .625rem;
    right: .625rem;
    height: .06rem;
    background-color: #EBEBEB;
}

ul.commonMenuList>li:last-of-type>div.commonMenu::after {
    display: none;
}

div.commonMenu>div {
    width: 100%;
    position: relative;
}

div.commonMenu>div:first-of-type {
    padding: .625rem;
    display: flex;
    align-items: center;
}

div.commonMenu>div:first-of-type>img {
    width: 2rem;
}

div.commonMenu>div:first-of-type>img.custom {
    padding: .375rem;
    background-color: #f1f6ff;
    border-radius: .625rem;
}

div.commonMenu>div:first-of-type>ul {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 0.625rem;
    justify-content: center;
    overflow: hidden;
}

div.commonMenu>div:first-of-type>ul>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    line-height: 1.5;
}

div.commonMenu>div:first-of-type>ul>li>div {
    display: flex;
    overflow: hidden;
    align-items: center;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type {
    width: 100%;
}

div.commonMenu>div:first-of-type>ul>li:last-of-type {
    font-size: 0.75rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>span {
    padding-right: .5rem;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>div {
    color: var(--m-text-color);
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 94%;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>div>span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>div .lock {
    width: .75rem;
    height: .75rem;
    margin-left: 0.5rem;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>div>span.menuCodeNum {
    color: var(--m-green);
    padding-right: .5rem;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>span.menuCopy {
    display: none;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>span.menuCopy>img {
    width: 1rem;
    vertical-align: top;
}

div.commonMenu>div:first-of-type>ul>li>div:first-of-type>span:nth-of-type(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.commonMenu>div:first-of-type>ul>li>div:nth-of-type(2) {
    z-index: 10;
    cursor: pointer;
    overflow: unset;
    flex-shrink: 0;
}

div.commonMenu>div:first-of-type>ul>li>div:nth-of-type(2)::before {
    content: '';
    position: absolute;
    width: 2rem;
    height: 100%;
    top: 0;
    right: 0.125rem;
}

div.commonMenu>div:first-of-type>ul>li>div:nth-of-type(2)>img {
    width: 1rem;
    height: 1rem;
}

div.commonMenu>div:first-of-type>a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div.commonMenu>div:first-of-type>span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

div.commonMenu>div.searchBox>ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .375rem;
}

div.commonMenu>div.searchBox>ul>li>a,
div.commonMenu>div.searchBox>ul>li>span {
    display: block;
    padding: .25rem .5rem;
    margin: 0 .25rem .5rem;
    background-color: #efefef;
    border-radius: .25rem;
    line-height: 1.25rem;
    cursor: pointer;
    color: var(--m-link-blue-color);
}

div.commonMenu:hover>div.searchBox>ul>li>a,
div.commonMenu:hover>div.searchBox>ul>li>span {
    background-color: #fff;
}

div.commonMenu>div.searchBox {
    margin-top: -0.0625rem;
}

div.commonMenu>div.searchBox .aui-loading-loadingContainer {
    margin: .5rem auto;
}

div.commonMenu>div.searchBox .aui-loading-loading::before {
    background: #dadbda;
}

div.commonMenu>div.searchBox form.vuiForm {
    padding: .375rem .625rem .75rem;
    background-color: transparent;
    margin-top: -0.5rem;
    margin-bottom: 0;
}

div.commonMenu>div.searchBox form.vuiForm li {
    width: 13rem;
}

div.commonMenu>div.searchBox form.vuiForm li>div:not([role="switch"]) {
    background-color: #fff;
    margin-left: 0;
}

div.commonMenu>div.searchBox form.vuiForm div.searchTextButton {
    width: 100%;
    padding: 0;
}

div.commonMenu>div.searchBox form.vuiForm div.searchTextButton>.searchFormButtonDiv {
    width: 5em;
}

div.commonMenu>div.searchBox form.vuiForm div.searchTextButton+ul {
    padding: 0;
}

div.commonMenu>div.searchBox form.vuiForm>p {
    display: none;
}

/* 拖拽排序，当前拖拽模块样式 start */
.draggingClass,
.draggingClassToBefore::before {
    border: .0625rem solid #0473ea;
}

/* 拖拽排序，当前拖拽模块样式 end */

main>aside>.asideList>section.commonMenus>div.defaultHideMenu {
    display: none;
}

/* RoleStatusField */
i.roleStatu0,
i.roleStatu1,
i.roleStatu2 {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
}

i.roleStatu0 {
    background-color: #fff;
    border-color: #C2C2C2;
}

i.roleStatu0::before,
i.roleStatu1::before {
    content: "";
    box-sizing: content-box;
    width: .1875rem;
    height: .4375rem;
    border: .06rem solid #fff;
    border-left: 0;
    border-top: 0;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1);
    transform-origin: center;
    cursor: pointer;
}

i.roleStatu0,
i.roleStatu1 {
    content: '';
    width: 1rem;
    height: 1rem;
    box-sizing: border-box;
    border: .06rem solid #C2C2C2;
    border-radius: .25rem;
    background-color: #fff;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

i.roleStatu1 {
    background-color: #409eff;
    border-color: #409eff;
}

i.roleStatu2 {
    content: '';
    background-image: url(../images/icon/collect_checked.png);
    background-size: 1rem 1rem;
}

.noData {
    background-color: #fff;
    text-align: center;
    color: #666666;
    padding: 1rem;
}

/*多选框开关样式 start */
.switch>input {
    display: none;
}

.switch>input+label {
    background-color: #E6E6E6;
    border: .0625rem solid #E6E6E6;
    border-radius: 6.25rem;
    display: block;
    height: 1.6em;
    width: 3em;
    margin-right: .5em;
}

.switch>input:checked+label {
    background-color: #03B0FB;
    border: .0625rem solid #03B0FB;
}

.switch>input+label>span {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 1.44em;
    width: 1.44em;
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: left;
}

.switch>input:checked+label>span {
    float: right;
}

/*多选框开关样式 end */

/*时间色管理样式*/
em.oneMonth {
    background: #00c462;
    margin-right: 0.125rem;
}

em.threeMonth {
    background: #fb0035;
    margin-right: 0.125rem;
}

em.overThreeMonth {
    background: #82001a;
    margin-right: 0.125rem;
}

em.overOneYear {
    background: black;
    margin-right: 0.125rem;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

/*长条色块**/
.progress1 {
    width: 2em;
    display: inline-block;
    height: .75rem;
    border: .0625rem solid rgb(153, 153, 153);
    text-align: left;
}

.progress1 span {
    display: none;
}

.progress2 {
    width: 2em;
    display: inline-block;
    height: .75rem;
    border: .0625rem solid rgb(153, 153, 153);
    text-align: left;
}

.progress2 span {
    display: block;
    height: .625rem;
    width: 50%;
    left: 0;
    background-color: #009944;
}

.progress3 {
    width: 2em;
    display: inline-block;
    height: .75rem;
    border: .0625rem solid lawngreen;
    text-align: left;
}

.progress3 span {
    display: block;
    height: .625rem;
    width: 100%;
    background-color: #009944;
}

.progress4 {
    width: 2em;
    display: inline-block;
    height: .75rem;
    border: .0625rem solid #ff8000;
    text-align: left;
}

.progress4 span {
    display: block;
    height: .625rem;
    width: 100%;
    background-color: #EC6941;
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/* 移入移出图片显示和隐藏 start */
body .hoverImageBox img:nth-child(1) {
    visibility: unset;
    position: unset;
}

body .hoverImageBox img:nth-child(2) {
    visibility: hidden;
    position: absolute;
}

body .hoverImageBox:hover img:nth-child(1),
body .hoverImageBox.menu_active img:nth-child(1) {
    visibility: hidden;
    position: absolute;
}

body .hoverImageBox:hover img:nth-child(2),
body .hoverImageBox.menu_active img:nth-child(2) {
    visibility: unset;
    position: unset;
}

/* 移入移出图片显示和隐藏 end */
/* 作用域加强版移入移出显示 */
body .hoverBox>:first-child {
    display: block;
}

body .hoverBox>:nth-child(2) {
    display: none;
}

body .hoverBox:hover>:first-child {
    display: none;
}

body .hoverBox:hover>:nth-child(2) {
    display: block;
}

/* 右小箭头 */
.dialogRight {
    display: inline-block;
    border-width: 0 0.375rem 0.5rem;
    border-style: solid;
    border-color: transparent transparent #333;
    transform: rotateZ(90deg) translateX(-0.0625rem);
    border-radius: 0.125rem;
}

/* BlockFileList附件样式 start */
.blockFileList {
    border-bottom: none;
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
}

[role="group"] .blockFileList section {
    display: flex;
    padding: 0.5rem;
    position: relative;
}

[role="block-left"] {
    width: 3.125rem;
    line-height: 1.2;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.375rem;
}

[role="block-left"] img {
    width: 2rem;
    margin-bottom: 0.625rem;
    cursor: pointer;
}

.blockFileList>section:not(:last-of-type) {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.5em;
}

.blockFileList div[role="block-right"] {
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.blockFileList div[role="block-right"]>span:first-child {
    line-height: 1.2;
    padding-right: 1.25rem;
    font-weight: bold;
    font-size: 0.875rem;
}

.blockFileList>section>img {
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
    width: 1.25rem;
    cursor: pointer;
}

.blockFileList>section>img {
    top: 0.5rem;
}

.blockFileList div[role="block-right"]>span {
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

/* BlockFileList附件样式 end */

/** 数据元素排序 start */
div[role='chart'] .chartTitle.sortCard {
    padding: 1rem .5rem 0 1.875rem;
    flex-shrink: 0;
    cursor: grab;
}

div[role='chart'] .sortCard::before {
    content: "";
    position: absolute;
    margin-top: 0.0625rem;
    left: 0.625rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/icon/move.png") center no-repeat;
    background-size: 100% 100%;
}

div[role='chart'] .chartTitle .sizeIcon {
    position: absolute;
    margin-top: 0.0625rem;
    right: 0.625rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/** 数据元素排序 end */

/* UIMuiInfo组件 start */
.muiTitleList {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem 0 1rem;
    background-color: #fff;
}

.muiTitleList>li {
    flex: 1;
    text-align: center;
}

.muiInfoList {
    background-color: #fff;
    padding: 1rem;
}

.muiTitleList+.muiInfoList {
    padding: 0 1rem 1rem 1rem;
}

.muiInfoList .infoLine,
.muiLine {
    padding-top: 0.875rem;
    display: flex;
    justify-content: space-between;
    line-height: 1.375rem;
}

.muiInfoList .infoLine {
    justify-content: flex-start;
}

.muiInfoList .infoLine>span:first-of-type,
.timeInfoState>span:first-of-type,
.muiInfoList .muiLine>span:first-of-type {
    min-width: 7rem;
    padding-right: 1rem;
    overflow: hidden;
    color: #666;
}

.muiInfoList .infoLine>span:first-of-type {
    width: auto;
}

/* UIMuiInfo组件 end */

/* UIPhone组件 start */
content #uiPhone {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

content #uiPhone>img {
    display: none;
}

content #uiPhone>div:nth-of-type(2) {
    height: 0;
    flex: 1;
    overflow: auto;
}

/* 未读消息 */
.unreadMessage>i {
    margin-left: .125rem;
}

/* BorderGroupField组件样式 start */
form[role='modify'] .fieldset ul>li.fieldBorder {
    padding: 0;
    width: 100%;
}

li.fieldBorder>ul,
li.fieldBorder>ul>li:first-of-type {
    width: 100%;
}
/* BorderGroupField组件样式 end */

/* 导入数据界面样式 */
.selectStyle {
    flex: 1;
    background: #FFF;
    margin-bottom: .625rem;
    padding: 1rem;
    border-radius: .25rem;
}

.selectStyle span {
    display: block;
    margin-bottom: .75rem;
    line-height: 1;
    color: #333333;
    font-weight: bold;
}

.selectStyle a {
    padding: .75rem 1rem;
    border: 1px solid #cccccc;
    border-radius: .25rem;
    background: #FFFFFF;
    margin-right: .75rem;
    font-weight: 400;
    color: #333333;
    font-size: .875rem;
    display: inline-block;
    line-height: 1;
}

.selectStyle a:hover {
    color: #009933;
    border: 1px solid #009933;
}

/* 分页式分页器控件样式 */
#flipContorlBox {
    padding: .5rem;
}

#flipContorlBox>select {
    margin-left: .5rem;
}

#flipContorlBox>ul {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    justify-content: flex-end;
}

#flipContorlBox>ul>li {
    background-color: #fff;
    border-radius: .125rem;
    min-width: 1.5rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    padding: 0 .625rem;
    cursor: pointer;
    border-left: 1px solid #eee;
}

#flipContorlBox>ul>li:first-of-type {
    border-left: 0;
}

#flipContorlBox>ul>li.checked {
    background-color: var(--s-search-button-color);
    color: #fff;
}

#flipContorlBox>ul>li:not(.checked):hover {
    color: var(--s-search-button-hover-color);
}

#flipContorlBox>ul>li.disabled {
    cursor: not-allowed;
    color: #999
}

#flipContorlBox>ul>li:last-of-type {
    margin-right: 0;
}

#flipContorlBox>ul>li>a {
    color: #606266;
}

/* UIDialogForm样式 */
.dialogForm {
    display: none;
}

.dialogForm li>label:first-child {
    font-size: .875rem;
}

#msgContext .dialogForm {
    display: block;
}

#msgContext .dialogForm ul li {
    width: 100%;
}

/* 指定彩色 Emoji 字体 */
.emoji {
    font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* UIFilesList样式排版 */
div[role='UIFilesList'] {
    padding: .5rem;
    background-color: #fff;
}

div[role='UIFilesList']>span {
    color: var(--m-link-blue-color);
    cursor: pointer;
}

div[role='UIFilesList']>div {
    line-height: 1.25em;
    padding-bottom: .25rem;
    display: flex;
    align-items: center;
}

div[role='UIFilesList']>div>img {
    width: .875rem;
    cursor: pointer;
    padding: .25rem;
    box-sizing: content-box;
}

div[role='UIFilesList'] .imageBox {
    display: flex;
    align-items: center;
}

div[role='UIFilesList'] .imageBox>img {
    width: 1rem;
    padding: 2rem .5rem;
    cursor: pointer;
    display: none;
    position: relative;
    box-sizing: content-box;
}

div[role='UIFilesList'] .imageBox>img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div[role='UIFilesList'] .imageBox>img:first-of-type {
    padding-left: 0;
}

div[role='UIFilesList'] .imageBox>img:last-of-type {
    padding-right: 0;
}

div[role='UIFilesList'] .imageBox>img.disabled {
    cursor: no-drop;
}

div[role='UIFilesList'] .imageBox>div {
    width: 0;
    flex: 1;
    overflow: hidden;
    display: flex;
    position: relative;
}

div[role='UIFilesList'] .imageBox>div>ul {
    display: flex;
    align-items: center;
    border-radius: .25rem;
    flex-shrink: 0;
    position: relative;
}

div[role='UIFilesList'] .imageBox>div>ul>li {
    flex-shrink: 0;
}

div[role='UIFilesList'] .imageBox>div>ul>li:nth-child(n+2) {
    padding-left: 1rem;
}

div[role='UIFilesList'] .imageBox>div>ul img {
    max-width: 12rem;
    height: 6rem;
}

div[role='UIFilesList']>ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

div[role='UIFilesList']>ul>li {
    line-height: 1.25em;
    padding: .25rem 0;
}

div[role='UIFilesList']>ul>li:first-of-type {
    padding-top: .5rem;
}

div[role='UIFilesList']>form {
    display: none;
}

/* UIStep start */
ul[role=step] {
    background-color: #fff;
    padding: 1rem;
}

ul[role=step]>li {
    display: flex;
    vertical-align: top;
    position: relative;
    color: #999
}

ul[role=step]>li>div:first-child {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f3f3f3;
    color: #ccc;
}

ul[role=step]>li>div:nth-child(2) {
    flex: 1;
    padding-left: .5rem;
    padding-bottom: 1rem;
}

ul[role=step]>li>div:nth-child(2)>div:first-of-type {
    line-height: 1.375rem;
}

ul[role=step]>li>div:nth-child(2)>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    line-height: 1.25rem;
    padding-top: .25rem;
}

ul[role=step]>li>div:nth-child(3) {
    position: absolute;
    height: calc(100% - 2.375rem);
    width: .06rem;
    transform: translate(-50%);
    left: 0.6875rem;
    top: 1.75rem;
    background-color: #f3f3f3;
}

ul[role=step]>li:last-of-type>div:nth-child(3) {
    height: 0;
}

ul[role=step]>li.current>div:first-child {
    background-color: #0473ea;
    color: #fff;
}

ul[role=step]>li.current>div:nth-child(2)>div:first-of-type {
    color: #0473ea;
}

ul[role=step]>li.actived>div:first-child {
    background-color: #f2f3ff;
    color: #0473ea;
}

ul[role=step]>li.actived>div:nth-child(2)>div:first-of-type {
    color: #333;
}

ul[role=step]>li.actived>div:nth-child(3),ul[role=step].reversal>li.current>div:nth-child(3) {
    background-color: #0473ea;
}
/* UIStep end */

div[role=qrCodeBox] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div[role=qrCodeBox]>.qrContent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    padding: 2rem 2.5rem;
}

div[role=qrCodeBox]>.qrContent>.qrTitle {
    font-weight: bold;
    font-size: 1.5rem;
}

div[role=qrCodeBox]>.qrContent>img {
    width: 16.25rem;
    margin-top: 1rem;
}

div[role=qrCodeBox]>.qrContent>.qrBox {
    padding: .5rem;
    background: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

div[role=qrCodeBox]>.qrContent>.muiInfoList {
    padding: 0;
    width: 100%;
    margin-top: 1rem;
}

div[role=qrCodeBox]>button {
    margin-top: 1rem;
}

div[role=menuStock] {
    border-radius: .5rem;
    margin: .5rem;
    background-color: #fff;
    padding: .5rem 0;
}

div[role=menuStock]>div {
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
    padding: 0 .75rem;
}

div[role=menuStock]>ul {
    display: flex;
    flex-wrap: wrap;
}

div[role=menuStock]>ul>li {
    width: 25%;
    max-width: 10rem;
}

div[role=menuStock]>ul>li>a {
    display: block;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    padding: .5rem;
    color: #333;
}

div[role=menuStock]>ul>li>a>img {
    width: 3rem;
}

div[role=menuStock]>ul>li>a>span {
    font-size: .75rem;
    text-align: center;
    line-height: .875rem;
    padding-top: .25rem;
}

/* UIPhoneArea样式 */
ul[role='phoneArea'] {
    margin: .625rem 0 0;
    background-color: #fff;
    padding: .75rem;
    position: relative;
    line-height: 1.25;
}

/* UIBlockRows样式 */
ul[role='phoneArea'] .blockRow {
    display: flex;
    padding: .25rem 0;
}

ul[role='phoneArea'] .blockRow>span:first-child {
    color: #999999;
}

/* UIBlockColumns样式 */
ul[role='phoneArea'] .blockColumns {
    display: flex;
    padding: .25rem 0;
}

ul[role='phoneArea'] .blockColumns>li {
    display: flex;
    flex-direction: column;
    word-break: break-all;
    padding-right: .75rem;
}

ul[role='phoneArea'] .blockColumns>li>span:first-child {
    color: #999999;
    flex-shrink: 0;
    align-self: flex-start;
    padding-bottom: .25rem;
}

/* UIPageEditForm定制样式 */
form[role='modify'].virEditForm button {
    width: 100%;
    height: 2.25rem;
    text-align: center;
    border-radius: 1.25rem;
    background-color: var(--m-footer-button-color);
    margin-top: 1rem;
    font-size: .875rem;
}

#warnUrlNotice {
    background-color: #fff;
    padding: .625rem 1rem;
    border-radius: .25rem;
    line-height: 1.25rem;
    margin-bottom: .5rem;
}

#warnUrlNotice>span:first-of-type {
    display: inline-block;
    width: 1rem;
    height: 1.25rem;
    background-image: url(../images/icon/icon_sprite.png);
    background-position: -2rem .125rem;
    background-size: 3rem 1rem;
    vertical-align: top;
    padding-top: .25rem;
    background-repeat: no-repeat;
}