:root {
    --color-main: #2A94FF !important;
    --color-main-light: #E1EFFF !important;
    --color-main-hover: #2A94FF !important;
    --color-tips-warm-bg: #F1FCFF !important;
    --color-tips-warm-br: #F1FCFF !important;
    /* 主色按钮颜色覆盖 */
    --color-button-primary-text: #fff !important;
    --color-button-primary: #2A94FF !important;
    --color-button-primary-border: #2A94FF !important;
    --color-button-primary-hover: #6CB5FF !important;
    --color-button-primary-hover-border: #6CB5FF !important;
    --color-button-primary-focus-text: #FFFFFF !important;
    --color-button-primary-focus: #6CB5FF !important;
    --color-button-primary-focus-border: #6CB5FF !important;
    --color-button-primary-active-text: #FFFFFF !important;
    --color-button-primary-active: #0968C7 !important;
    --color-button-primary-active-border: #0968C7 !important;
    --color-button-primary-disabled: #A8D3FF !important;
    --color-button-primary-disabled-border: #A8D3FF !important;
    --color-button-primary-disabled-text: #FFFFFF !important;
    /* 次色按钮颜色覆盖 */
    --color-button-secondary-text: #2A94FF !important;
    --color-button-secondary: #E1EFFF !important;
    --color-button-secondary-border: #2A94FF !important;
    --color-button-secondary-focus-text: #2A94FF !important;
    --color-button-secondary-focus: #CDDAFF !important;
    --color-button-secondary-focus-border: #2A94FF !important;
    --color-button-secondary-hover-text: #2A94FF !important;
    --color-button-secondary-hover: #CDDAFF !important;
    --color-button-secondary-hover-border: #2A94FF !important;
    --color-button-secondary-active-text: #FFFFFF !important;
    --color-button-secondary-active: #744EDE !important;
    --color-button-secondary-active-border: #744EDE !important;
    --color-button-secondary-disabled-text: #BBC8E8 !important;
    --color-button-secondary-disabled: #F4F4F9 !important;
    --color-button-secondary-disabled-border: #BBC8E8 !important;
}

html,
body {
    background: #F4F3F7;
}

a {
    color: var(--color-blue);
}

/**
 * 数据表格
 */
.am-table-scrollable-horizontal {
    max-height: calc(100% - 5rem);
    overflow-x: auto;
    overflow-y: auto;
}

/**
 * 顶部导航
 */
header.shop-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    min-height: 5rem;
    margin: 0;
    z-index: 1000;
    background-color: #fff !important;
    border: 0 !important;
}

header.shop-header .am-topbar-brand {
    height: 5rem;
    line-height: 5rem;
    display: flex;
    align-items: center;
}

header.shop-header .am-topbar-brand a {
    text-decoration: none;
}

header.shop-header .am-topbar-brand a img {
    border-radius: var(--border-radius);
}

.am-topbar-inverse .am-topbar-nav>li.am-active>a {
    color: #333 !important;
}

header.shop-header .am-topbar-btn {
    margin: 0.9rem 1rem 0 0;
    padding: 0 1rem;
}

header.shop-header .am-topbar-btn i {
    display: grid;
}

header.shop-header .am-topbar-brand h2 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #333;
}

header.shop-header .am-topbar-collapse .am-topbar-nav>li {
    margin: 0;
}

.am-topbar-inverse .am-topbar-nav>li>a:hover,
.am-topbar-inverse .am-topbar-nav>li>a:focus {
    color: #333;
}

header.shop-header .am-topbar-nav>li>a {
    color: #333;
    font-size: 1.2rem;
}

header .am-topbar-nav>li>a:hover,
header .am-topbar-nav>li>a:focus,
header .am-topbar-nav>li.am-active>a,
header .am-topbar-nav>li.am-active>a:hover,
header .am-topbar-nav>li.am-active>a:focus,
header .am-topbar-nav>li ul.am-dropdown-content>li.am-active>a {
    color: var(--color-main);
    background-color: transparent;
}

header .am-topbar-nav>li>a i {
    font-size: 1.6rem;
}

header .am-topbar-nav>li>a:hover i,
header .am-topbar-nav>li>a:focus i {
    animation: scaleanimation .3s ease-in-out;
}

header .notice-width {
    width: 30rem;
}

