vr-shopxo-plugin/shopxo/public/static/common/css/common.css

/**
 * 公共
 */
* { outline:none !important; }
ul { list-style: none; }
html input[disabled] { cursor: default !important; color: #999 !important; background: #f9f9f9 !important; }
html { font-size: var(--html-body-size); }
body{ background: var(--body-bg-color); color: #333; }
.none { display:none !important; }
.block { display:block !important; }
.text-deco-none { text-decoration: none !important; }
.text-deco-line { text-decoration: underline !important; }
pre {
    margin: 0;
    padding: .4rem .6rem;
    border-radius: 2px;
    background: #f8f8f8;
}

/**
 * 常用类
 */
.am-wh-fit-content {
    width: fit-content;
}
.am-wh-auto {
    width: 100% !important;
}
.am-max-wh-auto {
    max-width: 100% !important;
}
.am-ht-auto {
    height: 100% !important;
}
.am-max-ht-auto {
    max-height: 100% !important;
}
.am-resize-none {
    resize: none;
}

/**
 * 常用颜色
 */
.am-color-333,
.am-color-black {
    color: #333 !important;
}
.am-color-666,
.am-color-grey-dark {
    color: #666 !important;
}
.am-color-999,
.am-color-grey {
    color: #999 !important;
}
.am-color-ccc,
.am-color-grey-light {
    color: #ccc !important;
}
.am-color-ddd,
.am-color-grey-d {
    color: #ddd !important;
}
.am-color-eee {
    color: #eee !important;
}
.am-color-white {
    color: #fff !important;
}
.am-color-price {
    color: #E22C08 !important;
}
.am-color-blue {
    color: var(--color-blue) !important;
}
.am-color-green {
    color: var(--color-green) !important;
}
.am-color-red {
    color: var(--color-red) !important;
}
.am-color-yellow {
    color: var(--color-yellow) !important;
}
.am-color-main {
    color: var(--color-main) !important;
}
.am-color-main:hover {
    color: var(--color-main-hover) !important;
}
.am-text-primary {
    color: var(--color-main) !important;
}

/**
 * 公共背景颜色
 */
.am-background-main {
    background: var(--color-main) !important;
}
.am-background-red {
    background: var(--color-red) !important;
}
.am-background-yellow {
    background: var(--color-yellow) !important;
}
.am-background-blue {
    background: var(--color-blue) !important;
}
.am-background-green {
    background: var(--color-green) !important;
}
.am-background-grey-dark {
    background: #666666 !important;
}
.am-background-grey-f5 {
    background: #f5f5f5 !important;
}
.am-background-grey-f9 {
    background: #f9f9f9 !important;
}
.am-background-white {
    background: #FFFFFF !important;
}
.am-background-grey {
    background: #fafafa !important;
}
.am-background-grey-light {
    background: #CCCCCC !important;
}

/**
 * 公共外边距 
 */
/**
 * 布局 外边距 
 */
.am-margin-auto {
    margin: 0 auto;
}
.am-margin-top-main {
    margin-top: 2rem;
}
.am-margin-right-main {
    margin-right: 2rem;
}
.am-margin-bottom-main {
    margin-bottom: 2rem;
}
.am-margin-left-main {
    margin-left: 2rem;
}
.am-margin-main {
    margin: 2rem;
}
.am-margin-horizontal-main {
    margin-left: 2rem;
    margin-right: 2rem;
}
.am-margin-vertical-main {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/* 取消多余margin间距 */
@media only screen and (min-width:1025px) {
    .am-margin-lr-clear {
        width: calc(100% + 1.2rem);
        margin-left: -0.6rem;
        margin-right: -0.6rem;
    }
}

/**
 * 模块外边距 
 */
.am-margin-top-module {
    margin-top: 1.2rem;
}
.am-margin-right-module {
    margin-right: 1.2rem;
}
.am-margin-bottom-module {
    margin-bottom: 1.2rem;
}
.am-margin-left-module {
    margin-left: 1.2rem;
}
.am-margin-module {
    margin: 1.2rem;
}
.am-margin-horizontal-module {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}
.am-margin-vertical-module {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

/**
* 模块外边距 一半
*/
.am-margin-top-module-half {
    margin-top: 0.6rem;
}
.am-margin-right-module-half {
    margin-right: 0.6rem;
}
.am-margin-bottom-module-half {
    margin-bottom: 0.6rem;
}
.am-margin-left-module-half {
    margin-left: 0.6rem;
}
.am-margin-module-half {
    margin: 0.6rem;
}
.am-margin-horizontal-module-half {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}
.am-margin-vertical-module-half {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

/**
 * 公共内边距
 */
/**
 * 布局内边距
 */
.am-padding-top-main {
    padding-top: 2rem;
}
.am-padding-right-main {
    padding-right: 2rem;
}
.am-padding-bottom-main {
    padding-bottom: 2rem;
}
.am-padding-left-main {
    padding-left: 2rem;
}
.am-padding-main {
    padding: 2rem;
}
.am-padding-horizontal-main {
    padding-left: 2rem;
    padding-right: 2rem;
}
.am-padding-vertical-main {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/**
 * 模块内边距
 */
.am-padding-top-module {
    padding-top: 1.2rem;
}
.am-padding-right-module {
    padding-right: 1.2rem;
}
.am-padding-bottom-module {
    padding-bottom: 1.2rem;
}
.am-padding-left-module {
    padding-left: 1.2rem;
}
.am-padding-module {
    padding: 1.2rem;
}
.am-padding-horizontal-module {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.am-padding-vertical-module {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

/**
 * 模块内边距 一半
 */
.am-padding-top-module-half {
    padding-top: 0.6rem;
}
.am-padding-right-module-half {
    padding-right: 0.6rem;
}
.am-padding-bottom-module-half {
    padding-bottom: 0.6rem;
}
.am-padding-left-module-half {
    padding-left: 0.6rem;
}
.am-padding-module-half {
    padding: 0.6rem;
}
.am-padding-horizontal-module-half {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.am-padding-vertical-module-half {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

/**
 * 公共主色边线
 */
.am-border-main {
    border: 0.1rem solid var(--color-main);
}
.am-border-top-main {
    border-top: 0.1rem solid var(--color-main);
}
.am-border-right-main {
    border-right: 0.1rem solid var(--color-main);
}
.am-border-bottom-main {
    border-bottom: 0.1rem solid var(--color-main);
}
.am-border-left-main {
    border-left: 0.1rem solid var(--color-main);
}
.am-border-left-main {
    border-left: 0.1rem solid var(--color-main);
}

/**
 * 公共灰色边线
 */
.am-border-grey {
    border: 0.1rem solid #EEEEEE;
}
.am-border-top-grey {
    border-top: 0.1rem solid #EEEEEE;
}
.am-border-right-grey {
    border-right: 0.1rem solid #EEEEEE;
}
.am-border-bottom-grey {
    border-bottom: 0.1rem solid #EEEEEE;
}
.am-border-left-grey {
    border-left: 0.1rem solid #EEEEEE;
}
.am-border-grey-light {
    border: 0.1rem solid #F5F5F5;
}
.am-border-top-grey-light {
    border-top: 0.1rem solid #F5F5F5;
}
.am-border-right-grey-light {
    border-right: 0.1rem solid #F5F5F5;
}
.am-border-bottom-grey-light {
    border-bottom: 0.1rem solid #F5F5F5;
}
.am-border-left-grey-light {
    border-left: 0.1rem solid #F5F5F5;
}
.am-border-grey-dark {
    border: 0.1rem solid #666666;
}
.am-border-top-grey-dark {
    border-top: 0.1rem solid #666666;
}
.am-border-right-grey-dark {
    border-right: 0.1rem solid #666666;
}
.am-border-bottom-grey-dark {
    border-bottom: 0.1rem solid #666666;
}
.am-border-left-grey-dark {
    border-left: 0.1rem solid #666666;
}
.am-border-d6 {
    border: 0.1rem solid #D6D6D6;
}
.am-border-top-d6 {
    border-top: 0.1rem solid #D6D6D6;
}
.am-border-right-d6 {
    border-right: 0.1rem solid #D6D6D6;
}
.am-border-bottom-d6 {
    border-bottom: 0.1rem solid #D6D6D6;
}
.am-border-left-d6 {
    border-left: 0.1rem solid #D6D6D6;
}
.am-border-d {
    border: 0.1rem solid #ddd;
}
.am-border-top-d {
    border-top: 0.1rem solid #ddd;
}
.am-border-right-d {
    border-right: 0.1rem solid #ddd;
}
.am-border-bottom-d {
    border-bottom: 0.1rem solid #ddd;
}
.am-border-left-d {
    border-left: 0.1rem solid #ddd;
}

/**
 * 行高
 */
.am-line-height-xs {
    line-height: 1.2rem;
}
.am-line-height-sm {
    line-height: 1.4rem;
}
.am-line-height-md {
    line-height: 1.6rem;
}
.am-line-height-lg {
    line-height: 1.8rem;
}
.am-line-height-xl {
    line-height: 2.4rem;
}
.am-line-height-xxl {
    line-height: 3.2rem;
}
.am-line-height-xxxl {
    line-height: 4.2rem;
}

/**
 * 圆角
 */
.am-radius-top-left {
    border-top-left-radius: var(--border-radius);
}
.am-radius-top-right {
    border-top-right-radius: var(--border-radius);
}
.am-radius-bottom-left {
    border-bottom-left-radius: var(--border-radius);
}
.am-radius-bottom-right {
    border-bottom-right-radius: var(--border-radius);
}
.am-radius-sm,
.am-btn.am-radius-sm,
.am-img-thumbnail.am-radius-sm {
    border-radius: var(--border-radius-sm);
}
.am-radius-sm-top-left {
    border-top-left-radius: var(--border-radius-sm);
}
.am-radius-sm-top-right {
    border-top-right-radius: var(--border-radius-sm);
}
.am-radius-sm-bottom-left {
    border-bottom-left-radius: var(--border-radius-sm);
}
.am-radius-sm-bottom-right {
    border-bottom-right-radius: var(--border-radius-sm);
}
.am-radius-lg,
.am-btn.am-radius-lg,
.am-img-thumbnail.am-radius-lg {
    border-radius: var(--border-radius-lg);
}
.am-radius-lg-top-left {
    border-top-left-radius: var(--border-radius-lg);
}
.am-radius-lg-top-right {
    border-top-right-radius: var(--border-radius-lg);
}
.am-radius-lg-bottom-left {
    border-bottom-left-radius: var(--border-radius-lg);
}
.am-radius-lg-bottom-right {
    border-bottom-right-radius: var(--border-radius-lg);
}
.am-radius-0 {
    border-radius: 0;
}
.am-radius-top-left-0 {
    border-top-left-radius: 0;
}
.am-radius-top-right-0 {
    border-top-right-radius: 0;
}
.am-radius-bottom-left-0 {
    border-bottom-left-radius: 0;
}
.am-radius-bottom-right-0 {
    border-bottom-right-radius: 0;
}

/**
 * 分割线
 */
.am-divider-dashed-top {
    border-top: 0.1rem dashed #E5E5E5;
}
.am-divider-dashed-bottom {
    border-bottom: 0.1rem dashed #E5E5E5;
}
.am-divider-dashed-right {
    border-right: 0.1rem dashed #E5E5E5;
}
.am-divider-dashed-left {
    border-left: 0.1rem dashed #E5E5E5;
}
.am-divider-solid-top {
    border-top: 0.1rem solid #E5E5E5;
}
.am-divider-solid-bottom {
    border-bottom: 0.1rem solid #E5E5E5;
}
.am-divider-solid-right {
    border-right: 0.1rem solid #E5E5E5;
}
.am-divider-solid-left {
    border-left: 0.1rem solid #E5E5E5;
}

/**
 * 阴影线
 */
.am-hr-shadow {
    height: 0.2rem;
    width: 100%;
    box-shadow: 0rem 0.5rem 2rem 0rem rgba(0, 0, 0, 0.5);
    position: relative;
    top: -0.2rem;
}

/**
 * 隐藏伪元素
 */
.before-none:before,
.after-none:after {
    display: none;
}

/**
 * 闪光
 */
.flash {
    position: relative;
}
.flash:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.6rem;
    background: url('../images/flash.gif') no-repeat center;
    background-size: cover;
    opacity: 0.3;
}

/**
 * 不允许换行
 */
.nwarp,
.am-white-space {
    white-space: nowrap;
}

/**
 * z-index
*/
.z-i {
    z-index: 1;
}
.z-i-deep {
    z-index: 2;
}

/**
 * 表单组件
 */
.am-form select, .am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="number"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field {
    line-height: 1.44rem;
}
select.chosen-select {
    height: 2.84rem !important;
}

/* 没数据 */
.table-no {
    text-align: center;
    padding: 5rem 0;
    color: #999999;
    min-height: 35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.table-no > i {
    font-size: 1.8rem;
    color: #e8e8e8;
    display: block;
}

/* 公共dl样式 */
.dl-content > dt {
    float: left;
    padding-left: 0.5rem;
    padding-right: 3.2rem;
    overflow: hidden;
    width: 15rem;
    text-align: right;
}
.dl-content > dd {
    padding-left: 15rem;
}
.dl-content > dt, .dl-content > dd {
    font-weight: normal !important;
    margin-top: 0;
    line-height: 2rem;
    min-height: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.dl-content-dd-only dd {
    padding-left: 0;
}
.dl-content-dd-compact dd {
    line-height: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
}
.dl-content > dt:hover, .dl-content > dd:hover,
.data-avg-text-list li:hover {
    background: #fcfcfc;
}

/* 公共avg列表 */
.data-avg-text-list,
.data-avg-text-list li {
    border-color: rgba(0,0,0,.03);
    border-style: solid;
}
.data-avg-text-list {
    border-width: 0.1rem 0 0 0.1rem;
}
.data-avg-text-list li {
    border-width: 0 0.1rem 0.1rem 0;
    padding: 0.5rem;
    min-height: 6.7rem;
}
.data-avg-text-list li .data-avg-text-list-title {
    color: #b9b9b9;
}
.data-avg-text-list li .data-avg-text-list-content {
    padding-top: 0.2rem;
}
.data-avg-text-list li:hover .data-avg-text-list-content {
    color: #000;
}

/**
 * 表单优化
 */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.am-form input[type="text"],
.am-form input[type="password"],
.am-form input[type="datetime"],
.am-form input[type="datetime-local"],
.am-form input[type="date"],
.am-form input[type="month"],
.am-form input[type="time"],
.am-form input[type="week"],
.am-form input[type="number"],
.am-form input[type="email"],
.am-form input[type="url"],
.am-form input[type="search"],
.am-form input[type="tel"],
.am-form input[type="color"] {
    height: 3.1rem;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.chosen-choices:hover,
.chosen-single:hover,.am-tagsinput:hover,
button.colorpicker-submit:hover,
.am-cascader .am-cascader-suffix .input-model:hover {
    border-style: solid; border-width:0.1rem;
    border-color: #4FACF5 !important;
    -webkit-box-shadow: 0 0 0.5rem #4FACF5;
    box-shadow:0 0 0.5rem #4FACF5;
}
.am-form-error .chosen-choices, .am-form-error .chosen-default {
    border: 0.1rem solid #dd514c !important;
}
form.am-form .am-form-group-label-tips, form.am-form .am-form-group-label-tips-must, form.am-form .am-form-group-label-tips-either {
    font-size: 1.2rem;
    font-weight: 400;
    margin-left: 1rem;
}
form.am-form .am-form-group-label-tips {
    color: #ccc;
}
form.am-form .am-form-group-label-tips-must {
    color: #f00;
    margin-left: 0.5rem;
}
form.am-form .am-form-group-label-tips-either {
    color: #ff9800;
}
form.am-form .am-form-group-label-doc-popup {
    margin-left: 1rem;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}
.am-form-group:not(.am-form-error):hover>label {
    color: #333;
}
.am-form-group:hover>label>.am-form-group-label-tips {
    color: var(--color-main);
}
.am-form-group:hover>label>.am-form-group-label-doc-popup {
    opacity: 1;
}
form.am-form .am-form-group,
.plug-file-upload-view,
.business-form-group,
.business-form-block {
    padding: 1.5rem calc(100% - 46rem) 2rem 0.5rem;
    margin-bottom: 0;
    position: relative;
}
@media only screen and (min-width: 641px) {
    form.am-form-full-screen .am-form-group,
    form.am-form-full-screen .plug-file-upload-view,
    form.am-form-full-screen .business-form-group,
    form.am-form-full-screen .business-form-block {
        padding-right: 0.5rem;
    }
    .form-group-item > [class*="am-u-"]:first-child > .am-form-group,
    .form-group-item > [class*="am-u-"]:first-child > .am-cf > .am-form-group,
    .form-group-item > [class*="am-u-"]:first-child > .am-cf > [class*="am-u-"]:first-child .am-form-group {
        padding-left: 0;
    }
    .form-group-item > [class*="am-u-"]:last-child > .am-form-group,
    .form-group-item > [class*="am-u-"]:last-child > .am-cf > .am-form-group,
    .form-group-item > [class*="am-u-"]:last-child > .am-cf > [class*="am-u-"]:last-child .am-form-group {
        padding-right: 0;
    }
}
@media only screen and (max-width: 640px) {
    .form-group-item > [class*="am-u-md"] > .am-form-group,
    .form-group-item > [class*="am-u-lg"] > .am-form-group,
    .form-group-item [class*="am-u-md"] > .am-form-group:first-child,
    .form-group-item [class*="am-u-lg"] > .am-form-group:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    .form-group-item > [class*="am-u-sm"]:first-child > .am-form-group,
    .form-group-item .am-cf > [class*="am-u-sm"]:first-child > .am-form-group {
        padding-left: 0;
    }
    .form-group-item > [class*="am-u-sm"]:last-child > .am-form-group,
    .form-group-item .am-cf > [class*="am-u-sm"]:last-child > .am-form-group {
        padding-right: 0;
    }
}
.form-nav-top-retreat i {
    color: #666;
}
.form-nav-top-retreat i:hover {
    color: var(--color-main);
}

/**
 * 元素漂移
 */
.drift {
    left: -999999999rem;
    position: fixed;
}

/**
 * 图标表单不加内边距
 */
form.am-form .am-form-group.am-form-icon {
    padding: 0 !important;
}


/**
 * 插件
 */
.am-btn.am-btn-xs, .am-selected-btn {height: 3.1rem;line-height: 3.1rem;padding-top: 0;padding-bottom: 0;}
.chosen-container { width: 100% !important; }
.am-tagsinput { display: block; padding: 0.3rem 0.5rem; border-radius: var(--border-radius-sm); min-height: 3.1rem; }
.am-tagsinput input[type="text"] { border: 0 !important; height: auto; }
.chosen-choices, .chosen-single { border-radius: var(--border-radius-sm); }
.chosen-choices li { overflow: hidden; }
.chosen-choices li.search-field input[type="text"] { height: 2.9rem !important; padding-left: 0.3rem !important; }
.chosen-choices li.search-field input[type="text"]:hover,
.am-tagsinput input[type="text"]:hover { box-shadow: 0 0 0 #fff !important; border: 0 !important; }
.chosen-choices li.search-field input[type="text"]:focus,
.am-tagsinput input[type="text"]:focus { border-color: #fff; -webkit-box-shadow: inset 0 0 0 0 !important; box-shadow: inset 0 0 0 0 !important; }
.chosen-choices { padding: 0 !important; min-height: 3.1rem; }
.chosen-container-single .chosen-single { height: 3.1rem; line-height: 3.1rem; }
.chosen-container-multi .chosen-choices li.search-field { padding-left: 0.5rem; }
.chosen-container-single .chosen-single { color: #444 !important; }
.chosen-container-single .chosen-default { color: #999 !important; }
.chosen-disabled .chosen-choices, .chosen-disabled .chosen-single { background-color: #ccc; }
.chosen-disabled .search-choice { background: #d6d6d6 !important; }
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 0.35rem 0 0.35rem 0.5rem;
    background: #F3F3F3;
    padding: 0.3rem 2rem 0.3rem 0.3rem;
    border-radius: var(--border-radius);
    border: 0;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 0;
    right: 0;
    padding: 0.4rem 0.4rem 0.4rem 0.7rem;
    background: #f4f4f4;
    width: auto;
    height: auto; color: #2c2c2c;
}
.chosen-container-single .chosen-single div:before {
    content: "\f107";
}
.chosen-container-active.chosen-with-drop .chosen-single div:before {
    content: "\f106";
}
.chosen-container .chosen-results li.highlighted {
    background-color: var(--color-main-light);
    color: var(--color-main);
}
.chosen-container-active .chosen-single {
    border-color: var(--color-main);
}
.am-tagsinput {
    max-width: 45rem;
    border-radius: var(--border-radius);
    border: 0.1rem solid #D8D9DC;
}
.am-tagsinput .tag {
    background: #F3F3F3;
    color: #333;
    border-radius: var(--border-radius);
    padding: 0.1rem 0.6rem;
    font-weight: normal !important;
}
.am-tagsinput .tag.am-badge-primary {
    background: #F3F3F3;
    color: #333;
    border: 0.1rem solid #F3F3F3;
}

/**
 * 公共提示信息
 */
.common-prompt {
    position:fixed;
    top:2rem;
    left:0;
    right:0;
    text-align:center;
    padding:0.8rem 1.1rem;
    font-size:1.4rem;
    z-index:10000; 
    border-radius: var(--border-radius-sm); 
    width: 28rem; 
    margin: 0 auto; 
    word-break: break-all;
}
.common-prompt .am-close {
    font-size: 1.8rem;
    color: #666;
}
.common-prompt i{
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.common-prompt.am-alert-danger { 
    background-color: #FFEBE0; 
    border-color: #EB5E12; 
    color: #EB5E12; 
}
.common-prompt.am-alert-warning { 
    background-color: #FFF6E3; 
    border-color: #FAAD14; 
    color: #FAAD14; 
}
.common-prompt.am-alert-success { 
    background: #E9FFF0;
    border-color: #38b865;     
    color: #38B865;
}
.common-prompt .prompt-content { text-align: left; font-size: 1.2rem; }
.common-prompt .prompt-msg {
    width: calc(100% - 5rem);
    font-size: 1.4rem;
    display: -webkit-inline-box;
    padding: 0 0 0 2rem;
    margin: 0;
}

/**
 * 默认地图宽高
 */
#map {
    width: 100%;
    height: 25rem;
}
.map-popup #map {
    height: 100%;
}

/**
 * 弹窗页面设置白底
 */
body.iframe-popup-page,
body.iframe-alert-page {
    background: #fff;
}
body.iframe-popup-page .content-right > .content,
body.iframe-alert-page .content-right > .content {
    margin: 0 !important;
    padding: 1.5rem;
}
body.iframe-popup-page .am-dimmer,
body.iframe-alert-page .am-dimmer {
    background-color: rgba(0, 0, 0, 0.15);
}

/**
 * 弹窗
 */
.popup-not-title {
    padding: 2.5rem;
    background: transparent;
}
.popup-not-title.am-popup-offcanvas-left,
.popup-not-title.am-popup-offcanvas-right {
    padding: 0;
}
.popup-not-title .am-popup-inner {
    padding-top: 0;
    background: #fff;
    border: 0.1rem solid #e8e6e6;
    -webkit-box-shadow: 0 0 3rem rgba(0,0,0,0.4);
    box-shadow: 0 0 3rem rgba(0,0,0,0.4);
}
.popup-iframe:not(.popup-not-title) {
    border: 0.1rem solid #e8e6e6;
    -webkit-box-shadow: 0 0 3rem rgba(0,0,0,0.4);
    box-shadow: 0 0 3rem rgba(0,0,0,0.4);
}
.popup-not-title .am-close,
.modal-dialog-not-title .am-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.4);
    opacity: 1;
    background: #555555;
    color: #fff;
    border: 0.1rem solid #f4f4f4;
    width: 2.6rem;
    height: 2.6rem;
    z-index: 1;
    line-height: 2rem;
    font-weight: 100;
    font-size: 1.8rem;
}
.modal-dialog-not-title .am-close {
    top: -1.5rem;
    right: -1.5rem;
}
.popup-not-title .am-close:hover,
.modal-dialog-not-title .am-close:hover {
    background: #E22C08;
}
.am-popup-hd .am-close:hover,
.am-modal-hd .am-close:hover {
    color: #E22C08;
    transform: none;
}
.am-modal-dialog,
.am-modal-dialog .am-modal-hd,
.am-modal-dialog .am-modal-bd {
    background: transparent;
}
.am-modal.am-modal-confirm .am-modal-bd {
    max-width: 46rem;
}
.am-modal-dialog {
    width: auto;
    background: #FFFFFF;
    box-shadow: rgb(136 136 136 / 60%) 0 0 3rem;
    border-radius: var(--border-radius);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
@media only screen and (max-width:640px) {
    .am-modal-dialog {
        max-width: calc(100% - 4rem) !important;
    }
}
.am-popup-bd-padding-0 .am-popup-bd {
    padding: 0 !important;
}
/* 弹窗大小控制 */
@media (min-width: 580px) and (min-height: 560px) {
    .am-popup.am-popup-sm {
      width: 50rem;
      height: 50rem;
      left: 50%;
      top: 50%;
      margin-left: -25rem;
      margin-top: -25rem;
      -webkit-transform: translateY(102.4rem);
        -ms-transform: translateY(102.4rem);
          transform: translateY(102.4rem);
    }
    .am-popup.am-modal-active {
      -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
          transform: translateY(0);
    }
    .am-popup.am-modal-out {
      -webkit-transform: translateY(102.4rem);
        -ms-transform: translateY(102.4rem);
          transform: translateY(102.4rem);
    }
}


/**
 * 底部弹出选择，pc放到中间展示
 */
.am-modal-actions-group .am-list > li {
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media only screen and (min-width: 1025px) {
    .am-modal-actions {
        max-width: 50rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
    }
}


/**
 * 侧边
 */
.am-offcanvas-popup .am-offcanvas-bar {
    max-width: 90%;
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
}
.am-offcanvas-popup .am-offcanvas-bar:after {
    background: none;
}
.am-offcanvas-popup .am-offcanvas-bar {
    background: #fff;
}
.am-offcanvas-popup .am-offcanvas-content {
    color: #666;
}

/**
 * 弹窗存在iframe则内容边距0
 */
.am-popup .am-popup-bd {
    background: none;
    height: 100%;
}
.am-popup .am-popup-bd:has(iframe) {
    padding: 0;
}

/**
 * iframe
 */
iframe { border: 0; }

/* 表单全屏 */
.am-popup .am-form-group,
.am-modal .am-form-group,
.am-form-popop .am-form-group,
.business-form-block {
    padding: 1rem 0.5rem !important;
}
/**
 * 图标表单不加内边距
 */
.am-modal .am-form-group.am-form-icon {
    padding: 0 !important;
}

/**
 * H5
 */
@media only screen and (max-width: 640px) {
    /* 地址联动 */
    .region-linkage select:not(:first-child) { margin-bottom: 0.5rem; }

    /* 表单 */
    form.am-form .am-form-group, .plug-file-upload-view, .business-form-group, .business-form-block { padding: 0.5rem; border-bottom: 0; }
}

/**
 * PC
 */
@media only screen and (min-width: 641px) {
    /* 地址联动 */
    .region-linkage select { width: 33%; display: -webkit-inline-box; }

    /**
     * 弹窗iframe
     */
    .popup-iframe .am-popup-inner { overflow: hidden; }
}

/**
 * 日期插件成对日期样式
 */
.twain-date input { width: calc(50% - 0.9rem) !important; display: -webkit-inline-box !important; }

/**
 * 公共
 */
.data-error-tips { text-align: center; }
.mini-tips-text { font-size: 1.2rem; color: #999; }
.business-operations-submit {
    display: inline-table;
    padding: 0 1rem;
    color: #888;
    border: 0.1rem solid #ccc;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
    border-radius: var(--border-radius);
    width: max-content;
    height: 3.1rem;
    line-height: 2.8rem;
}
.business-operations-submit:hover {
    color: #146BE6;
    border: 0.1rem solid #146BE6;
}
span.business-operations-submit {
    color: #2A94FF;
    border: 0.1rem solid #2A94FF;
}
.submit-state {
    font-size: 1.4rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: transparent !important;
    position: relative;
}

.submit-state i.iconfont {
    font-size: 2.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.submit-state i.iconfont.top-md {
    top: 35%;
}

.submit-state.am-success {
    color: #5eb95e;
}

.submit-state.am-default {
    color: #ccc;
}

.submit-state,
.submit-popup,
.submit-modal,
.text-copy-submit,
.common-goods-favor-submit-event,
.common-annex-view-event,
.common-annex-download-event,
.common-scan-submit,
.am-cursor-pointer {
    cursor: pointer;
}

/**
 * 地图拖动提示
 */
.map-dragging-tips { margin:0 0.6rem 0.6rem 0; background-color:#FFF; box-shadow:0 0.1rem 0.6rem rgba(0,0,0,0.35); padding:0.3rem 0.5rem; border-radius: var(--border-radius); }
.map-dragging-tips span { font-size:1.2rem; font-weight:700; color:#f99797; }

/**
 * 公共图片上传
 */
.am-form-file input[type="file"] { overflow:hidden; width: 9rem !important; height: 2.8rem; top: 0; }
.am-form-file input.original-images-url { display: -webkit-inline-box !important; width: calc(100% - 11rem) !important; background: #f5f5f5 !important; float: right; }
.am-form-file i.original-images-url-delete { position: absolute; right: 0.3rem; margin-top: 0.5rem; cursor: pointer; background: #f5f5f5; padding: 0 1rem; }
.am-form-file input.original-images-url-delete {  padding-right: 3.5rem !important; }


/**
 * 公共文件上传插件
 */
.am-form-file-upload-container {
    display: flex;
    flex-direction: row;
}

.plug-file-upload-submit {
    display: inline-block;
    padding: 0.5rem;
    color: #2A94FF;
    border: 0.1rem dashed #2A94FF;
    background: #fff;
    cursor: pointer;
    min-width: 10rem;
    text-align: center;
    vertical-align: middle;
    border-radius: var(--border-radius);
}

.am-form-file-upload-container .plug-file-upload-submit {
    margin: 0.7rem 0 0.7rem 0rem;
    color: #EBEBEB;
    border: 0.1rem dashed #DDDDDD;
    background: #FCFCFC;
    width: 6rem;
    min-width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plug-file-upload-submit i {
    font-size: 2.2rem;
}
ul.plug-file-upload-view > li.plug-file-upload-submit {
    margin: 0 !important;
}
ul.plug-file-upload-view > li.plug-file-upload-submit:not(:has(.icon-add)) {
    background: linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0), linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0);
    background-position: 0 0,1.5rem 0.5rem,1.5rem 0.5rem, 10rem 10rem;
    background-size: 1rem 1rem;
}

.plug-file-upload-submit:hover {
    color: #36c;
    border-color: #36c;
}

ul.plug-file-upload-view {
    margin: 0;
    padding: 0.7rem 0 !important;
}

ul.plug-file-upload-view li {
    list-style-type: none;
    float: left;
    width: 6rem;
    height: 6rem;
    margin: 0 1rem 0.3rem 0;
    padding: 0.5rem;
    text-align: center;
    border: 0.1rem dashed #c2c2c2;
    position: relative;
    border-radius: var(--border-radius);
    background: linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0), linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0);
    background-position: 0 0,1.5rem 0.5rem,1.5rem 0.5rem, 10rem 10rem;
    background-size: 1rem 1rem;
}
ul.plug-file-upload-view li:last-child {
    margin-right: 2.7rem;
}
ul.plug-file-upload-view li input {
    position: absolute;
    margin-left: -100000rem;
}
ul.plug-file-upload-view li img,
ul.plug-file-upload-view li video {
    max-width: 100%;
    max-height: 100%;
}

/**
 * 上传删除按钮样式
 */
ul.plug-file-upload-view li > i.icon-close {
    font-style: normal;
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    position: absolute;
    right: -0.8rem;
    top: -0.8rem;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    color: #575B66;
    opacity: 0.65;
    z-index: 1;
}
ul.plug-file-upload-view li > i.icon-eye {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgb(0 0 0 / 40%);
    color: #fff;
    font-size: 2rem;
    z-index: 0;
    cursor: pointer;
    display: none;
}
ul.plug-file-upload-view li > i.icon-eye:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
ul.plug-file-upload-view li:hover > i.icon-eye {
    display: block;
}
ul.plug-file-upload-view-video li {
    width: 30rem;
    height: 20rem;
}
ul.plug-file-upload-view-file li {
    width: auto;
    height: auto;
    padding-right: 2.8rem;
}
.plug-file-upload-view-sm ul.plug-file-upload-view li {
    width: 5rem;
    height: 5rem;
}
.plug-file-upload-view-sm .plug-file-upload-submit {
    padding: 0.5rem 0.5rem;
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
}
.plug-file-upload-view-sm ul.plug-file-upload-view li > i.icon-eye {
    padding-top: 1rem;
}
.plug-file-upload-view-xs ul.plug-file-upload-view li {
    width: 4rem;
    height: 4rem;
}
.plug-file-upload-view-xs .plug-file-upload-submit {
    padding: 0.5rem 0.5rem;
    min-width: 4rem;
    width: 4rem;
    height: 4rem;
}
.plug-file-upload-view-xs ul.plug-file-upload-view li.plug-file-upload-submit {
    padding: 0.2rem;
}
.plug-file-upload-view-xs ul.plug-file-upload-view li > i.icon-eye {
    padding-top: 0.2rem;
}
.plug-file-upload-view-xss ul.plug-file-upload-view li {
    width: 2rem;
    height: 2rem;
}
.plug-file-upload-view-xss .plug-file-upload-submit {
    padding: 0.5rem 0.5rem;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
}
.plug-file-upload-view-xss ul.plug-file-upload-view li.plug-file-upload-submit {
    padding: 0;
}
.plug-file-upload-view-xss ul.plug-file-upload-view li > i.icon-eye {
    padding-top: 0;
}
.plug-file-upload-view-xss .plug-file-upload-submit i {
    font-size: 1.2rem !important;
}
.plug-file-upload-view-width-auto ul.plug-file-upload-view li {
    width: auto;
}
@media only screen and (max-width: 640px) {
    ul.plug-file-upload-view li:last-child {
        margin-right: 1.5rem;
    }
}


/**
 * 拖拽排序
 */
.drag-sort-dotted { border: 0.1rem dashed #639BF6 !important; }

/**
 * 覆盖框架样式
 */
.am-radio .am-icon-checked:before,
.am-radio-inline .am-icon-checked:before {
    content: "\e743";
}
.am-radio .am-icon-unchecked:before,
.am-radio-inline .am-icon-unchecked:before {
    content: "\e742";
}
.am-checkbox .am-icon-checked:before,
.am-checkbox-inline .am-icon-checked:before {
    content: "\e741";
}
.am-checkbox .am-icon-unchecked:before,
.am-checkbox-inline .am-icon-unchecked:before {
    content: "\e744";
}
.am-radio .am-icon-checked:before,
.am-radio-inline .am-icon-checked:before,
.am-radio .am-icon-unchecked:before,
.am-radio-inline .am-icon-unchecked:before,
.am-checkbox .am-icon-checked:before,
.am-checkbox-inline .am-icon-checked:before,
.am-checkbox .am-icon-unchecked:before,
.am-checkbox-inline .am-icon-unchecked:before {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.am-panel .am-panel-hd {
    padding: 1rem 1.25rem;
}
.am-panel.am-panel-default .am-panel-hd {
    background-color: #fbfbfb;
}
.am-alert {
    background: #fafcff;
    border: 0.1rem solid #f2faff;
    color: #666;
    padding: 0.7rem 1.2rem;
    border-radius: var(--border-radius);
}
.am-alert-danger {
    background-color: #fff9f9;
    border: 0.1rem solid #fff3f2;
    color: #dd514c;
}
.am-alert-secondary {
    background-color: #fbfbfb;
    border: 0.1rem solid #f8f8f8;
    color: #666;
}
.am-alert-success {
    background-color: #f9fff6;
    border: 0.1rem solid #f0fde5;
    color: #468847;
}
.am-alert-warning {
    background-color: #fffbf8;
    border: 0.1rem solid #fff5ed;
    color: #f37b1d;
}
.am-alert a:not(.am-btn,.am-badge) {
    color: #0e90d2;
}

.am-input-radius input.am-form-field {
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}
.am-input-radius span.am-input-group-label {
    border-bottom-right-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
.am-checkbox, .am-radio, .am-checkbox-inline, .am-radio-inline {
    padding-left: 2.2rem;
    min-width: 1.4rem;
    min-height: 2.2rem;
    font-size: 1.4rem;
    
}
.am-ucheck-icons {
    line-height: 2.2rem;
}
ul.am-dropdown-content > .am-active > a, ul.am-dropdown-content > .am-active > a:hover, ul.am-dropdown-content > .am-active > a:focus {
    color: var(--color-main);
    background-color: transparent;
}
.am-dropdown-content {
    -webkit-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
    -moz-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 0.4);
    box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
}
input[type="radio"],
input[type="checkbox"] {
    height: auto;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
}
.am-tabs-default .am-tabs-nav > .am-active a {
    background-color: var(--color-main-light);
    color: var(--color-main);
}
.am-tabs-d2 .am-tabs-nav > .am-active a {
    color: var(--color-main);
}
.am-tabs-d2 .am-tabs-nav > .am-active,
.am-tabs-d2 .am-tabs-nav > .am-active:after {
    border-bottom-color: var(--color-main);
}
.am-accordion-basic .am-active .am-accordion-title {
    color: var(--color-main);
}

/**
 * 切换选择组件
 */
input[data-am-switch] {
    position: relative;
}

/**
 * 颜色选择插件
 */
button.colorpicker-submit:hover, button.colorpicker-submit:active, button.colorpicker-submit:focus {
    background-color: #fff;
}
button.colorpicker-submit:active {
    background-image: none;
    -webkit-box-shadow: inset 0 0.3rem 0.5rem rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0.3rem 0.5rem rgba(255, 255, 255, 0.15);
}
button.colorpicker-submit {
    padding: 0;
    border-radius: var(--border-radius);
}
button.colorpicker-submit img {
    width: 1.4rem;
    height: 1.4rem;
    float: right;
}
.colorpicker-container {
    display: inline-flex;
    gap: 2rem;
    align-items: center;
    position: relative;
    display: block;
    width: 5rem;
    height: 3.1rem;
}
.colorpicker-container,
.fcolorpicker {
    border: 0.1rem solid #E4E6EB !important;
    border-radius: var(--border-radius);
    cursor: pointer;
    overflow: hidden;
}
.colorpicker-container .colorpicker-submit,
.colorpicker-container .fcolorpicker-curbox {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    background: linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0), linear-gradient(45deg,#eee 25%,transparent 0), linear-gradient(45deg,transparent 75% ,#eee 0);
    background-position: 0 0,1.5rem 0.5rem,1.5rem 0.5rem, 10rem 10rem;
    background-size: 1rem 1rem;
}
.colorpicker-container.colorpicker-simple {
    width: 3.1rem;
}
.colorpicker-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 50%;
    padding: 0.1rem;
}
.current-color-value {
    border: 0 !important;
}
.current-color-value input {
    height: 2.6rem;
    line-height: 2.6rem !important;
}
.fcolorpicker .color-slidedown:before {
    top: 0 !important;
}


/**
 * 框架组件代码优化
 */
.am-radio input[type="radio"], .am-radio-inline input[type="radio"], .am-checkbox input[type="checkbox"], .am-checkbox-inline input[type="checkbox"] {
    margin: -0.3rem;
}

/**
 * 图片响应式支持子元素
 */
.am-img-responsive img,
.am-img-responsive video {
    max-width: 100%;
}


/**
 * 插件标记
 */
.plugins-tag {
    background: #333;
    border: 0.3rem solid #e90000;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-inline-box;
}
.plugins-tag, .plugins-tag span {
    -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.8);
}
.plugins-tag span {
    font-size: 1.6rem;
    font-weight: bold;
    color: #e90000;
    text-shadow: 0.1rem 0.1rem #bfbfbf;
    background: #ffdfdf;
    padding: 0.2rem 0.6rem;
    border-radius: var(--border-radius-sm);
    border: 0.1rem solid #ffd4d4;
    position: absolute;
    margin: -1.2rem 0 0 -0.5rem;
    z-index: 2;
    display: none;
}
.plugins-tag:hover span {
    display: block;
}

/**
 * 两行、超出字符省略
 */
.am-text-truncate-2-sm {
    font-size: 1.2rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7rem;
    height: 3.4rem;
    white-space: initial !important;
}
.am-text-truncate-2,
.am-text-truncate-2-sm,
.am-text-truncate-3,
.am-text-truncate-4,
.am-text-truncate-5 {
    font-size: 1.4rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2rem;
    height: 4rem;
    white-space: initial !important;
}
.am-text-truncate-2-md {
    font-size: 1.6rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2.2rem;
    height: 4.4rem;
    white-space: initial !important;
}
.am-text-truncate-2-lg {
    font-size: 1.8rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2.6rem;
    height: 5.2rem;
    white-space: initial !important;
}
.am-text-truncate-2-xl {
    font-size: 2.2rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 3.2rem;
    height: 6.4rem;
    white-space: initial !important;
}
.am-text-truncate-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    height: 6.6rem;
}
.am-text-truncate-4 {
    line-clamp: 4;
    -webkit-line-clamp: 4;
    height: 8.8rem;
}
.am-text-truncate-5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
    height: 10.1rem;
}

/**
 * 公共加载页面view
 */
.am-page-loading {
    opacity: 1;
    background: #fafafa;
    display: block;
}
.am-page-loading .loading-logo-content {
    width: 6.6rem;
    height: 6.6rem;
    position: absolute;
    left: calc(50% - 3.3rem);
    top: calc(50% - 3.3rem);
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}
.am-page-loading .loading-logo-content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0.8rem;
    top: 0.8rem;
    width: 5rem;
    height: 5rem;
    opacity: 0.8;
    background-image: var(--loading-logo);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.am-page-loading .loading-logo-content::after {
    content: '';
    display: block;
    position: absolute;
    width: 8rem;
    height: 8rem;
    left: -0.7rem;
    top: -0.7rem;
    background-image: var(--loading-logo-border);
    opacity: 0.8;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/**
 * 公共加载
 */
.loading-container {
    padding-top: 2rem;
    min-height: 25rem;
}

/**
 * 表格-基础样式
 */
.am-table-scrollable-horizontal {
    border: 0.1rem solid rgba(0,0,0,.04);
    position: relative;
}
.am-table-scrollable-horizontal .form-table-no-data {
    position: sticky;
    left: 0;
    top: 0;
}
.am-table-scrollable-horizontal > .am-table {
    border: 0;
    margin: 0;
}
.am-table-scrollable-horizontal > .am-table > thead > tr > th,
.am-table-scrollable-horizontal > .am-table > tbody > tr > th,
.am-table-scrollable-horizontal > .am-table > tfoot > tr > th,
.am-table-scrollable-horizontal > .am-table > thead > tr > td,
.am-table-scrollable-horizontal > .am-table > tbody > tr > td,
.am-table-scrollable-horizontal > .am-table > tfoot > tr > td {
    padding: 1.2rem;
    line-height: 2rem;
    min-width: 18rem;
    max-width: 18rem;
    word-break: break-all;
}
.am-table-scrollable-horizontal > .am-table .am-nowrap-initial {
    white-space: initial;
}
.am-table-scrollable-horizontal > .am-table > thead > tr th:first-child,
.am-table-scrollable-horizontal > .am-table tr td:first-child {
    border-left: 0;
}
.am-table-scrollable-horizontal > .am-table > thead > tr th {
    background: #f8f8f8;
    min-width: 18rem;
    font-weight: 500;
    color: #333;
    position: sticky;
    top: 0;
}
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > th,
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}
.am-table-scrollable-horizontal > .am-table > thead > tr > td.am-active,
.am-table-scrollable-horizontal > .am-table > tbody > tr > td.am-active,
.am-table-scrollable-horizontal > .am-table > tfoot > tr > td.am-active,
.am-table-scrollable-horizontal > .am-table > thead > tr > th.am-active,
.am-table-scrollable-horizontal > .am-table > tbody > tr > th.am-active,
.am-table-scrollable-horizontal > .am-table > tfoot > tr > th.am-active,
.am-table-scrollable-horizontal > .am-table > thead > tr.am-active > td,
.am-table-scrollable-horizontal > .am-table > tbody > tr.am-active > td,
.am-table-scrollable-horizontal > .am-table > tfoot > tr.am-active > td,
.am-table-scrollable-horizontal > .am-table > thead > tr.am-active > th,
.am-table-scrollable-horizontal > .am-table > tbody > tr.am-active > th,
.am-table-scrollable-horizontal > .am-table > tfoot > tr.am-active > th {
    background-color: #fffff9;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-xxxl {
    min-width: 65rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-xxl {
    min-width: 55rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-xl {
    min-width: 45rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-lg {
    min-width: 35rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-sm {
    min-width: 25rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-xs {
    min-width: 20rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-operate-grid {
    min-width: 18rem;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-auto {
    min-width: auto;
    max-width: none;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-left,
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-right {
    height: auto;
    position: sticky;
}
.am-table-scrollable-horizontal > .am-table .chosen-container .chosen-drop,
.am-table-scrollable-horizontal > .am-table .am-dropdown-content {
    z-index: 1;
}
.am-table-scrollable-horizontal > .am-table tr td.am-grid-fixed-left,
.am-table-scrollable-horizontal > .am-table tr td.am-grid-fixed-right {
    background: #fff;
    z-index: 5;
}
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > td.am-grid-fixed-left,
.am-table-scrollable-horizontal > .am-table-striped > tbody > tr:nth-child(odd) > td.am-grid-fixed-right {
    background-color: #fff;
}
.am-table-scrollable-horizontal > .am-table > thead > tr th {
    z-index: 5;
}
.am-table-scrollable-horizontal > .am-table > thead > tr th.am-grid-fixed-left,
.am-table-scrollable-horizontal > .am-table > thead > tr th.am-grid-fixed-right {
    z-index: 6;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-left {
    -webkit-box-shadow: 0.1rem 0 0.1rem #ddd;
    -moz-box-shadow: 0.1rem 0 0.1rem #ddd;
    box-shadow: 0.1rem 0 0.1rem #ddd;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-right {
    -webkit-box-shadow: 0 0 0.1rem #ddd;
    -moz-box-shadow: 0 0 0.1rem #ddd;
    box-shadow: 0 0 0.1rem #ddd;
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-left-shadow {
    -webkit-box-shadow: 0.5rem 0 1rem rgb(145 145 145 / 5%);
    -moz-box-shadow: 0.5rem 0 1rem rgb(145 145 145 / 5%);
    box-shadow: 0.5rem 0 1rem rgb(145 145 145 / 5%);
}
.am-table-scrollable-horizontal > .am-table tr .am-grid-fixed-right-shadow {
    -webkit-box-shadow: -0.5rem 0 1rem rgb(145 145 145 / 5%);
    -moz-box-shadow: -0.5rem 0 1rem rgb(145 145 145 / 5%);
    box-shadow: -0.5rem 0 1rem rgb(145 145 145 / 5%);
}
.am-table-scrollable-horizontal > .am-table > thead > tr > td {
    border-bottom: 0.1rem solid rgba(0,0,0,.02);
}
.am-table-scrollable-horizontal .am-table > thead > tr > td,
.am-table-scrollable-horizontal .am-table > tbody > tr:first-child > td {
    border-top: 0 !important;
}
.am-table-scrollable-horizontal > .am-table > tbody > tr > td .am-text-truncate-2 {
    max-height: 4rem;
    line-height: 1.6rem;
    height: auto;
}
.am-table-scrollable-horizontal > .am-table > tbody > tr > td .am-text-truncate-3 {
    max-height: 6rem;
    line-height: 1.6rem;
    height: auto;
}
.am-table-scrollable-horizontal > .am-table > tbody > tr > td .am-text-truncate-4 {
    max-height: 8rem;
    line-height: 1.6rem;
    height: auto;
}
.am-table-scrollable-horizontal > .am-table > tbody > tr > td .am-text-truncate-5 {
    max-height: 10rem;
    line-height: 1.6rem;
    height: auto;
}

/**
 * 表格-用户信息
 */
.am-form-table-data-container ul.user-base li {
    line-height: 1.4rem;
}
.am-form-table-data-container ul.user-base li:first-child {
    margin-bottom: 0.5rem;
}
.am-form-table-data-container ul.user-base .user-number-code .am-dropdown-content {
    min-width: 10rem;
    line-height: inherit;
}

/**
 * 表格-无数据提示
 */
.am-form-table-data-container .table-no {
    padding: 11rem 0;
}

/**
 * 表格-角标信息
 */
.am-form-table-data-list-container .am-badge,
.am-form-table-data-detail .am-badge {
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.8rem;
    background: #F3F3F3 !important;
    border-radius: 1.1rem;
    color: #666666 !important;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    border-color: #F3F3F3 !important;
    font-weight: inherit;
}

/**
 * 表格-tab导航去掉高层级
 */
.am-form-table-data-list-container .am-tabs .am-nav-tabs > li > a,
.am-form-table-data-list-container .am-tabs .am-tabs-bd {
    z-index: 0;
}

/**
 * 表格-数据进度条
 */
.am-form-table-data-container .data-progress .am-progress {
    width: 100%;
}
.am-form-table-data-container .data-progress.data-progress-view-text .am-progress {
    width: calc(100% - 4.5rem);
}

/**
 * 表格-操作栏更多操作列表样式
 */
.am-table-scrollable-horizontal > .am-table tr .am-operate-grid-more-list .am-dropdown-content {
    padding: 0.2rem 0.5rem;
    width: 7.5rem;
    text-align: center;
    min-width: auto;
    height: max-content;
    top: -0.2rem;
    right: 6rem;
    margin: 0;
    -webkit-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
    -moz-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 0.4);
    box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
}
.am-table-scrollable-horizontal > .am-table tr .am-operate-grid-more-list .am-dropdown-content .am-badge {
    background: #fff !important;
    margin-bottom: 0 !important;
}
.am-table-scrollable-horizontal > .am-table tr .am-operate-grid-more-list .am-dropdown-content:before,
.am-table-scrollable-horizontal > .am-table tr .am-operate-grid-more-list .am-dropdown-content:after {
    left: auto;
    right: -1rem;
    top: calc(50% - 0.3rem);
    transform: rotate(90deg);
}

/**
 * 表格头部美化
 */
.table-thead-beautify thead th {
    background-color: #f8f8f8 !important;
    position: relative;
    border-bottom: 0 !important;
    text-align: left !important;
}

/**
 * 表格-顶部操作相关样式
 */
 .form-table-operate-top > .am-btn:not(:last-child) {
    margin-right: 0.6rem;
}
.form-table-operate-top .am-btn {
    margin-bottom: 1.2rem;
}
@media only screen and (max-width: 640px) {
    .form-table-operate-top .am-btn > span {
        display: none;
    }
}

/**
 * 表格-详情底部操作
 */
.form-table-navigation-present-operate {
    padding-bottom: 3rem;
}
.form-table-detail-nav-operate {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    padding: 1rem;
    text-align: right;
}
.form-table-detail-nav-operate > .am-btn:not(:last-child) {
    margin-right: 1rem;
}
.iframe-popup-page .form-table-detail-nav-operate {
    width: 100%;
}
.form-table-detail-nav-operate-base .am-dropdown-content .am-btn:not(:first-child) {
    margin-top: 1.2rem;
}

/**
 * 表格-搜索条件
 */
.form-table-search {
    background: #fafafa;
}
.form-table-search td {
    padding: 0.8rem  !important;
}
.form-table-search-section input {
    width: calc(50% - 0.8rem) !important;
}

.form-table-search-section span {
    color: #ccc;
}

.form-table-search-time > i {
    position: absolute;
    margin: 0.4rem 0 0 -1.5rem;
}

.form-table-search td select[multiple],
.form-table-search td select[size] {
    height: auto;
    width: 100%;
    max-height: 2.84rem;
}

/**
 * 表格-复选框/单选框
 */
.form-table-operate-radio .am-radio,
.form-table-operate-checkbox .am-checkbox {
    margin-top: 0;
}

/**
 * 表格-字段选择
 */
.form-table-fields-select-container {
    height: 100%;
}
.form-table-fields-list-container {
    height: calc(100% - 5rem);
}
.form-table-fields-content-container li {
    width: 100% !important;
}
.form-table-fields-content-container li:first-child {
    border-top: 0;
}
#form-table-fields-popup .form-table-fields-list-top-tips {
    height: 3.6rem;
    line-height: 3.6rem;
    background: #EBF5FF;
    padding: 0 1.5rem;
    font-size: 1.2rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #666666;
    margin: -1.5rem -1.5rem 0 -1.5rem;
}
#form-table-fields-popup .am-form-popup-submit label.am-checkbox-inline {
    margin-left: 0.5rem;
}

/**
 * 表格排序
 */
.form-sort-container .sort-icon {
    display: block;
    height: 0.8rem;
    line-height: 1rem;
    color: #e4e4e4;
    width: 1.5rem;
    text-align: center;
    position: relative;
    top: 0.1rem;
}
.form-sort-container .sort-icon:before {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 1.4rem;
}
.form-sort-container .sort-icon:hover {
    color: #333;
}
.form-sort-container .sort-active {
    color: #0e90d2 !important;
}

/**
 * 内部表格
 */
.form-inside-table-layer {
    max-height: 5.5rem;
    overflow: hidden;
}
.form-inside-table-layer-auto {
    max-height: 100%;
}
.form-inside-stretch-submit {
    margin-top: 0.5rem;
}
.form-inside-stretch-submit > a {
    text-decoration: none !important;
}
.form-inside-table tr th,
.form-inside-table tr td {
    padding: 0.5rem !important;
    z-index: 0 !important;
}
.form-inside-table tr th {
    background: transparent !important;
    padding-top: 0 !important;
    color: #ccc;
    font-weight: 300 !important;
}
.form-inside-table tr th:first-child,
.form-inside-table tr td:first-child {
    padding-left: 0 !important;
}
.form-inside-table tr th:last-child,
.form-inside-table tr td:last-child {
    padding-right: 0 !important;
}
.form-inside-table tr:last-child td {
    padding-bottom: 0 !important;
}
.form-inside-table tr td {
    border-bottom: 0 !important;
}

/**
 * 列表信息
 */
.form-inside-dl-content dt,
.form-inside-dl-content dd {
    line-height: 1.4rem;
    min-height: 2.4rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.form-inside-dl-content dt {
    width: 9rem;
    padding-right: 2rem;
}
.form-inside-dl-content dd {
    padding-left: 9rem;
}

/**
 * 公共用户信息模块
 */
.user-info-dropdown-data-container am-dropdown-btn>a {
    padding-right: 2rem;
}
.user-info-dropdown-data-container > a i {
    font-size: 0.8rem;
    margin-left: 0.2rem;
    transition: all 0.2s ease;
    vertical-align: middle;
}
.user-info-dropdown-data-container > a.am-active i {
    transform: rotate(-180deg);
}
.user-info-dropdown-data-container .user-info-content {
    position: absolute;
    margin-top: 1rem;
    background: #fff;
    padding: 0.3rem 1.2rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
    -moz-box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 0.4);
    box-shadow: 0 0.2rem 1rem rgb(136 136 136 / 40%);
    opacity: 0;
    z-index: 0;
    transition: all 0.5s ease;
}
.user-info-dropdown-data-container .user-info-content.am-active {
    z-index: 1;
}
.user-info-dropdown-data-container .user-info-content::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 0.8rem dashed transparent;
    z-index: 1;
    left: 1rem;
    top: -0.8rem;
    pointer-events: none;
    border-bottom-style: solid;
    border-width: 0 0.8rem 0.8rem;
    border-bottom-color: rgb(255 255 255);
    bottom: 0;
}
.user-info-dropdown-data-container .user-info-content a {
    font-size: 1.3rem;
}

/**
 * 页面详情选项卡
 */
.detail-content-nav-switch-tabs {
    display: flex;
    align-items: center;
    background-color: #F9F9F9;
    overflow: auto;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.detail-content-nav-switch-tabs .item {
    padding: 0.8rem 1.5rem;
    border-top: 0.2rem solid #F9F9F9;
    white-space: nowrap;
    color: #333;
    cursor: pointer;
}
.detail-content-nav-switch-tabs .item.am-active {
    background-color: #fff;
    border-top: 0.2rem solid var(--color-main);
}
.detail-content-switch-data-item {
    padding: 1.2rem;
}
.detail-content-switch-data-item>.item {
    display: none;
}
.detail-content-switch-data-item>.item.am-active {
    display: block;
}

/**
 * 公共联动地区组件样式
 */
.region-linkage .chosen-select {
    display: -webkit-inline-box;
    width: calc(33.33% - 0.3rem) !important;
}
.region-linkage .chosen-select .chosen-single {
    width: 100%;
}
.region-linkage .chosen-select.chosen-container:last-child {
    float: right;
}
.region-linkage-code {
    width: 15rem;
}
.region-linkage-code input {
    padding: 0.2rem 0.5rem !important;
    height: 2rem !important;
}
.region-linkage-code button {
    line-height: 2rem !important;
    height: 2rem !important;
    padding: 0 1rem !important;
}

/**
 * 分页
 */
.am-pagination > li > a {
    border-radius: var(--border-radius);
}
.pagination-input {
    width: 5rem !important;
    vertical-align: inherit !important;
    padding: 0.4rem !important;
}

/**
 * 编辑器宽度自适应
 */
.edui-default .edui-editor,
.edui-default .edui-editor-iframeholder {
    width: 100% !important;
}

/**
 * 图片验证码
 */
@media only screen and (min-width: 641px) {
    #verify-img-value {
        float: left;
        width: 40%;
        margin-right: 0.5rem;
    }
}
@media only screen and (max-width: 640px) {
    #verify-img-value {
        margin-bottom: 1rem;
    }
}

/**
 * 表单带面板
 */
form .am-panel .am-form-group:last-child,
form .am-panel .business-form-group:last-child,
form .am-tab-panel .am-form-group:last-child {
    border-bottom: 0;
}

/**
 * 仓库信息
 */
.warehouse-item-container * {
    vertical-align: middle;
}
.warehouse-item-container .warehouse-icon {
    width: 1.4rem;
    height: 1.4rem;
}

/**
 * 平台类型+数据值组合列表
 */
.platform-list-value-container > div.am-input-group:not(:first-child) {
    margin-top: 1rem;
}
.platform-list-value-container > div.am-input-group button {
    width: 11rem;
}

/**
 * 分类列表
 */
#tree table {
    border-radius: var(--border-radius);
    overflow: hidden;
}
#tree table thead {
    background-color: #f8f8f8;
}

#tree table.am-table thead th {
    font-weight: 500;
    padding: 1.6rem 2rem;
    text-align: left;
}

#tree table.am-table td {
    padding: 1.4rem 2rem;
    vertical-align: middle;
    background-color: #fff !important;
}
#tree table.am-table td button.am-btn {
    vertical-align: unset;
}
#tree .am-table-hover > tbody > tr:hover > td {
    background-color: #fbfbfb !important;
}
#tree .icon-arrow-right-s,
#tree .icon-arrow-right,
#tree .icon-arrow-down-s,
#tree .icon-arrow-down {
    font-size: 1rem !important;
    color: #999;
}
#tree table.am-table tr th.field-id,
#tree table.am-table tr td.field-id {
    width: 8rem;
}
#tree table.am-table tr th.type-operate,
#tree table.am-table tr td.type-operate {
    width: 16rem;
}
#tree table.am-table tr td.type-operate a {
    color: #2A94FF;
}
@media only screen and (max-width: 641px) {
    #tree table.am-table tr th.field-id,
    #tree table.am-table tr td.field-id {
        width: 5rem;
    }
}

/**
 * 卡片组件
 */
#card ul li .item {
    background: #F8F8F8;
    border-radius: var(--border-radius);
    padding: 1rem;
    border: 1px solid #F8F8F8;
    transition: all 0.3s ease-in-out;
    position: relative;
}
#card ul li .item:hover {
    background: #F8F8F8;
    border-radius: var(--border-radius);
    border: 1px solid #2A94FF;
}
#card ul li .item .submit {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 100%;
}
#card ul li .item-last {
    background: #E1F0FF;
    border-radius: 4px;
    border: 1px solid #2A94FF;
    padding: 2.22rem;
    text-align: center;
}
#card ul li .item-last i {
    font-size: 2.8rem;
    color: #2A94FF;
}
#card ul li .item:hover .submit,
#card ul li.am-active .item .submit {
    opacity: 1;
}
#card ul li .item .content {
    padding: 2rem 0;
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
#card ul li .item .content span:first-of-type {
    font-size: 1.6rem;
    font-weight: normal;
    color: #666;
}
#card ul.am-thumbnails {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
#card ul.am-thumbnails > li {
    padding: 0 1.5rem 3rem 1.5rem;
}
#card ul li.card-submit-add {
    cursor: pointer;
}

@media only screen and (max-width: 641px) {
    #card ul li .item .submit{
        opacity: 1;
    }
}

/**
 * 弹出框
 */
.am-popover {
    max-width: 32rem;
    border-radius: var(--border-radius-sm);
}

/**
 * 二级导航
 */
.second-nav {
    background: #90b9ff;
}
.second-nav li a {
    color: #fff;
}
.second-nav > li > a:hover {
    font-weight: bold;
    background-color: transparent;
}
.second-nav li.am-active a,
.second-nav li.am-active a:hover {
    background-color: #1cc09f !important;
    color: #fff !important;
}
/**
 * 三级导航
 */
.table-nav {
    border-bottom: 0.1rem solid #eee;
}

/**
 * 富文本默认样式
 */
.richtext {
    font-family: sans-serif !important;
}
.richtext pre {
    margin-bottom: 0.5rem;
}
.richtext a {
    color: var(--color-blue);
}
.richtext img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}
.richtext ul,
.richtext ol {
    padding-left: 2rem !important;
}


