/* 公共 */ *{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: #566379} .none {display:none !important; } .block {display:block !important; } .vertical-middle {vertical-align: middle !important; } .text-deco-none {text-decoration: none !important; } .text-deco-line {text-decoration: underline !important;} /* 字体大小 */ .am-text-xs{font-size: 0.75rem; /* 12px */line-height: 1rem; /* 16px */} .am-text-sm{font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */} .am-text-base{font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */} .am-text-lg{font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */} .am-text-xl{font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */} .am-text-2xl{font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */} .am-text-3xl{font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */} .am-text-4xl{font-size: 2.25rem; /* 36px */line-height: 2.5rem; /* 40px */} .am-text-5xl{font-size: 3rem; /* 48px */ line-height: 1;} .am-text-6xl{font-size: 3.75rem; /* 60px */line-height: 1;} .am-text-7xl{font-size: 4.5rem; /* 72px */line-height: 1;} .am-text-8xl{font-size: 6rem; /* 96px */line-height: 1;} .am-text-9xl{font-size: 8rem; /* 128px */line-height: 1;} /* 移除重复定义的字体大小类，统一使用Tailwind-like的rem单位，避免冲突 */ /* 常用颜色 */ .am-color-333 {color: #333;} .am-color-666 {color: #666;} .am-color-999 {color: #999;} .am-color-ccc {color: #ccc;} .am-color-ddd {color: #ddd;} .am-color-eee {color: #eee;} .am-color-white {color: #fff;} .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-text-primary {color: var(--color-main) !important;} /* 背景颜色 */ .am-bg-primary {background: var(--color-main) !important;} .am-bg-blue {background: var(--color-blue) !important;} .am-bg-green {background: var(--color-green) !important;} .am-bg-red {background: var(--color-red) !important;} .am-bg-yellow {background: var(--color-yellow) !important;} .am-bg-white {background: #fff !important;} .am-bg-gray {background: var(--color-gray) !important;} /* 边框颜色 */ .am-border-primary {border-color: var(--color-main) !important;} .am-border-blue {border-color: var(--color-blue)} /* z-index */ .z-i {z-index: 1;} .z-i-deep {z-index: 2;} /* z-index */ .nwarp {white-space: nowrap;} /* 表单组件 */ .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.4; } 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 {margin-top: 0.2rem;} .data-avg-text-list li:hover .data-avg-text-list-content {color: #000;} /* 表单优化 */ /* .am-form-group:hover>input, .am-form-group:hover>select, .am-form-group:hover>textarea, .am-form-group:hover .chosen-choices, .am-form-group:hover .chosen-single {border: 1px solid #999 ; } .am-form-error .chosen-choices, .am-form-error .chosen-default {border: 1px solid #dd514c !important; } .am-form-success .chosen-choices, .am-form-success .chosen-single {border: 1px solid #5eb95e !important; } form.am-form .am-form-group-label-tips, form.am-form .am-form-group-label-tips-must {font-size: 12px; font-weight: 400; margin-left: 10px; } form.am-form .am-form-group-label-tips {color: #ccc; } form.am-form .am-form-group-label-tips-must {color: #f00; } .am-form-group:hover>label {color: #333 !important; } .am-form-group:hover>label>.am-form-group-label-tips {color: #FF9800 !important; } form.am-form .am-form-group, .plug-file-upload-view, .business-form-group, .business-form-block {border-bottom: 1px dashed #e2e2e2; padding: 15px 20% 20px 5px; margin-bottom: 0; } form.am-form .am-form-group-refreshing, .plug-file-upload-view {border-bottom: 0 !important; } */ /* 表单优化 */ 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;} .am-form-group:hover>label {color: #333;} .am-form-group:hover>label>.am-form-group-label-tips {color: var(--color-main);} 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-right-retreat i {color: #666;} .form-nav-top-right-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-form-horizontal .am-form-horizontal-title, .am-form-horizontal .am-form-horizontal-content {display: inline-block;vertical-align: middle;} .am-form-horizontal .am-form-group-label-tips-must, .am-form-horizontal .am-form-group-label-tips-icon {margin-left: 0.2rem !important;} .am-form-horizontal .am-form-horizontal-title {text-align: right;} .am-form-horizontal .am-form-horizontal-title, .am-form-horizontal-4 .am-form-horizontal-title {width: 7rem;} .am-form-horizontal .am-form-horizontal-content, .am-form-horizontal-4 .am-form-horizontal-content {width: calc(100% - 7.5rem);} .am-form-horizontal.tips-must .am-form-horizontal-content, .am-form-horizontal-4.tips-must .am-form-horizontal-content {width: calc(100% - 9rem);} .am-form-horizontal.tips-icon .am-form-horizontal-content, .am-form-horizontal-4.tips-icon .am-form-horizontal-content {width: calc(100% - 9.3rem);} .am-form-horizontal.tips-must.tips-icon .am-form-horizontal-content, .am-form-horizontal-4.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 10.5rem);} .am-form-horizontal-2 .am-form-horizontal-title {width: 4.5rem;} .am-form-horizontal-2 .am-form-horizontal-content {width: calc(100% - 5rem);} .am-form-horizontal-2.tips-must .am-form-horizontal-content {width: calc(100% - 6.5rem);} .am-form-horizontal-2.tips-icon .am-form-horizontal-content {width: calc(100% - 6.8rem);} .am-form-horizontal-2.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 8rem);} .am-form-horizontal-3 .am-form-horizontal-title {width: 5.8rem;} .am-form-horizontal-3 .am-form-horizontal-content {width: calc(100% - 6.3rem);} .am-form-horizontal-3.tips-must .am-form-horizontal-content {width: calc(100% - 7.7rem);} .am-form-horizontal-3.tips-icon .am-form-horizontal-content {width: calc(100% - 8rem);} .am-form-horizontal-3.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 9.3rem);} .am-form-horizontal-5 .am-form-horizontal-title {width: 8.2rem;} .am-form-horizontal-5 .am-form-horizontal-content {width: calc(100% - 8.7rem);} .am-form-horizontal-5.tips-must .am-form-horizontal-content {width: calc(100% - 8.2rem);} .am-form-horizontal-5.tips-icon .am-form-horizontal-content {width: calc(100% - 10.5rem);} .am-form-horizontal-5.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 11.7rem);} .am-form-horizontal-6 .am-form-horizontal-title {width: 9.4rem;} .am-form-horizontal-6 .am-form-horizontal-content {width: calc(100% - 9.9rem);} .am-form-horizontal-6.tips-must .am-form-horizontal-content {width: calc(100% - 11.4rem);} .am-form-horizontal-6.tips-icon .am-form-horizontal-content {width: calc(100% - 11.7rem);} .am-form-horizontal-6.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 12.9rem);} .am-form-horizontal-7 .am-form-horizontal-title {width: 10.6rem;} .am-form-horizontal-7 .am-form-horizontal-content {width: calc(100% - 11.1rem);} .am-form-horizontal-7.tips-must .am-form-horizontal-content {width: calc(100% - 12.6rem);} .am-form-horizontal-7.tips-icon .am-form-horizontal-content {width: calc(100% - 12.9rem);} .am-form-horizontal-7.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 14.1rem);} .am-form-horizontal-8 .am-form-horizontal-title {width: 11.8rem;} .am-form-horizontal-8 .am-form-horizontal-content {width: calc(100% - 12.3rem);} .am-form-horizontal-8.tips-must .am-form-horizontal-content {width: calc(100% - 13.8rem);} .am-form-horizontal-8.tips-icon .am-form-horizontal-content {width: calc(100% - 14.1rem);} .am-form-horizontal-8.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 15.3rem);} .am-form-horizontal-9 .am-form-horizontal-title {width: 13rem;} .am-form-horizontal-9 .am-form-horizontal-content {width: calc(100% - 13.5rem);} .am-form-horizontal-9.tips-must .am-form-horizontal-content {width: calc(100% - 15rem);} .am-form-horizontal-9.tips-icon .am-form-horizontal-content {width: calc(100% - 15.3rem);} .am-form-horizontal-9.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 16.5rem);} .am-form-horizontal-10 .am-form-horizontal-title {width: 14.2rem;} .am-form-horizontal-10 .am-form-horizontal-content {width: calc(100% - 14.7rem);} .am-form-horizontal-10.tips-must .am-form-horizontal-content {width: calc(100% - 16.2rem);} .am-form-horizontal-10.tips-icon .am-form-horizontal-content {width: calc(100% - 16.5rem);} .am-form-horizontal-10.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 17.7rem);} .am-form-horizontal-11 .am-form-horizontal-title {width: 15.4rem;} .am-form-horizontal-11 .am-form-horizontal-content {width: calc(100% - 15.9rem);} .am-form-horizontal-11.tips-must .am-form-horizontal-content {width: calc(100% - 17.4);} .am-form-horizontal-11.tips-icon .am-form-horizontal-content {width: calc(100% - 17.7rem);} .am-form-horizontal-11.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 18.9rem);} .am-form-horizontal-12 .am-form-horizontal-title {width: 16.6rem;} .am-form-horizontal-12 .am-form-horizontal-content {width: calc(100% - 17.1rem);} .am-form-horizontal-12.tips-must .am-form-horizontal-content {width: calc(100% - 18.6);} .am-form-horizontal-12.tips-icon .am-form-horizontal-content {width: calc(100% - 18.9rem);} .am-form-horizontal-12.tips-must.tips-icon .am-form-horizontal-content {width: calc(100% - 20.1rem);} /* 水平多个表单组合 */ .am-form-horizontal-compose-2 .am-form-horizontal-item, .am-form-horizontal-compose-3 .am-form-horizontal-item, .am-form-horizontal-compose-4 .am-form-horizontal-item, .am-form-horizontal-compose-5 .am-form-horizontal-item, .am-form-horizontal-compose-6 .am-form-horizontal-item, .am-form-horizontal-compose-7 .am-form-horizontal-item, .am-form-horizontal-compose-8 .am-form-horizontal-item, .am-form-horizontal-compose-9 .am-form-horizontal-item, .am-form-horizontal-compose-10 .am-form-horizontal-item, .am-form-horizontal-compose-11 .am-form-horizontal-item, .am-form-horizontal-compose-12 .am-form-horizontal-item {display: inline-block;vertical-align: middle;} .am-form-horizontal-compose-2 .am-form-horizontal-item {width: calc(50% - 0.25rem);} .am-form-horizontal-compose-3 .am-form-horizontal-item {width: calc(33.33% - 0.33rem);} .am-form-horizontal-compose-4 .am-form-horizontal-item {width: calc(25% - 0.35rem);} .am-form-horizontal-compose-5 .am-form-horizontal-item {width: calc(20% - 0.39rem);} .am-form-horizontal-compose-6 .am-form-horizontal-item {width: calc(16.66% - 0.4rem);} .am-form-horizontal-compose-7 .am-form-horizontal-item {width: calc(14.28% - 0.41rem);} .am-form-horizontal-compose-8 .am-form-horizontal-item {width: calc(12.5% - 0.42rem);} .am-form-horizontal-compose-9 .am-form-horizontal-item {width: calc(11.11% - 0.43rem);} .am-form-horizontal-compose-10 .am-form-horizontal-item {width: calc(10% - 0.43rem);} .am-form-horizontal-compose-11 .am-form-horizontal-item {width: calc(9.09% - 0.43rem);} .am-form-horizontal-compose-12 .am-form-horizontal-item {width: calc(8.33% - 0.43rem);} /* 插件 */ .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;} /* 公共提示信息 */ .common-prompt {position:fixed;top:2rem;left:0;right:0;text-align:center;padding:0.8rem 1.1rem;font-size:1.4rem;z-index:10000000; 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-left: 2rem;} /* 默认地图宽高 */ #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-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.6rem;} .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 {font-size: 1.6rem;} .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);} /* 侧边 */ .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;} /* 日期插件成对日期样式 */ .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-block;padding: 0.5rem 1rem;color: #888;border: 0.1rem solid #ccc;background: #fff;cursor: pointer;vertical-align: middle;border-radius: var(--border-radius);width: max-content;} .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-scan-submit, .am-cursor-pointer {cursor: pointer;} /* 地图提示 */ .map-copy {margin:0px 6px 6px 0px; background-color:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.35); padding:3px 5px; border-radius: 3px; } .map-copy span {font-size:12px; font-weight:700; color:#f99797; } /* 地图拖动提示 */ .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} /* 公共文件上传插件 */ .plug-file-upload-submit {display: inline-block;padding: 8px 5px;color: #70b2f3;border: 1px dashed #70b2f3;background: #fff;cursor: pointer;min-width: 100px;text-align: center;} .plug-file-upload-submit:hover {color: #36c;border-color: #36c;} ul.plug-file-upload-view {margin: 0;padding: 5px 0;overflow: hidden;margin-bottom: 5px;} ul.plug-file-upload-view li {list-style-type: none;float: left;width: 100px;height: 100px;margin: 0 10px 3px 0;padding: 5px;text-align: center;border: 1px dashed #c2c2c2;position: relative;} ul.plug-file-upload-view li input {position: absolute;margin-left: -1000000px;} ul.plug-file-upload-view li img, ul.plug-file-upload-view-video li video {max-width: 100%;max-height: 100%;} ul.plug-file-upload-view li i {font-style: normal;font-size: 18px;width: 18px;height: 18px;line-height: 18px;color: #C30;text-align: center;position: absolute;right: 5px;top: 5px;cursor: pointer;text-shadow: -2px 1px #fff;} ul.plug-file-upload-view li:hover > i {color: #e90f0f;background: #d9d6d6;} ul.plug-file-upload-view-video li {width: 300px;height: 200px;} ul.plug-file-upload-view-file li {width: auto;height: auto;padding-right: 28px;} /* 公共文件上传插件 */ .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-upload-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-video 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;line-height: 300%;} 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;} /* 拖拽排序 */ .drag-sort-dotted { border: 0.3rem 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: #ECF3FD;border: 0.1rem solid #BAE0FF;color: #333333;padding: 0.7rem 1.2rem;border-radius: var(--border-radius);} .am-alert-danger {background-color: #fff1f0;border: 0.1rem solid #ffe4e3;color: #dd514c;} .am-alert-secondary {background-color: #f6f6f6;border: 0.1rem solid #efefef;color: #666;} .am-alert-success {background-color: #eef7ea;border: 0.1rem solid #e3f3d6;color: #468847;} .am-alert-warning {background-color: #fff7f1;border: 0.1rem solid #fff0e4;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: 2rem;min-width: 1.4rem;min-height: 1.4rem;} .am-ucheck-icons {line-height: 1.8rem;} .am-checkbox .am-icon-checked, .am-radio .am-icon-checked, .am-checkbox-inline .am-icon-checked, .am-radio-inline .am-icon-checked, .am-checkbox .am-icon-checked, .am-radio .am-icon-checked, .am-checkbox-inline .am-icon-checked, .am-radio-inline .am-icon-checked, .am-checkbox .am-icon-unchecked, .am-radio .am-icon-unchecked, .am-checkbox-inline .am-icon-unchecked, .am-radio-inline .am-icon-unchecked {font-size: 1.6rem;} .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;} /* 切换选择组件 */ 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;} /* 搜索表单 */ .form-search .thin {overflow:hidden; } .form-search .thin .so {width:66%; } .form-search .thin_sub {font-weight:100; margin:10px 0px 0px 10px; cursor: pointer; } .form-search .so-list {width:100%; margin-top: 10px; } .form-search .so-list * {font-size:1.2rem !important; } .form-search .so-list input {height:28px; display:inline !important; } .form-search .time input, .form-search .so-list .chosen-container {background:#FFF !important; } .form-search .time input, .form-search .price input {width:101px !important; } .form-search .time i {position:absolute; margin:4px 0px 0px -15px; } .form-search .time {width:50%; } .form-search .so-list tr+tr>td {padding-top:10px; } .form-search .so-list .chosen-container {border-radius:2px; } .form-search .text-grey {color: #999; } .form-search .chosen-container-single .chosen-single, .form-search .so-list select {height: 28px; line-height: 28px; width: 100%; } .form-search .reset-submit {margin-left: 20px; } .form-search .so-list select {padding: 0 0 0 8px; } .form-search .more-submit input {display: none; } /* 自定义辅助类 */ .xo-cursor-pr {cursor: pointer;} /* 框架组件代码优化 */ .am-radio input[type="radio"], .am-radio-inline input[type="radio"], .am-checkbox input[type="checkbox"], .am-checkbox-inline input[type="checkbox"] {margin: -3px;} /* 图片响应式支持子元素 */ .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;-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{font-size: 1.4rem;max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-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;-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;-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;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 3.2rem;height: 6.4rem;white-space: initial !important;} /* 三行、超出字符省略 */ .am-text-truncate-3 {max-width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/*-webkit-line-clamp: 3;*/-webkit-box-orient: vertical;line-height: 18px;/*height: 70px;*/white-space: initial !important;} /* 公共加载页面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: 4;} .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-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-container .am-badge {height: 2.2rem;line-height: 2.2rem;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;} /* 表格-数据进度条 */ .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);} .am-table-scrollable-horizontal > .am-table tr .am-operate-grid-more-list .am-dropdown-content .am-badge:not(:last-child) {margin-right: 0.5rem;} /* 表格头部美化 */ .table-thead-beautify thead th {background-color: #f8f8f8 !important;position: relative;border-bottom: 0 !important;text-align: left !important;} .am-table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #f5f5f5; } /* 表格-顶部操作相关样式 */ .form-table-operate-top > .am-btn:not(:last-child) {margin-right: 0.6rem;} /* .form-table-operate-top .am-btn {margin-bottom: 1.2rem;} */ /* 表格-详情底部操作 */ .form-navigation-present-operate {padding-bottom: 3rem;} .form-detail-nav-operate {position: fixed;right: 0;bottom: 0;width: auto;padding: 1rem;text-align: right;} .form-detail-nav-operate > .am-btn {-webkit-box-shadow: 0 0 0.8rem rgb(154 154 154 / 40%);box-shadow: 0 0 0.8rem rgb(154 154 154 / 40%);} .form-detail-nav-operate > .am-btn:not(:last-child) {margin-right: 1rem;} /* 表格-搜索条件 */ .form-table-search {background: #fafafa;} /* .form-table-search {background: #fff;} */ .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;position: absolute;margin-left: 0.5rem;transition: all 0.2s ease;} .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;} .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-text-grey {color: #c3c3c3;} /* 小微章-镂空 */ .am-badge-default-plain {border: 1px solid #999;background: transparent;color: #999;} .am-badge-primary-plain {border: 1px solid #0e90d2;background: transparent;color: #0e90d2;} .am-badge-secondary-plain {border: 1px solid #3bb4f2;background: transparent;color: #3bb4f2;} .am-badge-success-plain {border: 1px solid #5eb95e;background: transparent;color: #5eb95e;} .am-badge-warning-plain {border: 1px solid #F37B1D;background: transparent;color: #F37B1D;} .am-badge-danger-plain {border: 1px solid #dd514c;background: transparent;color: #dd514c;} /* 分页 */ .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;} /* 表单带面板 */ 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;} .am-nbfc span.price-qty{width: 20px;} /* 平台类型+数据值组合列表 */ .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;} #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: 15rem;} #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;} /* 卡片组件 */ #card ul li .item {background: #F8F8F8;border-radius: var(--border-radius);padding: 1rem;border: 1px solid #F8F8F8;transition: all 0.3s ease-in-out;} #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;} #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 .price-range {padding-top: 2rem;font-size: 1.8rem;font-weight: 500;display: flex;align-items: center;justify-content: center;} #card ul li .item .price-range 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;} /* 弹出框 */ .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;color: #333;} .richtext ul, .richtext li {margin: revert !important;padding: revert !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;} /* 表单内部底部操作导航 */ .form-bottom-nav-fixed {position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;z-index: 10;border-top: 0.1rem solid #e5e5e5;padding: 1rem;text-align: right;} .form-bottom-nav-fixed button {border: 0;} .form-bottom-nav-fixed .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;border-top: 0.1rem solid #f5f5f5;z-index: 100;text-align: right;background: #FFFFFF;} .am-form-popup-fixed .am-form-popup-submit {position: fixed;} .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;} /* 混合业务列表选择 */ .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;overflow: hidden;} .business-list ul li .business-item p {line-height: 2.4rem;text-align: left;} .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;} 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;} .input-clearout-element {padding-right: 2.5rem !important;box-sizing: border-box;} 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 #e23f36;box-shadow: 0 0 0 0.1rem #e23f36;} .common-goods-spec-choice-content .sku-line.selected {background: #e23f36;color: #fff;border: 0.1rem solid #e23f36;} .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;} /* 视频扫码组建 */ #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: #f9f9f9;} 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: #e5e5e5;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 > 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 {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;} /* 列表操作按钮美化 */ 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;} table.am-table .am-operate-grid {padding: 0.7rem 1.2rem !important;} table.am-table .am-operate-grid .am-btn {float: left;padding: 0.3rem 0;} 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: #2A94FF;} 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: #146BE6 !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: 41.5rem;} .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: 2.84rem;z-index: 1;position: absolute;} .am-cascader .am-cascader-suffix .am-input-suffix {position: absolute;height: 100%;right: 0.5rem;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: 1.4rem;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: 1px solid #333;} .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-grow {flex-grow: 1;} .am-flex-wrap {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-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%;} .am-grid{display:grid;} .am-grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .am-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .am-grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .am-grid-rows-1 {grid-template-rows: repeat(1, minmax(0, 1fr));} .am-grid-rows-2 {grid-template-rows: repeat(2, minmax(0, 1fr));} .am-grid-rows-3 {grid-template-rows: repeat(3, minmax(0, 1fr));} /* 大小 */ .am-h-full {height: 100% !important;} .am-w-full {width: 100% !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-1 {row-gap: 1rem;} .am-pl-0 {padding-left: 0 !important;} .am-pl-1 {padding-left: 0.5rem;} .am-pl-2 {padding-left: 1rem;} .am-pl-3 {padding-left: 1.5rem;} .am-pl-4 {padding-left: 2rem;} .am-pr-1 {padding-right: 0.5rem;} .am-pr-2 {padding-right: 1rem;} .am-pr-3 {padding-right: 1.5rem;} .am-pr-4 {padding-right: 2rem;} .am-ml-1 {margin-left: 0.5rem;} .am-ml-2 {margin-left: 1rem;} .am-ml-3 {margin-left: 1.5rem !important;} .am-ml-4 {margin-left: 2rem;} .am-ml-8 {margin-left: 4rem;} .am-mr-1 {margin-right: 0.5rem;} .am-mr-2 {margin-right: 1rem;} .am-mr-3 {margin-right: 1.5rem;} .am-mr-4 {margin-right: 2rem;} .am-p-1 {padding: 1rem;} .am-p-15 {padding: 1.5rem;} .am-p-2 {padding: 2rem;} .am-p-3 {padding: 3rem;} .am-p-4 {padding: 4rem;} .am-py-1{padding-top: 0.5rem;padding-bottom: 0.5rem;} .am-py-15{padding-top: 1.5rem;padding-bottom: 1.5rem;} .am-py-2{padding-top: 1rem;padding-bottom: 1rem;} .am-mb-1 {margin-bottom: 0.5rem;} .am-mb-2 {margin-bottom: 1rem;} .am-mb-3 {margin-bottom: 1.5rem;} .am-mb-4 {margin-bottom: 2rem !important;} .am-mt-1 {margin-top: 0.5rem;} .am-mt-2 {margin-top: 1rem;} .am-mt-3 {margin-top: 1.5rem;} .am-mt-4 {margin-top: 2rem !important;} .am-mt-5 {margin-top: 2.5rem;} .am-mt-6 {margin-top: 3rem;} .am-mt-7 {margin-top: 3.5rem;} .am-mt-14 {margin-top: 7rem;} .am-gap-1 {gap: 0.5rem;} .am-gap-2 {gap: 1rem;} .am-gap-3 {gap: 1.5rem;} .am-gap-4 {gap: 2rem;} /* 定位 */ .am-pr {position: relative;} .am-pa {position: absolute;} .am-fi {position: fixed;} .am-pa-mid {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .am-bottom-0 {bottom: 0;} .am-bottom {bottom: 100%;} .am-top-0 {top: 0;} .am-top {top: 100%;} .am-left-0 {left: 0;} .am-left {left: 100%;} .am-right-0 {right: 0;} .am-right {right: 100%;} /** * 字体加粗 */ .am-font-weight {font-weight: 500;} .am-font-semibold {font-weight: 600;} /** * 字体正常粗细 */ .am-font-normal {font-weight: 400;} .am-font-weight-400 {font-weight: 400;} /* 操作可伸缩的提示信息 */ .am-operate-stretch-tips {background-color: #f1fcff;border: 0.1rem solid #f1fcff;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 间隔设置 */ .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;} .nav-switch-tabs ul {display: flex;flex-flow: row wrap;align-items: center;gap: 1rem;} .nav-switch-tabs li a, .nav-switch-tabs > span {display: inline-flex;align-items: center;padding: 0 1.2rem 1.2rem 1.2rem;color: #333;font-size: 1.4rem;} .nav-switch-tabs > span {padding-left: 0;} .nav-switch-tabs li.am-active a {color: var(--color-main);border-bottom: 0.2rem solid var(--color-main);} /** * 后台页面二级导航 */ .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-btn-bottom-sticky {position: sticky;bottom: 0;left: 0;right: 0;padding: 1.5rem 0;background: #fff;border-top: 0.1rem solid #f5f5f5;} .am-btn-bottom-fixed-container {padding-bottom: 6rem;} .am-btn-bottom-fixed {position: fixed;bottom: 0;left: 0;right: 0;padding: 1.5rem;background: #fff;border-top: 0.1rem solid #f5f5f5;} .am-btn-bottom-fixed .am-btn, .am-btn-bottom-sticky .am-btn {min-width: 8rem;} /* 边框 */ .am-border-0 {border: 0 !important;} .am-border-top-0 {border: 0 !important;} .am-border-right-0 {border: 0 !important;} .am-border-bottom-0 {border: 0 !important;} .am-border-left-0 {border: 0 !important;} .am-border-left-0 {border: 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: 12rem;min-width: 12rem;max-width: 12rem;} /* 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-text-center {align-items: center;} .am-text-left{align-items:left;} .am-text-right{align-items: right;} /* 按钮 - 浅色 */ .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: 2.3rem;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: 8.5rem;top: 2.6rem;} .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: 8.8rem;height: 2.4rem;} .am-form-input-material .am-position-verify-sms button {padding: 0;box-shadow: none;} /* H5 */ @media only screen and (max-width: 641px) { /* 地址联动 */ .region-linkage select:not(:first-child) {margin-bottom: 5px; } /* 表单 */ form.am-form .am-form-group, .plug-file-upload-view, .business-form-group, .business-form-block {padding: 15px 0 10px 0px; } .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-search .so-list input {width:calc(50% - 29px) !important; } .form-search .so-list td {width:100%; display:block; } .form-search .so-list tr td:last-child {margin-top:10px; } .form-search .so-list tr td:last-child {padding-top:0px !important; } .form-search .chosen-container-single .chosen-search input[type="text"] {width: 100% !important; } .form-search .so-list select, .form-search .so-list .chosen-container, .form-search .input input {width: calc(100% - 44px) !important; display: -webkit-inline-box; } ul.plug-file-upload-view li:last-child {margin-right: 1.5rem;} .form-table-operate-top .am-btn > span {display: none;} /* 水平方向内边距 */ .xo-padding-horizontal-md-xs {padding-left: 0.5rem;padding-right: 0.5rem;} .xo-padding-horizontal-md-sm {padding-left: 1rem;padding-right: 1rem;} /* 图片验证码 */ #verify-img-value {margin-bottom: 10px;} /* 卡片组件 */ #card ul li .item .submit{ opacity: 1;} /* 商品可选规格 */ .common-goods-spec-choice-content { max-width: 26rem;} } /* PC */ @media only screen and (min-width: 641px) { /* 表单 */ form.am-form .am-form-group:hover, .plug-file-upload-view:hover {background: #f6f9fc; } form.am-form .am-form-group-refreshing:hover {background: none; } 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;} /* 地址联动 */ .region-linkage select {width: 33%; display: -webkit-inline-box; } /* 弹窗iframe */ .popup-iframe .am-popup-inner {overflow: hidden; } .form-search .so-list .chosen-container, .form-search .so-list select, .form-search .input input {width:217px !important; display: -webkit-inline-box; } .form-search .thin_sub:hover {color:#F60; } /* 水平方向内边距 */ .xo-padding-horizontal-md-xs {padding-left: 0.5rem;padding-right: 0.5rem;} .xo-padding-horizontal-md-sm {padding-left: 1rem;padding-right: 1rem;} /* 图片验证码 */ #verify-img-value {float: left;width: 40%;margin-right: 5px;} /* 分页 */ .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;} /* 沾满空间 */ .am-flex-row-sm { flex-direction: column;} .am-flex-col-sm { flex-direction: row;} /* css3动画效果 */ } /* 大于1025px */ @media only screen and (min-width: 1025px) { /* 水平方向内边距 */ .xo-padding-horizontal-md-xs, .xo-padding-horizontal-md-sm { padding-left: 0; padding-right: 0; } /* amazeui AVG-Grid 间隔设置 */ .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;} } /* 弹窗 */ @media only screen and (max-width:640px) { .am-modal-dialog {max-width: calc(100% - 4rem) !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);} } /* css3动画效果 */ @media only screen and (min-width: 641px) { /* 鼠标悬停放大 */ .scale-sm {transition: all .3s ease-in-out;} .scale-sm:hover {transform: scale(1.04);} /* 放大再缩小 */ .scaleanimation {position: relative;} .scaleanimation:hover {animation: scaleanimation .5s ease-in;} @keyframes scaleanimation { 0% {-webkit-transform: scale(0);transform: scale(0)} 80% {-webkit-transform: scale(1.2);transform: scale(1.2)} to {-webkit-transform: scale(1);transform: scale(1)} } /* 向上、下、左、右抖动 */ .up-hover, .down-hover, .left-hover, .right-hover {transition: all .3s;} .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;} /* 呼吸效果-----呼吸大小使用时记得覆盖 */ /*
*/ .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%);}} }