@media only screen and (min-width: 641px) {
    header.shop-header {
        width: calc(100% - 11.5rem);
        left: 11.5rem;
        border-bottom-left-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);
    }

    header.shop-header .am-topbar-brand,
    .am-topbar-nav>li>a {
        line-height: 5rem;
    }
}

@media only screen and (max-width: 640px) {
    header.shop-header .am-topbar-collapse .am-topbar-nav>li {
        margin: 0;
        height: 5rem;
        line-height: 4rem;
    }

    header.shop-header .am-topbar-collapse .am-topbar-nav>li:not(:last-child) {
        border-bottom: 0.1rem solid #eee;
    }

    header.shop-header .am-topbar-collapse {
        border-top: 0.1rem solid #eee;
        background-color: #fff;
        box-shadow: 0px 7px 7px 0px rgb(217 217 217 / 30%);
        border-bottom-left-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);
        padding: 0;
        overflow-y: visible;
    }

    header.shop-header .am-topbar-collapse .am-topbar-nav>li a:hover,
    header.shop-header .am-topbar-collapse .am-topbar-nav>li a:focus {
        background-color: var(--color-main-light);
    }
}

/**
 * 右侧内容
 */
.right-content-body {
    padding: 6.5rem 1.5rem 1.5rem 1.5rem;
    min-height: 100vh;
}

.right-content {
    padding: 2rem;
    background-color: #fff;
    min-height: calc(100vh - 8rem);
    border-radius: var(--border-radius-lg);
}

.right-content-body .am-min-height {
    min-height: calc(100vh - 8rem);
}

@media only screen and (min-width: 641px) {
    .right-content-body {
        margin-left: 10rem;
    }

    .right-content-body.right-content-body-popup {
        padding: 0;
        margin: 0;
        background: #fff;
    }
}

/**
 * 框架基础样式覆盖
 */
.am-badge.am-radius,
.am-switch {
    border-radius: 100rem !important;
}

.am-radius,
.am-table-scrollable-horizontal,
.am-img-thumbnail.am-radius,
.am-modal-dialog,
.am-popup .am-popup-inner,
.chosen-container .chosen-single,
.chosen-container .chosen-search input[type="text"],
.form-table-search td select[multiple],
.form-table-search td select[size],
.form-table-search td .chosen-container-multi .chosen-choices,
.am-alert,
.pagination-input,
ul.plug-file-upload-view li,
ul.plug-file-upload-view li img,
ul.plug-file-upload-view-video li video,
.plug-file-upload-submit,
.am-popover,
.am-input-group-label,
.layout-category-choice .goods-category-choice-content ul,
.am-form-group .am-tagsinput,
.am-form-group .am-tagsinput .tag {
    border-radius: var(--border-radius) !important;
}

.am-list li:first-child,
.am-modal-dialog .am-modal-hd {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
}