/**
 * 表单基础
 */
.form-multiple-where-input input {
    display: -webkit-inline-box !important;
    width: calc(50% - 0.9rem) !important;
}

/**
 * 表单内部顶部操作导航
 */
.form-legend-fixed {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}
.form-legend-fixed-right button {
    border: 0;
}
.form-legend-fixed-right .am-badge:not(:first-child) {
    margin-left: 1rem;
}

/**
 * 表单公共底部浮动
 */
.am-form-popup-fixed {
    padding-bottom: 7rem;
}
.am-form-popup-fixed .am-form-popup-submit,
form.am-form-popup-sticky .am-form-popup-submit {
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 6rem;
    padding: 1.5rem 0;
    z-index: 100;
    text-align: left;
    background: #FFFFFF;
    border: 0;
}

.am-form-popup-fixed .am-form-popup-submit.am-border-top,
form.am-form-popup-sticky .am-form-popup-submit.am-border-top {
    border-top: 0.1rem solid #F5F5F5;;
}

.am-form-popup-fixed .am-form-popup-submit .am-btn,
form.am-form-popup-sticky .am-form-popup-submit .am-btn {
    margin-right: 1.5rem;
}

.am-form-popup-fixed .am-form-popup-submit .am-btn:last-child,
form.am-form-popup-sticky .am-form-popup-submit .am-btn:last-child {
    margin-right: 0;
}

