/*
规则
--color 颜色相关
--size 尺寸相关
--btn 具体业务
*/
html {
--m-color-default: #353535;
--m-color-desc: #888;
--m-color-primary: #1eac52;
--m-color-white: white;
--m-color-black: black;
--m-color-bg-white: white;
--m-color-bg-back: #f6f6f6;
--m-color-bg-light: #fbfbfb;
--m-color-bg-primary: #1eac52;
--m-color-bg-white-active: #ececec;
--m-color-bg-back-active: #ececec;
--m-color-bg-primary-active: #16813d;
--m-btn-color-default: #888;
--m-btn-color-default-active: #6f6f6f;
--m-btn-color-bg-default: #f6f6f6;
--m-btn-color-bg-default-active: #ececec;
--m-calendar-bg-active: rgba(30, 172, 82, 0.2);
}
html {
--m-color-placeholder: #b2b2b2;
--m-color-accent: #ff6500;
--m-color-success: #1eac52;
--m-color-danger: #fa5151;
--m-color-link: #576b95;
--m-color-red: red;
--m-color-true-white: white;
--m-color-true-black: black;
--m-color-bg-accent: #ff6500;
--m-color-bg-accent-light: #ffe0cc;
--m-color-bg-danger: #fa5151;
--m-color-bg-red: red;
--m-color-bg-black: black;
--m-color-bg-danger-active: #f91f1f;
--m-color-border: rgba(0, 0, 0, 0.1);
--m-color-border-dark: rgba(0, 0, 0, 0.3);
--m-color-bg-mask: rgba(0, 0, 0, 0.6);
--m-color-bg-toast: #606060;
--m-color-coupon-disabled: #b2b2b2;
--m-color-bg-coupon-disabled: #b2b2b2;
--m-color-box-shadow: rgba(0, 0, 0, 0.4);
}
html {
--m-size-text-10: 10px;
--m-size-text-12: 12px;
--m-size-text-14: 14px;
--m-size-text-16: 16px;
--m-size-text-18: 18px;
--m-size-text-20: 20px;
--m-size-line-height: 1.6;
--m-size-tabbar-height: 49px;
--m-size-header-height: 50px;
--m-size-form-height: 40px;
--m-size-form-height-sm: 30px;
--m-z-index-header: 20;
--m-z-index-tabbar: 20;
--m-z-index-innerLayer: 900;
--m-z-index-mask: 1000;
--m-z-index-popup: 2000;
--m-z-index-trigger: 2000;
--m-z-index-previewImage: 4000;
--m-z-index-dialog: 5000;
--m-z-index-picker: 6000;
--m-z-index-toast: 7000;
--m-z-index-nprogress: 9999;
}
html.m-theme-dark {
--m-color-default: rgba(255, 255, 255, 0.8);
--m-color-desc: rgba(255, 255, 255, 0.5);
--m-color-primary: #1eac52;
--m-color-white: black;
--m-color-black: rgba(255, 255, 255, 0.8);
--m-color-bg-white: #232323;
--m-color-bg-back: #191919;
--m-color-bg-light: #1f1f1f;
--m-color-bg-primary: #1eac52;
--m-color-bg-white-active: #373737;
--m-color-bg-back-active: #373737;
--m-color-bg-primary-active: #16813d;
--m-btn-color-default: #888;
--m-btn-color-default-active: #6f6f6f;
--m-btn-color-bg-default: #232323;
--m-btn-color-bg-default-active: #373737;
--m-calendar-bg-active: rgba(30, 172, 82, 0.2);
}
html.m-theme-tao_bao {
--m-color-primary: #ff6500;
--m-color-bg-primary: #ff6500;
--m-color-bg-primary-active: #cc5100;
--m-calendar-bg-active: rgba(255, 101, 0, 0.2);
}
html.m-theme-jd {
--m-color-primary: #e02020;
--m-color-bg-primary: #e02020;
--m-color-bg-primary-active: #b41919;
--m-calendar-bg-active: rgba(224, 32, 32, 0.2);
}
html,
body {
height: 100%;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
color: #353535;
color: var(--m-color-default);
font-size: 14px;
font-size: var(--m-size-text-14);
line-height: 1.6;
line-height: var(--m-size-line-height);
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
background: #f6f6f6;
background: var(--m-color-bg-back);
}
* {
-webkit-overflow-scrolling: touch;
}
a {
text-decoration: none;
}
pre {
margin: 0;
padding: 0;
}
::-webkit-input-placeholder {
color: #b2b2b2;
color: var(--m-color-placeholder);
}
.m-svg-icon {
font-size: inherit;
}
.m-container-full {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.m-img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.m-cursor-pointer {
cursor: pointer;
}
.m-visible {
visibility: visible;
}
.m-invisible {
visibility: hidden;
}
.m-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-disabled-with.disabled,
.m-disabled-with[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-gap-0 {
display: inline-block !important;
height: 0 !important;
width: 0 !important;
}
.m-padding-0 {
padding: 0 !important;
}
.m-padding-top-0 {
padding-top: 0 !important;
}
.m-padding-bottom-0 {
padding-bottom: 0 !important;
}
.m-padding-left-0 {
padding-left: 0 !important;
}
.m-padding-right-0 {
padding-right: 0 !important;
}
.m-padding-lr-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.m-padding-tb-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.m-margin-0 {
margin: 0 !important;
}
.m-margin-top-0 {
margin-top: 0 !important;
}
.m-margin-bottom-0 {
margin-bottom: 0 !important;
}
.m-margin-left-0 {
margin-left: 0 !important;
}
.m-margin-right-0 {
margin-right: 0 !important;
}
.m-margin-lr-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.m-margin-tb-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-gap-5 {
display: inline-block !important;
height: 5px !important;
width: 5px !important;
}
.m-padding-5 {
padding: 5px !important;
}
.m-padding-top-5 {
padding-top: 5px !important;
}
.m-padding-bottom-5 {
padding-bottom: 5px !important;
}
.m-padding-left-5 {
padding-left: 5px !important;
}
.m-padding-right-5 {
padding-right: 5px !important;
}
.m-padding-lr-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.m-padding-tb-5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.m-margin-5 {
margin: 5px !important;
}
.m-margin-top-5 {
margin-top: 5px !important;
}
.m-margin-bottom-5 {
margin-bottom: 5px !important;
}
.m-margin-left-5 {
margin-left: 5px !important;
}
.m-margin-right-5 {
margin-right: 5px !important;
}
.m-margin-lr-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.m-margin-tb-5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.m-gap-10 {
display: inline-block !important;
height: 10px !important;
width: 10px !important;
}
.m-padding-10 {
padding: 10px !important;
}
.m-padding-top-10 {
padding-top: 10px !important;
}
.m-padding-bottom-10 {
padding-bottom: 10px !important;
}
.m-padding-left-10 {
padding-left: 10px !important;
}
.m-padding-right-10 {
padding-right: 10px !important;
}
.m-padding-lr-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.m-padding-tb-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.m-margin-10 {
margin: 10px !important;
}
.m-margin-top-10 {
margin-top: 10px !important;
}
.m-margin-bottom-10 {
margin-bottom: 10px !important;
}
.m-margin-left-10 {
margin-left: 10px !important;
}
.m-margin-right-10 {
margin-right: 10px !important;
}
.m-margin-lr-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.m-margin-tb-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.m-gap-15 {
display: inline-block !important;
height: 15px !important;
width: 15px !important;
}
.m-padding-15 {
padding: 15px !important;
}
.m-padding-top-15 {
padding-top: 15px !important;
}
.m-padding-bottom-15 {
padding-bottom: 15px !important;
}
.m-padding-left-15 {
padding-left: 15px !important;
}
.m-padding-right-15 {
padding-right: 15px !important;
}
.m-padding-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.m-padding-tb-15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.m-margin-15 {
margin: 15px !important;
}
.m-margin-top-15 {
margin-top: 15px !important;
}
.m-margin-bottom-15 {
margin-bottom: 15px !important;
}
.m-margin-left-15 {
margin-left: 15px !important;
}
.m-margin-right-15 {
margin-right: 15px !important;
}
.m-margin-lr-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.m-margin-tb-15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.m-gap-20 {
display: inline-block !important;
height: 20px !important;
width: 20px !important;
}
.m-padding-20 {
padding: 20px !important;
}
.m-padding-top-20 {
padding-top: 20px !important;
}
.m-padding-bottom-20 {
padding-bottom: 20px !important;
}
.m-padding-left-20 {
padding-left: 20px !important;
}
.m-padding-right-20 {
padding-right: 20px !important;
}
.m-padding-lr-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.m-padding-tb-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.m-margin-20 {
margin: 20px !important;
}
.m-margin-top-20 {
margin-top: 20px !important;
}
.m-margin-bottom-20 {
margin-bottom: 20px !important;
}
.m-margin-left-20 {
margin-left: 20px !important;
}
.m-margin-right-20 {
margin-right: 20px !important;
}
.m-margin-lr-20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.m-margin-tb-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.m-bg-white {
background: white !important;
background: var(--m-color-bg-white) !important;
}
.m-bg-back {
background: #f6f6f6 !important;
background: var(--m-color-bg-back) !important;
}
.m-bg-light {
background: #fbfbfb !important;
background: var(--m-color-bg-light) !important;
}
.m-bg-primary {
background: #1eac52 !important;
background: var(--m-color-bg-primary) !important;
}
.m-bg-danger {
background: #fa5151 !important;
background: var(--m-color-bg-danger) !important;
}
.m-bg-accent {
background: #ff6500 !important;
background: var(--m-color-bg-accent) !important;
}
.m-bg-accent-light {
background: #ffe0cc !important;
background: var(--m-color-bg-accent-light) !important;
}
.m-bg-white-active-with:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-bg-back-active-with:active {
background: #ececec !important;
background: var(--m-color-bg-back-active) !important;
}
.m-bg-light-active-with:active {
background: #ececec !important;
background: var(--m-color-bg-back-active) !important;
}
.m-bg-primary-active-with:active {
background: #16813d !important;
background: var(--m-color-bg-primary-active) !important;
}
.m-bg-danger-active-with:active {
background: #f91f1f !important;
background: var(--m-color-bg-danger-active) !important;
}
.m-inline {
display: inline !important;
}
.m-block {
display: block !important;
}
.m-inline-block {
display: inline-block !important;
}
.m-none {
display: none !important;
}
.m-fixed {
position: fixed;
}
.m-absolute {
position: absolute;
}
.m-relative {
position: relative;
}
.m-overflow-hidden {
overflow: hidden;
}
.m-overflow {
overflow: auto;
}
.m-overflow-x {
overflow-x: auto;
overflow-y: hidden;
}
.m-overflow-y {
overflow-x: hidden;
overflow-y: auto;
}
.m-text-20 {
font-size: 20px !important;
font-size: var(--m-size-text-20) !important;
}
.m-text-18 {
font-size: 18px !important;
font-size: var(--m-size-text-18) !important;
}
.m-text-16 {
font-size: 16px !important;
font-size: var(--m-size-text-16) !important;
}
.m-text-14 {
font-size: 14px !important;
font-size: var(--m-size-text-14) !important;
}
.m-text-12 {
font-size: 12px !important;
font-size: var(--m-size-text-12) !important;
}
.m-text-10 {
font-size: 10px !important;
font-size: var(--m-size-text-10) !important;
}
.m-text-center {
text-align: center !important;
}
.m-text-left {
text-align: left !important;
}
.m-text-right {
text-align: right !important;
}
.m-text {
color: #353535 !important;
color: var(--m-color-default) !important;
}
.m-text-primary {
color: #1eac52 !important;
color: var(--m-color-primary) !important;
}
.m-text-accent {
color: #ff6500 !important;
color: var(--m-color-accent) !important;
}
.m-text-danger {
color: #fa5151 !important;
color: var(--m-color-danger) !important;
}
.m-text-link {
color: #576b95 !important;
color: var(--m-color-link) !important;
}
.m-text-desc {
color: #888 !important;
color: var(--m-color-desc) !important;
}
.m-text-red {
color: red !important;
color: var(--m-color-red) !important;
}
.m-text-white {
color: white !important;
color: var(--m-color-white) !important;
}
.m-text-black {
color: black !important;
color: var(--m-color-black) !important;
}
.m-text-true-white {
color: white !important;
color: var(--m-color-true-white) !important;
}
.m-text-true-black {
color: black !important;
color: var(--m-color-true-black) !important;
}
.m-text-placeholder {
color: #b2b2b2 !important;
color: var(--m-color-placeholder) !important;
}
.m-text-line-height {
line-height: 1 !important;
}
.m-text-line-through {
text-decoration: line-through;
}
.m-text-bold {
font-weight: bold;
}
.m-text-lighter {
font-weight: lighter !important;
}
.m-text-ellipsis {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap;
}
.m-text-no-ellipsis {
white-space: normal;
}
.m-border {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border: 1px solid var(--m-color-border) !important;
}
.m-border-top {
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
border-top: 1px solid var(--m-color-border) !important;
}
.m-border-left {
border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
border-left: 1px solid var(--m-color-border) !important;
}
.m-border-right {
border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
border-right: 1px solid var(--m-color-border) !important;
}
.m-border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
border-bottom: 1px solid var(--m-color-border) !important;
}
.m-border-radius {
border-radius: 10px;
}
.m-border-radius-top-left {
border-top-left-radius: 10px;
}
.m-border-radius-top-right {
border-top-right-radius: 10px;
}
.m-border-radius-bottom-left {
border-bottom-left-radius: 10px;
}
.m-border-radius-bottom-right {
border-bottom-right-radius: 10px;
}
.m-border-1px-before {
position: relative;
}
.m-border-1px-before::before {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-border-1px-after {
position: relative;
}
.m-border-1px-after::after {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-border-1px-top-before {
position: relative;
}
.m-border-1px-top-before::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-border-1px-top-after {
position: relative;
}
.m-border-1px-top-after::after {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-border-1px-left-before {
position: relative;
}
.m-border-1px-left-before::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid var(--m-color-border);
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-border-1px-left-after {
position: relative;
}
.m-border-1px-left-after::after {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid var(--m-color-border);
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-border-1px-right-before {
position: relative;
}
.m-border-1px-right-before::before {
content: ' ';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid var(--m-color-border);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
z-index: 1;
}
.m-border-1px-right-after {
position: relative;
}
.m-border-1px-right-after::after {
content: ' ';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid var(--m-color-border);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
z-index: 1;
}
.m-border-1px-bottom-before {
position: relative;
}
.m-border-1px-bottom-before::before {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-border-1px-bottom-after {
position: relative;
}
.m-border-1px-bottom-after::after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-border-dashed {
border: 1px dashed rgba(0, 0, 0, 0.1) !important;
border: 1px dashed var(--m-color-border) !important;
}
.m-border-none {
border: none !important;
}
.m-animated {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.m-animated-fade-in {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
.m-animated-fade-in-right {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: fade-in-right;
animation-name: fade-in-right;
}
.m-animated-fade-in-left {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: fade-in-left;
animation-name: fade-in-left;
}
.m-animated-fade-in-top {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: fade-in-top;
animation-name: fade-in-top;
}
.m-animated-fade-in-bottom {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: fade-in-bottom;
animation-name: fade-in-bottom;
}
.m-animated-slide-in {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: slide-in;
animation-name: slide-in;
}
.m-animated-slide-in-right {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: slide-in-right;
animation-name: slide-in-right;
}
.m-animated-slide-in-left {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: slide-in-left;
animation-name: slide-in-left;
}
.m-animated-slide-in-top {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: slide-in-top;
animation-name: slide-in-top;
}
.m-animated-slide-in-bottom {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-name: slide-in-bottom;
animation-name: slide-in-bottom;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fade-in-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-right {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fade-in-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fade-in-top {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-top {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fade-in-bottom {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-bottom {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slide-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes slide-in-right {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-right {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-left {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-left {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-top {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-top {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slide-in-bottom {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-in-bottom {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.m-flex-flex {
-webkit-flex: 1;
flex: 1;
}
.m-flex-auto {
-webkit-flex: auto;
flex: auto;
}
.m-flex-none {
-webkit-flex: none;
flex: none;
}
.m-flex {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: stretch;
align-content: stretch;
-webkit-align-items: stretch;
align-items: stretch;
box-sizing: border-box;
}
.m-flex.m-flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.m-flex.m-flex-nowrap {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.m-flex.m-flex-row {
-webkit-flex-direction: row;
flex-direction: row;
}
.m-flex.m-flex-column {
-webkit-flex-direction: column;
flex-direction: column;
}
.m-flex.m-flex-justify-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.m-flex.m-flex-justify-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.m-flex.m-flex-justify-center {
-webkit-justify-content: center;
justify-content: center;
}
.m-flex.m-flex-justify-between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.m-flex.m-flex-justify-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.m-flex.m-flex-align-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.m-flex.m-flex-align-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.m-flex.m-flex-align-center {
-webkit-align-items: center;
align-items: center;
}
.m-flex.m-flex-align-baseline {
-webkit-align-items: baseline;
align-items: baseline;
}
.m-flex.m-flex-align-stretch {
-webkit-align-items: stretch;
align-items: stretch;
}
.m-flex.m-flex-align-content-start {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.m-flex.m-flex-align-content-end {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.m-flex.m-flex-align-content-center {
-webkit-align-content: center;
align-content: center;
}
.m-flex.m-flex-align-content-between {
-webkit-align-content: space-between;
align-content: space-between;
}
.m-flex.m-flex-align-content-around {
-webkit-align-content: space-around;
align-content: space-around;
}
.m-flex.m-flex-align-content-stretch {
-webkit-align-content: stretch;
align-content: stretch;
}
.m-loading .m-loading-icon {
vertical-align: middle;
-webkit-animation: m-loading-circle 1s steps(12, end) infinite;
animation: m-loading-circle 1s steps(12, end) infinite;
color: #353535;
color: var(--m-color-default);
}
@-webkit-keyframes m-loading-circle {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes m-loading-circle {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
.m-badge {
position: relative;
display: inline-block;
vertical-align: middle;
}
.m-badge .m-badge-round {
border-radius: 100% !important;
text-align: center;
width: 16px;
height: 16px;
padding: 0 !important;
}
.m-badge .m-badge-text {
color: white;
color: var(--m-color-true-white);
display: inline-block;
text-align: center;
background-color: red;
background-color: var(--m-color-bg-red);
white-space: nowrap;
font-size: 10px;
border-radius: 16px;
line-height: 16px;
padding: 1px 3px;
min-width: 16px;
}
.m-badge .m-badge-dot {
top: 0;
right: 0;
position: absolute;
display: inline-block;
background: red !important;
background: var(--m-color-bg-red) !important;
border-radius: 100%;
width: 8px;
height: 8px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.m-badge .m-badge-corner {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.m-image-round {
border-radius: 100% !important;
}
.m-image-contain {
object-fit: contain;
}
.m-image-cover {
object-fit: cover;
}
.m-image-fill {
object-fit: fill;
}
.m-image-none {
object-fit: none;
}
.m-image-scale-down {
object-fit: scale-down;
}
.m-btn {
height: 40px;
height: var(--m-size-form-height);
line-height: 40px;
line-height: var(--m-size-form-height);
border-width: 0;
border-radius: 40px;
border-radius: var(--m-size-form-height);
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 0 40px;
padding: 0 var(--m-size-form-height);
font-size: 16px;
font-size: var(--m-size-text-16);
-webkit-user-select: none;
user-select: none;
outline: none;
min-width: 180px;
}
.m-btn.m-btn-default {
background: #f6f6f6;
background: var(--m-btn-color-bg-default);
color: white;
color: var(--m-color-true-white);
position: relative;
color: #888;
color: var(--m-btn-color-default);
}
.m-btn.m-btn-default::after {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #f6f6f6;
border: 1px solid var(--m-btn-color-bg-default);
border-radius: 40px;
border-radius: var(--m-size-form-height);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
}
.m-btn.m-btn-default.m-btn-plain {
background: transparent;
color: #f6f6f6;
color: var(--m-btn-color-bg-default);
}
.m-btn.m-btn-default.m-btn-plain:active {
background: #f6f6f6;
background: var(--m-btn-color-bg-default);
color: white;
color: var(--m-color-true-white);
}
.m-btn.m-btn-default:active {
background: #ececec;
background: var(--m-btn-color-bg-default-active);
}
.m-btn.m-btn-default.disabled,
.m-btn.m-btn-default[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-btn.m-btn-default::after {
border-color: rgba(0, 0, 0, 0.1);
border-color: var(--m-color-border);
}
.m-btn.m-btn-default:active {
color: #6f6f6f;
color: var(--m-btn-color-default-active);
}
.m-btn.m-btn-default.m-btn-plain {
color: #353535;
color: var(--m-color-default);
}
.m-btn.m-btn-default.m-btn-plain::after {
border-color: #353535;
border-color: var(--m-color-default);
}
.m-btn.m-btn-default.m-btn-plain:active {
color: #353535;
color: var(--m-color-default);
}
.m-btn.m-btn-primary {
background: #1eac52;
background: var(--m-color-primary);
color: white;
color: var(--m-color-true-white);
position: relative;
}
.m-btn.m-btn-primary::after {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #1eac52;
border: 1px solid var(--m-color-primary);
border-radius: 40px;
border-radius: var(--m-size-form-height);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
}
.m-btn.m-btn-primary.m-btn-plain {
background: transparent;
color: #1eac52;
color: var(--m-color-primary);
}
.m-btn.m-btn-primary.m-btn-plain:active {
background: #1eac52;
background: var(--m-color-primary);
color: white;
color: var(--m-color-true-white);
}
.m-btn.m-btn-primary:active {
background: #16813d;
background: var(--m-color-bg-primary-active);
}
.m-btn.m-btn-primary.disabled,
.m-btn.m-btn-primary[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-btn.m-btn-danger {
background: #fa5151;
background: var(--m-color-danger);
color: white;
color: var(--m-color-true-white);
position: relative;
}
.m-btn.m-btn-danger::after {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #fa5151;
border: 1px solid var(--m-color-danger);
border-radius: 40px;
border-radius: var(--m-size-form-height);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
}
.m-btn.m-btn-danger.m-btn-plain {
background: transparent;
color: #fa5151;
color: var(--m-color-danger);
}
.m-btn.m-btn-danger.m-btn-plain:active {
background: #fa5151;
background: var(--m-color-danger);
color: white;
color: var(--m-color-true-white);
}
.m-btn.m-btn-danger:active {
background: #f91f1f;
background: var(--m-color-bg-danger-active);
}
.m-btn.m-btn-danger.disabled,
.m-btn.m-btn-danger[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-btn.m-btn-link {
background: transparent;
border-radius: 0;
color: #576b95;
color: var(--m-color-link);
padding: 0 15px;
min-width: 0;
text-decoration: none;
}
.m-btn.m-btn-link:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-btn.m-btn-mini {
min-width: 60px;
height: 30px;
height: var(--m-size-form-height-sm);
line-height: 30px;
line-height: var(--m-size-form-height-sm);
padding: 0 calc(30px / 2);
padding: 0 calc(var(--m-size-form-height-sm) / 2);
font-size: 14px;
font-size: var(--m-size-text-14);
}
.m-btn.m-btn-block {
display: block;
width: 100%;
}
.m-btn.m-btn-no-round {
border-radius: 0;
}
.m-btn.m-btn-no-round::after {
border-radius: 0;
}
.m-btn .m-btn-loading {
display: inline-block;
margin-right: 5px;
}
.m-btn .m-btn-loading .m-loading-circle {
margin-top: -3px;
font-size: 1.2em;
}
.m-dialog-container .m-mask {
z-index: 5000;
z-index: var(--m-z-index-dialog);
}
.m-dialog-container .m-dialog {
position: fixed;
width: 320px;
top: 50%;
left: 15px;
right: 15px;
margin: 0 auto;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 5000;
z-index: var(--m-z-index-dialog);
background-color: white;
background-color: var(--m-color-bg-white);
text-align: center;
border-radius: 15px;
overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 16px;
}
.m-dialog-container .m-dialog .m-dialog-title {
padding: 15px 25px 0;
font-weight: bolder;
}
.m-dialog-container .m-dialog .m-dialog-content {
padding: 15px 25px 15px;
background: white;
background: var(--m-color-bg-white);
}
.m-dialog-container .m-dialog .m-dialog-btn {
position: relative;
}
.m-dialog-container .m-dialog .m-dialog-btn::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-dialog-container .m-dialog .m-dialog-btn > div {
color: #353535;
color: var(--m-color-default);
height: 56px;
line-height: 56px;
cursor: pointer;
font-weight: bolder;
}
.m-dialog-container .m-dialog .m-dialog-btn > div:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-dialog-container .m-dialog .m-dialog-btn > div:not(:last-child) {
position: relative;
}
.m-dialog-container .m-dialog .m-dialog-btn > div:not(:last-child)::after {
content: ' ';
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid var(--m-color-border);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
z-index: 1;
}
.m-dialog-container .m-dialog .m-dialog-btn .m-dialog-btn-confirm {
color: #1eac52;
color: var(--m-color-primary);
}
.m-calendar {
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.m-calendar .m-calendar-head {
padding-left: calc((100% / 14) - 5px);
height: 25px;
line-height: 25px;
}
.m-calendar .m-calendar-week {
width: 100%;
height: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
background-color: white;
background-color: var(--m-color-bg-white);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px var(--m-color-border);
z-index: 1;
}
.m-calendar .m-calendar-content {
-webkit-flex: 1;
flex: 1;
position: relative;
overflow-x: hidden;
overflow-y: auto;
background-color: white;
background-color: var(--m-color-bg-white);
}
.m-calendar .m-calendar-day {
width: 100%;
}
.m-calendar .m-calendar-day .m-calendar-day-text {
height: 30px;
width: 30px;
border-radius: 4px;
}
.m-calendar .m-calendar-day.m-calendar-day-now .m-calendar-day-text {
border: 1px solid #1eac52;
border: 1px solid var(--m-color-primary);
color: #1eac52;
color: var(--m-color-primary);
}
.m-calendar .m-calendar-day.m-calendar-day-begin small {
margin-top: -5px;
}
.m-calendar .m-calendar-day.m-calendar-day-begin .m-calendar-day-text {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
}
.m-calendar .m-calendar-day.m-calendar-day-begin .m-calendar-day-left {
background-color: transparent;
}
.m-calendar .m-calendar-day.m-calendar-day-begin .m-calendar-day-right {
background-color: rgba(30, 172, 82, 0.2);
background-color: var(--m-calendar-bg-active);
}
.m-calendar .m-calendar-day.m-calendar-day-end small {
margin-top: -5px;
}
.m-calendar .m-calendar-day.m-calendar-day-end .m-calendar-day-text {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
}
.m-calendar .m-calendar-day.m-calendar-day-end .m-calendar-day-left {
background-color: rgba(30, 172, 82, 0.2);
background-color: var(--m-calendar-bg-active);
}
.m-calendar .m-calendar-day.m-calendar-day-end .m-calendar-day-right {
background-color: transparent;
}
.m-calendar .m-calendar-day.m-calendar-day-selected small {
margin-top: -5px;
}
.m-calendar .m-calendar-day.m-calendar-day-selected .m-calendar-day-text {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
}
.m-calendar .m-calendar-day.m-calendar-day-selected .m-calendar-day-left {
background-color: transparent;
}
.m-calendar .m-calendar-day.m-calendar-day-selected .m-calendar-day-right {
background-color: transparent;
}
.m-calendar .m-calendar-day .m-calendar-day-left,
.m-calendar .m-calendar-day .m-calendar-day-right {
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1;
height: 30px;
}
.m-calendar .m-calendar-day .m-calendar-day-left.m-calendar-day-left-first,
.m-calendar .m-calendar-day .m-calendar-day-right.m-calendar-day-left-first,
.m-calendar .m-calendar-day .m-calendar-day-left.m-calendar-day-right-last,
.m-calendar .m-calendar-day .m-calendar-day-right.m-calendar-day-right-last {
background-color: white;
background-color: var(--m-color-bg-white);
}
.m-calendar .m-calendar-day.active {
background-color: rgba(30, 172, 82, 0.2);
background-color: var(--m-calendar-bg-active);
color: black;
color: var(--m-color-black);
}
.m-calendar .m-calendar-day.disabled,
.m-calendar .m-calendar-day[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-search {
height: 50px;
height: var(--m-size-header-height);
padding: 0 15px;
}
.m-search .m-search-input {
border-radius: 30px;
border-radius: var(--m-size-form-height-sm);
overflow: hidden;
position: relative;
}
.m-search .m-search-input .m-input {
height: 30px;
height: var(--m-size-form-height-sm);
background: #f6f6f6;
background: var(--m-color-bg-back);
padding: 0 10px 0 25px;
}
.m-search .m-search-input .m-search-icon-search {
color: #b2b2b2;
color: var(--m-color-placeholder);
position: absolute;
left: 8px;
top: 7px;
}
.m-search .m-search-input .m-search-icon-close {
color: #b2b2b2;
color: var(--m-color-placeholder);
position: absolute;
right: 8px;
top: 8px;
}
.m-search .m-btn {
margin-right: -15px;
}
.m-fake-search {
height: 50px;
height: var(--m-size-header-height);
padding: 0 15px;
cursor: pointer;
}
.m-fake-search .m-fake-search-inner {
border-radius: 30px;
border-radius: var(--m-size-form-height-sm);
height: 30px;
height: var(--m-size-form-height-sm);
background: #f6f6f6;
background: var(--m-color-bg-back);
padding: 0 10px;
color: #b2b2b2;
color: var(--m-color-placeholder);
}
.m-input {
width: 100%;
border: 0;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
line-height: 1.6;
line-height: var(--m-size-line-height);
padding: 0;
color: inherit;
}
.m-input::-webkit-search-cancel-button {
display: none;
}
.m-input.m-input-form {
margin-top: -15px;
margin-bottom: -15px;
padding-top: 15px;
padding-bottom: 15px;
}
.m-input-password {
position: relative;
}
.m-input-password .m-input-password-icon {
cursor: pointer;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
padding: 0 5px;
color: #888;
color: var(--m-color-desc);
}
.m-border-input-container {
position: relative;
width: 100%;
height: 30px;
}
.m-border-input-container::after {
content: ' ';
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
border-radius: 4px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
left: 0;
top: 0;
width: 200%;
height: 200%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.m-border-input-container:focus-within::after {
content: ' ';
position: absolute;
border: 1px solid #1eac52;
border: 1px solid var(--m-color-primary);
border-radius: 4px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
left: 0;
top: 0;
width: 200%;
height: 200%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.m-border-input-container .m-border-input-content {
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 8px;
font-size: 12px;
border: 0;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
z-index: 2;
box-sizing: border-box;
}
.m-border-input-container .m-border-input-content.m-border-input-content-max-length {
width: calc(100% - 45px);
}
.m-border-input-container .m-border-input-max-length {
width: 45px;
height: 30px;
line-height: 30px;
padding-right: 8px;
text-align: right;
position: absolute;
top: 1px;
right: 0;
color: #888;
color: var(--m-color-desc);
}
.m-header {
height: 50px;
height: var(--m-size-header-height);
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
}
.m-switch {
height: 30px;
width: 50px;
display: inline-block;
-webkit-appearance: none;
position: relative;
outline: none;
border: none;
cursor: pointer;
/* ios 有 bg 黑底 */
}
.m-switch.disabled,
.m-switch[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-switch[disabled][checked] {
background: transparent;
}
.m-switch::before {
content: '';
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
border-radius: 60px;
background: #f6f6f6;
background: var(--m-color-bg-back);
transition: background-color 0.2s;
}
.m-switch::after {
content: '';
height: 28px;
width: 28px;
display: inline-block;
border-radius: 30px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px var(--m-color-box-shadow);
position: absolute;
top: 1px;
left: 1px;
background: white;
background: var(--m-color-true-white);
transition: transform 0.2s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.2s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}
.m-switch:checked::before {
background: #1eac52;
background: var(--m-color-bg-primary);
}
.m-switch:checked::after {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.m-radio {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}
.m-radio .m-radio-input {
display: none;
}
.m-radio .m-radio-input + .m-radio-span {
width: 1.3em;
height: 1.3em;
position: relative;
top: 0;
padding-right: 10px;
-webkit-appearance: none;
transition: background-color 0.1s linear;
}
.m-radio.disabled,
.m-radio[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-radio .m-radio-input:checked + .m-radio-span::after {
content: '';
position: absolute;
width: 1em;
height: 0.6em;
top: 0.1em;
left: 0.3em;
border-left: 2px solid #1eac52;
border-left: 2px solid var(--m-color-primary);
border-bottom: 2px solid #1eac52;
border-bottom: 2px solid var(--m-color-primary);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.m-panel {
border-radius: 10px;
background: white;
background: var(--m-color-bg-white);
overflow: hidden;
}
.m-panel.m-panel-top {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.m-panel.m-panel-bottom {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.m-panel .m-panel-title {
height: 40px;
line-height: 40px;
padding: 0 15px;
}
.m-panel .m-panel-title:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-panel .m-panel-action {
font-size: 12px;
}
.m-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
z-index: var(--m-z-index-mask);
background: rgba(0, 0, 0, 0.6);
background: var(--m-color-bg-mask);
}
.m-nprogress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 9999;
z-index: var(--m-z-index-nprogress);
transition: all 200ms ease;
background: #1eac52;
background: var(--m-color-bg-primary);
}
.m-nprogress .m-nprogress-head {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0, -4px);
transform: rotate(3deg) translate(0, -4px);
}
.m-page {
width: 100vw;
height: 100vh;
background: #f6f6f6;
background: var(--m-color-bg-back);
overflow: hidden;
}
.m-page.m-page-white {
background: white;
background: var(--m-color-bg-white);
}
.m-page .m-page-content {
-webkit-flex: 1;
flex: 1;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.m-page .m-page-header {
min-height: 50px;
min-height: var(--m-size-header-height);
}
.m-page .m-page-tabbar {
height: 49px;
height: var(--m-size-tabbar-height);
}
@supports (bottom: constant(safe-area-inset-bottom)) or
(bottom: env(safe-area-inset-bottom)) {
.m-page {
padding-bottom: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
}
.m-toast {
position: absolute;
top: 180px;
left: 0;
right: 0;
}
.m-toast .m-toast-inner {
background: #606060;
background: var(--m-color-bg-toast);
z-index: 7000;
z-index: var(--m-z-index-toast);
text-align: center;
border-radius: 4px;
color: white;
color: var(--m-color-white);
display: inline-block;
max-width: 80%;
min-width: 80px;
}
.m-toast .m-toast-inner .m-toast-content {
padding: 4px 12px;
}
.m-toast .m-toast-inner .m-toast-icon {
padding: 8px 0 0;
font-size: 24px;
line-height: 1;
}
.m-toast.m-toast-loading_linear .m-toast-icon {
font-size: 16px;
}
.m-textarea-container .m-textarea {
width: 100%;
border: none;
outline: none;
position: relative;
resize: none;
display: block;
padding: 0;
}
.m-textarea-container .m-textarea.disabled,
.m-textarea-container .m-textarea[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-textarea-container .m-textarea.m-textarea-form {
margin-top: -15px;
margin-bottom: -15px;
padding-top: 15px;
padding-bottom: 15px;
}
.m-textarea-container .m-textarea-max-length {
text-align: right;
color: #888;
color: var(--m-color-desc);
}
.m-tabs {
cursor: pointer;
}
.m-tabs.m-tabs-default {
background: white;
background: var(--m-color-bg-white);
}
.m-tabs.m-tabs-default .m-tabs-content {
width: 100%;
}
.m-tabs.m-tabs-default .m-tabs-item {
-webkit-flex: 1;
flex: 1;
}
.m-tabs.m-tabs-default .m-tabs-item:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-tabs.m-tabs-default .m-tabs-item.active .m-tabs-item-text {
color: #1eac52;
color: var(--m-color-primary);
position: relative;
}
.m-tabs.m-tabs-default .m-tabs-item.active .m-tabs-item-text::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 2px solid #1eac52;
border-bottom: 2px solid var(--m-color-primary);
}
.m-tabs.m-tabs-default .m-tabs-item-text {
padding: 5px 0 2px 0;
}
.m-tabs.m-tabs-label {
background: #f6f6f6;
background: var(--m-color-bg-back);
}
.m-tabs.m-tabs-label .m-tabs-content {
width: 100%;
}
.m-tabs.m-tabs-label .m-tabs-item {
-webkit-flex: 1;
flex: 1;
}
.m-tabs.m-tabs-label .m-tabs-item:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-tabs.m-tabs-label .m-tabs-item.active .m-tabs-item-text {
color: #1eac52;
color: var(--m-color-primary);
position: relative;
}
.m-tabs.m-tabs-label .m-tabs-item.active .m-tabs-item-text::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 2px solid #1eac52;
border-bottom: 2px solid var(--m-color-primary);
}
.m-tabs.m-tabs-label .m-tabs-item-text {
padding: 5px 0 2px 0;
}
.m-tabs.m-tabs-capsule {
height: 40px;
height: var(--m-size-form-height);
line-height: 40px;
line-height: var(--m-size-form-height);
}
.m-tabs.m-tabs-capsule .m-tabs-content {
background-color: #16813d;
background-color: var(--m-color-bg-primary-active);
border-radius: 40px;
border-radius: var(--m-size-form-height);
}
.m-tabs.m-tabs-capsule .m-tabs-content .m-tabs-item {
padding: 0 calc(40px / 2);
padding: 0 calc(var(--m-size-form-height) / 2);
position: relative;
color: white;
color: var(--m-color-white);
border-radius: 40px;
border-radius: var(--m-size-form-height);
}
.m-tabs.m-tabs-capsule .m-tabs-content .m-tabs-item .m-tabs-item-text {
z-index: 1;
}
.m-tabs.m-tabs-capsule .m-tabs-content .m-tabs-item.active {
color: #1eac52;
color: var(--m-color-primary);
background-color: white;
background-color: var(--m-color-bg-white);
}
.m-popup-container .m-popup {
position: absolute;
z-index: 2000;
z-index: var(--m-z-index-popup);
overflow: hidden;
background: white;
background: var(--m-color-bg-white);
}
.m-popup-container .m-popup .m-popup-content {
overflow-x: hidden;
overflow-y: auto;
}
.m-popup-container .m-popup.m-popup-left {
top: 0;
left: 0;
width: 70%;
height: 100%;
}
.m-popup-container .m-popup.m-popup-right {
top: 0;
right: 0;
width: 70%;
height: 100%;
}
.m-popup-container .m-popup.m-popup-bottom {
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
height: auto;
max-height: 100%;
border-radius: 10px 10px 0 0;
}
.m-popup-container .m-popup.m-popup-bottom .m-popup-content {
height: auto;
}
.m-popup-container .m-popup.m-popup-box-shadow {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px var(--m-color-box-shadow);
}
.m-popup-picker-container {
z-index: 6000;
z-index: var(--m-z-index-picker);
}
.m-popup-picker-container .m-mask {
z-index: 6000;
z-index: var(--m-z-index-picker);
}
.m-popup-picker-container .m-popup {
z-index: 6000;
z-index: var(--m-z-index-picker);
}
.m-square {
width: 100%;
height: 0;
padding-bottom: 100%;
background: whitesmoke;
position: relative;
}
.m-square .m-square-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.m-counter {
display: inline-block;
border: 2px solid #1eac52;
border: 2px solid var(--m-color-primary);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
font-weight: bold;
color: #1eac52;
color: var(--m-color-primary);
}
.m-counter.disabled,
.m-counter[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-counter.m-counter-default {
width: 86px;
height: 21px;
line-height: 21px;
border-radius: 25px;
}
.m-counter.m-counter-default .m-counter-content-text {
width: 44px;
}
.m-counter.m-counter-default .m-counter-content-text {
display: inline-block;
overflow-y: hidden;
overflow-x: auto;
height: 21px;
line-height: 21px;
color: #1eac52;
color: var(--m-color-primary);
text-align: center;
vertical-align: top;
font-weight: bold;
font-size: 14px;
padding: 0;
outline: 0;
}
.m-counter.m-counter-default .m-counter-content-text::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.m-counter.m-counter-default .m-counter-icon {
display: inline-block;
height: 21px;
line-height: 21px;
width: 21px;
text-align: center;
}
.m-counter.m-counter-default .m-counter-plus,
.m-counter.m-counter-default .m-counter-minus {
width: 1em;
height: 1em;
margin: 3px 0;
}
.m-counter.m-counter-default .m-counter-plus.disabled,
.m-counter.m-counter-default .m-counter-minus.disabled,
.m-counter.m-counter-default .m-counter-plus[disabled],
.m-counter.m-counter-default .m-counter-minus[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-counter.m-counter-large {
min-width: 256px;
height: 36px;
line-height: 36px;
border-radius: 40px;
font-size: 18px;
}
.m-counter.m-counter-large .m-counter-content-text {
width: calc(100% - 72px);
}
.m-counter.m-counter-large .m-counter-content-text {
display: inline-block;
overflow-y: hidden;
overflow-x: auto;
height: 36px;
line-height: 36px;
color: #1eac52;
color: var(--m-color-primary);
text-align: center;
vertical-align: top;
font-weight: bold;
font-size: 18px;
padding: 0;
outline: 0;
}
.m-counter.m-counter-large .m-counter-content-text::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.m-counter.m-counter-large .m-counter-icon {
display: inline-block;
height: 36px;
line-height: 36px;
width: 36px;
text-align: center;
}
.m-counter.m-counter-large .m-counter-plus,
.m-counter.m-counter-large .m-counter-minus {
width: 1em;
height: 1em;
margin: 9px 0;
}
.m-counter.m-counter-large .m-counter-plus.disabled,
.m-counter.m-counter-large .m-counter-minus.disabled,
.m-counter.m-counter-large .m-counter-plus[disabled],
.m-counter.m-counter-large .m-counter-minus[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-cell {
padding: 15px;
min-height: 52px;
background: white;
background: var(--m-color-bg-white);
position: relative;
}
.m-cell:active {
background: #ececec;
background: var(--m-color-bg-white-active);
}
.m-cell::after {
content: ' ';
position: absolute;
left: 15px;
right: 0;
bottom: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-cell.m-cell-access {
cursor: pointer;
}
.m-cell.m-cell-access .m-cell-access-icon {
color: #888;
color: var(--m-color-desc);
margin-right: -2px;
}
.m-cell.m-cell-with-icon {
position: relative;
}
.m-cell.m-cell-with-icon::after {
content: ' ';
position: absolute;
left: 50px;
right: 0;
bottom: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-cell .m-cell-icon {
width: 35px;
}
.m-cell .m-cell-right {
color: #888;
color: var(--m-color-desc);
}
.m-cell .m-cell-body {
-webkit-flex: 1;
flex: 1;
}
.m-cell.m-cell-form {
position: relative;
}
.m-cell.m-cell-form::after {
content: ' ';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-cell.m-cell-form .m-btn-time {
margin-top: -4px;
margin-bottom: -4px;
}
.m-cell-form-error {
color: #fa5151;
color: var(--m-color-danger);
padding: 5px 15px;
}
.m-cells .m-cells-title {
color: #888;
color: var(--m-color-desc);
padding: 30px 15px 3px;
font-size: 14px;
}
.m-cells:not(.m-cells-form):not(.m-cells-mini) .m-cells-content {
position: relative;
}
.m-cells:not(.m-cells-form):not(.m-cells-mini) .m-cells-content::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-cells:not(.m-cells-form):not(.m-cells-mini) .m-cells-content::after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-cells.m-cells-form .m-cells-title {
position: relative;
}
.m-cells.m-cells-form .m-cells-title::after {
content: ' ';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-cells.m-cells-mini .m-cell {
min-height: 30px;
padding: 5px 15px;
}
.m-cells.m-cells-mini .m-cell::after {
border: none;
}
.m-cells .m-cell:not(.m-cell-form):last-child::after {
display: none;
}
.m-picker {
width: 100%;
font-size: 15px;
}
.m-picker .m-picker-header {
display: -webkit-flex;
display: flex;
padding: 0 12px;
height: 40px;
position: relative;
}
.m-picker .m-picker-header::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-picker .m-picker-header .m-picker-header-item {
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1;
height: 100%;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.m-picker .m-picker-inner {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
padding: 0 12px;
}
.m-picker .m-picker-inner .m-picker-column {
-webkit-flex: 1 1;
flex: 1 1;
position: relative;
max-height: 100%;
overflow: hidden;
text-align: center;
}
.m-picker .m-picker-inner .m-picker-column .m-picker-scroll {
transition: 300ms;
transition-timing-function: ease-out;
}
.m-picker .m-picker-inner .m-picker-column .m-picker-item {
position: relative;
padding: 0 4px;
white-space: nowrap;
color: #888;
color: var(--m-color-desc);
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.m-picker .m-picker-inner .m-picker-column .m-picker-item.m-picker-item-selected {
font-weight: bold;
color: #353535;
color: var(--m-color-default);
}
.m-picker .m-picker-inner .m-picker-highlight {
position: absolute;
top: 50%;
left: 0;
width: 100%;
pointer-events: none;
}
.m-uploader {
display: inline-block;
}
.m-uploader .m-uploader-default {
width: 60px;
height: 60px;
border: 1px dashed rgba(0, 0, 0, 0.1);
border: 1px dashed var(--m-color-border);
cursor: pointer;
}
.m-uploader .m-uploader-wrap {
display: inline-block;
}
.m-uploader .m-uploader-input[type='file'] {
display: none;
}
.m-uploader .m-uploader-icon-wrap {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
width: 100%;
color: rgba(0, 0, 0, 0.1);
color: var(--m-color-border);
}
.m-uploader .m-uploader-icon {
font-size: 30px;
}
.m-checkbox {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}
.m-checkbox .m-checkbox-input {
display: none;
}
.m-checkbox.disabled .m-checkbox-span {
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
}
.m-checkbox.disabled,
.m-checkbox[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-checkbox .m-checkbox-input + .m-checkbox-span {
width: 1.3em;
height: 1.3em;
position: relative;
top: 0;
margin-right: 10px;
-webkit-appearance: none;
border: 1px solid rgba(0, 0, 0, 0.3);
border: 1px solid var(--m-color-border-dark);
transition: background-color 0.1s linear;
border-radius: 2px;
}
.m-checkbox .m-checkbox-input:checked + .m-checkbox-span {
border: 1px solid transparent;
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
}
.m-checkbox .m-checkbox-input:checked + .m-checkbox-span::after {
content: '';
position: absolute;
width: 0.6em;
height: 0.3em;
top: 0.35em;
left: 0.3em;
border-left: 0.14em solid white;
border-left: 0.14em solid var(--m-color-white);
border-bottom: 0.14em solid white;
border-bottom: 0.14em solid var(--m-color-white);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.m-checkbox.m-checkbox-circle .m-checkbox-input + .m-checkbox-span {
border-radius: 50%;
}
.m-checkbox.m-checkbox-primary .m-checkbox-input:checked + .m-checkbox-span {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
}
.m-inner-layer-container {
z-index: 900;
z-index: var(--m-z-index-innerLayer);
}
.m-divider .m-divider-line {
position: relative;
}
.m-divider .m-divider-line::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-divider .m-divider-line::before {
top: 50%;
}
.m-label {
display: inline-block;
vertical-align: middle;
line-height: 14px;
height: 14px;
border-radius: 2px;
font-size: 12px;
padding: 2px;
}
.m-label-default {
background-color: #ffe0cc;
background-color: var(--m-color-bg-accent-light);
color: #ff6500;
color: var(--m-color-accent);
}
.m-label-plain {
border: 1px solid #ff6500;
border: 1px solid var(--m-color-accent);
padding: 1px;
color: #ff6500;
color: var(--m-color-accent);
}
.m-label-accent {
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
color: white;
color: var(--m-color-white);
}
.m-label-primary {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
}
.m-slider {
overflow: hidden;
position: relative;
}
.m-slider .m-slider-cell {
overflow: hidden;
}
.m-slider .m-slider-cell img {
display: none;
}
.m-slider .m-slider-cell-show img {
display: block;
}
.m-slider .m-slider-transition {
transition: 0.2s -webkit-transform ease-in-out;
transition: 0.2s transform ease-in-out;
transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
}
.m-slider-flag span {
width: 4px;
height: 4px;
border-radius: 50%;
opacity: 0.7;
margin: 4px 2px;
}
.m-slider-flag span.active {
background: white !important;
background: var(--m-color-bg-white) !important;
}
.m-slider-flag .m-slider-flag-line span {
width: 12px;
height: 2px;
border-radius: 0;
margin: 4px 2px;
}
.m-slider-flag .m-slider-flag-inner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.m-slider-less {
overflow: hidden;
position: relative;
}
.m-keyboard {
width: 100%;
padding: 2.5px 0;
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
}
.m-keyboard .m-keyboard-gap {
display: inline-block;
width: 4px;
height: 4px;
}
.m-keyboard .m-keyboard-num {
width: calc(100% / 3);
cursor: pointer;
height: 40px;
margin: 2.5px 0;
font-weight: bold;
font-size: 20px;
font-size: var(--m-size-text-20);
}
.m-keyboard .m-keyboard-num .m-keyboard-text {
-webkit-flex: 1;
flex: 1;
height: 40px;
background-color: white;
background-color: var(--m-color-bg-white);
border-radius: 4px;
font-size: 24px;
position: relative;
}
.m-keyboard .m-keyboard-num .m-keyboard-text::before {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-keyboard .m-keyboard-num .m-keyboard-text::before {
content: '';
border-radius: 4px;
}
.m-keyboard .m-keyboard-num .m-keyboard-text:active {
background-color: #ececec;
background-color: var(--m-color-bg-white-active);
}
.m-keyboard .m-keyboard-num .m-keyboard-del-icon {
width: 1em;
height: 1em;
color: #353535;
color: var(--m-color-default);
}
.m-number-keyboard {
cursor: pointer;
}
.m-number-keyboard .m-number-keyboard-header {
padding: 0 10px 10px 10px;
}
.m-number-keyboard .m-number-keyboard-header .m-number-keyboard-header-input {
width: calc(100% / 3 * 2);
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
border-radius: 4px;
margin-right: 10px;
padding-left: 5px;
position: relative;
}
.m-number-keyboard .m-number-keyboard-header .m-number-keyboard-header-input::before {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-number-keyboard .m-number-keyboard-header .m-number-keyboard-header-input::before {
content: '';
border-radius: 4px;
}
.m-number-keyboard .m-number-keyboard-header .m-number-keyboard-header-input::after {
content: '';
display: block;
width: 1px;
height: 25px;
margin-left: 2px;
-webkit-animation: blink 1s infinite steps(1, start);
animation: blink 1s infinite steps(1, start);
}
.m-number-keyboard .m-number-keyboard-header .m-number-keyboard-header-btn {
width: calc(100% / 3);
height: 40px;
border-radius: 4px;
font-size: 16px;
font-size: var(--m-size-text-16);
}
.m-number-keyboard-msg {
display: -webkit-flex;
display: flex;
width: auto;
min-height: 40px;
-webkit-align-items: center;
align-items: center;
}
@-webkit-keyframes blink {
0% {
background-color: transparent;
}
50% {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
}
100% {
background-color: transparent;
}
}
@keyframes blink {
0% {
background-color: transparent;
}
50% {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
}
100% {
background-color: transparent;
}
}
.m-tabbar {
background-color: white;
background-color: var(--m-color-bg-white);
height: 100%;
z-index: 20;
z-index: var(--m-z-index-tabbar);
position: relative;
}
.m-tabbar::before {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 1;
}
.m-tabbar .m-tabbar-flow-wrapper {
height: 50px;
width: 50px;
border-radius: 50px;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
position: absolute;
top: 0;
right: 50%;
font-size: 22px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
z-index: 20;
z-index: var(--m-z-index-tabbar);
}
.m-tabbar .m-tabbar-nav {
padding: 5px 0;
color: #888;
color: var(--m-color-desc);
line-height: 1;
outline: none;
}
.m-tabbar .m-tabbar-nav:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-tabbar .m-tabbar-nav.active {
color: #1eac52;
color: var(--m-color-primary);
}
.m-tabbar .m-tabbar-nav .m-tabbar-nav-icon {
font-size: 20px;
font-size: var(--m-size-text-20);
position: relative;
text-align: center;
}
.m-tabbar .m-tabbar-nav .m-tabbar-nav-name {
font-size: 10px;
font-size: var(--m-size-text-10);
margin-top: 2px;
line-height: 1;
}
.m-nav:not(.m-nav-horizontal) {
height: 100%;
background: #f6f6f6;
background: var(--m-color-bg-back);
}
.m-nav:not(.m-nav-horizontal) .m-nav-list {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.m-nav:not(.m-nav-horizontal) .m-nav-list::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.m-nav:not(.m-nav-horizontal) .m-nav-list .m-nav-item {
padding: 5px 15px;
min-height: 45px;
cursor: pointer;
line-height: 1.2;
position: relative;
}
.m-nav:not(.m-nav-horizontal) .m-nav-list .m-nav-item::after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-nav:not(.m-nav-horizontal) .m-nav-list .m-nav-item:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-nav:not(.m-nav-horizontal) .m-nav-list .m-nav-item.active {
background: white;
background: var(--m-color-bg-white);
}
.m-nav:not(.m-nav-horizontal) .m-nav-list .m-nav-item.active::before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5em;
width: 4px;
height: 1em;
background: #1eac52;
background: var(--m-color-bg-primary);
}
.m-nav.m-nav-horizontal {
position: relative;
height: 30px;
}
.m-nav.m-nav-horizontal .m-nav-list {
overflow-y: hidden;
overflow-x: auto;
padding: 0 7.5px;
}
.m-nav.m-nav-horizontal .m-nav-list::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.m-nav.m-nav-horizontal .m-nav-list .m-nav-item {
position: relative;
padding: 0 7.5px;
height: 30px;
cursor: pointer;
}
.m-nav.m-nav-horizontal .m-nav-list .m-nav-item:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-nav.m-nav-horizontal .m-nav-list .m-nav-item.active {
color: #1eac52;
color: var(--m-color-primary);
}
.m-nav.m-nav-horizontal .m-nav-list .m-nav-item.active::before {
content: '';
position: absolute;
bottom: 0;
left: 14px;
right: 7.5px;
margin-left: -0.5em;
height: 2px;
background: #1eac52;
background: var(--m-color-bg-primary);
}
.m-scroll {
overflow-y: auto;
overflow-x: hidden;
}
.m-tag {
background: rgba(0, 0, 0, 0.6);
background: var(--m-color-bg-mask);
color: white;
color: var(--m-color-true-white);
font-size: 10px;
line-height: 18px;
border-bottom-right-radius: 18px;
padding-right: 6px;
padding-left: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
left: 0;
top: 0;
max-width: calc(100% - 6px);
}
.m-tag-wrap {
position: relative;
}
.m-tag-wrap.m-tag-wrap-bottom .m-tag {
top: auto;
bottom: 0;
}
.m-tag-wrap.m-tag-wrap-block .m-tag {
width: 100%;
max-width: 100%;
padding: 0;
text-align: center;
}
.m-list {
-webkit-user-select: none;
user-select: none;
background-color: white;
background-color: var(--m-color-bg-white);
}
.m-list .m-list-item {
display: -webkit-flex;
display: flex;
background-color: white;
background-color: var(--m-color-bg-white);
}
.m-list .m-list-item .m-list-item-text {
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1;
-webkit-align-items: center;
align-items: center;
color: #353535;
color: var(--m-color-default);
padding: 10px 5px 10px 5px;
position: relative;
}
.m-list .m-list-item .m-list-item-text::after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-list .m-list-item .m-list-item-text .m-list-item-radio {
position: absolute;
right: 10px;
}
.m-list .m-list-item.active .m-list-item-text {
color: #1eac52;
color: var(--m-color-primary);
}
.m-list .m-list-item.disabled,
.m-list .m-list-item[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-list.m-list-group .m-list-label {
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
color: #353535;
color: var(--m-color-default);
padding: 10px 15px;
}
.m-list.m-list-group .m-list-label.disabled,
.m-list.m-list-group .m-list-label[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-letter {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: absolute;
height: 100%;
top: 0;
right: 0;
bottom: 0;
width: 2em;
}
.m-letter .m-letter-list {
height: 80%;
line-height: 1;
color: #888;
color: var(--m-color-desc);
}
.m-letter .m-letter-item {
position: absolute;
top: 50%;
right: 50vw;
margin: -40px -40px 0 0;
width: 80px;
height: 80px;
font-size: 50px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.6);
background-color: var(--m-color-bg-mask);
color: white;
color: var(--m-color-white);
}
.m-letter-index,
.m-letter-index-multiple {
width: 100%;
height: 100%;
position: relative;
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
-webkit-flex: 1;
flex: 1;
}
.m-letter-index .m-letter-index-list,
.m-letter-index-multiple .m-letter-index-list,
.m-letter-index .m-letter-index-multiple-list,
.m-letter-index-multiple .m-letter-index-multiple-list {
overflow-y: auto;
overflow-x: hidden;
}
.m-letter-index .m-letter-index-list .m-list-item-radio,
.m-letter-index-multiple .m-letter-index-list .m-list-item-radio,
.m-letter-index .m-letter-index-multiple-list .m-list-item-radio,
.m-letter-index-multiple .m-letter-index-multiple-list .m-list-item-radio {
right: 25px !important;
}
.m-letter-index .m-letter-index-content,
.m-letter-index-multiple .m-letter-index-content,
.m-letter-index .m-letter-index-multiple-content,
.m-letter-index-multiple .m-letter-index-multiple-content {
height: 100%;
}
.m-progress .m-progress-bar {
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
width: 100%;
margin-right: -55px;
padding-right: 50px;
}
.m-progress .m-progress-bar .m-progress-bar-outer {
height: 12px;
border-radius: 100px;
overflow: hidden;
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
vertical-align: middle;
position: relative;
}
.m-progress .m-progress-bar .m-progress-bar-outer::before {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-progress .m-progress-bar .m-progress-bar-outer .m-progress-bar-inner {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
font-size: 12px;
text-align: right;
border-radius: 100px;
line-height: 1;
white-space: nowrap;
}
.m-progress .m-progress-bar-text {
font-size: 14px;
color: #353535;
color: var(--m-color-default);
display: inline-block;
vertical-align: middle;
margin-left: 10px;
line-height: 1;
}
.m-coupon-container {
display: inline-block;
width: 100%;
min-height: 110px;
cursor: pointer;
overflow: hidden;
}
.m-coupon-container .m-coupon {
display: -webkit-flex;
display: flex;
position: relative;
background-color: transparent;
}
.m-coupon-container .m-coupon::before {
content: ' ';
position: absolute;
height: 100%;
width: 6px;
left: 0;
top: 0;
background-image: radial-gradient(transparent 0, transparent 4px, #ff6500 5px);
background-image: radial-gradient(transparent 0, transparent 4px, var(--m-color-accent) 5px);
background-size: 12px 12px;
background-position: 6px 2px;
}
.m-coupon-container .m-coupon .m-coupon-left {
min-width: 105px;
color: white;
color: var(--m-color-white);
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
margin-left: 5px;
}
.m-coupon-container .m-coupon .m-coupon-left .m-coupon-left-currency {
width: 10px;
height: 35px;
font-size: 14px;
color: white;
color: var(--m-color-true-white);
}
.m-coupon-container .m-coupon .m-coupon-left .m-coupon-left-discount {
font-size: 35px;
font-weight: bold;
color: white;
color: var(--m-color-true-white);
}
.m-coupon-container .m-coupon .m-coupon-left .m-coupon-left-total {
display: inline-block;
width: 100%;
height: 20px;
text-align: center;
font-size: 12px;
color: white;
color: var(--m-color-true-white);
opacity: 0.8;
}
.m-coupon-container .m-coupon .m-coupon-right {
min-width: 180px;
min-height: 110px;
border-radius: 0 6px 6px 0;
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header {
width: 100%;
padding: 10px 10px 5px 10px;
position: relative;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header.m-coupon-right-header-padding {
padding-right: 25px;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-header-title {
font-weight: bold;
color: black;
color: var(--m-color-black);
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-header-date {
height: auto;
font-size: 12px;
color: #353535;
color: var(--m-color-default);
width: 100%;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-header-btn {
min-width: 70px;
height: 25px;
line-height: 25px;
text-align: center;
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
color: white;
color: var(--m-color-white);
border-radius: 30px;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-expired {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: -5px;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-expired-text {
width: 50px;
height: 50px;
position: absolute;
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
color: #b2b2b2;
color: var(--m-color-coupon-disabled);
font-weight: bold;
top: 0;
right: -5px;
font-size: 12px;
word-break: break-all;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-checked {
position: absolute;
top: 50%;
right: -18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-footer {
width: 100%;
height: 30px;
position: relative;
padding: 0 10px 0 10px;
color: #353535;
color: var(--m-color-default);
font-size: 13px;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-footer::after {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px dashed rgba(0, 0, 0, 0.3);
border-top: 1px dashed var(--m-color-border-dark);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-footer .m-coupon-right-footer-down-up {
width: 1.2em;
height: 1.2em;
}
.m-coupon-container .m-coupon .m-coupon-right .m-coupon-right-footer .m-coupon-right-footer-icon.active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-justify-content: start;
justify-content: start;
}
.m-coupon-container .m-coupon-use-info {
display: block;
padding: 10px;
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
border-radius: 6px;
color: #888;
color: var(--m-color-desc);
margin-top: 2px;
font-size: 13px;
}
.m-coupon-container.disabled {
cursor: not-allowed;
}
.m-coupon-container.disabled .m-coupon::before {
content: ' ';
position: absolute;
height: 100%;
width: 6px;
left: 0;
top: 0;
background-image: radial-gradient(transparent 0, transparent 4px, #b2b2b2 5px);
background-image: radial-gradient(transparent 0, transparent 4px, var(--m-color-bg-coupon-disabled) 5px);
background-size: 12px 12px;
background-position: 6px 2px;
}
.m-coupon-container.disabled .m-coupon .m-coupon-left {
background-color: #b2b2b2;
background-color: var(--m-color-bg-coupon-disabled);
}
.m-coupon-container.disabled .m-coupon .m-coupon-right .m-coupon-right-header .m-coupon-right-header-btn {
background-color: #b2b2b2;
background-color: var(--m-color-bg-coupon-disabled);
}
.m-received-coupon {
display: inline-block;
width: auto;
height: 60px;
}
.m-received-coupon .m-received-coupon-received {
color: #b2b2b2 !important;
color: var(--m-color-coupon-disabled) !important;
}
.m-received-coupon .m-received-coupon-container {
position: relative;
border-radius: 6px;
height: 60px;
background-image: radial-gradient(circle at 9px 8px, transparent 0%, transparent 6px, white 6px, white 100%);
background-image: radial-gradient(circle at 9px 8px, transparent 0%, transparent 6px, var(--m-color-bg-white) 6px, var(--m-color-bg-white) 100%);
background-position: right 42.5px top -8px;
background-size: 100% 60px;
}
.m-received-coupon .m-received-coupon-left {
min-width: 90px;
height: 60px;
padding: 10px 15px;
white-space: nowrap;
}
.m-received-coupon .m-received-coupon-left .m-received-coupon-left-header {
font-size: 18px;
color: #ff6500;
color: var(--m-color-accent);
font-weight: bold;
}
.m-received-coupon .m-received-coupon-left .m-received-coupon-left-header .m-received-coupon-left-currency {
margin-right: 3px;
}
.m-received-coupon .m-received-coupon-left .m-received-coupon-left-header .m-received-coupon-left-info {
font-size: 12px;
font-weight: normal;
color: #888;
color: var(--m-color-desc);
margin-bottom: -2px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.m-received-coupon .m-received-coupon-left .m-received-coupon-left-total {
line-height: 20px;
font-size: 12px;
color: #353535;
color: var(--m-color-default);
}
.m-received-coupon .m-received-coupon-right {
width: 34px;
height: 44px;
margin: 8px 0;
border-left: 1px dashed #ff6500;
border-left: 1px dashed var(--m-color-accent);
}
.m-received-coupon .m-received-coupon-right .m-received-coupon-right-btn {
height: 36px;
width: 18px;
font-size: 11px;
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
text-align: center;
color: white;
color: var(--m-color-white);
border-radius: 18px;
padding: 4px 0;
}
.m-received-coupon .m-received-coupon-right .m-received-coupon-right-btn.m-received-coupon-right-btn-received {
background-color: #b2b2b2;
background-color: var(--m-color-bg-coupon-disabled);
}
.m-coupon-labels .m-coupon-label {
display: inline-block;
background-color: #ffe0cc;
background-color: var(--m-color-bg-accent-light);
color: #ff6500;
color: var(--m-color-accent);
font-size: 12px;
padding: 0 5px;
border-radius: 2px;
}
.m-coupon-labels .m-coupon-label-disabled {
background-color: #b2b2b2;
background-color: var(--m-color-bg-coupon-disabled);
opacity: 0.6;
color: #353535;
color: var(--m-color-default);
}
.m-letter-multiple-list {
height: 100%;
position: relative;
}
.m-letter-multiple-list .m-letter-multiple-list-content {
height: calc(100% - 45px);
}
.m-letter-multiple-list .m-letter-multiple-list-bottom {
background-color: white;
background-color: var(--m-color-bg-white);
height: 45px;
color: #353535;
color: var(--m-color-default);
z-index: 2001;
position: relative;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom::before {
content: ' ';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid var(--m-color-border);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
z-index: 1;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-content {
width: calc(100% - 100px);
height: 100%;
position: absolute;
padding: 0 15px;
font-size: 16px;
bottom: 0;
z-index: 1;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-content .m-letter-multiple-list-bottom-badge {
position: absolute;
top: 0;
left: 55px;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-content .m-letter-multiple-list-bottom-icon {
width: 45px;
height: 45px;
line-height: 50px;
vertical-align: middle;
text-align: center;
font-size: 22px;
border-radius: 50%;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
margin-top: -15px;
margin-right: 20px;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-content .m-letter-multiple-list-bottom-icon:active {
background: #16813d;
background: var(--m-color-bg-primary-active);
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-btn {
width: 100px;
height: 100%;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
color: white;
color: var(--m-color-white);
font-size: 16px;
position: absolute;
right: 0;
z-index: 2001;
}
.m-letter-multiple-list .m-letter-multiple-list-bottom .m-letter-multiple-list-bottom-btn:active {
background: #16813d;
background: var(--m-color-bg-primary-active);
}
.m-letter-multiple-list .m-letter-multiple-list-bottom.disabled,
.m-letter-multiple-list .m-letter-multiple-list-bottom[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.m-letter-multiple-list .m-selected-list {
width: 100%;
height: calc(100% - 45px);
position: absolute;
bottom: 45px;
top: 0;
z-index: 2000;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content {
width: 100%;
position: absolute;
bottom: 0;
max-height: 70%;
border-radius: 10px 10px 0 0;
background-color: white;
background-color: var(--m-color-bg-white);
z-index: 2001;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-title {
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
position: relative;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-title::before {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-item {
padding: 10px 15px;
font-size: 16px;
color: #353535;
color: var(--m-color-default);
position: relative;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-item::before {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: 1;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-icon {
width: 45px;
height: 45px;
font-size: 20px;
position: absolute;
right: 2px;
top: 0;
}
.m-letter-multiple-list .m-selected-list .m-selected-list-content .m-selected-list-content-icon:active {
background: #ececec !important;
background: var(--m-color-bg-white-active) !important;
}
.m-tab-date-select .m-tab-date-select-calendar {
height: 400px;
}
.m-preview-image {
z-index: 4000;
z-index: var(--m-z-index-previewImage);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
background: var(--m-color-bg-black);
}
.m-preview-image .m-preview-image-counter {
position: absolute;
top: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #b2b2b2;
color: var(--m-color-placeholder);
}
.m-preview-image .m-preview-image-inner {
width: 100%;
}
.m-preview-image .m-preview-image-inner img {
max-width: 100%;
max-height: calc(100vh - 150px);
}
.m-swiper-category.swiper-container .swiper-pagination {
position: static;
position: initial;
bottom: auto;
left: auto;
height: 12px;
line-height: 4px;
}
.m-swiper-category.swiper-container .swiper-pagination .swiper-pagination-bullet {
height: 4px;
width: 4px;
border-radius: 4px;
line-height: 4px;
}
.m-swiper-category.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #1eac52;
background: var(--m-color-bg-primary);
}
.m-swiper-img.swiper-container .m-swiper-img-img {
width: 100%;
display: block;
}
.m-swiper-img.swiper-container .swiper-pagination {
text-align: center;
right: 0;
width: auto;
}
.m-swiper-img.swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 6px;
height: 4px;
border-radius: 4px;
background: white;
background: var(--m-color-bg-white);
opacity: 0.5;
}
.m-swiper-img.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 16px;
}
.c-g-location-map {
width: 100%;
height: 95%;
position: relative;
}
.c-g-location-map-input-wrap {
width: 100%;
height: 30px;
position: relative;
}
.c-g-location-map-input {
width: 100%;
height: 100%;
padding: 0 10px;
box-sizing: border-box;
outline: none;
border: 1px solid #eeeeee;
}
.c-g-location-map-input.c-g-location-map-input-focus {
border: 1px solid #2c9feb;
}
.c-g-location-map-icon {
font-size: 14px;
color: #999;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-g-location-map-gmap {
width: 100%;
height: calc(100% - 30px);
}
.c-g-location-map-result {
width: 100%;
max-height: 40%;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 30px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
z-index: 940;
background: #fff;
overflow-y: auto;
line-height: 14px;
}
.c-g-location-map-result-item {
padding: 10px;
}
.c-g-location-map-result-item:hover {
cursor: pointer;
background: #f5f5f5;
}
.c-g-location-map-mask {
position: absolute;
height: calc(100% - 30px);
width: 100%;
left: 0;
top: 30px;
background: rgba(255, 255, 255, 0.6);
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.c-g-location-map-mask:hover {
cursor: pointer;
}
.c-g-location-map-mask .c-g-location-map-mask-tip {
font-size: 1.4em;
color: #2c9feb;
}
.c-g-location-map-confirm {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin: 10px;
}
.c-g-location-map-confirm .c-g-location-map-button {
width: 17%;
height: 30px;
color: white;
background-color: #56a3f2;
padding: 0 10px;
border: none;
}
.c-g-location-map-confirm .c-g-location-map-button:hover {
background-color: #2789ee;
}
.c-g-location-map-confirm .c-g-location-map-button-disabled {
background-color: #b2d5ff;
}
.c-g-location-map-confirm .c-g-location-map-button-disabled:hover {
background-color: #b2d5ff;
}
@media (min-width: 630px) {
html {
background: #eceff1;
}
body {
width: 630px;
margin: auto;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
position: relative;
}
.m-page {
width: 630px;
}
}
:root {
--b-size-cart-bottom-height: 46px;
--b-size-tip-bottom-height: 25px;
--b-size-media-switch-height: 320px;
}
.b-width-100 {
width: 100%;
}
.b-height-100 {
height: 100%;
}
.b-text-nowrap {
white-space: nowrap;
}
.b-text-30 {
font-size: 30px;
}
.b-shadow {
box-shadow: 0 8px 6px -10px rgba(0, 0, 0, 0.2);
}
.m-radius-5 {
border-radius: 5px;
}
.b-popup-bottom-content {
z-index: 2000;
z-index: var(--m-z-index-popup);
}
.b-pay-popup .b-pay-popup-box-disable {
pointer-events: none;
opacity: 0.4;
}
.b-pay-popup .b-pay-popup-item {
position: relative;
}
.b-pay-popup .b-pay-popup-item .b-pay-popup-img {
width: 60px;
height: 60px;
}
.b-pay-popup .b-pay-popup-item::after {
content: ' ';
position: absolute;
left: 15px;
right: 0;
bottom: 0;
height: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--m-color-border);
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.b-order-dialog-child {
max-height: 300px;
overflow-y: scroll;
}
.m-box-sizing {
box-sizing: border-box;
}
.b-order-photo-sign {
font-weight: normal;
color: #1eac52;
color: var(--m-color-primary);
}
.technical-support {
font-size: 14px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
color: #c1c1c1;
padding: 20px 0;
}
.technical-support span {
display: block;
margin: 0 6px;
}
.technical-support::before,
.technical-support::after {
content: '';
width: 20px;
height: 1px;
background: #c1c1c1;
}
.m-popup-container-order .m-popup-content {
height: calc(100% - 40px) !important;
}
.text-wrap {
word-wrap: break-word;
word-break: break-all;
}
.m-toast-content {
white-space: pre-wrap;
word-break: break-all;
}
.w-screen {
width: 100vw;
}
.h-screen {
height: 100vh;
}
.gm-overflow-scrolling {
-webkit-overflow-scrolling: touch;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.app-hide-tag .m-tag {
display: none;
opacity: 0;
}
.b-register .b-register-box {
margin-top: 70px;
padding: 0 44px;
width: 100%;
}
.b-register .b-register-btn {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
padding-left: 30px;
margin-bottom: 30px;
height: 100px;
border-radius: 10px;
font-size: 20px;
background-color: #fff;
border: none;
box-shadow: 0 0 10px rgba(99, 99, 99, 0.2);
}
.b-register .b-register-btn:hover,
.b-register .b-register-btn:active {
background-color: #f6f6f6;
background-color: var(--m-color-bg-back);
}
.b-register .b-register-btn .b-register-btn-icon {
position: absolute;
width: 60px;
height: 60px;
}
.b-register .b-register-btn .b-register-btn-bg {
width: 60px;
height: 60px;
margin-right: 30px;
opacity: 0.3;
}
.b-home .b-home-search {
top: 0;
left: 0;
right: 0;
z-index: 20;
padding-right: 15px;
}
.b-home-category-wrap.b-home-category-size-small .b-home-iconbox {
height: 40px;
width: 40px;
}
.b-home-category-wrap.b-home-category-size-middle .b-home-iconbox {
height: 45px;
width: 45px;
}
.b-home-category-wrap.b-home-category-size-big .b-home-iconbox {
height: 50px;
width: 50px;
}
.b-home-category-wrap .b-home-category-item .b-home-icontext {
font-size: 10px;
line-height: 1;
margin-top: 5px;
}
.b-home-category-wrap .b-home-category-item .b-home-icontext-size-small {
font-size: 11px;
}
.b-home-category-wrap .b-home-category-item .b-home-icontext-size-middle {
font-size: 12px;
}
.b-home-category-wrap .b-home-category-item .b-home-icontext-size-big {
font-size: 13px;
}
.b-home-category-wrap .b-home-category-item .b-home-iconbox {
display: block;
background-size: 100%;
background-repeat: no-repeat;
}
.b-home-category-wrap .b-home-category-item .b-home-iconbox.b-icon-favorite {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABVCAYAAADXN8NkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDEzRUZCRDgzQzRBMTFFNkI3OEFDMDdCNDU1M0EwODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDEzRUZCRDczQzRBMTFFNkI3OEFDMDdCNDU1M0EwODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjU2QTcwNEYzQzNDMTFFNkIzNEJGNDhDNkVBREU4QTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjU2QTcwNTAzQzNDMTFFNkIzNEJGNDhDNkVBREU4QTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wNfifAAAH7klEQVR42uyd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);
}
.b-home-category-wrap .b-home-category-item .b-home-iconbox.b-icon-tableware {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABVCAYAAADXN8NkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkYxQUIzQTYwQTJGMTFFNzgxRTNBNjc0OUU4RUQ5RTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkYxQUIzQTUwQTJGMTFFNzgxRTNBNjc0OUU4RUQ5RTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNGRUM2MDQzQzVDMTFFNkFGQjNEQjg2ODcxQzREMUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNGRUM2MDUzQzVDMTFFNkFGQjNEQjg2ODcxQzREMUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hHBEcAAAH10lEQVR42uyd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);
}
.b-home-category-wrap .b-home-category-item .b-home-iconbox.b-icon-discount {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABVCAYAAADXN8NkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdENTg3NUIzQ0Q4MTFFNjk4ODVBQUZFMjAwREIyMzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdENTg3NUEzQ0Q4MTFFNjk4ODVBQUZFMjAwREIyMzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQ4QTAzRTEzQzVCMTFFNjhCODNBQzQwMkZBRERCRTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ4QTAzRTIzQzVCMTFFNjhCODNBQzQwMkZBRERCRTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4bppJXAAANLklEQVR42uyd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);
}
.b-home-ad-imgs-wrap a,
.b-home-ad-imgs-wrap p {
-webkit-flex: 1 1;
flex: 1 1;
}
.b-home-ad-imgs-wrap img {
width: 100%;
display: block;
}
.m-preview-image {
z-index: 9999;
}
.photo-container {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.photo-container .photo {
margin-right: 10px;
width: 48px;
height: 48px;
object-fit: cover;
}
.b-my .b-my-header {
width: 2000px;
height: 2000px;
border-radius: 100%;
position: absolute;
left: 50%;
margin-left: -1000px;
top: -1790px;
opacity: 0.85;
}
.b-my .b-my-picture {
height: 60px;
width: 60px;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
border-radius: 100%;
}
.b-my .b-my-picture::after {
border-radius: 100%;
}
.b-my .b-my-loginout-icon {
height: 28px;
width: 16px;
}
.b-my .b-invitation-bg {
width: 100%;
height: 80px;
border-radius: 10px;
overflow: hidden;
background: url(//js.guanmai.cn/v2/static/bshopv2/media/image/invitation-bg.e2f36dd2.png) no-repeat center center / 100% 100%;
}
.b-my-btn-height {
height: 40px;
height: var(--m-size-form-height);
}
.b-my-box-shadow {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.b-my-password .weui-cell__hd {
width: 6em;
}
.b-my-blance-header {
background-color: #253255;
border-radius: 10px;
height: 150px;
}
.b-my-blance-header .b-my-blance-money {
padding-top: 40px;
}
.b-my-blance-border-color {
border: 1px solid #1eac52 !important;
border: 1px solid var(--m-color-primary) !important;
}
.b-my-font-weight-300 {
font-weight: 300;
}
.b-my-font-weight-400 {
font-weight: 400;
}
.b-border-2-left {
border-left: 1px solid #666 !important;
}
.b-margin-top-25 {
margin-top: 25px;
}
.m-bg-primary {
background: #005e26 !important;
}
.b-product-image-box {
border-radius: 4px;
border: 1px solid #f0f0f0;
}
.b-active-color {
color: #e28855;
}
.b-cart-icon-wrap {
z-index: 1;
top: -6px;
left: 6px;
position: absolute;
border-radius: 44px;
height: 44px;
width: 44px;
}
.b-product-bottom-cart {
z-index: 20;
height: 46px;
height: var(--b-size-cart-bottom-height);
background-color: white;
background-color: var(--m-color-bg-white);
}
.b-product-bottom-cart .b-cart-icon-mat {
background-color: white;
background-color: var(--m-color-bg-white);
z-index: 1;
top: -6px;
left: 6px;
position: absolute;
border-radius: 44px;
height: 44px;
width: 44px;
}
.b-product-bottom-cart .b-cart-icon {
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
z-index: 1;
top: -6px;
left: 6px;
position: absolute;
border-radius: 44px;
height: 44px;
width: 44px;
}
.b-product-bottom-cart .b-cart-dot {
position: absolute;
z-index: 1;
top: -10px;
right: 4px;
}
.b-product-bottom-cart .b-cart-button {
min-width: 100px;
width: 100px;
height: 44px;
background-color: #1eac52;
background-color: var(--m-color-bg-primary);
}
.b-product-bottom-cart .b-cart-button .non-count {
background-color: #424242;
}
.b-cart-product-wrap .page-tabbar {
height: auto;
}
.b-cart-product-wrap .b-cart-product-order-box {
width: 100%;
}
.b-cart-product-wrap .b-cart-product-order-box .b-cart-product-order-box-loading {
width: 100%;
height: 40px;
border-radius: 8px;
}
.b-cart-product-wrap .b-cart-product-order-box .m-border-1px-top-before::before {
left: 16px;
}
.b-cart-product-wrap .b-cart-product-order-box:last-child {
margin-bottom: 0 !important;
}
.b-cart-product-typelabel {
display: inline-block;
color: #ff6500;
color: var(--m-color-accent);
border: 1px solid #ff6500;
border: 1px solid var(--m-color-accent);
background-color: #ffe4d2;
line-height: 16px;
padding: 3px 4px;
border-radius: 4px;
}
.b-coupon-header {
background: url(data:image/png;base64,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) no-repeat center center / 100% 100%;
}
.b-coupon-list .b-coupon-item-box {
width: 100%;
}
.b-coupon-list .b-coupon-item-box.b-coupon-mini {
width: 33.3%;
padding: 0 2px;
box-sizing: border-box;
}
.b-coupon-list .b-coupon-item-box.b-coupon-mini .b-coupon-item {
background-image: url(data:image/png;base64,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);
}
.b-coupon-list .b-coupon-item-box.b-coupon-mini .b-coupon-item.b-primary {
background-image: url(//js.guanmai.cn/v2/static/bshopv2/media/image/coupon-bg1.650bded6.png);
}
.b-coupon-list .b-coupon-item {
background-image: url(//js.guanmai.cn/v2/static/bshopv2/media/image/coupon-bg1.650bded6.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100%;
width: 100%;
color: #6c6c6c;
}
.b-coupon-list .b-coupon-item.b-primary {
background-image: url(//js.guanmai.cn/v2/static/bshopv2/media/image/coupon-bg2.64c00f5e.png);
color: #595a57;
}
.b-coupon-list .b-coupon-item.b-primary-solid {
background-image: url(//js.guanmai.cn/v2/static/bshopv2/media/image/coupon-bg2.64c00f5e.png);
color: #595a57;
}
.b-coupon-list .b-coupon-item.b-default-solid {
background-image: url(//js.guanmai.cn/v2/static/bshopv2/media/image/coupon-bg1.650bded6.png);
}
.b-coupon-list .b-coupon-item.b-coupon-disable .text-primary {
color: inherit !important;
}
.b-coupon-list .b-coupon-item.b-coupon-disable .price-red {
color: #6c6c6c;
}
.b-coupon-list .b-coupon-item.b-coupon-disable .price-red-solid {
color: #6c6c6c;
}
.b-coupon-list .b-coupon-item .price-center {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: -15px;
margin-top: -12px;
}
.b-coupon-list .b-coupon-item .price-center .price-mark {
font-size: 12px;
position: relative;
top: -10px;
}
.b-coupon-list .b-coupon-item .price-center .price-text {
font-size: 42px;
}
.b-coupon-list .b-coupon-item .b-pay-action {
padding: 4px 0;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: relative;
right: 14px;
}
.b-coupon-list .b-coupon-item .b-pay-action.b-coupon-item-default button {
background-color: #b9b8b8;
}
.b-coupon-list .b-coupon-item .b-pay-action .text-18 {
line-height: 1.3;
}
.b-coupon-list .b-coupon-item .b-pay-action .b-remain-day {
padding-top: 18px;
line-height: 1.2;
}
.b-coupon-list .b-coupon-item .b-pay-action .coupon-button {
border-radius: 20px;
background-color: #fe505a;
height: 25px;
border: none;
width: 76px;
}
.b-coupon-list .b-coupon-item .b-coupon-selected {
position: absolute;
right: 0;
top: 0;
}
.b-coupon-list .b-coupon-item .b-coupon-selected img {
width: 3rem;
height: 3rem;
}
.b-coupon-list .b-coupon-item img {
width: 5rem;
height: auto;
}
.b-coupon-list .audience-just {
padding-top: 20px !important;
}
.b-new-user-popup .popup-content {
background: transparent !important;
width: 100%;
height: 100% !important;
}
.b-new-user-popup .popup-content .b-new-user-popup-header,
.b-new-user-popup .popup-content .b-new-user-popup-footer {
z-index: 1;
}
.b-new-user-popup .popup-content .b-new-user-popup-header img,
.b-new-user-popup .popup-content .b-new-user-popup-footer img {
width: 100%;
height: auto;
}
.b-new-user-popup .popup-content .b-new-user-popup-body {
padding: 40px 16px 50px 16px;
min-height: 70px;
max-height: 351px;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
border-radius: 3px;
background: #ffbf34;
}
.b-new-user-popup .popup-content .b-new-user-popup-body .b-coupon-item-box {
z-index: 2;
}
.b-new-user-popup .popup-content .b-new-user-popup-body,
.b-new-user-popup .popup-content .b-new-user-popup-footer {
margin-top: -60px;
}
.b-new-user-popup .popup-content .b-new-user-popup-action {
margin-top: -10px;
z-index: 1;
}
.b-new-user-popup .popup-content .b-new-user-popup-action .b-new-user-popup-close {
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 auto;
border-radius: 100%;
}
.b-sale-invoicing-header .m-fake-search-inner {
background-color: white;
background-color: var(--m-color-bg-white);
}
.b-sale-invoicing-header .m-search-input .m-input {
background-color: white;
background-color: var(--m-color-bg-white);
}
.b-sale-invoicing-tip {
background-color: #ffe0cc;
background-color: var(--m-color-bg-accent-light);
}
.b-sale-invoicing-bottom-radio {
opacity: 0.8;
}
.b-sale-invoicing-bottom-radio.m-checkbox .m-checkbox-input + .m-checkbox-span {
border: 1px solid white;
}
.b-sale-invoicing-bottom-radio.m-checkbox .m-checkbox-input:checked + .m-checkbox-span {
border: 1px solid transparent;
background-color: #ff6500;
background-color: var(--m-color-bg-accent);
}
.b-bg-primary {
background: #1eac52;
background: var(--m-color-bg-primary);
}
.b-bg-ccc {
background: #ccc;
}
.sticky-block {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1;
}
.b-btn-active {
background-color: #1eac52 !important;
background-color: var(--m-color-bg-primary) !important;
color: #fff !important;
}
.align-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
input.sale_invoicing-input::-webkit-input-placeholder {
color: #ccc;
font-size: 12px;
}
.bold-border-bottom {
border-bottom: 1px solid #e2e2e2;
}
.filter-active {
color: #1eac52;
color: var(--m-color-primary);
}
.deletable-item-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background: rgba(240, 41, 41, 0.9);
}
.b-live {
position: absolute;
bottom: 44px;
left: 0;
z-index: 1;
width: 100px;
height: 100px;
}
.b-live .b-live-img {
max-width: 100%;
}
.b-other-login {
color: #b2b2b2;
color: var(--m-color-placeholder);
font-size: 14px;
margin: 0 15px 15px;
text-align: center;
}
.b-other-login .b-other-login-icon-box {
margin: 0 10px;
padding: 0;
}
.b-other-login .b-other-login-icon-box svg {
width: 60px;
height: 60px;
}
.b-daily-header {
position: relative;
z-index: 5;
padding: 10px 0;
background-color: white;
font-size: 16px;
color: black;
color: var(--m-color-black);
}
.b-daily-header .b-daily-header-title-active {
color: #1eac52;
color: var(--m-color-primary);
}
.b-daily-header .b-daily-header-title {
text-align: center;
position: relative;
}
.b-daily-header .b-daily-header-title:not(:first-child)::before {
content: '1';
color: transparent;
position: absolute;
width: 1px;
height: 12px;
left: 0;
top: 6px;
background-color: black;
background-color: var(--m-color-bg-black);
}
.b-base-counter .b-base-counter-btn {
padding: 0;
width: 25px;
height: 25px;
}
.b-base-counter .b-base-counter-btn-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.b-base-counter .b-base-counter-number {
font-size: 16px;
width: 16px;
height: 16px;
outline: none;
border: none;
-webkit-appearance: none;
border-radius: 0;
}
.b-base-counter-active {
padding: 0;
border-radius: 20px;
}
.b-base-counter-active .b-base-counter-btn {
padding: 4.5px 7px;
width: 15px;
height: 15px;
}
.b-counter-large {
min-width: 150px !important;
}
.b-delivery-batch-blue {
color: #1890ff;
}
.b-delivery-batch-red {
color: #f5222d;
}
.b-text-green {
color: #1eac52;
}
/** 由于Android某些机型系统没有维语字体,所以要特殊引入字体文件 */
@font-face {
font-family: 'alkatip tor';
src: url('https://jsfile.guanmai.cn/build/file/font/alkatip_tor.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'UKIJ Esliye';
src: url('https://jsfile.guanmai.cn/v2/static/file/font/ukijes.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0600-06FF;
}
body {
font-family: -apple-system-font, Helvetica Neue, Helvetica, 'UKIJ Esliye', 'alkatip tor', sans-serif;
}
.b-popup-bottom-cart-height {
bottom: 46px;
bottom: var(--b-size-cart-bottom-height);
}
.b-popup-bottom-cart-tip-height {
bottom: calc(46px + 25px);
bottom: calc(var(--b-size-cart-bottom-height) + var(--b-size-tip-bottom-height));
}
.b-popup-bottom-cart-tabbar-height {
bottom: calc(46px + 49px);
bottom: calc(var(--b-size-cart-bottom-height) + var(--m-size-tabbar-height));
}
.b-popup-bottom-cart-tip-tabbar-height {
bottom: calc(46px + 25px + 49px);
bottom: calc(var(--b-size-cart-bottom-height) + var(--b-size-tip-bottom-height) + var(--m-size-tabbar-height));
}