/** * 公共 */ div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: "Microsoft YaHei",SimSun; font-style: normal; } body {font-size: 1.2rem;margin:0;color:#666;background-color: #F4F3F7;} html,body {position:relative;height:100%;width:100%;} h3 small,h4 small,h5 small {color:#4444;} a{color: var(--color-blue);} a:hover{color: var(--color-blue);} b {font-weight:600;} i{ font-style: normal; } a:hover {outline:0;text-decoration:none;} a:active {outline:0;text-decoration:none;} a:focus {outline:0;text-decoration:none;} textarea.am-scrollable-vertical { height: auto; max-height: 16rem; } .icon-delete:before {width:1.2rem !important;} .am-popup-bd {background:#fff;} .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 {font-size:1.2rem !important;} select {height:2.8rem !important;} .bk-cr-grey {background:#f3f3f3 !important;} .bk-cr-ffd {background:#ffd !important;} .bk-am-color-white {background-color: #fff;} .bk-cr-f8 {background:#f8f8f8 !important;} .bk-cr-black {background: #333333 !important;} .am-nav-pills > li.am-fr {float: right !important;} .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 {font-size:1.2rem !important;} select {height:2.8rem !important;} .am-input-group-sm > .am-input-group-btn > .am-btn, .am-input-group-sm > .am-form-field, .am-input-group-sm > .am-input-group-label, .am-input-group-sm > .am-input-group-btn > .am-btn { height: 3.1rem; font-size: 1.2rem !important; } .left-menu-more-icon-rotate {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: all 300ms;transition: all 300ms;} .top-menu-more-icon-rotate {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 300ms;transition: all 300ms;} .am-icon-angle-down {-webkit-transition: all 300ms;transition: all 300ms;} .am-alert-tips { background-color: #ffffe9; border-color: #faebd2; color: #888; } .am-alert-tips, .am-alert-tips * { font-size: 1.2rem; } .am-input-group-sm > .am-input-group-label { line-height: 2.6rem; } .nwarp{white-space: nowrap;} ul {margin-top:0;} a.title { color: #333; } a.title:hover { color: var(--color-main); } /* fixed-layout 固定头部和边栏布局*/ @media only screen and (max-width:640px) { header .am-dropdown-content {border:0px;} } header { background-color:#fff !important;} header, header.am-topbar { min-height:4.5rem; } header.am-topbar-inverse .nav-logo { height: 4.6rem; padding: 0.6rem 1rem; } header.am-topbar-inverse .nav-logo img { max-height: 100%; } header.am-topbar-inverse .admin-site-vice-name { font-size: 1.2rem; color: #888; margin-top: 1.5rem; } header.am-topbar-inverse .header-top { border-bottom: 0.1rem solid #f8f8f8; } header.am-topbar-inverse { border: 0; box-shadow: 0px 3px 4px 0px rgba(134, 142, 192, 0.08);} header.am-topbar-inverse .am-topbar-nav > li:first-of-type {margin-left: 0;} header.am-topbar-inverse .am-topbar-nav > li > a { color: #333; font-size: 1.4rem; } header.am-topbar-inverse .am-topbar-nav > li > a:hover, header.am-topbar-inverse .am-topbar-nav > li > a:focus { color: var(--color-main); background-color: transparent;} header.am-topbar-inverse .am-topbar-nav > li > a:hover i, header.am-topbar-inverse .am-topbar-nav > li > a:focus i { animation: scaleanimation .3s ease-in-out;} header.am-topbar-inverse .header-nav-submit { margin: 1rem 1rem 0 0; padding: 0 1rem;} header.am-topbar-inverse .am-topbar-nav > li.am-active > a, header.am-topbar-inverse .am-topbar-nav > li.am-active > a:hover, header.am-topbar-inverse .am-topbar-nav > li.am-active > a:focus, header.am-topbar-inverse .admin-header-right-list > li ul.am-dropdown-content > li.am-active > a { color: var(--color-main); background-color: transparent; } header .admin-header-right-list .notice-width { width: 30rem; } .admin-header {position:fixed;top:0;right:0;z-index:1000;margin-bottom:0;} .admin-sidebar {width:26rem;min-height:100%;float:left;} .admin-sidebar.am-active {z-index:1600;} .admin-sidebar-list {margin-bottom:0;} .admin-sidebar-list>li:first-child { border-top: 0 !important; } .admin-sidebar-list>li:last-child { border-bottom: 0 !important; } .admin-sidebar-list li a {color:#fff;padding-left:2.4rem;} .admin-sidebar-list li:first-child {border-top:none;} .admin-sidebar-list li a .nav-name {width: 100%;font-weight: 500;} .admin-sidebar-list li > a > .iconfont { font-size: 1.4rem; } .admin-sidebar-sub { margin-top: 0; margin-bottom: 0; box-shadow: 0 1.6rem 0.8rem -1.5rem #404246 inset; background: #404246; } .admin-sidebar-sub li:first-child {border-top:0.1rem solid #dedede;} .admin-sidebar-sub li { background: #404246 !important; border-color: #393b3e !important; } .admin-sidebar {height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width: none;} .admin-sidebar .am-icon-angle-down {margin-top: -0.3rem;} @media only screen and (min-width:641px) { header { left: 8rem; } .am-topbar-nav > li > a { line-height: 4.5rem; } .admin-sidebar {display:block;width:8rem;z-index:1001; position: fixed; top: 0; left: 0;box-shadow: 2px 0px 4px 0px rgba(134, 142, 192, 0.08);} .admin-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:visible;min-height:100%;padding-bottom: 5rem;} .admin-offcanvas-bar:after {content:none;} .notice-width { width: 40rem; } } @media only screen and (max-width:640px) { header { left: 0; } .admin-sidebar {width:inherit;} .admin-offcanvas-bar {background:#f3f3f3;} .admin-offcanvas-bar:after {background:#BABABA;} .admin-sidebar-list a:hover,.admin-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;} .admin-sidebar .am-offcanvas-bar { width: 20rem; } .admin {padding-top:4.6rem !important;} } .common-nav-bar {position:fixed;z-index:10;bottom:3rem;right:2rem;box-shadow: 0 0 0.5rem 0.2rem #e8e8e8;opacity: 0.8;background: #fff;z-index: 101;} .common-nav-bar.am-icon-btn:hover, .common-nav-bar.am-icon-btn:focus { color: #fff; background: var(--color-main); } .admin {width:100%;height:100%;display:flex;display:-webkit-flex;padding-top:7.9rem;} .admin .am-g {padding-left:0;padding-right:0;} /*---right Content---*/ .admin-sidebar-list li a {padding: 1rem 0.5rem 1rem 1.7rem; } .common-left-menu a:not(.common-left-menu-active):hover { background:rgba(118, 119, 120, 0.45); } .common-left-menu-active {color:#fff !important;} .admin-offcanvas-bar, .admin-offcanvas-bar .am-list > li { background: transparent; } .admin-offcanvas-bar .am-list > li { border-style: solid; border-width: 0; margin: 0; border-color: #2e2e31;position: unset; } @media only screen and (max-width:640px) { .common-left-menu-active {background:var(--color-main) !important;color:#fff !important;} .admin-offcanvas-bar, .admin-offcanvas-bar .am-list > li { background: var(--color-left-menu-bg); } } /** * excel导入窗口 */ .excel-form input[name="excel"] { width: 10.5rem !important; height: 4.5rem; } /** * 导航 */ .table-nav { border-bottom: 0.1rem solid #eee; } .table-nav li a { border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; } /** * 公共 */ .am-container {padding-left:0px;padding-right:0px ;} @media only screen and (min-width: 1025px) { .am-container { max-width: 100rem;} } @media only screen and (min-width: 1260px) { .am-container {max-width: 120rem;} } @media only screen and (min-width: 1600px) { .am-container {max-width: 150rem;} } /** * 两行、超出字符省略 */ .am-text-truncate-2, .am-text-truncate-2-sm, .am-text-truncate-3, .am-text-truncate-4, .am-text-truncate-5 { font-size: 1.2rem; } /** * 下拉选框 */ table.am-table .am-dropdown.am-active .am-selected-btn.am-btn-default.am-dropdown-toggle, .am-selected > .am-selected-btn.am-btn-default:hover { background: #fff !important; color: #666 !important; border-color: #ddd !important; } /** * 警告框下表单最后一个去掉虚线 */ .am-alert .am-form-group:last-child { border-bottom: 0; } /** * 动态数据列表 */ .am-table-scrollable-horizontal { max-height: calc(100% - 5rem); overflow-x: auto; overflow-y: auto; } /** * 商店帐号信息 */ #store-accounts-popup { width: 36rem; height: auto; left: 50%; top: 50%; } #store-accounts-popup .am-form-group.row { display: flex; flex-flow: row nowrap; align-items: center; gap: 1; } #store-accounts-popup .am-form-group.row label { width: 5rem; } @media (min-width: 630px) { #store-accounts-popup { margin-left: -18rem; margin-top: -18.5rem; } } @media only screen and (max-width: 640px) { #store-accounts-popup { left: calc(50% - 18rem); top: calc(50% - 18.5rem); } } /** * 插件更新弹窗 */ #package-upgrade-modal .am-scrollable-vertical { height: 16rem; resize: none; } #package-upgrade-modal .am-modal-bd { padding: 1.5rem; } /** * 小徽章 */ .am-badge-primary { border: 0.1rem solid var(--color-main); background: var(--color-main); color: #fff; } /** * 小徽章 - 空心 */ .am-badge-default-plain { border: 0.1rem solid #ddd; background: transparent; color: #999; } a.am-badge-default-plain:hover, a.am-badge-default-plain:focus { color: #999; border: 0.1rem solid #ddd; } .am-badge-primary-plain { border: 0.1rem solid #0e90d2; background: transparent; color: #0e90d2; } a.am-badge-primary-plain:hover, a.am-badge-primary-plain:focus { color: #0071aa; border: 0.1rem solid #0071aa; } .am-badge-secondary-plain { border: 0.1rem solid #3bb4f2; background: transparent; color: #3bb4f2; } a.am-badge-secondary-plain:hover, a.am-badge-secondary-plain:focus { color: #03a9f4; border: 0.1rem solid #03a9f4; } .am-badge-success-plain { border: 0.1rem solid #51B154; background: transparent; color: #51B154; } a.am-badge-success-plain:hover, a.am-badge-success-plain:focus { color: #4caf50; border: 0.1rem solid #4caf50; } .am-badge-warning-plain { border: 0.1rem solid #F37B1D; background: transparent; color: #F37B1D; } a.am-badge-warning-plain:hover, a.am-badge-warning-plain:focus { color: #ff7000; border: 0.1rem solid #ff7000; } .am-badge-danger-plain { border: 0.1rem solid #dd514c; background: transparent; color: #dd514c; } a.am-badge-danger-plain:hover, a.am-badge-danger-plain:focus { color: #ee2d26; border: 0.1rem solid #ee2d26; } /** * 按钮 */ .am-btn-primary { border: 0.1rem solid var(--color-main); background: var(--color-main); color: #fff; } .am-btn-primary:hover, .am-btn-primary:focus, .am-btn-primary:active, .am-btn-primary.am-active, .am-dropdown.am-active .am-btn-primary.am-dropdown-toggle { color: #fff !important; background: var(--color-main-hover); border-color: var(--color-main-hover); } .am-btn-primary.am-disabled, .am-btn-primary.am-disabled.am-active, .am-btn-primary.am-disabled:active, .am-btn-primary.am-disabled:focus, .am-btn-primary.am-disabled:hover, .am-btn-primary[disabled], .am-btn-primary[disabled].am-active, .am-btn-primary[disabled]:active, .am-btn-primary[disabled]:focus, .am-btn-primary[disabled]:hover, fieldset[disabled] .am-btn-primary, fieldset[disabled] .am-btn-primary.am-active, fieldset[disabled] .am-btn-primary:active, fieldset[disabled] .am-btn-primary:focus, fieldset[disabled] .am-btn-primary:hover { background-color: var(--color-main-disabled); border-color: var(--color-main-disabled); } /** * 按钮 - 空心 */ .am-btn-default-plain { border: 0.1rem solid #DCDFE6; background: transparent; color: #666; } .am-btn-default-plain:focus, .am-btn-default-plain:active, .am-btn-default-plain.am-active { color: var(--color-main) !important; border-color: var(--color-main); } .am-btn-default-plain:hover, .am-btn-default-plain:active, .am-btn-default-plain.am-active, .am-dropdown.am-active .am-btn-default-plain.am-dropdown-toggle { color: var(--color-main) !important; background: #fff; border-color: var(--color-main); } .am-btn-primary-plain { border: 0.1rem solid var(--color-main); background: transparent; color: var(--color-main); } .am-btn-primary-plain:focus, .am-btn-primary-plain:active, .am-btn-primary-plain.am-active { color: var(--color-main) !important; border-color: var(--color-main); } .am-btn-primary-plain:hover, .am-btn-primary-plain:active, .am-btn-primary-plain.am-active, .am-dropdown.am-active .am-btn-primary-plain.am-dropdown-toggle { color: #fff !important; background: var(--color-main); border-color: var(--color-main); } .am-btn-secondary-plain { border: 0.1rem solid #e91e63; background: transparent; color: #e91e63; } .am-btn-secondary-plain:focus, .am-btn-secondary-plain:active, .am-btn-secondary-plain.am-active { color: #e91e63 !important; border-color: #e91e63; } .am-btn-secondary-plain:hover, .am-btn-secondary-plain:active, .am-btn-secondary-plain.am-active, .am-dropdown.am-active .am-btn-secondary-plain.am-dropdown-toggle { color: #fff !important; background: #e91e63; border-color: #e91e63; } .am-btn-success-plain { border: 0.1rem solid #5eb95e; background: transparent; color: #5eb95e; } .am-btn-success-plain:focus, .am-btn-success-plain:active, .am-btn-success-plain.am-active { color: #5eb95e !important; border-color: #5eb95e; } .am-btn-success-plain:hover, .am-btn-success-plain:active, .am-btn-success-plain.am-active, .am-dropdown.am-active .am-btn-success-plain.am-dropdown-toggle { color: #fff !important; background: #5eb95e; border-color: #5eb95e; } .am-btn-warning-plain { border: 0.1rem solid #F37B1D; color: #F37B1D; background: transparent; } .am-btn-warning-plain:focus, .am-btn-warning-plain:active, .am-btn-warning-plain.am-active { color: #fff !important; border-color: #F37B1D; } .am-btn-warning-plain:hover, .am-btn-warning-plain:active, .am-btn-warning-plain.am-active, .am-dropdown.am-active .am-btn-warning-plain.am-dropdown-toggle { color: #fff !important; background: #F37B1D; border-color: #F37B1D; } .am-btn-danger-plain { border: 0.1rem solid #E22C08; background: #fff; color: #E22C08; } .am-btn-danger-plain:hover, .am-btn-danger-plain:focus { color: #E22C08 !important; background-color: #FFE8E4; border-color: #FDC0B4; } .am-btn-danger-plain:active, .am-btn-danger-plain.am-active, .am-dropdown.am-active .am-btn-danger-plain.am-dropdown-toggle { color: #C72100 !important; background: #FDC0B4; border-color: #FDC0B4; box-shadow: none; } /** * 单选、复选 */ .am-checkbox, .am-radio, .am-checkbox-inline, .am-radio-inline { padding-left: 2.2rem; font-size: 1.2rem; } .am-ucheck-icons { line-height: 1.8rem; } /** * css伪类文本之间的分割线 | —— */ .am-divider-l-d { position: relative; } .am-divider-l-d::before { content: ''; width: 0.1rem; height: 65%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #ddd; } /** * 插件基础配置样式 - 基础配置 */ body[class^="admin-plugins-"] .content-right [class*="-content-base"] .items { border: 0.1rem dashed #eee; min-height: 8.5rem; max-height: 8.5rem; border-radius: var(--border-radius); } body[class^="admin-plugins-"] .content-right [class*="-content-base"] .items:hover { border: 0.1rem dashed var(--color-main); } body[class^="admin-plugins-"] .content-right [class*="-content-base"] .items .immages-tag img { max-height: 4rem; } body[class^="admin-plugins-"] .content-right [class*="-content-base"] .items .am-scrollable-vertical { height: 4rem; } body[class^="admin-plugins-"] .content-right .am-panel .am-form-group:last-child, body[class^="admin-plugins-"] .content-right .am-tab-panel .am-form-group:last-child { border-bottom: 0; } body[class^="admin-plugins-"] .content-right [class*="-content"] .items a { word-break: break-all; } body[class^="admin-plugins-"] .content-right [class*="-content"] .am-panel { border: 0; } body[class^="admin-plugins-"] .content-right [class*="-content"] .am-panel .am-panel-hd { background: linear-gradient(to right, #f6f6f6, #fff); border-radius: var(--border-radius); } /** * 插件基础配置样式 - 管理导航 */ body[class^="admin-plugins-"] .content-right [class*="-content"] .card-nav-content .am-panel-bd { padding: 1rem 0 0 0; } body[class^="admin-plugins-"] .content-right [class*="-content"] .card-nav-content .am-panel-bd > ul { width: calc(100% + 1rem); margin-left: -0.5rem; } body[class^="admin-plugins-"] .content-right [class*="-content"] .card-nav-content .nav-item { border: 0.1rem solid #eee; background: #fff; border-radius: var(--border-radius); text-align: center; } body[class^="admin-plugins-"] .content-right [class*="-content"] .card-nav-content .nav-item:hover { border: 0.1rem solid var(--color-main); font-weight: bold; } body[class^="admin-plugins-"] .content-right [class*="-content"] .card-nav-content .nav-item:hover a { color: var(--color-main); } /** * 插件页面公共样式 */ body[class^="admin-plugins-"] .content-right > .content { background: #fff; margin: 1rem; border-radius: var(--border-radius-lg); } /** * 操作可伸缩的提示信息 */ .am-operate-stretch-tips { background-color: var(--color-tips-warm-bg); border-color:var(--color-tips-warm-br); } .am-operate-stretch-tips.am-close-tips { border-color: var(--color-main); background-color: var(--color-main-light); } .am-operate-stretch-tips.am-close-tips .title { color: var(--color-main); } /** * 包搜索安装 */ .package-install-list-container { height: 100%; } .package-install-list-container .forth-selection-container .forth-selection-form-keywords { width: 30rem !important; display: -webkit-inline-box !important; } .package-install-list-container .forth-selection-container .forth-selection-form-goods-type, .package-install-list-container .forth-selection-container .forth-selection-form-goods-type .chosen-container { width: 12rem !important; display: -webkit-inline-box !important; } .package-install-list-container .forth-selection-container .forth-selection-form-goods-type .chosen-single { width: 100%; } .package-install-list-container .forth-selection-container .search-submit { width: 8.7rem; } .package-data-list-container { height: calc(100vh - 16rem); max-height: 100%; border: 0.1rem solid #eee; } .package-data-list-container ul li { position: relative; cursor: pointer; transition: all 0.3s ease; } .package-data-list-container ul li .images-content { position: relative; } .package-data-list-container ul li .images-content:after { content: ''; background: rgb(0 0 0 / 50%); width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; display: none; } .package-data-list-container ul li .images-content a { z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .package-data-list-container ul li .images-content:hover:after, .package-data-list-container ul li .images-content:hover a { display: block; } .package-data-list-container ul li:hover .am-gallery-item { -webkit-box-shadow: 0 0 0.6rem var(--color-blue); box-shadow: 0 0 0.6rem var(--color-blue); } .package-data-page-container { height: 4rem; } @media only screen and (max-width: 640px) { .package-install-list-container .forth-selection-container .forth-selection-form-keywords { width: calc(100% - 30rem) !important; } .package-install-list-container .forth-selection-container .forth-selection-form-goods-type, .package-install-list-container .forth-selection-container .forth-selection-form-goods-type .chosen-container { width: 10rem !important; } .package-install-list-container .forth-selection-container .already-buy { margin-right: 0; } .package-install-list-container .forth-selection-container .right-to-download { display: none; } }