form.am-form-popup-sticky .am-form-popup-submit.am-text-right {
    text-align: right;
}
.am-form-popup-fixed .am-form-popup-submit {
    position: fixed;
    text-align: right;
    border-top: 0.1rem solid #f5f5f5;
    padding: 1.5rem;
}
.am-popup.popup-not-title .am-form-popup-fixed .am-form-popup-submit {
    width: calc(100% - 5rem);
    margin-left: 2.5rem;
    bottom: 2rem;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
form.am-form-popup-sticky .am-form-popup-submit {
    position: sticky;
}
.am-form-popup-fixed .am-form-popup-submit .am-btn,
form.am-form-popup-sticky .am-form-popup-submit .am-btn {
    min-width: 8rem;
}
.am-form-popup-fixed .am-form-popup-submit .am-btn>i,
form.am-form-popup-sticky .am-form-popup-submit .am-btn>i,
.am-form-popup-fixed .am-form-popup-submit .am-btn>span.am-icon-circle-o-notch,
form.am-form-popup-sticky .am-form-popup-submit .am-btn>span.am-icon-circle-o-notch {
    display: none;
}

/**
 * 表单公共底部浮动
 */
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-warning,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-warning,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-danger,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-danger {
    border: 1px solid #DCDFE6;
    background-color: transparent;
    color: #666;
}
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-warning:hover,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-warning:focus,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-warning:active,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-warning:hover,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-warning:focus,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-warning:active,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-danger:hover,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-danger:focus,
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-danger:active,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-danger:hover,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-danger:focus,
form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-danger:active {
    border: 1px solid var(--color-main-hover);
    background-color: transparent;
    color: var(--color-main-hover);
}

/**
* 复选框，单选框的默认颜色修改
*/
.am-ucheck-checkbox:checked + .am-ucheck-icons, .am-ucheck-radio:checked + .am-ucheck-icons,
.am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, 
.am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons {
    color: #2A94FF;
}

/**
 * 混合业务列表选择
 */
.business-list-nbfc {
    overflow: hidden;
}
.business-list-nbfc ul {
    width: calc(100% + 1.8rem);
    margin-left: -0.9rem;
    margin-top: -0.9rem;
}
.business-list ul li .business-item {
    border: 0.1rem solid #eee;
    cursor: pointer;
    background: #fff;
    position: relative;
    min-height: 4.6rem;
}
.business-list ul li .business-item p {
    line-height: 2.4rem;
    text-align: left;
}
.business-list ul li .business-item p.tips {
    height: 1.6rem;
    line-height: 1.6rem;
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    color: #fff;
    padding: 0 0.6rem;
    border-radius: 0.8rem 0 0.8rem 0;
    font-size: 1.2rem;
    background: #D8D8D8 linear-gradient(107deg, #FC6F31 0%, #E22C08 100%);
}
.business-list ul li .business-item img {
    width: 2.4rem;
    height: 2.4rem;
}
.business-list ul li .business-item img,
.business-list ul li .business-item span {
    vertical-align: middle;
}
.business-list ul li .business-item i {
    position: absolute;
    bottom: -1.9rem;
    right: -1.7rem;
    font-size: 3.4rem;
    color: var(--color-main);
    display: none;
}
.business-list ul li.selected .business-item i {
    display: block;
}
.business-list ul li.selected .business-item,
.business-list ul li .business-item:hover {
    border: 0.1rem solid var(--color-main);
}

/**
 * 输入框、选择框数据清除
 */
a.input-clearout-submit {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 2;
    display: none !important;
    text-decoration: none !important;
    background-color: #fff;
    border-radius: 1.2rem;
}
a.input-clearout-submit > i {
    margin: 0 !important;
    line-height: 1.1rem !important;
    display: block;
    border: 0.1rem solid #dedede;
    border-radius: 5rem;
    padding: 0 0.237rem 0.1rem 0.237rem;
    font-size: 1.2rem;
    color: #cccccc;
}
a.input-clearout-submit:hover,
.chosen-container-single > .chosen-single:hover + a.input-clearout-submit,
.am-selected > .am-selected-btn:hover + a.input-clearout-submit,
select:hover + a.input-clearout-submit,
textarea:hover + a.input-clearout-submit,
input[type="text"]:hover + a.input-clearout-submit,
input[type="password"]:hover + a.input-clearout-submit,
input[type="datetime"]:hover + a.input-clearout-submit,
input[type="datetime-local"]:hover + a.input-clearout-submit,
input[type="date"]:hover + a.input-clearout-submit,
input[type="month"]:hover + a.input-clearout-submit,
input[type="time"]:hover + a.input-clearout-submit,
input[type="week"]:hover + a.input-clearout-submit,
input[type="number"]:hover + a.input-clearout-submit,
input[type="email"]:hover + a.input-clearout-submit,
input[type="url"]:hover + a.input-clearout-submit,
input[type="search"]:hover + a.input-clearout-submit,
input[type="tel"]:hover + a.input-clearout-submit,
input[type="color"]:hover + a.input-clearout-submit {
    display: block !important;
}
a.input-clearout-submit:hover > i,
a.input-clearout-submit:focus > i {
    color: #7b7b7b;
    border-color: #999;
}
.chosen-container-single > .chosen-single.input-clearout-element > .chosen-single-icon,
.am-selected > .am-selected-btn.input-clearout-element > .am-selected-icon {
    display: none;
}


/**
 * 商品可选规格
 */
.common-goods-spec-choice-content {
    width: 36rem;
    height: auto;
    max-height: 30rem;
    text-align: left;
}
.common-goods-spec-choice-content .spec-options {
    overflow: hidden;
    padding: 0 0.1rem;
    margin: 0.5rem 0;
}
.common-goods-spec-choice-content .spec-title, .price-title {
    font-weight: 500;
}
.common-goods-spec-choice-content .sku-line {
    float: left;
    margin: 0.5rem 2.5rem 1rem 0;
    background: #efefef;
    padding: 0.8rem 2rem;
    border: 0.1rem solid #d5d5d5;
    cursor: pointer;
    min-height: 4.2rem;
}
.common-goods-spec-choice-content .sku-line:hover {
    background: none;
    color: #333;
    border: 0.1rem solid var(--color-main);
    box-shadow: 0 0 0 0.1rem var(--color-main);
}
.common-goods-spec-choice-content .sku-line.selected {
    background: var(--color-main);
    color: #fff;
    border: 0.1rem solid var(--color-main);
}
.common-goods-spec-choice-content .sku-line-images {
    padding: 0.5rem 1rem !important;
}
.common-goods-spec-choice-content .sku-line-images img {
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
}
.common-goods-spec-choice-content .sku-not-active {
    border: 0.1rem solid #f03726 !important;
    box-shadow: 0 0 0.3rem #ed7f76, 0 0 0.6rem rgba(0, 0, 0, 0);
    padding: 0.5rem 1rem 0 1rem;
}
.common-goods-spec-choice-content .sku-items-disabled {
    color: #d2cfcf !important;
    background-color: #ffffff !important;
    border: 0.1rem dashed #d5d5d5 !important;
    box-shadow: none !important;
}
.common-goods-spec-choice-content .sku-dont-choose {
    color: #b4b3b3 !important;
    background-color: #ffffff !important;
    border: 0.1rem solid #ebeaea !important;
    box-shadow: none !important;
}
.common-goods-spec-choice-content .sku-dont-choose img {
    opacity: 0.5;
}
.common-goods-spec-choice-content .sku-items-disabled img {
    opacity: 0.3;
}
@media only screen and (max-width: 640px) {
    .common-goods-spec-choice-content {
        max-width: 26rem;
    }
}

/**
 * 视频扫码组建
 */
#common-video-scan-popup .scanner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0;
}
#common-video-scan-popup .scan-area {
    position: absolute;
    z-index: 10;
    width: 30rem;
    height: 30rem;
    left: calc(50% - 15rem);
    top: calc(50% - 15rem);
    border: 0.1rem solid white;
    box-sizing: border-box;
    box-shadow: 0 0 10rem 192rem rgb(0 0 0 / 70%);
    z-index: 1;
}
#common-video-scan-popup .scan-area .mark {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: 0.3rem solid #3cb067;
    background: transparent;
}
#common-video-scan-popup .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
#common-video-scan-popup .scan-area .top-left {
    top: -0.1rem;
    left: -0.1rem;
    border-color: #3cb067 transparent transparent #3cb067;
}
#common-video-scan-popup .scan-area .top-right {
    top: -0.1rem;
    right: -0.1rem;
    border-color: #3cb067 #3cb067 transparent transparent;
}
#common-video-scan-popup .scan-area .bottom-left {
    bottom: -0.1rem;
    left: -0.1rem;
    border-color: transparent transparent #3cb067 #3cb067;
}
#common-video-scan-popup .scan-area .bottom-right {
    bottom: -0.1rem;
    right: -0.1rem;
    border-color: transparent #3cb067 #3cb067 transparent;
}
#common-video-scan-popup .scan-area::after {
    content: ' ';
    width: 100%;
    display: block;
    height: 0.4rem;
    position: absolute;
    animation: move 3s linear infinite;
    background: -moz-linear-gradient(left, rgba(76,175,80,0.25) 0%, rgba(76,175,80,0.25) 10%, rgba(76,175,80,1) 50%, rgba(76,175,80,0.25) 90%, rgba(76,175,80,0.25) 100%);
    background: -webkit-linear-gradient(left, rgba(76,175,80,0.25) 0%,rgba(76,175,80,0.25) 10%,rgba(76,175,80,1) 50%,rgba(76,175,80,0.25) 90%,rgba(76,175,80,0.25) 100%);
    background: linear-gradient(to right, rgba(76,175,80,0.25) 0%,rgba(76,175,80,0.25) 10%,rgba(76,175,80,1) 50%,rgba(76,175,80,0.25) 90%,rgba(76,175,80,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404caf50', endColorstr='#404caf50',GradientType=1 );
}
@keyframes move {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}
#common-video-scan-popup .scanner video {
    width: 100%;
    height: 100%;
}
#common-video-scan-popup .scanner video.picture-reverse {
    transform: rotateY(180deg);
}
#common-video-scan-popup .video-scan-switch-camera-submit {
    position: absolute;
    left: calc(50% - 1.2rem);
    bottom: calc(50% - 20rem);
    z-index: 2;
    cursor: pointer;
    color: #fff;
}
#common-video-scan-popup .video-scan-continue-submit {
    position: absolute;
    left: calc(50% - 3.5rem);
    bottom: 2rem;
    z-index: 2;
}