.am-list li:last-child,
.am-modal-dialog .am-modal-bd {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

div.chosen-container-multi.chosen-with-drop .chosen-choices,
div.chosen-container.chosen-with-drop .chosen-single {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.chosen-container .chosen-drop {
    border-bottom-left-radius: 0.3rem !important;
    border-bottom-right-radius: 0.3rem !important;
}

.am-input-group .am-form-field:first-child,
.am-input-group-label:first-child,
.am-input-group-btn:first-child>.am-btn,
.am-input-group-btn:first-child>.am-btn-group>.am-btn,
.am-input-group-btn:first-child>.am-dropdown-toggle,
.am-input-group-btn:last-child>.am-btn:not(:last-child):not(.dropdown-toggle),
.am-input-group-btn:last-child>.am-btn-group:not(:last-child)>.am-btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.am-input-group .am-form-field:last-child,
.am-input-group-label:last-child,
.am-input-group-btn:last-child>.am-btn,
.am-input-group-btn:last-child>.am-btn-group>.am-btn,
.am-input-group-btn:last-child>.am-dropdown-toggle,
.am-input-group-btn:first-child>.am-btn:not(:first-child),
.am-input-group-btn:first-child>.am-btn-group:not(:first-child)>.am-btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.am-table,
.am-panel {
    border-radius: 0.3rem;
}

.am-panel .am-panel-hd {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.am-table thead tr th:first-child {
    border-top-left-radius: 0.3rem;
}

.am-input-group .am-form-field:first-child,
.am-input-group .am-input-group-btn:first-child {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.am-input-group-btn:last-child>.am-btn {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

/**
 * 可视化拖拽样式
 */
.group-border-radius-color span.am-input-group-label {
    border-radius: 0 !important;
}

.group-list-number-width {
    background: transparent !important;
}

button.colorpicker-submit,
.layout-category-choice .form-container-category .goods-category-choice-content,
.layout-category-choice .goods-category-choice .already-select-tips,
.business-operations-submit {
    border-radius: var(--border-radius);
}

/**
 * 左侧菜单
 */
.shop-menu-sidebar {
    position: fixed;
    z-index: 1020;
    bottom: 7rem;
    right: 1rem;
}

.shop-menu-sidebar::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}

.shop-menu-sidebar {
    width: 10rem;
    min-height: 100%;
    float: left;
}

.shop-menu-sidebar>a>img {
    border-radius: var(--border-radius);
}

.shop-menu-sidebar-list li a:hover {
    background: var(--color-main-light);
    text-decoration: none !important;
}

.shop-menu-sidebar-list li a:hover i {
    color: var(--color-main);
}

.shop-menu-sidebar .am-active a {
    background: var(--color-main-light);
}

.shop-menu-sidebar a i {
    color: #BDC8D6;
}

.shop-menu-sidebar .am-active a i {
    color: var(--color-main);
}

.shop-menu-sidebar .am-active a::before {
    content: '';
    width: 0.3rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color-main);
}

.shop-menu-sidebar-list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 1.2rem;
    padding: 1rem;
    text-decoration: none !important;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.shop-menu-sidebar-list li a i {
    font-size: 2.7rem;
    transition: all 0.3s ease-in-out;
}

.shop-menu-sidebar-list li:first-child {
    border-top: none;
}

.shop-menu-offcanvas-bar .am-list>li {
    border: 0;
    background-color: transparent;
}

.user-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
}

.shop-menu-offcanvas-bar {
    z-index: 900;
}

.shop-menu-offcanvas-bar {
    background: #fff;
}

@media only screen and (min-width: 641px) {
    .shop-menu-sidebar {
        display: block;
        position: relative;
        z-index: 1000;
        height: 100%;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        overflow-y: scroll;
    }

    .shop-menu-offcanvas-bar {
        position: static;
        width: auto;
        background: none;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        overflow-y: hidden;
    }

    .shop-menu-offcanvas-bar:after {
        content: none;
    }

    .shop-menu-offcanvas-bar ul.shop-menu-sidebar-list {
        padding-bottom: 0.1rem;
    }
}

@media only screen and (max-width: 640px) {
    .shop-menu-sidebar {
        width: inherit;
    }

    .shop-menu-offcanvas-bar:after {
        background: #BABABA;
    }

    .shop-menu-sidebar-list a:hover,
    .shop-menu-sidebar-list a:active {
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        -ms-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease;
        background: #E4E4E4;
    }

    .shop-menu-offcanvas-bar ul {
        margin-bottom: 0;
    }
    /* 提示信息在手机端时，距离顶部为0 */
    .am-topbar-collapse .am-dropdown.am-active .am-dropdown-content { 
        top: 0;
    }
}

/**
 * 模块数据列表
 */
.module-data-list li {
    padding: 0.5rem 0;
}

.module-data-list li:not(:last-child) {
    border-bottom: 0.1rem solid #eee;
}

.module-data-list li:first-child {
    padding-top: 0px;
}

.module-data-list li:last-child {
    padding-bottom: 0px;
}


/**
 * 店铺信息无效
 */
header.shop-header.invalid-shop {
    width: 100%;
    left: 0;
}
.right-content-body.invalid-shop {
    margin-left: 0;
}
.apply-content .apply-img {
    width: 100%;
    max-width: 66rem;
    padding: 2rem 8rem 4rem 8rem;
}
.apply-content .am-btn {
    width: 17.5rem;
    height: 6rem;
    line-height: 6rem;
    padding: 0;
    font-size: 2rem;
}
@media only screen and (max-width: 640px) {
    .apply-content .apply-img {
        padding: 4rem 2rem;
    }
}