/**
 * 滚动条样式
 */
body ::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
}
body ::-webkit-scrollbar-button,
body ::-webkit-scrollbar-button:vertical {
    display: none;
}
body ::-webkit-scrollbar-track,
body ::-webkit-scrollbar-track:vertical {
    background-color: #fff;
}
body ::-webkit-scrollbar-track-piece {
    background-color: #fafafa;
}
body ::-webkit-scrollbar-track-piece {
    border-top: 0.1rem solid rgba(0,0,0,.01);
}
body ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb:vertical {
    margin-right: 1rem;
    background-color: #f0f0f0;
    border-radius: 10rem;
}
body ::-webkit-scrollbar-thumb:hover,
body ::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #ccc;
}
body ::-webkit-scrollbar-corner,
body ::-webkit-scrollbar-corner:vertical {
    background-color: #e5e5e5;
}
body ::-webkit-scrollbar-resizer,
body ::-webkit-scrollbar-resizer:vertical {
    background-color: #ff6e00;
}

/**
 * 圆角
 */
.am-radius, .am-form select.am-radius, .am-form textarea.am-radius, .am-form input[type="text"].am-radius, .am-form input[type="password"].am-radius, .am-form input[type="datetime"].am-radius, .am-form input[type="datetime-local"].am-radius, .am-form input[type="date"].am-radius, .am-form input[type="month"].am-radius, .am-form input[type="time"].am-radius, .am-form input[type="week"].am-radius, .am-form input[type="number"].am-radius, .am-form input[type="email"].am-radius, .am-form input[type="url"].am-radius, .am-form input[type="search"].am-radius, .am-form input[type="tel"].am-radius, .am-form input[type="color"].am-radius, .am-form-field.am-radius, .chosen-choices, .chosen-single, .am-badge.am-radius, .am-btn.am-radius {
    border-radius: var(--border-radius);
}
.am-radius-lg {
    border-radius: var(--border-radius-lg);
}
.am-radius-sm {
    border-radius: var(--border-radius-sm);
}
.am-input-group:not([class*="am-gap-"]) > input.am-radius:first-child,
.am-input-group > .am-input-group-btn:first-child > button.am-radius,
.am-input-group > .am-input-group-label:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.am-input-group > input.am-radius:last-child,
.am-input-group > .am-input-group-btn:last-child > button.am-radius,
.am-input-group > .am-input-group-label:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.am-offcanvas .am-offcanvas-bar > .am-close {
    position: absolute;
    z-index: 1;
    right: 2.6rem;
    top: 1rem;
    box-shadow: none;
    text-shadow:none;
}

.am-offcanvas .am-offcanvas-bar > .am-close:hover {
    color: #E22C08;
}

/**
* 滚动条隐藏--出现按钮替代滚动条
*/
.am-slider-horizontal {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
}
.am-slider-horizontal::-webkit-scrollbar {
    height: 0;
}
.tabs-right {
    border-radius: 50%;
    position: absolute;
    right: 0rem;
    cursor: pointer;
    width: 3.8rem;
    height: 3.8rem;
    background: #FFFFFF;
    color: #868686;
    box-shadow: 0rem 0.1rem 0.4rem 0.3rem rgba(0, 0, 0, 0.07);
    text-align: center;
    line-height: 3.8rem;
    transform: translateY(-50%);
    z-index: 101;
}

/**
* 宽高
*/
.am-width {
    width: 100%;
}
.am-height {
    height: 100%;
}
.am-max-width {
    max-width: 100% !important;
}
.am-width-300 {
    width: 30rem;
}
.am-min-height {
    min-height: 100%;
}
.am-height-vh {
    height: 100vh;
}
.am-min-height-vh {
    min-height: 100vh;
}

/**
 * 分页
 */
.am-pagination-container>li>a {
    text-align: center;
    border-color: #eee;
}
.am-pagination-container>.am-active>a,
.am-pagination-container>.am-active>a:hover,
.am-pagination-container>.am-active>a:focus {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: #FFFFFF;
}
.am-pagination-container>li>a:hover,
.am-pagination-container>li>span:hover,
.am-pagination-container>li>a:focus,
.am-pagination-container>li>span:focus {
    background: #fff;
}
@media only screen and (max-width: 640px) {
    .am-pagination-container .first-before-page-submit,
    .am-pagination-container .last-after-page-submit,
    .am-pagination-container .current-page-input,
    .am-pagination-container .to-page-input {
        display: none;
    }
    .am-pagination-container .next-after-page-submit a {
        margin-right: 0;
    }
}

/**
 * 列表操作按钮美化
 */
 table.am-table .am-operate-grid .am-btn {
    background: transparent;
    padding: 0;
    text-align: center;
    border: 0rem !important;
    display: block;
    width: calc(100% / 3);
    min-width: 4.6rem;
    margin: 0;
    font-size: inherit;
    float: left;
    height: 2.6rem;
    line-height: 2.6rem;
}
table.am-table:not(.am-table-compact) > thead > tr > th {
    padding: 0.9rem 1.2rem 1.2rem 1.2rem !important;
}
table.am-table:not(.am-table-compact) > tbody > tr > td {
    padding: 1.2rem;
}
table.am-table:not(.am-table-compact) td.am-operate-grid {
    padding: 0.2rem 1.2rem !important;
}
table.am-table .am-operate-grid .am-btn {
    color: var(--color-blue);
    -webkit-box-shadow: none;
    box-shadow: none;
}
table.am-table .am-operate-grid .am-btn-secondary:active,
table.am-table .am-operate-grid .am-btn-secondary.am-active,
table.am-table .am-operate-grid .am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-main);
}
table.am-table .am-operate-grid .am-btn:hover,
table.am-table .am-operate-grid .am-btn:focus,
table.am-table .am-operate-grid .am-btn:active {
    background-color: transparent !important;
    box-shadow: none;
    color: var(--color-main) !important;
}
table.am-table .am-operate-grid .am-btn i {
    display: none;
}


/**
 * 级联选择器
 */
.am-cascader {
    display: inline-block;
    position: relative;
    font-size: 1.2rem;
    line-height: 1.7rem;
    width: 100%;
    max-width: 45rem;
}
.am-cascader.max-width {
    max-width: 29rem;
}
.am-cascader .am-cascader-suffix .am-input-inner {
    background-color: #fff !important;
    background-image: none;
    box-sizing: border-box;
    color: #606266 !important;
    display: inline-block;
    font-size: inherit;
    outline: none;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    padding-right: 3rem;
    cursor: pointer !important;
    text-overflow: ellipsis;
    border-radius: var(--border-radius);
}
.am-cascader .am-cascader-suffix .input-model {
    background: transparent !important;
    width: 100%;
    height: 3.1rem;
    z-index: 1;
    position: absolute;
}
.am-cascader .am-cascader-suffix .am-input-suffix {
    position: absolute;
    height: 100%;
    right: 1rem;
    top: 0.1rem;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none;
}
.am-cascader .am-cascader-suffix .icon-angle-down {
    transition: transform .3s;
    font-size: 1rem;
    line-height: 2.84rem;
    display:inline-block
}
.am-cascader .am-cascader-suffix .icon-angle-down.is-reverse {
    transform: rotate(-180deg);
}

.am-cascader .am-cascader-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1020;
    display: none;
    opacity: 0;
    float: left;
    min-width: 10rem;
    padding: 0.6rem 0;
    text-align: left;
    line-height: 1.6;
    transition: all 0.15s ease-in-out;
    margin: 0.5rem 0;
    background: #fff;
    border: 0.1rem solid #e4e7ed;
    border-radius: 0.4rem;
    margin-top: 1.2rem;
    box-shadow: 0 0.2rem 1.2rem 0 rgba(0,0,0,.1);
}
.am-cascader .am-cascader-dropdown.am-active {
    display: block;
    opacity: 1;
}

.am-cascader .am-cascader-dropdown .am-popper-arrow {
    top: -1.2rem;
    left: 3.5rem;
    margin-right: 0.3rem;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
    border-width: 0.6rem;
    filter: drop-shadow(0 0.2rem 1.2rem rgba(0,0,0,.03));
}
.am-cascader .am-cascader-dropdown .am-popper-arrow::after {
    content: " ";
    border-width: 0.6rem;
    top: 0.1rem;
    margin-left: -0.6rem;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.am-cascader .am-cascader-dropdown .am-cascader-panel {
    display: flex;
    border-radius: 0.4rem;
    font-size: 1.4rem;
}
.am-cascader .am-cascader-dropdown .am-scrollbar {
    overflow: hidden;
    position: relative;
}
.am-cascader-menu:last-child {
    border-right: none;
}
.am-cascader-menu {
    min-width: 10rem;
    box-sizing: border-box;
    color: #606266;
    border-right: 0.1rem solid #e4e7ed;
    font-size: 1.2rem;
    display: none;
}
.am-cascader-menu:first-child {
    display: block;
}
.am-cascader-menu.am-active {
    display: block;
}
.am-cascader-menu-wrap {
    max-height: 20rem;
}
.am-scrollbar-wrap {
    overflow: scroll;
    height: 100%;
}
.am-scrollbar-wrap-hidden-default {
    scrollbar-width: none;
}
.am-scrollbar-wrap-hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.am-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    height: 3.4rem;
    line-height: 3.4rem;
    outline: none;
}
.am-cascader-node:not(.is-disabled) {
    cursor: pointer;
}
.am-cascader-node-label {
    flex: 1;
    padding: 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem;
}
.am-cascader-node-postfix {
    position: absolute;
    right: 0.5rem;
    font-size: 1rem !important;
    color: #ccc !important;
}
.am-cascader-node.am-active,
.am-cascader-node:focus, 
.am-cascader-node:hover {
    background: #f5f7fa;
}

.region-linkage .region-linkage-code input,
.region-linkage .region-linkage-code button {
    height: 3.1rem !important;
}
.region-linkage .region-linkage-code button {
    background-color: #333;
    color: #fff;
    border: 0.1rem solid #333;
    margin-left: 0 !important;
}
.region-linkage .region-linkage-code button:hover,
.region-linkage .region-linkage-code button:active,
.region-linkage .region-linkage-code button:focus {
    background-color: #666;
}


/**
 * 地图详细地址
 */
.am-map-positioning-input {
    padding-right: 3.5rem !important;
}
.am-map-positioning-icon {
    cursor: pointer;
    position: relative;
    left: -2.5rem;
    color: #1296DB;
    width: 0;
}


/**
* flex 布局
 */
.am-flex {
    display: flex !important;
}

.am-flex-col {
    display: flex !important;
    flex-direction: column;
}
.am-flex-col-re {
    flex-direction: column-reverse;
}
.am-flex-row-sm,
.am-flex-row {
    display: flex !important;
    flex-direction: row;
}

.am-flex-row-re {
    flex-direction: row-reverse;
}

.am-flex-nowarp {
    flex-wrap: nowrap;
}

.am-flex-warp {
    flex-wrap: wrap;
}

.am-flex-warp-re {
    flex-wrap: wrap-reverse;
}

.am-flex-justify-center {
    justify-content: center;
}

.am-flex-justify-between {
    justify-content: space-between;
}

.am-flex-justify-around {
    justify-content: space-around;
}

.am-flex-justify-left {
    justify-content: flex-start;
}

.am-flex-justify-right {
    justify-content: flex-end;
}

.am-flex-items-start {
    align-items: start;
}

.am-flex-items-flex-start {
    align-items: flex-start;
}

.am-flex-items-center {
    align-items: center;
}

.am-flex-items-baseline {
    align-items: baseline;
}

.am-flex-items-end {
    align-items: end;
}

.am-flex-align-self-start {
    align-self: flex-start;
}
.am-flex-align-self-baseline {
    align-self: baseline;
}
.am-flex-align-self-center {
    align-self: center;
}
.am-flex-align-self-end {
    align-self: flex-end;
}

.am-flex-1 {
    flex: 1;
}

.am-flex-2 {
    flex: 2;
}

.am-flex-width {
    width: 0;
}

.am-flex-width-half {
    width: 50% !important;
}

/* 沾满空间 */
.am-flex-shrink {
    flex-shrink: 0;
}

.am-flex-grow {
    flex-grow: 1;
}

.am-gap-1-half {
    gap: 0.5rem;
}

.am-gap-1 {
    gap: 1rem;
}

.am-gap-12 {
    gap: 1.2rem;
}

.am-gap-15 {
    gap: 1.5rem;
}


.am-gap-16 {
    gap: 1.6rem;
}

.am-gap-2 {
    gap: 2rem;
}

.am-gap-24 {
    gap: 2.4rem;
}

.am-gap-32 {
    gap: 3.2rem;
}

.am-gap-col-32 {
    column-gap: 3.2rem;
}

.am-gap-row-32 {
    row-gap: 3.2rem;
}

.am-gap-row-1 {
    row-gap: 1rem;
}

@media only screen and (max-width: 640px) {
    .am-flex-row-sm {
        flex-direction: column;
    }
    .am-flex-col-sm {
        flex-direction: row;
    }
}

/**
 * 定位
 */
.am-pr {
    position: relative;
}
.am-pa {
    position: absolute;
}
.am-fi {
    position: fixed;
}
.am-pa-mid {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.am-bottom-0 {
    bottom: 0;
}
.am-bottom-xs {
    bottom: 0.5rem;
}
.am-bottom-sm {
    bottom: 1rem;
}
.am-bottom-lg {
    bottom: 2.4rem;
}
.am-bottom-xl {
    bottom: 3.2rem;
}
.am-bottom {
    bottom: 100%;
}
.am-top-0 {
    top: 0;
}
.am-top-xs {
    top: 0.5rem;
}
.am-top-sm {
    top: 1rem;
}
.am-top-lg {
    top: 2.4rem;
}
.am-top-xl {
    top: 3.2rem;
}
.am-top {
    top: 100%;
}
.am-left-0 {
    left: 0;
}
.am-left-xs {
    left: 0.5rem;
}
.am-left-sm {
    left: 1rem;
}
.am-left-lg {
    left: 2.4rem;
}
.am-left-xl {
    left: 3.2rem;
}
.am-left {
    left: 100%;
}
.am-right-0 {
    right: 0;
}
.am-right-xs {
    right: 0.5rem;
}
.am-right-sm {
    right: 1rem;
}
.am-right-lg {
    right: 2.4rem;
}
.am-right-xl {
    right: 3.2rem;
}
.am-right {
    right: 100%;
}
/**
* 字体加粗
*/
.am-font-weight {
    font-weight: 500;
}
/**
* 字体正常粗细
*/
.am-font-normal {
    font-weight: 400;
}
.am-font-weight-400 {
    font-weight: 400;
}

/**
 * 操作可伸缩的提示信息
 */
.am-operate-stretch-tips {
    background-color: var(--color-tips-warm-bg);
    border: 0.1rem solid var(--color-tips-warm-br);
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.6rem;
    border-radius: var(--border-radius-lg);
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}
.am-operate-stretch-tips.am-close-tips {
    border: 0.1rem solid #2a94ff;
    background-color: #edf4ff;
    border-radius: var(--border-radius);
}
.am-operate-stretch-tips.am-close-tips .title {
    color: #2a94ff;
} 

.am-operate-stretch-tips.am-close-tips .contract {
    display: none;
}
.am-operate-stretch-tips .title {
    margin-bottom: 1rem;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}
.am-operate-stretch-tips .title i {
    font-size: 1.4rem;
}
.am-operate-stretch-tips .title .contract {
    color: var(--color-main);
    position: absolute;
    right: 1.2rem;
    top: 0.6rem;
}
.am-operate-stretch-tips p {
    min-height: 2.2rem;
    color: #999;
}


/**
 * 按钮icon大小
 */
.am-btn-icon-xs i {
    font-size: 0.8rem;
}
.am-btn-icon-sm i {
    font-size: 1rem;
}
.am-btn-icon i {
    font-size: 1.2rem;
}

/**
 * amazeui AVG-Grid 间隔设置
 */
@media only screen and (min-width: 1024px) {
    .am-avg-gap-1 {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
    .am-avg-gap-2 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .am-avg-gap-3 {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .am-avg-gap-4 {
        margin-left: -2rem;
        margin-right: -2rem;
    }
 }
.am-avg-gap-1>li {
    padding: 0 0.5rem 1rem;
}
.am-avg-gap-2>li {
    padding: 0 1rem 2rem;
}
.am-avg-gap-3>li {
    padding: 0 1.5rem 3rem;
}
.am-avg-gap-4>li {
    padding: 0 2rem 4rem;
}
/**
 * 详情弹窗样式公共
 */
.am-scrollable-vertical.reply-content {
    max-height: 16rem;
    height: auto;
}

/**
* 后台页面导航
*/
.detail-container {
    background-color: #fff;
    border-radius: var(--border-radius-lg);
    padding: 2rem;
}
.nav-content>.item {
    display: none;
}
.nav-content>.item.am-active {
    display: block;
}
/**
* 后台页面一级导航
*/
.nav-switch-tabs {
    margin-bottom: 2rem;
    border-bottom: 0.1rem solid #eee;
    display: flex;
    align-items: center;
}
.nav-switch-tabs .form-nav-top-retreat {
    padding-bottom: 1rem;
    line-height: initial;
}
.nav-switch-tabs .form-nav-top-retreat-ds {
    padding-bottom: 1rem;
}

.nav-switch-tabs ul {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: -0.2rem;
}
.nav-switch-tabs li a,
.nav-switch-tabs > span {
    display: inline-flex;
    align-items: center;
    padding: 0 1.2rem 1rem 1.2rem;
    color: #333;
    font-size: 1.4rem;
}
.nav-switch-tabs li.am-active a {
    color: var(--color-main);
    border-bottom: 0.2rem solid var(--color-main);
}
.nav-switch-tabs .more-text {
    position: absolute;
    right: 0;
    top: 0.5rem;
    font-size: 1.4rem;
    display: flex;
}

/* 灰色背景卡片 */
.card-grey {
    background-color: #f9f9f9;
    border-radius: var(--border-radius);
    padding: 1.6rem;
    display: flex;
    flex-flow: column;
    gap: 2rem;
}
.card-grey.am-radius-lg {
    border-radius: var(--border-radius-lg);
}

/* 局部提示 */
.am-tips-card {
    font-size: 1.2rem;
    color: #999999;
}
.am-tips-card p {
    line-height: 2rem;
}


/**
* 后台页面二级导航
*/
.nav-switch-btn {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2.4rem;
}
.nav-switch-btn .item {
    height: 3rem;
    line-height: 3rem;
    background: #F5F5F5;
    border-radius: var(--border-radius);
    font-size: 1.4rem;
    padding: 0 1.2rem;
    color: #333;
    cursor: pointer;
}
.nav-switch-btn .item.am-active {
    color: var(--color-main);
    background: var(--color-main-light);
    font-weight: 500;
}

/**
 * 后台页面详情弹窗
 */
.am-popup-hd .am-popup-title {
    text-align: left;
    margin: 0;
    padding-left: 1.5rem;
    font-size: 1.4rem;
}

/**
 * 边框
 */

 .am-border-0 {
    border: 0 !important;
}
.am-border-top-0 {
    border-top: 0 !important;
}
.am-border-right-0 {
    border-right: 0 !important;
}
.am-border-bottom-0 {
    border-bottom: 0 !important;
}
.am-border-left-0 {
    border-left: 0 !important;
}
.am-border {
    border: 0.1rem solid #eee;
}
.am-border-top {
    border-top: 0.1rem solid #eee;
}
.am-border-bottom {
    border-bottom: 0.1rem solid #eee;
}
.am-border-left {
    border-left: 0.1rem solid #eee;
}
.am-border-right {
    border-right: 0.1rem solid #eee;
}
.am-border-c {
    border: 0.1rem solid #ccc;
}
.am-border-top-c {
    border-top: 0.1rem solid #ccc;
}
.am-border-bottom-c {
    border-bottom: 0.1rem solid #ccc;
}
.am-border-left-c {
    border-left: 0.1rem solid #ccc;
}
.am-border-right-c {
    border-right: 0.1rem solid #ccc;
}
.am-border-f8 {
    border: 0.1rem solid #f8f8f8;
}
.am-border-top-f8 {
    border-top: 0.1rem solid #f8f8f8;
}
.am-border-bottom-f8 {
    border-bottom: 0.1rem solid #f8f8f8;
}
.am-border-left-f8 {
    border-left: 0.1rem solid #f8f8f8;
}
.am-border-right-f8 {
    border-right: 0.1rem solid #f8f8f8;
}

/**
 * 表格-顶部操作相关样式
 */
 .form-table-operate-top > .operate-right .am-btn {
    background-color: transparent;
    color: #666;
}
.form-table-operate-top > .operate-right .am-btn:hover,
.form-table-operate-top > .operate-right .am-btn:focus,
.form-table-operate-top > .operate-right .am-btn:active {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-main-hover);
}

/**
 * 商品参数
 */
 #parameters-quick-copy-modal textarea {
    resize: none;
}
#parameters-quick-container .am-dropdown-content {
    width: 26rem;
}
.parameters-table {
    border: 0;
}
.parameters-table thead tr > th:first-child,
.parameters-table tbody tr > td:first-child {
    border-left: 0;
}
.parameters-table thead tr > th:last-child,
.parameters-table tbody tr > td:last-child {
    position: sticky;
    text-align: center;
    z-index: 1;
    right: 0;
}
.parameters-table thead tr > th:last-child {
    background: #f5f7fa;
}
.parameters-table thead tr > th {
    min-width: 10rem;
}
.parameters-table thead tr > th:last-child {
    width: 13rem;
    min-width: 13rem;
    max-width: 13rem;
}

/**
 * iconfont字体
 */
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.am-text-sm.iconfont,
.am-text-sm .iconfont,
.am-btn-sm .iconfont {
    font-size: 1.4rem;
}
.am-text-xs.iconfont,
.am-text-xs .iconfont,
.am-btn-xs .iconfont {
    font-size: 1.2rem;
}
.am-text-xss.iconfont,
.am-text-xss .iconfont,
.am-btn-xss .iconfont {
    font-size: 1rem;
}
/**
 * 按钮 - 浅色
 */
 .am-btn-primary-light {
    border: 0.1rem solid var(--color-main-light);
    background: var(--color-main-light);
    color: var(--color-main);
}

.am-btn-primary-light:focus,
.am-btn-primary-light:active,
.am-btn-primary-light.am-active {
    color: #fff !important;
    border-color: var(--color-main-hover);
    background: var(--color-main-hover);
}

.am-btn-primary-light:hover,
.am-btn-primary-light:active,
.am-btn-primary-light.am-active,
.am-dropdown.am-active .am-btn-primary-light.am-dropdown-toggle {
    color: #fff !important;
    background: var(--color-main-hover);
    border-color: var(--color-main-hover);
}
/* 空心 */
.am-btn-primary-light-plain {
    border: 0.1rem solid var(--color-main);
    background: var(--color-main-light);
    color: var(--color-main);
}

.am-btn-primary-light-plain:focus,
.am-btn-primary-light-plain:active,
.am-btn-primary-light-plain.am-active {
    color: #fff !important;
    border-color: var(--color-main-hover);
    background: var(--color-main-hover);
}

.am-btn-primary-light-plain:hover,
.am-btn-primary-light-plain:active,
.am-btn-primary-light-plain.am-active,
.am-dropdown.am-active .am-btn-primary-light-plain.am-dropdown-toggle {
    color: #fff !important;
    background: var(--color-main-hover);
    border-color: var(--color-main-hover);
}
/**
 * 手机端菜单icon
 */
.common-nav-bar i {
    font-size: 2rem;
}

/**
 * popover
 */
.am-popover,
.am-popover .am-popover-inner {
    background: #fff !important;
    color: #333 !important;
}
.am-popover { 
    border: 0.1rem solid #fff !important;
    box-shadow: 0px 0px 1rem 1px rgb(231 231 231);
    border-radius: var(--border-radius) !important;
}
.am-popover * {
    font-size: 1.2rem;
}
.am-popover-caret {
  border-bottom: 0.8rem solid #fff !important;
}


/**
 * 语音提醒标签
 */
.common-voice-container {
    position: fixed;
    left: -99999.9rem;
    top: -99999.9rem;
}


/* 
 * 表单标题向上推显示效果样式
 */
.am-form-input-material {
    position: relative;
    padding: 2rem 0 0 0 !important;
}
.am-form-input-material input.am-form-field,
.am-form-input-material input.am-form-field:hover {
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    border-bottom: 1px solid #EEEEEE !important;
    padding: 0;
    box-shadow: none !important;
    background: transparent !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
    height: 3.6rem;
}
.am-form-input-material input.am-form-field:focus {
    box-shadow: none !important;
}
.am-form-input-material input:focus~.am-material-bar {
    width: 100%;
}
.am-form-input-material input:valid~.am-material-label,
.am-form-input-material input:focus~.am-material-label {
    color: #999999;
    transform: translateY(-2.7rem);
}
.am-form-input-material input.am-value-valid-true~.am-material-label {
    transform: translateY(-2.7rem);
}
.am-form-input-material input.am-value-valid-false~.am-material-label {
    transform: translateY(0rem);
}
.am-form-input-material .am-material-bar {
    position: absolute;
    width: 0;
    height: 0.1rem;
    bottom: -0.1rem;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #666666;
    transition: 0.4s ease;
    z-index: 1;
}
.am-form-input-material .am-material-label {
    position: absolute;
    top: 2.7rem;
    left: 0;
    transition: 0.4s ease;
    color: #999999 !important;
    font-size: 1.4rem;
    font-weight: 400;
}
.am-form-input-material .am-input-group-btn {
    position: absolute;
    top: 1.8rem;
    right: 3.5rem;
    z-index: 1;
}
.am-form-input-material .am-input-group-btn button {
    border: 0;
    background: transparent !important;
    color: #999999;
    box-shadow: none;
}
.am-form-input-material .am-input-group-btn button:hover,
.am-form-input-material .am-input-group-btn button:active {
    color: #666666;
}
.am-form-input-material .am-position-verify {
    right: 12.2rem;
    top: 2rem;
}
.am-form-input-material .am-position-verify-sms {
    right: 7rem;
    top: 2rem;
}
.am-form-input-material .am-position-verify img {
    border: 1px solid #F5F5F5;
    width: 12.2rem;
    height: 3.1rem;
}
.am-form-input-material .am-position-verify-sms button {
    padding: 0;
    box-shadow: none;
}

/* css3动画效果 */
@media only screen and (min-width: 641px) {
    /* 鼠标悬停放大 */
    .scale-md {
        transition: all .5s ease-in-out;
    }
    .scale-md:hover {
        transform: scale(1.1);
    }
    /* 鼠标悬停放大 */
    .scale-sm {
        transition: all .5s ease-in-out;
    }
    .scale-sm:hover {
        transform: scale(1.02);
    }
    /* 鼠标悬停放大 */
    .scale-xs {
        transition: all .5s ease-in-out;
    }
    .scale-xs:hover {
        transform: scale(1.01);
    }
        
    /* 放大再缩小--快速 */
    .scaleanimation,
    .scaleanimation-xs {
        position: relative;
    }
    .scaleanimation:hover {
        animation: scaleanimation 0.5s ease-in;
    }
    .scaleanimation-xs:hover {
        animation: scaleanimation-xs 0.5s ease-in;
    }
    @keyframes scaleanimation {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }
        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    @keyframes scaleanimation-xs {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    /* 向上、下、左、右抖动 */
    .up-hover,
    .down-hover,
    .left-hover,
    .right-hover {
        transition: all .5s;
    }
    .up-hover:hover {
        transform: translateY(-0.5rem);
    }
    .down-hover:hover {
        transform: translateY(0.5rem);
    }
    .left-hover:hover {
        transform: translateX(-0.5rem);
    }
    .right-hover:hover {
        transform: translateX(0.5rem);
    }

    /* 外边框阴影 大于手机端才生效 */
    .box-shadow-hover,
    .box-shadow-top-hover,
    .box-shadow-bottom-hover {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .box-shadow-hover:hover {
        -webkit-box-shadow: var(--box-shadow) !important;
        box-shadow: var(--box-shadow) !important;
    }
    .box-shadow-top-hover {
        -webkit-box-shadow: 0rem -0.1rem 0.4rem 0rem rgba(0,0,0,0.08) !important;
        box-shadow: 0rem -0.1rem 0.4rem 0rem rgba(0,0,0,0.08) !important;
    }
    .box-shadow-bottom-hover {
        -webkit-box-shadow: 0rem 0.4rem 0.4rem 0rem rgba(0,0,0,0.08);
        box-shadow: 0rem 0.4rem 0.4rem 0rem rgba(0,0,0,0.08);
    }
    /* 滑过透明层 */
    .glideover-hover {
        overflow: hidden;
        position: relative;
    }
    .glideover-hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        height: 100%;
        width: 50%;
        z-index: 999;
        background-color: rgba(255,255,255,.3);
        -webkit-transition: all 1s ease 0s;
        -moz-transition: all 1s ease 0s;
        -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        -ms-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        transform: skewX(-20deg);
        background: -webkit-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.4) 100%);
        background: -moz-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.4) 100%);
        background: -o-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.4) 100%);
        background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.4) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(255, 255, 255, 0.4),GradientType=0.9);
    }
    .glideover-hover:hover:before {
        left: 100%;
    }
    /* 向上 */
    .animation-up {
        transition: all .3s;
    }
    .animation-up:hover {
        transform: translateY(-0.5rem);
    }
    /* 旋转动画 */
    .rotate {
        animation: rotate 2s linear infinite;
    }
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }
    /* 鼠标移入抖动 */
    .jitter {
        transition: all 0.3s ease-in-out;
    }
    .jitter:hover {
        animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        perspective: 1000rem;

    }
    @keyframes shake {
        10%,
        90% {
            transform: translate3d(-0.1rem, 0, 0);
        }
        20%,
        80% {
            transform: translate3d(0.2rem, 0, 0);
        }
        30%,
        50%,
        70% {
            transform: translate3d(-0.4rem, 0, 0);
        }
        40%,
        60% {
            transform: translate3d(0.4rem, 0, 0);
        }
    }
    /* 流动边框 */
    .flow-border {
        position: relative;
        overflow: hidden;
        padding: 0.2rem !important;
        border-radius: 3.5rem;
    }
    .flow-border:hover::before {
        content: '';
        position: absolute;
        width: 12rem;
        height: 140%;
        background: linear-gradient(#0080ff, #ff0000);
        animation: rotate 4s linear infinite;
        overflow: hidden;
    }
    .flow-border:hover::after {
        content: '';
        position: absolute;
        background-color: #fff;
        inset: 0.2rem;
        border-radius: 3.5rem;
    }
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    /* 边框动画 */
    .animation-border {
        position: relative;
        overflow: hidden;
    }
    .animation-border::before,
    .animation-border::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 0.3rem solid var(--color-main);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 2;
        opacity: 0;
    }
    .animation-border::before {
        right: 0;
        bottom: 0;
        border-width: 0 0.3rem 0.3rem 0;
    }
    .animation-border::after {
        left: 0;
        top: 0;
        border-width: 0.3rem 0 0 0.3rem;
    }
    .animation-border:hover:after,
    .animation-border:hover:before {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    /* 呼吸效果-----呼吸大小使用时记得覆盖 */
    /* <div class="breathe"></div> */
    .breathe {
        background-color: #fff;
        border-radius: 100%;
        width: 12rem;
        height: 12rem;
        position: relative;
    }
    .breathe::before,
    .breathe::after {
        content: '';
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        position: absolute;
        animation: loading 2s infinite ease-in-out;
    }
    .breathe::after {
        background-color: rgba(255, 255, 255, 0.4);
    }
    .breathe::before {
        width: 15rem;
        height: 15rem;
        top: -1.5rem;
        left: -1.5rem;
    }
    .breathe::after {
        width: 18rem;
        height: 18rem;
        top: -3rem;
        left: -3rem;
    }
    @keyframes loading {
        0% {
            opacity: 0.5;
            -webkit-transform: scale(1);
        }
        50% {
            opacity: 0.7;
            -webkit-transform: scale(1.12);
        }
        100% {
            opacity: 0.5;
            -webkit-transform: scale(1);
        }
    }
    /* 左右前进后退动画 */
    .forward {
        position: relative;
        animation: forward 1s linear infinite;
    }
    @keyframes forward {
        0% {
            transform: translateX(10%);
        }
        100% {
            transform: translateX(-10%);
        }
    }
}

/**
 * 平台组url地址容器
 */
.platform-group-url-container > div.am-input-group:not(:first-child) {
    margin-top: 0.5rem;
}
.platform-group-url-container > .am-input-group > .am-input-group-btn > button {
    width: 11rem;
    cursor: auto;
}


/**
 * 上传文件弹窗样式---内部只有一个上传按钮
 */
 .am-upload-file .am-form-file {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.am-upload-file .am-form-file .am-btn {
    width: 14rem;
    height: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7rem;
    color: #2A94FF;
    background: #E1F0FF;
    border-radius: var(--border-radius-sm);
    border: 0.1rem dashed #2A94FF;
}
.am-upload-file .am-form-file input[type="file"] {
    width: 14rem !important;
    height: 14rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/**
 * form表单页面布局 start
 */
.detail-container,
.content-right,
.content-right .content,
.content-right .content form {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.detail-container,
.content-right .content,
.content-right .content form {
    flex-grow: 1;
}
.content-right > .content {
    margin: 1rem;
    background-color: #fff;
    border-radius: var(--border-radius-lg);
    padding: 2rem;
}
form .am-radio-group > .am-radio-inline,
form .am-checkbox-group > .am-checkbox-inline,
form .am-form-group > label {
    margin: 0
}
form .am-form-group.row,
form .am-form-group:not(:has(.am-radio-inline, .am-checkbox-inline)) {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
form .am-form-group.am-form-file:not(.row) {
    gap: 0.3rem;
}
form .am-form-group:not(.row) > .am-radio-group,
form .am-form-group:not(.row) > .am-checkbox-group,
form .am-form-group:not(.row):has(.am-radio-inline, .am-checkbox-inline) > label:not(:first-child) {
    margin-top: 1rem;
}
form .am-form-group:not(.row):has(.am-radio-inline, .am-checkbox-inline) > .am-tips-card {
    margin-top: 1rem;
}
form .am-form-group > .am-radio-inline:not(:last-child),
form .am-form-group > .am-checkbox-inline:not(:last-child) {
    margin-right: 2rem;
}
form .am-form-group.row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}
form .am-radio-group,
form .am-checkbox-group {
    display: flex;
    gap: 1rem 2rem;
    flex-wrap: wrap;
}
form .am-form-group.row > label {
    min-width: 10rem;
    text-align: right;
}
form .am-form-group.row > label.am-flex-align-self-start {
    margin-top: 0.5rem;
}
form .am-form-group.row > label.row-w-xs,
form.am-form-group-row-xs .am-form-group.row > label {
    min-width: 5rem;
}
form .am-form-group.row > label.row-w-sm,
form.am-form-group-row-sm .am-form-group.row > label {
    min-width: 8rem;
}
form .am-form-group.row > label.row-w-lg,
form.am-form-group-row-lg .am-form-group.row > label {
    min-width: 14rem;
}

form .form-custom-group,
form .form-multiple-where-input,
form .am-input-group,
form input,
form:not(.form-validation-search) .chosen-select,
form textarea {
    max-width: 45rem;
}
.am-form-popup-container form .form-multiple-where-input,
.am-form-popup-container form .am-input-group,
.am-form-popup-container form input,
.am-form-popup-container form:not(.form-validation-search) .chosen-select,
.am-form-popup-container form textarea,
.am-popup form .form-multiple-where-input,
.am-popup form .am-input-group,
.am-popup form input,
.am-popup form:not(.form-validation-search) .chosen-select,
.am-popup form textarea {
    width: 100%;
    max-width: 100%;
}

form.am-form .am-form-group {
    padding: 0 0 3rem 0;
    margin-bottom: 0;
}
form.am-form .am-form-group.am-padding-0 {
    padding: 0 !important;
}
form.am-form .am-form-group.am-form-last-padding {
    padding-bottom: 0 !important;
    padding-top: 0.5rem !important;
}
.am-icon-question-circle {
    color: var(--color-yellow) !important;
}

form .am-input-group-label,
form .am-input-group-label {
    background-color: #f5f5f5;
    padding: 0 2.2rem;
}
form .am-form-group>label,
form .am-form-group>label {
    font-weight: 400;
}

@media only screen and (max-width: 640px) {
    form .form-multiple-where-input,
    form .am-input-group,
    form .am-tagsinput,
    form:not(.form-validation-search) .chosen-select,
    form input[type="text"],
    form input[type="password"],
    form input[type="datetime"],
    form input[type="datetime-local"],
    form input[type="date"],
    form input[type="month"],
    form input[type="time"],
    form input[type="week"],
    form input[type="number"],
    form input[type="email"],
    form input[type="url"],
    form input[type="search"],
    form input[type="tel"],
    form input[type="color"],
    form textarea {
        width: 100%;
        max-width: 100%;
    }
}

/**
 * 新增编辑带返回的头部显示
 */
legend {
    margin-bottom: 1rem !important;
    padding: 0 !important;
    border-bottom: 0.1rem solid transparent !important;
}
legend a i {
    color: #666;
}
legend a i:hover {
    color: var(--color-blue);
}

/**
 * 角色权限树结构
 */
.tree-list li {
    list-style-type: none;
}

.tree-list>li {
    background: #fafcff;
}
.tree-list>li:not(:last-child) {
    border-bottom: 0.1rem solid #f2fbff;
}
.tree-list>li>div>label {
    font-size: 1.4rem;
}

.tree-list li label,
.tree-list li label input[type="checkbox"] {
    cursor: pointer;
    margin: 0;
}

.tree-list.list-find,
.tree-list .list-find {
    background-color: #fbfeff;
    padding-left: 3rem;
    margin-top: 0;
    padding-top: 0.5rem;
}

.tree-list.list-find>li:not(:last-child),
.tree-list .list-find>li:not(:last-child) {
    border-bottom: 0.1rem solid #EBF4FA;
}

.tree-list .list-find>li label span {
    font-weight: normal;
}

.tree-list .tree-telescoping-submit {
    width: 1rem;
    display: inline-block;
    margin-right: 1rem;
}

/**
 * 打印组件
 */
.hiprint-template-container {
    min-width: 125rem;
}
.hiprint-template-container [class*="am-u-"] {
    overflow: auto;
    height: calc(100vh - 11rem);
}
.hiprint-template-container .hiprint-drag-list li {
    padding: 0;
    min-height: auto;
}
.hiprint-template-container .hiprint-drag-list li .item {
    height: 5rem;
    line-height: 5rem;
}
.hiprint-template-container .hiprint-drag-list li .item a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 1.2rem;
    color: #333;
}
.hiprint-template-container .hiprint-drag-size-input {
    display: -webkit-inline-box;
    vertical-align: middle;
}
.hiprint-template-container .hiprint-drag-size-input input {
    width: 5.5rem !important;
}
.hiprint-template-container .hiprint-drag-size-input input:first-child {
    border-right: 0;
}
.hiprint-template-container .hiprint-drag-size-input .am-input-group-btn {
    width: auto;
}
.hiprint-template-container .hiprint-right-option-setting {
    background: rgb(255 255 255 / 70%);
    border: 0.1rem solid rgba(0,0,0,.09);
}
.hiprint-template-container .hiprint-element-option-setting .msg-tips {
    color: #999;
    font-size: 1.2rem;
}
#hiprint-preview-popup .hiprint-printPaper,
.hiprint-preview-container .preview-content .hiprint-printPaper {
    margin: 0 auto;
    border: 0.1rem dashed rgba(0,0,0,.06);
}


/**
 * 参数
 */
.parameters-container {
    border: 0.1rem solid #eee;
    border-radius: var(--border-radius);
}
.parameters-container .parameters-table thead tr th:nth-child(1),
.parameters-container .parameters-table thead tr th:nth-child(3),
.parameters-container .parameters-table thead tr th:nth-child(4) {
    width: 5rem;
}
.parameters-container .parameters-table thead tr th:nth-child(2) {
    width: 15rem;
}
.parameters-container .parameters-table thead tr th:nth-child(5) {
    min-width: 30rem;
}
.parameters-container .parameters-table thead tr > th:last-child,
.parameters-container .parameters-table tbody tr > td:last-child {
    position: sticky;
    text-align: center;
    z-index: 1;
    right: 0;
    background: #fff;
    -webkit-box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
    -moz-box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
    box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
}
.parameters-container .parameters-table .parameters-value-content input,
.parameters-container .parameters-table .parameters-value-content textarea {
    width: 100%;
    max-width: 100%;
}
.parameters-container .parameters-table .parameters-value-content textarea {
    height: 8.6rem;
}
.parameters-container .parameters-table tbody tr label {
    cursor: pointer;
}


/**
 * 规格
 */
.specifications-table .title-nav th input {
    width: calc(100% - 2.5rem);
}
.specifications-table th {
    min-width: 10rem;
}
.specifications-table th.operation-btn {
    min-width: 18rem;
}
.specifications-table th.extend-btn {
    min-width: 5.5rem;
}
.spec-images-list .am-alert-warning {
    margin-bottom: 1rem;
}
.spec-images-list {
    margin-top: 3.5rem;
}
.spec-images-list li {
    display: inline-block;
    width: 10rem;
    margin: 0.5rem 2rem 1rem 0;
}
.spec-images-list li>input {
    margin-bottom: 0.2rem;
}
.spec-images-list li>.plug-file-upload-submit {
    margin-top: 1rem;
}
.spec-images-items ul.plug-file-upload-view li {
    width: 10rem;
    height: 10rem;
    margin-right: 0;
}
.specifications-container {
    border: 0.1rem solid #eee;
    border-radius: var(--border-radius);
}
.specifications-table {
    border: 0;
}
.specifications-table thead tr > th:first-child,
.specifications-table tbody tr > td:first-child {
    border-left: 0;
}
.specifications-table thead th i {
    cursor: pointer;
}
.specifications-line-images-auto-add input {
    width: 3rem !important;
    padding: 0.1rem !important;
    height: 2rem !important;
}
.specifications-table thead tr > th:nth-last-child(-n+2),
.specifications-table tbody tr > td:nth-last-child(-n+2) {
    position: sticky;
    text-align: center;
    z-index: 1;
    right: 0;
    background: #fff;
}
.specifications-table thead tr > th:nth-last-child(-n+2) {
    background: #f5f7fa;
}
.specifications-table thead tr > th:nth-last-child(2),
.specifications-table tbody tr > td:nth-last-child(2) {
    right: 15rem;
    -webkit-box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
    -moz-box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
    box-shadow: -2px 0px 4px 0px rgba(211, 211, 211, 0.3);
}

/**
 * 规格快捷添加
 */
.spec-quick table td,
.spec-quick table .value-item {
    position: relative;
}
.spec-quick table td.am-text-middle input {
    width: calc(100% - 2.5rem) !important;
}
.spec-quick-td-value .value-item input {
    width: calc(100% - 2.5em) !important;
}
.spec-quick table i.quick-title-remove,
.spec-quick table i.quick-value-remove {
    cursor: pointer;
}
.spec-quick .goods-specifications {
    border-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 641px) {
    .spec-quick-th-title {
        width: 15rem;
    }
    .spec-quick-td-value .value-item {
        width: calc(30% - 1.2rem) !important;
    }
}
@media only screen and (min-width: 1025px) {
    .spec-quick-td-value .value-item {
        width: calc(20% - 1.2rem) !important;
    }
}
@media only screen and (max-width: 640px) {
    .spec-quick-th-title {
        width: 20%;
    }
    .spec-quick-td-value .value-item {
        width: calc(50% - 1.2rem) !important;
    }
}

/**
 * 规格扩展弹窗
 */
@media only screen and (max-width: 629px) {
    #specifications-extends-popup {
        margin: 2rem;
        width: calc(100% - 4rem);
        height: calc(100% - 4rem);
    }
}

/**
 * 规格模板快捷操作
 */
#specifications-quick-container {
    padding: 0;
}
#specifications-quick-container .chosen-container {
    min-width: 12rem;
}
#specifications-quick-container select {
    border: 0px;
}
#specifications-quick-container .chosen-container-single .chosen-default,
#specifications-quick-container .chosen-container-single .chosen-single {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 2.7rem;
    line-height: 2.4rem;
}
#specifications-quick-container .chosen-container .chosen-drop {
    border-style: dashed;
    left: -0.1rem;
    width: calc(100% + 0.2rem);
}
#specifications-quick-container:hover .chosen-container .chosen-drop {
    border-color: #666  !important;
}