/**
* Framework7 5.7.14
* Full featured mobile HTML framework for building iOS & Android apps
* https://framework7.io/
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 9, 2020
*/
/*====================
Core
==================== */
:root {
--f7-theme-color: #007aff;
--f7-theme-color-rgb: 0, 122, 255;
--f7-theme-color-shade: #0066d6;
--f7-theme-color-tint: #298fff;
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
--f7-safe-area-top: 0px;
--f7-safe-area-bottom: 0px;
--f7-safe-area-outer-left: 0px;
--f7-safe-area-outer-right: 0px;
--f7-device-pixel-ratio: 1;
}
@supports (left: env(safe-area-inset-left)) {
:root {
--f7-safe-area-top: env(safe-area-inset-top);
--f7-safe-area-bottom: env(safe-area-inset-bottom);
}
:root .ios-left-edge,
:root .ios-edges,
:root .safe-area-left,
:root .safe-areas,
:root .popup,
:root .sheet-modal,
:root .panel-left {
--f7-safe-area-left: env(safe-area-inset-left);
--f7-safe-area-outer-left: env(safe-area-inset-left);
}
:root .ios-right-edge,
:root .ios-edges,
:root .safe-area-right,
:root .safe-areas,
:root .popup,
:root .sheet-modal,
:root .panel-right {
--f7-safe-area-right: env(safe-area-inset-right);
--f7-safe-area-outer-right: env(safe-area-inset-right);
}
:root .no-safe-areas,
:root .no-safe-area-left,
:root .no-ios-edges,
:root .no-ios-left-edge {
--f7-safe-area-left: 0px;
--f7-safe-area-outer-left: 0px;
}
:root .no-safe-areas,
:root .no-safe-area-right,
:root .no-ios-edges,
:root .no-ios-right-edge {
--f7-safe-area-right: 0px;
--f7-safe-area-outer-right: 0px;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
:root {
--f7-device-pixel-ratio: 2;
}
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
:root {
--f7-device-pixel-ratio: 3;
}
}
/*====================
Fonts & Bars
==================== */
:root {
--f7-font-size: 14px;
/*
--f7-bars-link-color: var(--f7-theme-color);
*/
--f7-bars-bg-image: none;
--f7-bars-translucent-opacity: 0.8;
--f7-bars-translucent-blur: 20px;
--f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
--f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
--f7-bars-text-color: #000;
--f7-bars-bg-color: #f7f7f8;
--f7-bars-bg-color-rgb: 247, 247, 248;
}
:root .theme-dark,
:root.theme-dark {
--f7-bars-text-color: #fff;
}
.ios {
--f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Helvetica, Arial, sans-serif;
--f7-line-height: 1.4;
--f7-text-color: #000;
--f7-bars-border-color: rgba(0, 0, 0, 0.25);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-text-color: #fff;
--f7-bars-bg-color: #121212;
--f7-bars-bg-color-rgb: 22, 22, 22;
--f7-bars-border-color: rgba(255, 255, 255, 0.16);
}
.md {
--f7-font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Noto, Helvetica, Arial, sans-serif;
--f7-line-height: 1.5;
--f7-bars-border-color: transparent;
--f7-text-color: #212121;
}
.md .theme-dark,
.md.theme-dark {
--f7-text-color: rgba(255, 255, 255, 0.87);
--f7-bars-bg-color: #202020;
}
.aurora {
--f7-font-family: -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica, Arial, sans-serif;
--f7-line-height: 1.5;
--f7-text-color: #000;
--f7-bars-border-color: rgba(0, 0, 0, 0.2);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-text-color: #fff;
--f7-bars-bg-color: #202020;
--f7-bars-border-color: rgba(255, 255, 255, 0.1);
}
/*====================
Color Themes
==================== */
.text-color-primary {
--f7-theme-color-text-color: var(--f7-theme-color);
}
.bg-color-primary {
--f7-theme-color-bg-color: var(--f7-theme-color);
}
.border-color-primary {
--f7-theme-color-border-color: var(--f7-theme-color);
}
.ripple-color-primary {
--f7-theme-color-ripple-color: rgba(var(--f7-theme-color-rgb), 0.3);
}
:root {
--f7-color-red: #ff3b30;
--f7-color-red-rgb: 255, 59, 48;
--f7-color-red-shade: #ff1407;
--f7-color-red-tint: #ff6259;
--f7-color-green: #4cd964;
--f7-color-green-rgb: 76, 217, 100;
--f7-color-green-shade: #2cd048;
--f7-color-green-tint: #6ee081;
--f7-color-blue: #2196f3;
--f7-color-blue-rgb: 33, 150, 243;
--f7-color-blue-shade: #0c82df;
--f7-color-blue-tint: #48a8f5;
--f7-color-pink: #ff2d55;
--f7-color-pink-rgb: 255, 45, 85;
--f7-color-pink-shade: #ff0434;
--f7-color-pink-tint: #ff5676;
--f7-color-yellow: #ffcc00;
--f7-color-yellow-rgb: 255, 204, 0;
--f7-color-yellow-shade: #d6ab00;
--f7-color-yellow-tint: #ffd429;
--f7-color-orange: #ff9500;
--f7-color-orange-rgb: 255, 149, 0;
--f7-color-orange-shade: #d67d00;
--f7-color-orange-tint: #ffa629;
--f7-color-purple: #9c27b0;
--f7-color-purple-rgb: 156, 39, 176;
--f7-color-purple-shade: #7e208f;
--f7-color-purple-tint: #b92fd1;
--f7-color-deeppurple: #673ab7;
--f7-color-deeppurple-rgb: 103, 58, 183;
--f7-color-deeppurple-shade: #563098;
--f7-color-deeppurple-tint: #7c52c8;
--f7-color-lightblue: #5ac8fa;
--f7-color-lightblue-rgb: 90, 200, 250;
--f7-color-lightblue-shade: #32bbf9;
--f7-color-lightblue-tint: #82d5fb;
--f7-color-teal: #009688;
--f7-color-teal-rgb: 0, 150, 136;
--f7-color-teal-shade: #006d63;
--f7-color-teal-tint: #00bfad;
--f7-color-lime: #cddc39;
--f7-color-lime-rgb: 205, 220, 57;
--f7-color-lime-shade: #bac923;
--f7-color-lime-tint: #d6e25c;
--f7-color-deeporange: #ff6b22;
--f7-color-deeporange-rgb: 255, 107, 34;
--f7-color-deeporange-shade: #f85200;
--f7-color-deeporange-tint: #ff864b;
--f7-color-gray: #8e8e93;
--f7-color-gray-rgb: 142, 142, 147;
--f7-color-gray-shade: #79797f;
--f7-color-gray-tint: #a3a3a7;
--f7-color-white: #ffffff;
--f7-color-white-rgb: 255, 255, 255;
--f7-color-white-shade: #ebebeb;
--f7-color-white-tint: #ffffff;
--f7-color-black: #000000;
--f7-color-black-rgb: 0, 0, 0;
--f7-color-black-shade: #000000;
--f7-color-black-tint: #141414;
}
.color-theme-red {
--f7-theme-color: #ff3b30;
--f7-theme-color-rgb: 255, 59, 48;
--f7-theme-color-shade: #ff1407;
--f7-theme-color-tint: #ff6259;
}
.color-theme-green {
--f7-theme-color: #4cd964;
--f7-theme-color-rgb: 76, 217, 100;
--f7-theme-color-shade: #2cd048;
--f7-theme-color-tint: #6ee081;
}
.color-theme-blue {
--f7-theme-color: #2196f3;
--f7-theme-color-rgb: 33, 150, 243;
--f7-theme-color-shade: #0c82df;
--f7-theme-color-tint: #48a8f5;
}
.color-theme-pink {
--f7-theme-color: #ff2d55;
--f7-theme-color-rgb: 255, 45, 85;
--f7-theme-color-shade: #ff0434;
--f7-theme-color-tint: #ff5676;
}
.color-theme-yellow {
--f7-theme-color: #ffcc00;
--f7-theme-color-rgb: 255, 204, 0;
--f7-theme-color-shade: #d6ab00;
--f7-theme-color-tint: #ffd429;
}
.color-theme-orange {
--f7-theme-color: #ff9500;
--f7-theme-color-rgb: 255, 149, 0;
--f7-theme-color-shade: #d67d00;
--f7-theme-color-tint: #ffa629;
}
.color-theme-purple {
--f7-theme-color: #9c27b0;
--f7-theme-color-rgb: 156, 39, 176;
--f7-theme-color-shade: #7e208f;
--f7-theme-color-tint: #b92fd1;
}
.color-theme-deeppurple {
--f7-theme-color: #673ab7;
--f7-theme-color-rgb: 103, 58, 183;
--f7-theme-color-shade: #563098;
--f7-theme-color-tint: #7c52c8;
}
.color-theme-lightblue {
--f7-theme-color: #5ac8fa;
--f7-theme-color-rgb: 90, 200, 250;
--f7-theme-color-shade: #32bbf9;
--f7-theme-color-tint: #82d5fb;
}
.color-theme-teal {
--f7-theme-color: #009688;
--f7-theme-color-rgb: 0, 150, 136;
--f7-theme-color-shade: #006d63;
--f7-theme-color-tint: #00bfad;
}
.color-theme-lime {
--f7-theme-color: #cddc39;
--f7-theme-color-rgb: 205, 220, 57;
--f7-theme-color-shade: #bac923;
--f7-theme-color-tint: #d6e25c;
}
.color-theme-deeporange {
--f7-theme-color: #ff6b22;
--f7-theme-color-rgb: 255, 107, 34;
--f7-theme-color-shade: #f85200;
--f7-theme-color-tint: #ff864b;
}
.color-theme-gray {
--f7-theme-color: #8e8e93;
--f7-theme-color-rgb: 142, 142, 147;
--f7-theme-color-shade: #79797f;
--f7-theme-color-tint: #a3a3a7;
}
.color-theme-white {
--f7-theme-color: #ffffff;
--f7-theme-color-rgb: 255, 255, 255;
--f7-theme-color-shade: #ebebeb;
--f7-theme-color-tint: #ffffff;
}
.color-theme-black {
--f7-theme-color: #000000;
--f7-theme-color-rgb: 0, 0, 0;
--f7-theme-color-shade: #000000;
--f7-theme-color-tint: #141414;
}
.color-red {
--f7-theme-color: #ff3b30;
--f7-theme-color-rgb: 255, 59, 48;
--f7-theme-color-shade: #ff1407;
--f7-theme-color-tint: #ff6259;
}
.text-color-red {
--f7-theme-color-text-color: #ff3b30;
}
.bg-color-red {
--f7-theme-color-bg-color: #ff3b30;
}
.border-color-red {
--f7-theme-color-border-color: #ff3b30;
}
.ripple-color-red,
.ripple-red {
--f7-theme-color-ripple-color: rgba(255, 59, 48, 0.3);
}
.color-green {
--f7-theme-color: #4cd964;
--f7-theme-color-rgb: 76, 217, 100;
--f7-theme-color-shade: #2cd048;
--f7-theme-color-tint: #6ee081;
}
.text-color-green {
--f7-theme-color-text-color: #4cd964;
}
.bg-color-green {
--f7-theme-color-bg-color: #4cd964;
}
.border-color-green {
--f7-theme-color-border-color: #4cd964;
}
.ripple-color-green,
.ripple-green {
--f7-theme-color-ripple-color: rgba(76, 217, 100, 0.3);
}
.color-blue {
--f7-theme-color: #2196f3;
--f7-theme-color-rgb: 33, 150, 243;
--f7-theme-color-shade: #0c82df;
--f7-theme-color-tint: #48a8f5;
}
.text-color-blue {
--f7-theme-color-text-color: #2196f3;
}
.bg-color-blue {
--f7-theme-color-bg-color: #2196f3;
}
.border-color-blue {
--f7-theme-color-border-color: #2196f3;
}
.ripple-color-blue,
.ripple-blue {
--f7-theme-color-ripple-color: rgba(33, 150, 243, 0.3);
}
.color-pink {
--f7-theme-color: #ff2d55;
--f7-theme-color-rgb: 255, 45, 85;
--f7-theme-color-shade: #ff0434;
--f7-theme-color-tint: #ff5676;
}
.text-color-pink {
--f7-theme-color-text-color: #ff2d55;
}
.bg-color-pink {
--f7-theme-color-bg-color: #ff2d55;
}
.border-color-pink {
--f7-theme-color-border-color: #ff2d55;
}
.ripple-color-pink,
.ripple-pink {
--f7-theme-color-ripple-color: rgba(255, 45, 85, 0.3);
}
.color-yellow {
--f7-theme-color: #ffcc00;
--f7-theme-color-rgb: 255, 204, 0;
--f7-theme-color-shade: #d6ab00;
--f7-theme-color-tint: #ffd429;
}
.text-color-yellow {
--f7-theme-color-text-color: #ffcc00;
}
.bg-color-yellow {
--f7-theme-color-bg-color: #ffcc00;
}
.border-color-yellow {
--f7-theme-color-border-color: #ffcc00;
}
.ripple-color-yellow,
.ripple-yellow {
--f7-theme-color-ripple-color: rgba(255, 204, 0, 0.3);
}
.color-orange {
--f7-theme-color: #ff9500;
--f7-theme-color-rgb: 255, 149, 0;
--f7-theme-color-shade: #d67d00;
--f7-theme-color-tint: #ffa629;
}
.text-color-orange {
--f7-theme-color-text-color: #ff9500;
}
.bg-color-orange {
--f7-theme-color-bg-color: #ff9500;
}
.border-color-orange {
--f7-theme-color-border-color: #ff9500;
}
.ripple-color-orange,
.ripple-orange {
--f7-theme-color-ripple-color: rgba(255, 149, 0, 0.3);
}
.color-purple {
--f7-theme-color: #9c27b0;
--f7-theme-color-rgb: 156, 39, 176;
--f7-theme-color-shade: #7e208f;
--f7-theme-color-tint: #b92fd1;
}
.text-color-purple {
--f7-theme-color-text-color: #9c27b0;
}
.bg-color-purple {
--f7-theme-color-bg-color: #9c27b0;
}
.border-color-purple {
--f7-theme-color-border-color: #9c27b0;
}
.ripple-color-purple,
.ripple-purple {
--f7-theme-color-ripple-color: rgba(156, 39, 176, 0.3);
}
.color-deeppurple {
--f7-theme-color: #673ab7;
--f7-theme-color-rgb: 103, 58, 183;
--f7-theme-color-shade: #563098;
--f7-theme-color-tint: #7c52c8;
}
.text-color-deeppurple {
--f7-theme-color-text-color: #673ab7;
}
.bg-color-deeppurple {
--f7-theme-color-bg-color: #673ab7;
}
.border-color-deeppurple {
--f7-theme-color-border-color: #673ab7;
}
.ripple-color-deeppurple,
.ripple-deeppurple {
--f7-theme-color-ripple-color: rgba(103, 58, 183, 0.3);
}
.color-lightblue {
--f7-theme-color: #5ac8fa;
--f7-theme-color-rgb: 90, 200, 250;
--f7-theme-color-shade: #32bbf9;
--f7-theme-color-tint: #82d5fb;
}
.text-color-lightblue {
--f7-theme-color-text-color: #5ac8fa;
}
.bg-color-lightblue {
--f7-theme-color-bg-color: #5ac8fa;
}
.border-color-lightblue {
--f7-theme-color-border-color: #5ac8fa;
}
.ripple-color-lightblue,
.ripple-lightblue {
--f7-theme-color-ripple-color: rgba(90, 200, 250, 0.3);
}
.color-teal {
--f7-theme-color: #009688;
--f7-theme-color-rgb: 0, 150, 136;
--f7-theme-color-shade: #006d63;
--f7-theme-color-tint: #00bfad;
}
.text-color-teal {
--f7-theme-color-text-color: #009688;
}
.bg-color-teal {
--f7-theme-color-bg-color: #009688;
}
.border-color-teal {
--f7-theme-color-border-color: #009688;
}
.ripple-color-teal,
.ripple-teal {
--f7-theme-color-ripple-color: rgba(0, 150, 136, 0.3);
}
.color-lime {
--f7-theme-color: #cddc39;
--f7-theme-color-rgb: 205, 220, 57;
--f7-theme-color-shade: #bac923;
--f7-theme-color-tint: #d6e25c;
}
.text-color-lime {
--f7-theme-color-text-color: #cddc39;
}
.bg-color-lime {
--f7-theme-color-bg-color: #cddc39;
}
.border-color-lime {
--f7-theme-color-border-color: #cddc39;
}
.ripple-color-lime,
.ripple-lime {
--f7-theme-color-ripple-color: rgba(205, 220, 57, 0.3);
}
.color-deeporange {
--f7-theme-color: #ff6b22;
--f7-theme-color-rgb: 255, 107, 34;
--f7-theme-color-shade: #f85200;
--f7-theme-color-tint: #ff864b;
}
.text-color-deeporange {
--f7-theme-color-text-color: #ff6b22;
}
.bg-color-deeporange {
--f7-theme-color-bg-color: #ff6b22;
}
.border-color-deeporange {
--f7-theme-color-border-color: #ff6b22;
}
.ripple-color-deeporange,
.ripple-deeporange {
--f7-theme-color-ripple-color: rgba(255, 107, 34, 0.3);
}
.color-gray {
--f7-theme-color: #8e8e93;
--f7-theme-color-rgb: 142, 142, 147;
--f7-theme-color-shade: #79797f;
--f7-theme-color-tint: #a3a3a7;
}
.text-color-gray {
--f7-theme-color-text-color: #8e8e93;
}
.bg-color-gray {
--f7-theme-color-bg-color: #8e8e93;
}
.border-color-gray {
--f7-theme-color-border-color: #8e8e93;
}
.ripple-color-gray,
.ripple-gray {
--f7-theme-color-ripple-color: rgba(142, 142, 147, 0.3);
}
.color-white {
--f7-theme-color: #ffffff;
--f7-theme-color-rgb: 255, 255, 255;
--f7-theme-color-shade: #ebebeb;
--f7-theme-color-tint: #ffffff;
}
.text-color-white {
--f7-theme-color-text-color: #ffffff;
}
.bg-color-white {
--f7-theme-color-bg-color: #ffffff;
}
.border-color-white {
--f7-theme-color-border-color: #ffffff;
}
.ripple-color-white,
.ripple-white {
--f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.color-black {
--f7-theme-color: #000000;
--f7-theme-color-rgb: 0, 0, 0;
--f7-theme-color-shade: #000000;
--f7-theme-color-tint: #141414;
}
.text-color-black {
--f7-theme-color-text-color: #000000;
}
.bg-color-black {
--f7-theme-color-bg-color: #000000;
}
.border-color-black {
--f7-theme-color-border-color: #000000;
}
.ripple-color-black,
.ripple-black {
--f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
@font-face {
font-family: 'framework7-core-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAA0sABAAAAAAGRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAANEAAAABoAAAAci1jrz0dERUYAAAsIAAAAIwAAACQAfQBXR1BPUwAADOAAAAAuAAAANuAY7+xHU1VCAAALLAAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAowAAACIAAABYt6F0cBjdnQgAAADFAAAAAQAAAAEABEBRGdhc3AAAAsAAAAACAAAAAj//wADZ2x5ZgAAA6wAAASlAAAKBIq7ZiloZWFkAAABbAAAADAAAAA2FnYC32hoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABhAAABJC+cAAFsb2NhAAADGAAAAJQAAACURlRI+G1heHAAAAG8AAAAHwAAACAAjwBMbmFtZQAACFQAAAFTAAAC2WC6Sihwb3N0AAAJqAAAAVYAAAJ2B5LxL3jaY2BkYGAA4iKuLVLx/DZfGbiZGEDgZk2iIYz+/+NfL0sa02cgl4MBLA0AJsoLsnjaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGZgYQABJiBmZACJOTDogQQADdEA3AB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMb/7/Z9gNZBtDzGY6CzGHCcQHigMA2dAWtwAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DHgMwA0IDYANyA5YDtAPEA+oD/AQWBEYEZgR4BIoEsgTIBOIFAnja7VXBTyNVGP++Ke106XamnbYztYeVlukMRmWl03ZwLdAIeCCKZgOKXBY2m15Es8S03lpuSzaSGsOGQPZGoomegI0mmwjVC5uNdZPGgzGc8MDG4ImLmyxTvzfTKmX/A7PJe/O995vXN7/3+37fK3AQBIB1nAYX8NC/hXA5t813wV+pLY/7ILft4mgIWy4Guxm8zXvwaW4bGW4EjaBuBHuDy58VCjhtfRtEg3ZDajW70yg4wMbPsefY/x7jzmAuQl/nbBi6qF/A93CWKkyECCgAUsITllPZtJaSw56ElnabuoiKqX8zlctN5e4uTEwsTOCo/6YgLAqLmM9NDQ1NvT/B4CfCTT8DHQ7NH9Ggj0gAyYTIsZ1GUNfS2dSLKKOOiH/4emTf3p5PjvsOxW2OO/TJPb7dPYYeig7n5hHW8Cu6B16gXRRez+ie3gTbQ46EeSXBWBJbzC9pS3z/yPj8/O3rffx3c2Njc6MrS1olwvfN356fHx/u50fnRkfnbF6gwS6d1w0Q4mlLc7dUUjc2MGsHaHE/wQ1cAS99NRJnixQeN6wHVbVeV6u/p53YWgt+/AlvsP1MVFA3qyiqVr2qTrciYPMJafEyaUH3mZkdQaIfJkmZvJdRcyOdnM68u8vOfyg+Qtch04TmjhLsG2HYdzibREY39zfVSkX9np7lZOf7DFFV+NbrZLmi2jpaK10F7gR8LL9JnRYoJmXU1LkelQtIak+XFOC4/H52v93esH6xTtfW0IUpdK2t/blvtl+ZTw/+ha1TtuxZzZhgdP+auMF0Mr6osYCDJGBbszy+g3nw0EThB2g1vqQeLKqEUeh921mzgG+iBgEaMblsrWz3mFlMC/wyL1MXZG+x6EVNYBOGCXyxyNtnhlms0+/ZfwcMYTzizsQjWLcMrJ8Yxrph2JxrGKW8kG5JZLpitAnRx4+jNScQj+bf8CH8iq+CAECZU2QRBSQmZlaZmOsOBLo/doc8V/yCePHzL8Vun/i1F/m8eNEvOGe4hm8RB+Y1chGvb9qJQc0O4HgcZByj3Pmp+oCSd8bhnpa/j2dCM+pr5uTkJ5NbM8PDM8NLH4RmLtFs0hy4MsKQTr2Yw6jIbHvxrPA6xJKFtbZUpRJhnTxJBPKGw/Paplouq3YdrnAFPCElQwDpAJELeBJI52k76Z51754FzVih0G55hJ2dJuzg+hkQOjXPIPMqQvToKFrDluLtmirgp+RXQN4WzqaFhWpVbTd898yE8tS09rhjrgYxAHfQ1i9oDrMi49GjJ3TsJ9+kFBxU08mfpXRIkqyHkVgsZD2UMCRlpI+441gyGTsN19k8zd5yIcxKBq1scboE9/E60zfrePG/Qr7fab/+gHfZG6YekB03Or8fp/tQsz1vW95E49EN6eoPGLbD+buJ3To63UhqsYizFEqlll+as1yd0+AC8wvlwmDJ6E2EzlR1Y/VOo3FndbWcLVOrsOcr2NdoWL818G7FLJfNiv08X7f2N+OZuF5n9Wo9wMEqrrBh2q5bF+PHGcSP1RTlJphxqop1zjitO52USS/Z7bxuAceWrJadPwMy5C2ev+V1rIhXn9HtH4d0614AAAB42q2QvU7DMBSFj9u0EgyIgewe26qJnA79G6nUpQtiyB5S01ht4sqNVFW8DBsbIxtPwcLEzltw7RqJoQNDI135y/G59rkGcIVXMBy/Du49M4R48dzAJT48N5GwW88BQvbsuYVr9um5jbARkpMFF/R357osM/Tw5LmBG7x7buIBX54D9FjtuQXO3jy3Sf/GDBpbHGCgsEKBGpwy5+jSOoBAggn6xCk2yLAkV0llSFmQOyOyeklnKLeLmd4ejFoVNe/kXT4QyaTP0022VKUyfFFkZpOVW7Uk5yM121aJPYUwWGOEiK62LImU4wo7spqslHtt1qMo10ZGKtcVySe9fw1zJ9ZuNTSfdFPFNBfHlOr/EY7+BENSx1S/b4O5ruq5NivJB7HgU34yKunJMBpH9jnOMXhKPkP7yvk4ZbFpYrfa2ZBKs1O64kIksRCCn+HSH1E3hiEAeNptkAlPwkAUhGfAAxAsyCV4/hbjfd+3aWq7SiN0yXY5/rzRhVKhiZs06b5v3rzZhxTG5+cbxH/nyHxECmkUUUYFVdRQxyoaaGIN69jBLvawjwMcGu0xTnCKM5zjApe4wjVucIs73OMBj3jCM17wijemmOYc57nARWaYZY5LzLPAZVosssQVlllhlTXWucoGm1zjOje4yS1u50LhKLdl+zIsuS3RVzKwlf/Z0qNKdgI7nhWztvjQ5l5wlJKD+LZkqPv1Lofmv5hQGpNCwjY/i2uB1P6H7zraNxW3LUMx6rAi83eptewYy6xyPF+OSDnu9uQgsJ2ekspZDKUahwgHflcoOxBDbf0FijS5uK/XLUzeFIHSFEwq+dkRlifaQgtbyV7gzczoKtHPTphZRlcrO8o8m3G8gKlplMcIisk9m5UlphjFcmQW88z4haZeSXZG3r8TK74rAAAAAAAB//8AAnjaY2BkYGDgAWIZIGYCQmYGTQZGBi0GDyCbBSzGAAANdgDVAHjadVJJTgJBFH1FdwKOIKB0lEEGwSDOs+KsaDyDGzYaE+LCEA/gwjMY4zlcegbjEYwLb4HvVwM9hXS6q/q9V/+/+v9DARhGFjWoVrP9gAhMIuh0IIxq3d81icH+I2fqNQJl/CKMJJ5C7dC3YRolow6D+Dwa2EAUeT5ZlLmb4Frkk0Waf2kkqBh38XlYmEKKCptdwpiLnWGOyT4XxSyu8Yg3fOJHmaqsGupWPat39aG+1B+uqE7xndPnM77oMZQ0nufulNG8SieTW7cV0CW0s4xPV+c9vboScj7NQkDjdmcRK2CFukG+bMV5QOGv4CLXQTGE3+3ycUzr7lR8PlfZgUEZzjAaOGv7WusywawHAaZXw2WMBKKJwz3OZLCaMl9V9v+CHpM6epFvVGtKVCX6Xg65G6SQ+McY8vCCyXSv85YyrRZ9W3QV03vbQZx6iZ3sZ5ETJ6xVkfGlgs7UOvwmM8UYXZAeHiZSYx9vOMkveMU+YyT1+Thv7e3FEStU5rkcFZIlx6/UZceHZ7hW6KTKyrlj2Rlr+r4OKve9ZDUlhzNZ23TWQ+yKiNM4dxmdt/APtJZExAB42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPpmTaIhjAYAPREFnQAA") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'framework7-skeleton';
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight: 300, 400, 500, 600, 700;
font-style: normal, italic;
}
html,
body,
.framework7-root {
position: relative;
height: 100%;
width: 100%;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
width: 100%;
background: #fff;
overflow: hidden;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: var(--f7-font-family);
font-size: 14px;
font-size: var(--f7-font-size);
line-height: var(--f7-line-height);
color: var(--f7-text-color);
}
.theme-dark body,
body.theme-dark {
background: #000;
}
.theme-dark {
color: var(--f7-text-color);
}
.framework7-root {
overflow: hidden;
box-sizing: border-box;
}
.framework7-initializing *,
.framework7-initializing *:before,
.framework7-initializing *:after {
transition-duration: 0ms !important;
}
.device-ios,
.device-android {
cursor: pointer;
}
.device-ios {
touch-action: manipulation;
}
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
html,
body,
.framework7-root {
height: 671px;
}
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
html,
body,
.framework7-root {
height: 672px;
}
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
a,
input,
textarea,
select {
outline: 0;
}
a {
cursor: pointer;
text-decoration: none;
color: #007aff;
color: var(--f7-theme-color);
}
.link,
.item-link {
cursor: pointer;
}
p {
margin: 1em 0;
}
.disabled {
opacity: 0.55 !important;
pointer-events: none !important;
}
html.device-full-viewport,
html.device-full-viewport body {
height: 100vh;
}
.ios .md-only,
.ios .if-md,
.ios .aurora-only,
.ios .if-aurora,
.ios .if-not-ios,
.ios .not-ios {
display: none !important;
}
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
.ios,
.ios body,
.ios .framework7-root {
height: 671px;
}
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
.ios,
.ios body,
.ios .framework7-root {
height: 672px;
}
}
.md .ios-only,
.md .if-ios,
.md .aurora-only,
.md .if-aurora,
.md .if-not-md,
.md .not-md {
display: none !important;
}
.aurora .ios-only,
.aurora .if-ios,
.aurora .md-only,
.aurora .if-md,
.aurora .if-not-aurora,
.aurora .not-aurora {
display: none !important;
}
/* === Statusbar === */
/* === Views === */
.views,
.view {
position: relative;
height: 100%;
z-index: 5000;
overflow: hidden;
box-sizing: border-box;
}
.framework7-root > .view,
.framework7-root > .views {
height: calc(100% - 0px);
height: calc(100% - var(--f7-appbar-app-offset, 0px));
}
.view-resize-handler {
width: 6px;
height: 100%;
position: absolute;
left: 320px;
left: var(--f7-page-master-width);
margin-left: -3px;
top: 0;
cursor: col-resize;
z-index: 1000;
display: none;
}
.view-master-detail .view-resize-handler {
display: block;
}
/* === Pages === */
:root {
--f7-page-master-width: 320px;
--f7-page-master-border-color: rgba(0, 0, 0, 0.1);
--f7-page-master-border-width: 1px;
--f7-page-swipeback-transition-duration: 300ms;
--f7-page-parallax-transition-duration: 500ms;
--f7-page-cover-transition-duration: 450ms;
--f7-page-dive-transition-duration: 500ms;
--f7-page-fade-transition-duration: 500ms;
--f7-page-flip-transition-duration: 700ms;
--f7-page-push-transition-duration: 500ms;
/*
--f7-page-content-extra-padding-top: 0px;
--f7-page-content-extra-padding-bottom: 0px;
*/
}
.ios {
--f7-page-transition-duration: 400ms;
--f7-page-bg-color: #efeff4;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-page-bg-color: #000;
}
.md {
--f7-page-transition-duration: 250ms;
--f7-page-bg-color: #fff;
}
.md .theme-dark,
.md.theme-dark {
--f7-page-bg-color: #121212;
}
.aurora {
--f7-page-transition-duration: 400ms;
--f7-page-bg-color: #f3f3f3;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-page-bg-color: #121212;
}
.theme-dark {
--f7-page-master-border-color: rgba(255, 255, 255, 0.1);
}
.pages {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.page {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
background-color: var(--f7-page-bg-color);
z-index: 1;
}
.page.stacked {
display: none;
}
.page-with-navbar-large-collapsed {
--f7-navbar-large-collapse-progress: 1;
}
.page-previous {
pointer-events: none;
}
.page-content {
overflow: auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
height: 100%;
position: relative;
z-index: 1;
padding-top: calc(0px + 0px + 0px + 0px + 0px);
padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px) + var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) + var(--f7-page-content-extra-padding-top, 0px));
padding-bottom: calc(0px + 0px + 0px);
padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px));
}
.page-transitioning,
.page-transitioning .page-shadow-effect,
.page-transitioning .page-opacity-effect {
transition-duration: var(--f7-page-transition-duration);
}
.page-transitioning-swipeback,
.page-transitioning-swipeback .page-shadow-effect,
.page-transitioning-swipeback .page-opacity-effect {
transition-duration: 300ms;
transition-duration: var(--f7-page-swipeback-transition-duration);
}
.router-transition-forward .page-next,
.router-transition-backward .page-next,
.router-transition-forward .page-current,
.router-transition-backward .page-current,
.router-transition-forward .page-previous:not(.stacked),
.router-transition-backward .page-previous:not(.stacked) {
pointer-events: none;
}
.page-shadow-effect {
position: absolute;
top: 0;
width: 16px;
bottom: 0;
z-index: -1;
content: '';
opacity: 0;
right: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
}
.page-opacity-effect {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
bottom: 0;
content: '';
opacity: 0;
z-index: 10000;
}
.ios .page-previous {
transform: translate3d(-20%, 0, 0);
}
.ios .page-next {
transform: translate3d(100%, 0, 0);
}
.ios .page-previous .page-opacity-effect {
opacity: 1;
}
.ios .page-previous:after {
opacity: 1;
}
.ios .page-current .page-shadow-effect {
opacity: 1;
}
.ios .router-transition-forward .page-next {
animation: ios-page-next-to-current var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .page-next:before {
position: absolute;
top: 0;
width: 16px;
bottom: 0;
z-index: -1;
content: '';
opacity: 0;
right: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .page-current {
animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .page-current:after {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
bottom: 0;
content: '';
opacity: 0;
z-index: 10000;
animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .page-previous {
animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .page-previous:after {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
bottom: 0;
content: '';
opacity: 0;
z-index: 10000;
animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .page-current {
animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .page-current:before {
position: absolute;
top: 0;
width: 16px;
bottom: 0;
z-index: -1;
content: '';
opacity: 0;
right: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%);
animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards;
}
@keyframes ios-page-next-to-current {
from {
transform: translate3d(100%, 0, 0);
}
to {
transform: translate3d(0%, 0, 0);
}
}
@keyframes ios-page-previous-to-current {
from {
transform: translate3d(-20%, 0, 0);
}
to {
transform: translate3d(0%, 0, 0);
}
}
@keyframes ios-page-current-to-previous {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-20%, 0, 0);
}
}
@keyframes ios-page-current-to-next {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(100%, 0, 0);
}
}
@keyframes ios-page-element-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes ios-page-element-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.md .page-next {
transform: translate3d(0, 56px, 0);
opacity: 0;
pointer-events: none;
}
.md .page-next.page-next-on-right {
transform: translate3d(100%, 0, 0);
}
.md .router-transition-forward .page-next {
animation: md-page-next-to-current var(--f7-page-transition-duration) forwards;
}
.md .router-transition-forward .page-current {
animation: none;
}
.md .router-transition-backward .page-current {
animation: md-page-current-to-next var(--f7-page-transition-duration) forwards;
}
.md .router-transition-backward .page-previous {
animation: none;
}
@keyframes md-page-next-to-current {
from {
transform: translate3d(0, 56px, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes md-page-current-to-next {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
transform: translate3d(0, 56px, 0);
opacity: 0;
}
}
.aurora .page-next {
pointer-events: none;
transform: translate3d(100%, 0px, 0);
}
.aurora .page-next.page-next-on-right {
transform: translate3d(100%, 0, 0);
}
.aurora .page-previous .page-opacity-effect {
opacity: 1;
}
.aurora .page-previous:after {
opacity: 1;
}
.aurora .router-transition-forward .page-next {
animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards;
}
.aurora .router-transition-forward .page-current {
animation: none;
}
.aurora .router-transition-forward .page-current:after {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
bottom: 0;
content: '';
opacity: 0;
z-index: 10000;
animation: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards;
}
.aurora .router-transition-backward .page-current {
animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards;
}
.aurora .router-transition-backward .page-previous {
animation: none;
}
.aurora .router-transition-backward .page-previous:after {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
bottom: 0;
content: '';
opacity: 0;
z-index: 10000;
animation: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards;
}
@keyframes aurora-page-next-to-current {
from {
transform: translate3d(100%, 0, 0);
}
to {
transform: translate3d(0, 0px, 0);
}
}
@keyframes aurora-page-current-to-next {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(100%, 0, 0);
}
}
@keyframes aurora-page-element-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes aurora-page-element-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.view:not(.view-master-detail) .page-master-stacked {
display: none;
}
.view:not(.view-master-detail) .navbar-master-stacked {
display: none;
}
.view-master-detail .page-master,
.view-master-detail .navbar-master {
width: 320px;
width: var(--f7-page-master-width);
--f7-safe-area-right: 0px;
--f7-safe-area-outer-right: 0px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color);
}
.view-master-detail .page-master-detail,
.view-master-detail .navbar-master-detail {
width: calc(100% - 320px);
width: calc(100% - var(--f7-page-master-width));
--f7-safe-area-left: 0px;
--f7-safe-area-outer-left: 0px;
left: 320px;
left: var(--f7-page-master-width);
}
.view-master-detail .page-master {
z-index: 2;
transform: none;
pointer-events: auto;
}
.view-master-detail .page-master:before,
.view-master-detail .page-master:after {
display: none;
}
.view-master-detail.router-transition .page-master {
animation: none;
}
.md .router-transition-custom .page-previous,
.ios .router-transition-custom .page-previous,
.aurora .router-transition-custom .page-previous,
.md .router-transition-custom .page-next,
.ios .router-transition-custom .page-next,
.aurora .router-transition-custom .page-next {
opacity: 1;
transform: none;
}
.router-transition-f7-circle-forward:after,
.router-transition-f7-circle-backward:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 100vmax;
height: 100vmax;
margin-left: -50vmax;
margin-top: -50vmax;
background: var(--f7-page-bg-color);
z-index: 100;
}
.router-transition-f7-circle-forward:after {
transform: scale(0);
border-radius: 50%;
animation: f7-circle-circle-in 400ms forwards;
}
.router-transition-f7-circle-forward .page-next {
opacity: 0 !important;
transform: scale(0.9) !important;
animation: f7-circle-next-to-current 300ms forwards;
animation-delay: 300ms;
z-index: 150;
}
.router-transition-f7-circle-backward:after {
animation: f7-circle-circle-out 300ms forwards;
animation-delay: 350ms;
}
.router-transition-f7-circle-backward .page-current {
animation: f7-circle-current-to-next 700ms forwards;
z-index: 150;
}
@keyframes f7-circle-circle-in {
from {
transform: scale(0);
border-radius: 50%;
}
50% {
border-radius: 50%;
}
to {
transform: scale(1);
border-radius: 0%;
}
}
@keyframes f7-circle-circle-out {
from {
transform: scale(1);
border-radius: 0%;
}
50% {
border-radius: 50%;
}
to {
transform: scale(0);
border-radius: 50%;
}
}
@keyframes f7-circle-next-to-current {
from {
transform: scale(0.9);
opacity: 0;
}
40% {
transform: scale(1.035);
opacity: 1;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes f7-circle-current-to-next {
from {
transform: scale(1);
opacity: 1;
}
34% {
transform: scale(1.035);
opacity: 1;
}
57% {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(0.9);
opacity: 0;
}
}
.router-transition-f7-cover-v-forward,
.router-transition-f7-cover-v-backward {
background: #000;
perspective: 1200px;
}
.router-transition-f7-cover-v-forward .page-next {
animation: f7-cover-v-next-to-current 450ms forwards;
animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-v-forward .page-current {
animation: f7-cover-v-current-to-prev 450ms forwards;
animation: f7-cover-v-current-to-prev var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-v-backward .page-current {
animation: f7-cover-v-current-to-next 450ms forwards;
animation: f7-cover-v-current-to-next var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-v-backward .page-previous {
animation: f7-cover-v-prev-to-current 450ms forwards;
animation: f7-cover-v-prev-to-current var(--f7-page-cover-transition-duration) forwards;
}
@keyframes f7-cover-v-next-to-current {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}
@keyframes f7-cover-v-current-to-next {
from {
transform: translateY(0%);
}
to {
transform: translateY(100%);
}
}
@keyframes f7-cover-v-current-to-prev {
from {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translateZ(-300px);
opacity: 0.5;
}
}
@keyframes f7-cover-v-prev-to-current {
from {
transform: translateZ(-300px);
opacity: 0.5;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
.router-transition-f7-cover-forward,
.router-transition-f7-cover-backward {
background: #000;
perspective: 1200px;
}
.router-transition-f7-cover-forward .page-next {
animation: f7-cover-next-to-current 450ms forwards;
animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-forward .page-current {
animation: f7-cover-current-to-prev 450ms forwards;
animation: f7-cover-current-to-prev var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-backward .page-current {
animation: f7-cover-current-to-next 450ms forwards;
animation: f7-cover-current-to-next var(--f7-page-cover-transition-duration) forwards;
}
.router-transition-f7-cover-backward .page-previous {
animation: f7-cover-prev-to-current 450ms forwards;
animation: f7-cover-prev-to-current var(--f7-page-cover-transition-duration) forwards;
}
@keyframes f7-cover-next-to-current {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@keyframes f7-cover-current-to-next {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
@keyframes f7-cover-current-to-prev {
from {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translateZ(-300px);
opacity: 0.5;
}
}
@keyframes f7-cover-prev-to-current {
from {
transform: translateZ(-300px);
opacity: 0.5;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
.router-transition-f7-dive-forward,
.router-transition-f7-dive-backward {
background: var(--f7-page-bg-color);
perspective: 1200px;
}
.router-transition-f7-dive-forward .page-next {
animation: f7-dive-next-to-current 500ms forwards;
animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
}
.router-transition-f7-dive-forward .page-current {
animation: f7-dive-current-to-prev 500ms forwards;
animation: f7-dive-current-to-prev var(--f7-page-dive-transition-duration) forwards;
}
.router-transition-f7-dive-backward .page-current {
animation: f7-dive-current-to-next 500ms forwards;
animation: f7-dive-current-to-next var(--f7-page-dive-transition-duration) forwards;
}
.router-transition-f7-dive-backward .page-previous {
animation: f7-dive-prev-to-current 500ms forwards;
animation: f7-dive-prev-to-current var(--f7-page-dive-transition-duration) forwards;
}
@keyframes f7-dive-next-to-current {
from {
opacity: 0;
transform: translateZ(-150px);
}
50% {
opacity: 0;
}
to {
opacity: 1;
transform: translateZ(0px);
}
}
@keyframes f7-dive-current-to-next {
from {
opacity: 1;
transform: translateZ(0px);
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: translateZ(-150px);
}
}
@keyframes f7-dive-current-to-prev {
from {
transform: translateZ(0px);
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: translateZ(150px);
}
}
@keyframes f7-dive-prev-to-current {
from {
opacity: 0;
transform: translateZ(150px);
}
50% {
opacity: 0;
}
to {
opacity: 1;
transform: translateZ(0px);
}
}
.router-transition-f7-fade-forward,
.router-transition-f7-fade-backward {
background: var(--f7-page-bg-color);
}
.router-transition-f7-fade-forward .page-next {
opacity: 0 !important;
animation: f7-fade-in 500ms forwards;
animation: f7-fade-in var(--f7-page-fade-transition-duration) forwards;
}
.router-transition-f7-fade-forward .page-current {
animation: f7-fade-out 500ms forwards;
animation: f7-fade-out var(--f7-page-fade-transition-duration) forwards;
}
.router-transition-f7-fade-backward .page-current {
animation: f7-fade-out 500ms forwards;
animation: f7-fade-out var(--f7-page-fade-transition-duration) forwards;
}
.router-transition-f7-fade-backward .page-previous {
animation: f7-fade-in 500ms forwards;
animation: f7-fade-in var(--f7-page-fade-transition-duration) forwards;
}
@keyframes f7-fade-in {
from {
opacity: 0;
}
50% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f7-fade-out {
from {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 0;
}
}
.router-transition-f7-flip-forward,
.router-transition-f7-flip-backward {
background: #000;
perspective: 1200px;
}
.router-transition-f7-flip-forward .page,
.router-transition-f7-flip-backward .page {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.router-transition-f7-flip-forward .page-next {
animation: f7-flip-next-to-current 700ms forwards;
animation: f7-flip-next-to-current var(--f7-page-flip-transition-duration) forwards;
}
.router-transition-f7-flip-forward .page-current {
animation: f7-flip-current-to-prev 700ms forwards;
animation: f7-flip-current-to-prev var(--f7-page-flip-transition-duration) forwards;
}
.router-transition-f7-flip-backward .page-current {
animation: f7-flip-current-to-next 700ms forwards;
animation: f7-flip-current-to-next var(--f7-page-flip-transition-duration) forwards;
}
.router-transition-f7-flip-backward .page-previous {
animation: f7-flip-prev-to-current 700ms forwards;
animation: f7-flip-prev-to-current var(--f7-page-flip-transition-duration) forwards;
}
@keyframes f7-flip-next-to-current {
from {
border-radius: 30px;
transform: translateZ(-100vmax) rotateY(180deg);
}
to {
border-radius: 0;
transform: translateZ(0px) rotateY(0deg);
}
}
@keyframes f7-flip-current-to-next {
from {
border-radius: 0px;
transform: translateZ(0px) rotateY(0deg);
}
to {
border-radius: 30px;
transform: translateZ(-100vmax) rotateY(180deg);
}
}
@keyframes f7-flip-current-to-prev {
from {
border-radius: 0px;
transform: translateZ(0px) rotateY(0deg);
}
to {
border-radius: 30px;
transform: translateZ(-100vmax) rotateY(-180deg);
}
}
@keyframes f7-flip-prev-to-current {
from {
border-radius: 30px;
transform: translateZ(-100vmax) rotateY(-180deg);
}
to {
border-radius: 0px;
transform: translateZ(0px) rotateY(0deg);
}
}
.router-transition-f7-parallax-forward .page-next {
animation: f7-parallax-next-to-current 500ms forwards;
animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
}
.router-transition-f7-parallax-forward .page-current {
animation: f7-parallax-current-to-prev 500ms forwards;
animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
}
.router-transition-f7-parallax-backward .page-current {
animation: f7-parallax-current-to-next 500ms forwards;
animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
}
.router-transition-f7-parallax-backward .page-previous {
animation: f7-parallax-prev-to-current 500ms forwards;
animation: f7-parallax-prev-to-current var(--f7-page-parallax-transition-duration) forwards;
}
@keyframes f7-parallax-next-to-current {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@keyframes f7-parallax-current-to-next {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
@keyframes f7-parallax-current-to-prev {
from {
transform: translateX(0%);
}
to {
transform: translateX(-20%);
}
}
@keyframes f7-parallax-prev-to-current {
from {
transform: translateX(-20%);
}
to {
transform: translateX(0%);
}
}
.router-transition-f7-push-forward .page-next {
animation: f7-push-next-to-current 500ms forwards;
animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
}
.router-transition-f7-push-forward .page-current {
animation: f7-push-current-to-prev 500ms forwards;
animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
}
.router-transition-f7-push-backward .page-current {
animation: f7-push-current-to-next 500ms forwards;
animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
}
.router-transition-f7-push-backward .page-previous {
animation: f7-push-prev-to-current 500ms forwards;
animation: f7-push-prev-to-current var(--f7-page-push-transition-duration) forwards;
}
@keyframes f7-push-next-to-current {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}
@keyframes f7-push-current-to-next {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
@keyframes f7-push-current-to-prev {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}
@keyframes f7-push-prev-to-current {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0%);
}
}
/* === Link === */
:root {
--f7-link-highlight-black: rgba(0, 0, 0, 0.1);
--f7-link-highlight-white: rgba(255, 255, 255, 0.15);
--f7-link-highlight-color: var(--f7-link-highlight-black);
}
.theme-dark {
--f7-link-highlight-color: var(--f7-link-highlight-white);
}
.link,
.tab-link {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative;
box-sizing: border-box;
z-index: 1;
}
.link i + span,
.link i + i,
.link span + i,
.link span + span {
margin-left: 4px;
}
.ios .link {
transition: opacity 300ms;
}
.ios .link.active-state {
opacity: 0.3;
transition-duration: 0ms;
}
.aurora .link {
transition: opacity 300ms;
}
.aurora .link.active-state {
opacity: 0.3;
transition-duration: 0ms;
}
/* === Navbar === */
:root {
/*
--f7-navbar-bg-color: var(--f7-bars-bg-color);
--f7-navbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
--f7-navbar-bg-image: var(--f7-bars-bg-image);
--f7-navbar-border-color: var(--f7-bars-border-color);
--f7-navbar-link-color: var(--f7-bars-link-color);
--f7-navbar-text-color: var(--f7-bars-text-color);
*/
--f7-navbar-hide-show-transition-duration: 400ms;
--f7-navbar-title-line-height: 1.2;
--f7-navbar-title-font-size: inherit;
--f7-navbar-subtitle-text-align: inherit;
--f7-navbar-large-title-line-height: 1.2;
--f7-navbar-large-title-text-color: inherit;
--f7-navbar-large-title-padding-left: 16px;
--f7-navbar-large-title-padding-right: 16px;
}
.ios {
--f7-navbar-height: 44px;
--f7-navbar-tablet-height: 44px;
--f7-navbar-font-size: 17px;
--f7-navbar-inner-padding-left: 8px;
--f7-navbar-inner-padding-right: 8px;
--f7-navbar-title-font-weight: 600;
--f7-navbar-title-margin-left: 0;
--f7-navbar-title-margin-right: 0;
--f7-navbar-title-text-align: center;
--f7-navbar-subtitle-font-size: 10px;
--f7-navbar-subtitle-line-height: 1;
--f7-navbar-shadow-image: none;
--f7-navbar-large-title-height: 52px;
--f7-navbar-large-title-font-size: 34px;
--f7-navbar-large-title-font-weight: 700;
--f7-navbar-large-title-letter-spacing: -0.03em;
--f7-navbar-large-title-padding-vertical: 6px;
/*
--f7-navbar-link-height: var(--f7-navbar-height);
--f7-navbar-link-line-height: var(--f7-navbar-height);
*/
--f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.55);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.55);
}
.md {
--f7-navbar-height: 56px;
--f7-navbar-tablet-height: 64px;
--f7-navbar-font-size: 20px;
--f7-navbar-inner-padding-left: 0px;
--f7-navbar-inner-padding-right: 0px;
--f7-navbar-title-font-weight: 500;
--f7-navbar-title-margin-left: 16px;
--f7-navbar-title-margin-right: 16px;
--f7-navbar-title-text-align: left;
--f7-navbar-subtitle-font-size: 14px;
--f7-navbar-subtitle-line-height: 1.2;
--f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image);
--f7-navbar-large-title-font-size: 34px;
--f7-navbar-large-title-height: 56px;
--f7-navbar-large-title-font-weight: 500;
--f7-navbar-large-title-letter-spacing: 0;
--f7-navbar-large-title-padding-vertical: 8px;
/*
--f7-navbar-link-height: var(--f7-navbar-height);
--f7-navbar-link-line-height: var(--f7-navbar-height);
*/
--f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85);
}
.md .theme-dark,
.md.theme-dark {
--f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85);
}
.aurora {
--f7-navbar-height: 38px;
--f7-navbar-tablet-height: 38px;
--f7-navbar-font-size: 14px;
--f7-navbar-inner-padding-left: 16px;
--f7-navbar-inner-padding-right: 16px;
--f7-navbar-title-font-weight: 600;
--f7-navbar-title-margin-left: 0;
--f7-navbar-title-margin-right: 0;
--f7-navbar-title-text-align: center;
--f7-navbar-subtitle-font-size: 12px;
--f7-navbar-subtitle-line-height: 1;
--f7-navbar-shadow-image: none;
--f7-navbar-large-title-height: 38px;
--f7-navbar-large-title-font-size: 26px;
--f7-navbar-large-title-font-weight: bold;
--f7-navbar-large-title-letter-spacing: -0.03em;
--f7-navbar-large-title-padding-vertical: 4px;
--f7-navbar-link-height: auto;
--f7-navbar-link-line-height: inherit;
--f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.6);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5);
}
.navbars,
.navbar {
z-index: 500;
left: 0;
top: 0;
width: 100%;
}
.navbars {
position: absolute;
}
.navbars .navbar {
z-index: auto;
}
.navbar {
--f7-navbar-large-collapse-progress: 0;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
margin: 0;
height: calc(var(--f7-navbar-height) + 0px);
height: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
color: var(--f7-bars-text-color);
color: var(--f7-navbar-text-color, var(--f7-bars-text-color));
font-size: var(--f7-navbar-font-size);
}
.navbar.stacked {
display: none;
}
.navbar b {
font-weight: 500;
}
.navbar a {
color: var(--f7-theme-color);
color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.navbar a.link {
display: flex;
justify-content: flex-start;
line-height: var(--f7-navbar-height);
line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height));
height: var(--f7-navbar-height);
height: var(--f7-navbar-link-height, var(--f7-navbar-height));
}
.navbar .title,
.navbar .left,
.navbar .right {
position: relative;
z-index: 10;
}
.navbar .title {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 10;
font-weight: var(--f7-navbar-title-font-weight);
display: inline-block;
line-height: 1.2;
line-height: var(--f7-navbar-title-line-height);
text-align: var(--f7-navbar-title-text-align);
font-size: inherit;
font-size: var(--f7-navbar-title-font-size);
margin-left: var(--f7-navbar-title-margin-left);
margin-right: var(--f7-navbar-title-margin-left);
}
.navbar .subtitle {
display: block;
color: var(--f7-navbar-subtitle-text-color);
font-weight: normal;
font-size: var(--f7-navbar-subtitle-font-size);
line-height: var(--f7-navbar-subtitle-line-height);
text-align: inherit;
text-align: var(--f7-navbar-subtitle-text-align);
}
.navbar .left,
.navbar .right {
flex-shrink: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.navbar .right:first-child {
position: absolute;
height: 100%;
}
.navbar.no-hairline .navbar-bg:after,
.navbar.no-border .navbar-bg:after,
.navbar .no-hairline .navbar-bg:after,
.navbar .no-border .navbar-bg:after {
display: none !important;
}
.navbar.no-hairline .title-large:after,
.navbar.no-border .title-large:after,
.navbar .no-hairline .title-large:after,
.navbar .no-border .title-large:after {
display: none !important;
}
.navbar.no-shadow .navbar-bg:before,
.navbar .no-shadow .navbar-bg:before {
display: none !important;
}
.navbar.navbar-hidden .navbar-bg:before,
.navbar-hidden .navbar .navbar-bg:before {
opacity: 0 !important;
}
.navbar-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
background: var(--f7-navbar-bg-color);
background-image: var(--f7-bars-bg-image);
background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image));
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color));
transition-property: transform;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .navbar-bg {
background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8);
background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.navbar-bg:after,
.navbar-bg:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navbar-bg:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.navbar-bg:before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: var(--f7-navbar-shadow-image);
}
.navbar-bg:after {
z-index: 1;
}
@media (min-width: 768px) and (min-height: 600px) {
:root {
--f7-navbar-height: var(--f7-navbar-tablet-height);
}
}
.navbar-transitioning,
.navbar-transitioning .left,
.navbar-transitioning .title,
.navbar-transitioning .right,
.navbar-transitioning .title-large-text,
.navbar-transitioning .navbar-bg,
.navbar-transitioning .subnavbar,
.navbar-transitioning .navbar-bg:before {
transition-duration: 400ms;
transition-duration: var(--f7-navbar-hide-show-transition-duration);
}
.navbar-page-transitioning {
transition-duration: 300ms !important;
transition-duration: var(--f7-page-swipeback-transition-duration) !important;
}
.navbar-page-transitioning .title-large-text,
.navbar-page-transitioning .navbar-bg {
transition-duration: 300ms !important;
transition-duration: var(--f7-page-swipeback-transition-duration) !important;
}
.navbar-hidden {
transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 0);
}
.navbar-hidden .navbar-inner {
pointer-events: none;
}
.navbar-hidden .navbar-inner > .left,
.navbar-hidden .navbar-inner > .title,
.navbar-hidden .navbar-inner > .right {
opacity: 0 !important;
}
.navbar-hidden .subnavbar {
pointer-events: auto;
}
.navbar-hidden-statusbar {
transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - 0px), 0);
transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0);
}
.navbar-large-hidden .navbar-large {
--f7-navbar-large-collapse-progress: 1;
}
.navbar-inner {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0px calc(var(--f7-navbar-inner-padding-right) + 0px) 0 calc(var(--f7-navbar-inner-padding-left) + 0px);
padding: var(--f7-safe-area-top) calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left));
transform: translate3d(0, 0, 0);
z-index: 10;
}
.views > .navbar,
.view > .navbar,
.page > .navbar,
.navbars > .navbar {
position: absolute;
}
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .navbar-bg,
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title {
opacity: 0;
}
.navbar-large .navbar-bg {
height: calc(100% + var(--f7-navbar-large-title-height));
transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
}
.navbar-large-transparent .navbar-bg,
.navbar-large.navbar-transparent .navbar-bg {
opacity: var(--f7-navbar-large-collapse-progress);
height: 100%;
transform: none;
}
.ios .router-navbar-transition-to-large .navbar-bg,
.ios .router-navbar-transition-from-large .navbar-bg,
.navbar-bg.ios-swipeback-navbar-bg-large,
.navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,
.navbar-large.navbar-transparent .navbar-bg.ios-swipeback-navbar-bg-large {
height: calc(100% + var(--f7-navbar-large-title-height));
transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
}
.ios .navbar:not(.navbar-large) .navbar-bg {
--f7-navbar-large-collapse-progress: 1;
}
.navbar-large .title {
opacity: var(--f7-navbar-large-collapse-progress);
}
.navbar-large-collapsed {
--f7-navbar-large-collapse-progress: 1;
}
.navbar-large-collapsed .title-large {
pointer-events: none;
}
.navbar .title-large {
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 100%;
display: flex;
align-items: flex-end;
white-space: nowrap;
overflow: hidden;
height: var(--f7-navbar-large-title-height);
z-index: 5;
}
.navbar .title-large-text {
text-overflow: ellipsis;
white-space: nowrap;
color: inherit;
color: var(--f7-navbar-large-title-text-color);
letter-spacing: var(--f7-navbar-large-title-letter-spacing);
font-size: var(--f7-navbar-large-title-font-size);
font-weight: var(--f7-navbar-large-title-font-weight);
line-height: 1.2;
line-height: var(--f7-navbar-large-title-line-height);
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left));
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right));
padding-top: var(--f7-navbar-large-title-padding-vertical);
padding-bottom: var(--f7-navbar-large-title-padding-vertical);
box-sizing: border-box;
overflow: hidden;
width: 100%;
transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
transform-origin: calc(16px + 0px) center;
transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center;
}
.navbar-no-title-large-transition .title-large-text {
transition-duration: 0ms;
}
.navbar ~ *,
.navbars ~ * {
--f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbar ~ * .page-with-navbar-large,
.navbar ~ .page-with-navbar-large,
.navbars ~ * .page-with-navbar-large,
.navbars ~ .page-with-navbar-large,
.page-with-navbar-large .navbar ~ * {
--f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
}
.page.no-navbar,
.page.no-navbar .navbar ~ * {
--f7-page-navbar-offset: var(--f7-safe-area-top);
}
.ios {
--f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left));
--f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left);
--f7-navbar-large-transparent-bg-center: translateX(0);
--f7-navbar-large-bg-center-top: translateX(0) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
--f7-navbar-large-bg-center-bottom: translateX(0) translateY(0);
--f7-navbar-large-transparent-bg-left: translateX(-100%);
--f7-navbar-large-bg-left-top: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
--f7-navbar-large-bg-left-bottom: translateX(-100%) translateY(0);
--f7-navbar-large-bg-right-top: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
--f7-navbar-large-bg-right-bottom: translateX(100%) translateY(0);
}
.ios .navbar a.icon-only {
width: 44px;
margin: 0;
justify-content: center;
}
.ios .navbar .left a + a,
.ios .navbar .right a + a {
margin-left: 16px;
}
.ios .navbar b {
font-weight: 600;
}
.ios .navbar .left {
margin-right: 10px;
}
.ios .navbar .right {
margin-left: 10px;
}
.ios .navbar .right:first-child {
right: calc(8px + 0px);
right: calc(8px + var(--f7-safe-area-right));
}
.ios .navbar-inner {
justify-content: space-between;
}
.ios .navbar-inner-left-title {
justify-content: flex-start;
}
.ios .navbar-inner-left-title .right {
margin-left: auto;
}
.ios .navbar-inner-left-title .title {
text-align: left;
margin-right: 10px;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,
.ios .view:not(.view-master-detail) .navbar-previous .left,
.ios .navbar-next .left,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title,
.ios .view:not(.view-master-detail) .navbar-previous .title,
.ios .navbar-next .title,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,
.ios .view:not(.view-master-detail) .navbar-previous .right,
.ios .navbar-next .right,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,
.ios .navbar-next .subnavbar,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,
.ios .view:not(.view-master-detail) .navbar-previous .fading,
.ios .navbar-next .fading {
opacity: 0;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master),
.ios .view:not(.view-master-detail) .navbar-previous {
pointer-events: none;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,
.ios .view:not(.view-master-detail) .navbar-previous .title-large {
opacity: 0;
transition-duration: 0ms;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,
.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text {
transform: scale(0.5);
transition-duration: 0ms;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar,
.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar {
opacity: 1;
transform: translate3d(-100%, 0, 0);
}
.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg {
transform: translateX(-100%);
}
.ios .navbar-next {
pointer-events: none;
}
.ios .navbar-next .navbar-bg {
transform: translateX(100%);
}
.ios .navbar-next .title-large .title-large-text {
transition-duration: 0ms;
transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height)));
}
.ios .navbar-next .subnavbar.sliding,
.ios .navbar-next .sliding .subnavbar {
opacity: 1;
transform: translate3d(100%, 0, 0);
}
.ios .router-transition .navbar,
.ios .router-transition .navbar-bg {
transition-duration: var(--f7-page-transition-duration);
}
.ios .router-transition .navbar-bg {
animation-duration: var(--f7-page-transition-duration);
animation-fill-mode: forwards;
}
.ios .router-transition .title-large,
.ios .router-transition .title-large-text {
transition-duration: 0ms;
}
.ios .router-transition .navbar-current .left,
.ios .router-transition .navbar-current .title,
.ios .router-transition .navbar-current .right,
.ios .router-transition .navbar-current .subnavbar {
animation: ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards;
}
.ios .router-transition .navbar-current .sliding.left,
.ios .router-transition .navbar-current .sliding.left .icon + span,
.ios .router-transition .navbar-current .sliding.title,
.ios .router-transition .navbar-current .sliding.right,
.ios .router-transition .navbar-current .sliding .left,
.ios .router-transition .navbar-current .sliding .left .icon + span,
.ios .router-transition .navbar-current .sliding .title,
.ios .router-transition .navbar-current .sliding .right {
transition-duration: var(--f7-page-transition-duration);
opacity: 0 !important;
animation: none;
}
.ios .router-transition .navbar-current .sliding .subnavbar,
.ios .router-transition .navbar-current .sliding.subnavbar {
transition-duration: var(--f7-page-transition-duration);
animation: none;
opacity: 1;
}
.ios .router-transition-forward .navbar-next .left,
.ios .router-transition-backward .navbar-previous .left,
.ios .router-transition-forward .navbar-next .title,
.ios .router-transition-backward .navbar-previous .title,
.ios .router-transition-forward .navbar-next .right,
.ios .router-transition-backward .navbar-previous .right,
.ios .router-transition-forward .navbar-next .subnavbar,
.ios .router-transition-backward .navbar-previous .subnavbar {
animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next .sliding.left,
.ios .router-transition-backward .navbar-previous .sliding.left,
.ios .router-transition-forward .navbar-next .sliding.left .icon + span,
.ios .router-transition-backward .navbar-previous .sliding.left .icon + span,
.ios .router-transition-forward .navbar-next .sliding.title,
.ios .router-transition-backward .navbar-previous .sliding.title,
.ios .router-transition-forward .navbar-next .sliding.right,
.ios .router-transition-backward .navbar-previous .sliding.right,
.ios .router-transition-forward .navbar-next .sliding .left,
.ios .router-transition-backward .navbar-previous .sliding .left,
.ios .router-transition-forward .navbar-next .sliding .left .icon + span,
.ios .router-transition-backward .navbar-previous .sliding .left .icon + span,
.ios .router-transition-forward .navbar-next .sliding .title,
.ios .router-transition-backward .navbar-previous .sliding .title,
.ios .router-transition-forward .navbar-next .sliding .right,
.ios .router-transition-backward .navbar-previous .sliding .right,
.ios .router-transition-forward .navbar-next .sliding .subnavbar,
.ios .router-transition-backward .navbar-previous .sliding .subnavbar {
transition-duration: var(--f7-page-transition-duration);
animation: none;
transform: translate3d(0, 0, 0) !important;
opacity: 1 !important;
}
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title {
animation: none;
}
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title {
opacity: 0 !important;
}
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .subnavbar {
animation: none;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large {
overflow: visible;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-out var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large .left .back span {
animation: ios-navbar-back-text-next-to-current var(--f7-page-transition-duration) forwards;
transition: none;
transform-origin: left center;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
overflow: visible;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title,
.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title {
animation: none;
opacity: 0 !important;
transition-duration: 0;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large .left .back span {
animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards;
transition: none;
transform-origin: left center;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
overflow: visible;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
opacity: 0;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
overflow: visible;
opacity: 1;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-in var(--f7-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title,
.ios .router-transition-backward .navbar-previous.navbar-large:not(.navbar-large-collapsed) .title {
animation: none;
opacity: 0 !important;
transition-duration: 0;
}
.ios .router-transition-forward .navbar-current .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-lb;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-lb;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-lt;
}
.ios .router-transition-forward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-ct-to-lb;
}
.ios .router-transition-forward .navbar-current.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-bg-from-ct-to-lt;
}
.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg,
.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-transparent-bg-from-c-to-l;
}
.ios .router-transition-forward .navbar-next .navbar-bg {
animation-name: ios-navbar-bg-from-rb-to-cb;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-rb-to-cb;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-bg-from-rb-to-ct;
}
.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-rt-to-cb;
}
.ios .router-transition-backward .navbar-current .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-rb;
}
.ios .router-transition-backward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-ct-to-rb;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-rt;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbar-bg {
animation-name: ios-navbar-bg-from-ct-to-rt;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large-transparent .navbar-bg,
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
animation-name: ios-navbar-bg-from-cb-to-rb;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-ct-to-rb;
}
.ios .router-transition-backward .navbar-previous .navbar-bg {
animation-name: ios-navbar-bg-from-lb-to-cb;
}
.ios .router-transition-backward .navbar-previous:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
animation-name: ios-navbar-bg-from-lt-to-cb;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
animation-name: ios-navbar-bg-from-lb-to-ct;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg {
animation-name: ios-navbar-bg-from-lt-to-ct;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg,
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
animation-name: ios-navbar-transparent-bg-from-l-to-c;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg,
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent.router-navbar-transition-from-large .navbar-bg {
animation-name: ios-navbar-bg-from-lb-to-ct;
}
.view-master-detail .navbars {
z-index: auto;
}
.view-master-detail .page-master {
z-index: 525;
}
.view-master-detail .navbar-master .navbar-inner,
.view-master-detail .navbar-master .navbar-bg {
z-index: 550;
}
.view-master-detail .navbar-master-detail .navbar-inner,
.view-master-detail .navbar-master-detail .navbar-bg {
z-index: 500;
}
.view-master-detail .navbar-master.navbar-previous {
pointer-events: auto;
}
.view-master-detail .navbar-master.navbar-previous .left,
.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title,
.view-master-detail .navbar-master.navbar-previous .right,
.view-master-detail .navbar-master.navbar-previous .subnavbar {
opacity: 1;
}
.view-master-detail.router-transition .navbar-master .left,
.view-master-detail.router-transition .navbar-master .left .icon + span,
.view-master-detail.router-transition .navbar-master:not(.navbar-large) .title,
.view-master-detail.router-transition .navbar-master .right,
.view-master-detail.router-transition .navbar-master .subnavbar,
.view-master-detail.router-transition .navbar-master .fading {
opacity: 1 !important;
transition-duration: 0ms;
transform: none !important;
animation: none !important;
}
.view-master-detail.router-transition .navbar-master .navbar-bg {
transition-duration: 0ms;
animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large .title {
opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important;
transition-duration: 0ms;
transform: none !important;
animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large .title-large,
.view-master-detail.router-transition .navbar-master.navbar-large .title-large-text {
transition-duration: 0ms;
animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg,
.view-master-detail.router-transition .navbar-master.navbar-large.navbar-transparent .navbar-bg {
height: 100% !important;
opacity: var(--f7-navbar-large-collapse-progress) !important;
}
@keyframes ios-navbar-element-fade-in {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes ios-navbar-element-fade-out {
from {
opacity: 1;
}
75% {
opacity: 0;
}
to {
opacity: 0;
}
}
@keyframes ios-navbar-large-title-text-slide-up {
0% {
transform: translateX(0px) translateY(0%) scale(1);
}
100% {
transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical))) scale(0.5);
}
}
@keyframes ios-navbar-large-title-text-slide-down {
0% {
transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical) / 2)) scale(0.5);
}
100% {
transform: translateX(0px) translateY(0%) scale(1);
}
}
@keyframes ios-navbar-large-title-text-slide-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
}
}
@keyframes ios-navbar-large-title-text-slide-right {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(100%);
}
}
@keyframes ios-navbar-large-title-text-fade-out {
0% {
opacity: 1;
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes ios-navbar-large-title-text-fade-in {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ios-navbar-back-text-current-to-previous {
0% {
opacity: 1;
transform: translateY(0px) translateX(0px) scale(1);
}
80% {
opacity: 0;
}
100% {
opacity: 0;
transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc(1 * var(--f7-navbar-large-title-height) - var(--f7-navbar-large-title-padding-vertical) / 2)) scale(2);
}
}
@keyframes ios-navbar-back-text-next-to-current {
0% {
opacity: 0;
transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc(1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical) / 2)) scale(2);
}
20% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateX(0px) translateY(0px) scale(1);
}
}
@keyframes ios-navbar-bg-from-cb-to-lb {
from {
transform: var(--f7-navbar-large-bg-center-bottom);
}
to {
transform: var(--f7-navbar-large-bg-left-bottom);
}
}
@keyframes ios-navbar-bg-from-cb-to-lt {
from {
transform: var(--f7-navbar-large-bg-center-bottom);
}
to {
transform: var(--f7-navbar-large-bg-left-top);
}
}
@keyframes ios-navbar-bg-from-ct-to-lb {
from {
transform: var(--f7-navbar-large-bg-center-top);
}
to {
transform: var(--f7-navbar-large-bg-left-bottom);
}
}
@keyframes ios-navbar-bg-from-ct-to-lt {
from {
transform: var(--f7-navbar-large-bg-center-top);
}
to {
transform: var(--f7-navbar-large-bg-left-top);
}
}
@keyframes ios-navbar-bg-from-rb-to-cb {
from {
transform: var(--f7-navbar-large-bg-right-bottom);
}
to {
transform: var(--f7-navbar-large-bg-center-bottom);
}
}
@keyframes ios-navbar-bg-from-rb-to-ct {
from {
transform: var(--f7-navbar-large-bg-right-bottom);
}
to {
transform: var(--f7-navbar-large-bg-center-top);
}
}
@keyframes ios-navbar-bg-from-rt-to-cb {
from {
transform: var(--f7-navbar-large-bg-right-top);
}
to {
transform: var(--f7-navbar-large-bg-center-bottom);
}
}
@keyframes ios-navbar-bg-from-cb-to-rb {
from {
transform: var(--f7-navbar-large-bg-center-bottom);
}
to {
transform: var(--f7-navbar-large-bg-right-bottom);
}
}
@keyframes ios-navbar-bg-from-ct-to-rb {
from {
transform: var(--f7-navbar-large-bg-center-top);
}
to {
transform: var(--f7-navbar-large-bg-right-bottom);
}
}
@keyframes ios-navbar-bg-from-cb-to-rt {
from {
transform: var(--f7-navbar-large-bg-center-bottom);
}
to {
transform: var(--f7-navbar-large-bg-right-top);
}
}
@keyframes ios-navbar-bg-from-ct-to-rt {
from {
transform: var(--f7-navbar-large-bg-center-top);
}
to {
transform: var(--f7-navbar-large-bg-right-top);
}
}
@keyframes ios-navbar-bg-from-lb-to-cb {
from {
transform: var(--f7-navbar-large-bg-left-bottom);
}
to {
transform: var(--f7-navbar-large-bg-center-bottom);
}
}
@keyframes ios-navbar-bg-from-lt-to-cb {
from {
transform: var(--f7-navbar-large-bg-left-top);
}
to {
transform: var(--f7-navbar-large-bg-center-bottom);
}
}
@keyframes ios-navbar-bg-from-lb-to-ct {
from {
transform: var(--f7-navbar-large-bg-left-bottom);
}
to {
transform: var(--f7-navbar-large-bg-center-top);
}
}
@keyframes ios-navbar-bg-from-lt-to-ct {
from {
transform: var(--f7-navbar-large-bg-left-top);
}
to {
transform: var(--f7-navbar-large-bg-center-top);
}
}
@keyframes ios-navbar-transparent-bg-from-l-to-c {
from {
transform: var(--f7-navbar-large-transparent-bg-left);
}
to {
transform: var(--f7-navbar-large-transparent-bg-center);
}
}
@keyframes ios-navbar-transparent-bg-from-c-to-l {
from {
transform: var(--f7-navbar-large-transparent-bg-center);
}
to {
transform: var(--f7-navbar-large-transparent-bg-left);
}
}
.md .navbar a.link {
padding: 0 16px;
min-width: 48px;
}
.md .navbar a.link:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .navbar a.link.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .navbar a.icon-only {
min-width: 0;
flex-shrink: 0;
width: 56px;
}
.md .navbar .right {
margin-left: auto;
}
.md .navbar .right:first-child {
right: 0px;
right: var(--f7-safe-area-right);
}
.md .navbar-inner {
justify-content: flex-start;
overflow: hidden;
}
.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner {
overflow: visible;
}
.md .page.page-with-subnavbar .navbar-inner {
overflow: visible;
}
.md .navbar-inner-centered-title {
justify-content: space-between;
}
.md .navbar-inner-centered-title .right {
margin-left: 0;
}
.md .navbar-inner-centered-title .title {
text-align: center;
}
.aurora .navbar a.icon-only {
margin: 0;
justify-content: center;
}
.aurora .navbar .left a + a,
.aurora .navbar .right a + a {
margin-left: 10px;
}
.aurora .navbar b {
font-weight: bold;
}
.aurora .navbar .left {
margin-right: 10px;
}
.aurora .navbar .right {
margin-left: 10px;
}
.aurora .navbar .right:first-child {
right: calc(16px + 0px);
right: calc(16px + var(--f7-safe-area-right));
}
.aurora .navbar-inner {
justify-content: space-between;
}
.aurora .navbar-inner-left-title {
justify-content: flex-start;
}
.aurora .navbar-inner-left-title .right {
margin-left: auto;
}
.aurora .navbar-inner-left-title .title {
text-align: left;
margin-right: 10px;
}
/* === Toolbar === */
:root {
/*
--f7-toolbar-bg-color: var(--f7-bars-bg-color);
--f7-toolbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
--f7-toolbar-bg-image: var(--f7-bars-bg-image);
--f7-toolbar-border-color: var(--f7-bars-border-color);
--f7-toolbar-link-color: var(--f7-bars-link-color);
--f7-toolbar-text-color: var(--f7-bars-text-color);
--f7-tabbar-link-active-color: var(--f7-theme-color);
*/
--f7-tabbar-link-active-bg-color: transparent;
--f7-tabbar-label-text-transform: none;
--f7-toolbar-hide-show-transition-duration: 400ms;
}
.ios {
--f7-toolbar-height: 44px;
--f7-toolbar-font-size: 17px;
--f7-toolbar-inner-padding-left: 8px;
--f7-toolbar-inner-padding-right: 8px;
/*
--f7-toolbar-link-height: var(--f7-toolbar-height);
--f7-toolbar-link-line-height: var(--f7-toolbar-height);
*/
--f7-tabbar-labels-height: 50px;
--f7-tabbar-labels-tablet-height: 50px;
--f7-toolbar-top-shadow-image: none;
--f7-toolbar-bottom-shadow-image: none;
--f7-tabbar-icon-size: 28px;
--f7-tabbar-link-text-transform: none;
--f7-tabbar-link-font-weight: 400;
--f7-tabbar-link-letter-spacing: 0;
--f7-tabbar-label-font-size: 12px;
--f7-tabbar-label-tablet-font-size: 14px;
--f7-tabbar-label-font-weight: 500;
--f7-tabbar-label-letter-spacing: 0.01;
--f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.4);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54);
}
.md {
--f7-toolbar-height: 48px;
--f7-toolbar-font-size: 14px;
--f7-toolbar-inner-padding-left: 0px;
--f7-toolbar-inner-padding-right: 0px;
/*
--f7-toolbar-link-height: var(--f7-toolbar-height);
--f7-toolbar-link-line-height: var(--f7-toolbar-height);
*/
--f7-tabbar-labels-height: 56px;
--f7-tabbar-labels-tablet-height: 56px;
/*
--f7-tabbar-link-active-border-color: var(--f7-theme-color);
*/
--f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image);
--f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image);
--f7-tabbar-icon-size: 24px;
--f7-tabbar-link-text-transform: uppercase;
--f7-tabbar-link-font-weight: 500;
--f7-tabbar-link-letter-spacing: 0.03em;
--f7-tabbar-label-font-size: 14px;
--f7-tabbar-label-tablet-font-size: 14px;
--f7-tabbar-label-font-weight: 400;
--f7-tabbar-label-letter-spacing: 0;
--f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54);
}
.md .theme-dark,
.md.theme-dark {
--f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-toolbar-height: 38px;
--f7-toolbar-font-size: 14px;
--f7-toolbar-inner-padding-left: 16px;
--f7-toolbar-inner-padding-right: 16px;
--f7-toolbar-link-height: auto;
--f7-toolbar-link-line-height: inherit;
--f7-tabbar-labels-height: 44px;
--f7-tabbar-labels-tablet-height: 44px;
--f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2);
--f7-toolbar-top-shadow-image: none;
--f7-toolbar-bottom-shadow-image: none;
--f7-tabbar-icon-size: 18px;
--f7-tabbar-link-text-transform: none;
--f7-tabbar-link-font-weight: 400;
--f7-tabbar-link-letter-spacing: 0;
--f7-tabbar-label-font-size: 12px;
--f7-tabbar-label-tablet-font-size: 12px;
--f7-tabbar-label-font-weight: 500;
--f7-tabbar-label-letter-spacing: 0.01;
--f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5);
}
.toolbar {
width: 100%;
position: relative;
margin: 0;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 600;
box-sizing: border-box;
left: 0;
height: var(--f7-toolbar-height);
background-image: var(--f7-bars-bg-image);
background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image));
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-toolbar-text-color, var(--f7-bars-text-color));
font-size: var(--f7-toolbar-font-size);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .toolbar {
background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8);
background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.toolbar b {
font-weight: 600;
}
.toolbar a {
color: var(--f7-theme-color);
color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
box-sizing: border-box;
flex-shrink: 1;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
}
.toolbar .link {
display: flex;
line-height: var(--f7-toolbar-height);
line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height));
height: var(--f7-toolbar-height);
height: var(--f7-toolbar-link-height, var(--f7-toolbar-height));
}
.toolbar i.icon {
display: block;
}
.toolbar:after,
.toolbar:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.views > .toolbar,
.view > .toolbar,
.page > .toolbar {
position: absolute;
}
.toolbar-top,
.ios .toolbar-top-ios,
.md .toolbar-top-md,
.aurora .toolbar-top-aurora {
top: 0;
}
.toolbar-top .tab-link-highlight,
.ios .toolbar-top-ios .tab-link-highlight,
.md .toolbar-top-md .tab-link-highlight,
.aurora .toolbar-top-aurora .tab-link-highlight {
bottom: 0;
}
.toolbar-top.no-hairline:after,
.ios .toolbar-top-ios.no-hairline:after,
.md .toolbar-top-md.no-hairline:after,
.aurora .toolbar-top-aurora.no-hairline:after,
.toolbar-top.no-border:after,
.ios .toolbar-top-ios.no-border:after,
.md .toolbar-top-md.no-border:after,
.aurora .toolbar-top-aurora.no-border:after {
display: none !important;
}
.toolbar-top.no-shadow:before,
.ios .toolbar-top-ios.no-shadow:before,
.md .toolbar-top-md.no-shadow:before,
.aurora .toolbar-top-aurora.no-shadow:before,
.toolbar-top.toolbar-hidden:before,
.ios .toolbar-top-ios.toolbar-hidden:before,
.md .toolbar-top-md.toolbar-hidden:before,
.aurora .toolbar-top-aurora.toolbar-hidden:before {
display: none !important;
}
.toolbar-top:after,
.ios .toolbar-top-ios:after,
.md .toolbar-top-md:after,
.aurora .toolbar-top-aurora:after,
.toolbar-top:before,
.ios .toolbar-top-ios:before,
.md .toolbar-top-md:before,
.aurora .toolbar-top-aurora:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.toolbar-top:after,
.ios .toolbar-top-ios:after,
.md .toolbar-top-md:after,
.aurora .toolbar-top-aurora:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.toolbar-top:before,
.ios .toolbar-top-ios:before,
.md .toolbar-top-md:before,
.aurora .toolbar-top-aurora:before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: var(--f7-toolbar-top-shadow-image);
}
.toolbar-bottom,
.ios .toolbar-bottom-ios,
.md .toolbar-bottom-md,
.aurora .toolbar-bottom-aurora {
bottom: 0;
height: calc(var(--f7-toolbar-height) + 0px);
height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
}
.toolbar-bottom .tab-link-highlight,
.ios .toolbar-bottom-ios .tab-link-highlight,
.md .toolbar-bottom-md .tab-link-highlight,
.aurora .toolbar-bottom-aurora .tab-link-highlight {
top: 0;
}
.toolbar-bottom .toolbar-inner,
.ios .toolbar-bottom-ios .toolbar-inner,
.md .toolbar-bottom-md .toolbar-inner,
.aurora .toolbar-bottom-aurora .toolbar-inner {
height: auto;
top: 0;
bottom: 0px;
bottom: var(--f7-safe-area-bottom);
}
.toolbar-bottom.no-hairline:before,
.ios .toolbar-bottom-ios.no-hairline:before,
.md .toolbar-bottom-md.no-hairline:before,
.aurora .toolbar-bottom-aurora.no-hairline:before,
.toolbar-bottom.no-border:before,
.ios .toolbar-bottom-ios.no-border:before,
.md .toolbar-bottom-md.no-border:before,
.aurora .toolbar-bottom-aurora.no-border:before {
display: none !important;
}
.toolbar-bottom.no-shadow:after,
.ios .toolbar-bottom-ios.no-shadow:after,
.md .toolbar-bottom-md.no-shadow:after,
.aurora .toolbar-bottom-aurora.no-shadow:after,
.toolbar-bottom.toolbar-hidden:after,
.ios .toolbar-bottom-ios.toolbar-hidden:after,
.md .toolbar-bottom-md.toolbar-hidden:after,
.aurora .toolbar-bottom-aurora.toolbar-hidden:after {
display: none !important;
}
.toolbar-bottom:before,
.ios .toolbar-bottom-ios:before,
.md .toolbar-bottom-md:before,
.aurora .toolbar-bottom-aurora:before {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.toolbar-bottom:after,
.ios .toolbar-bottom-ios:after,
.md .toolbar-bottom-md:after,
.aurora .toolbar-bottom-aurora:after {
content: '';
position: absolute;
right: 0;
width: 100%;
bottom: 100%;
height: 8px;
top: auto;
pointer-events: none;
background: var(--f7-toolbar-bottom-shadow-image);
transform: translate3d(0, 0, 0);
}
.toolbar-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
align-content: center;
overflow: hidden;
padding: 0 calc(var(--f7-toolbar-inner-padding-right) + 0px) 0 calc(var(--f7-toolbar-inner-padding-left) + 0px);
padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left));
}
.views > .tabbar,
.views > .tabbar-labels {
z-index: 5001;
}
.tabbar a,
.tabbar-labels a {
color: var(--f7-tabbar-link-inactive-color);
}
.tabbar .tab-link:not(.tab-link-active),
.tabbar-labels .tab-link:not(.tab-link-active) {
background-color: transparent;
background-color: var(--f7-tabbar-link-inactive-bg-color, transparent);
}
.tabbar .link,
.tabbar-labels .link {
line-height: 1.4;
}
.tabbar .tab-link,
.tabbar-labels .tab-link,
.tabbar .link,
.tabbar-labels .link {
height: 100%;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: hidden;
}
.tabbar .tab-link-active,
.tabbar-labels .tab-link-active {
color: var(--f7-theme-color);
color: var(--f7-tabbar-link-active-color, var(--f7-theme-color));
background-color: transparent;
background-color: var(--f7-tabbar-link-active-bg-color, transparent);
}
.tabbar i.icon,
.tabbar-labels i.icon {
font-size: var(--f7-tabbar-icon-size);
height: var(--f7-tabbar-icon-size);
line-height: var(--f7-tabbar-icon-size);
}
.tabbar-labels {
--f7-toolbar-height: var(--f7-tabbar-labels-height);
}
.tabbar-labels .tab-link,
.tabbar-labels .link {
height: 100%;
justify-content: space-between;
align-items: center;
}
.tabbar-labels .tabbar-label {
display: block;
line-height: 1;
margin: 0;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--f7-tabbar-label-font-size);
text-transform: none;
text-transform: var(--f7-tabbar-label-text-transform);
font-weight: var(--f7-tabbar-label-font-weight);
letter-spacing: var(--f7-tabbar-label-letter-spacing);
}
@media (min-width: 768px) and (min-height: 600px) {
:root {
--f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height);
--f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size);
}
}
.tabbar-scrollable .toolbar-inner {
justify-content: flex-start;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
opacity: 0 !important;
}
.tabbar-scrollable .tab-link,
.tabbar-scrollable .link {
width: auto;
flex-shrink: 0;
}
.toolbar-transitioning,
.navbar-transitioning + .toolbar,
.navbar-transitioning ~ * .toolbar {
transition-duration: 400ms;
transition-duration: var(--f7-toolbar-hide-show-transition-duration);
}
.toolbar-bottom ~ *,
.ios .toolbar-bottom-ios ~ *,
.md .toolbar-bottom-md ~ *,
.aurora .toolbar-bottom-aurora ~ * {
--f7-page-toolbar-bottom-offset: var(--f7-toolbar-height);
}
.toolbar-bottom.tabbar-labels ~ *,
.ios .toolbar-bottom-ios.tabbar-labels ~ *,
.md .toolbar-bottom-md.tabbar-labels ~ *,
.aurora .toolbar-bottom-aurora.tabbar-labels ~ * {
--f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height);
}
.toolbar-bottom.toolbar-hidden,
.ios .toolbar-bottom-ios.toolbar-hidden,
.md .toolbar-bottom-md.toolbar-hidden,
.aurora .toolbar-bottom-aurora.toolbar-hidden {
transform: translate3d(0, 100%, 0);
}
.toolbar-top ~ *,
.ios .toolbar-top-ios ~ *,
.md .toolbar-top-md ~ *,
.aurora .toolbar-top-aurora ~ * {
--f7-page-toolbar-top-offset: var(--f7-toolbar-height);
}
.toolbar-top.tabbar-labels ~ *,
.ios .toolbar-top-ios.tabbar-labels ~ *,
.md .toolbar-top-md.tabbar-labels ~ *,
.aurora .toolbar-top-aurora.tabbar-labels ~ * {
--f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height);
}
.toolbar-top.toolbar-hidden,
.ios .toolbar-top-ios.toolbar-hidden,
.md .toolbar-top-md.toolbar-hidden,
.aurora .toolbar-top-aurora.toolbar-hidden {
transform: translate3d(0, -100%, 0);
}
.navbar ~ .toolbar-top,
.navbars ~ .toolbar-top,
.ios .navbar ~ .toolbar-top-ios,
.ios .navbars ~ .toolbar-top-ios,
.md .navbar ~ .toolbar-top-md,
.aurora .navbar ~ .toolbar-top-aurora,
.navbar ~ * .toolbar-top,
.navbars ~ * .toolbar-top,
.ios .navbar ~ * .toolbar-top-ios,
.ios .navbars ~ * .toolbar-top-ios,
.md .navbar ~ * .toolbar-top-md,
.aurora .navbar ~ * .toolbar-top-aurora,
.navbar ~ .page:not(.no-navbar) .toolbar-top,
.navbars ~ .page:not(.no-navbar) .toolbar-top,
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios,
.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios,
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md,
.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora {
top: calc(var(--f7-navbar-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbar ~ .toolbar-top.toolbar-hidden,
.navbars ~ .toolbar-top.toolbar-hidden,
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden,
.ios .navbars ~ .toolbar-top-ios.toolbar-hidden,
.md .navbar ~ .toolbar-top-md.toolbar-hidden,
.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden,
.navbar ~ * .toolbar-top.toolbar-hidden,
.navbars ~ * .toolbar-top.toolbar-hidden,
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden,
.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden,
.md .navbar ~ * .toolbar-top-md.toolbar-hidden,
.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden,
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden,
.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden,
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,
.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden,
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden,
.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden {
transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + 0px)), 0);
transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0);
}
.navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels,
.navbars ~ .toolbar-top.toolbar-hidden.tabbar-labels,
.ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbar-labels,
.aurora .navbar ~ .toolbar-top-aurora.toolbar-hidden.tabbar-labels,
.navbar ~ * .toolbar-top.toolbar-hidden.tabbar-labels,
.navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels,
.ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbar-labels,
.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbar-labels,
.navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,
.navbars ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels,
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels,
.md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels,
.aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels {
transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + 0px)), 0);
transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0);
}
.navbar-hidden + .toolbar-top:not(.toolbar-hidden),
.ios .navbar-hidden + .toolbar-top-ios:not(.toolbar-hidden),
.md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden),
.aurora .navbar-hidden + .toolbar-top-aurora:not(.toolbar-hidden),
.navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden),
.ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden),
.md .navbar-hidden ~ * .toolbar-top-md:not(.toolbar-hidden),
.aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) {
transform: translate3d(0, calc(0px - var(--f7-navbar-height)), 0);
}
.navbar-large-hidden + .toolbar-top:not(.toolbar-hidden),
.ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden),
.md .navbar-large-hidden + .toolbar-top-md:not(.toolbar-hidden),
.navbar-large-hidden ~ * .toolbar-top:not(.toolbar-hidden),
.ios .navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden),
.md .navbar-large-hidden ~ * .toolbar-top-md:not(.toolbar-hidden),
.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbar-hidden) {
transform: translate3d(0, calc(0px - var(--f7-navbar-height) - var(--f7-navbar-large-title-height)), 0);
}
.ios .toolbar a.icon-only {
min-height: var(--f7-toolbar-height);
display: flex;
justify-content: center;
align-items: center;
margin: 0;
min-width: 44px;
}
.ios .tabbar-labels .tab-link,
.ios .tabbar-labels .link {
padding-top: 4px;
padding-bottom: 4px;
}
.ios .tabbar-labels .tab-link i + span,
.ios .tabbar-labels .link i + span {
margin: 0;
}
@media (min-width: 768px) and (min-height: 600px) {
.ios .tabbar .tab-link,
.ios .tabbar-labels .tab-link,
.ios .tabbar .link,
.ios .tabbar-labels .link {
justify-content: center;
flex-direction: row;
}
.ios .tabbar .tab-link i + span,
.ios .tabbar-labels .tab-link i + span,
.ios .tabbar .link i + span,
.ios .tabbar-labels .link i + span {
margin-left: 5px;
}
}
.ios .tabbar-scrollable .toolbar-inner {
justify-content: flex-start;
}
.ios .tabbar-scrollable .tab-link,
.ios .tabbar-scrollable .link {
padding: 0 8px;
}
.md .toolbar .link {
justify-content: center;
padding: 0 16px;
min-width: 48px;
}
.md .toolbar .link:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .toolbar .link.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .toolbar a.icon-only {
min-width: 0;
flex-shrink: 0;
}
.md .tabbar .tab-link,
.md .tabbar-labels .tab-link,
.md .tabbar .link,
.md .tabbar-labels .link {
padding-left: 0;
padding-right: 0;
}
.md .tabbar a.icon-only,
.md .tabbar-labels a.icon-only {
flex-shrink: initial;
}
.md .tabbar .tab-link,
.md .tabbar-labels .tab-link {
transition-duration: 300ms;
overflow: hidden;
position: relative;
}
.md .tabbar .tab-link-highlight,
.md .tabbar-labels .tab-link-highlight {
position: absolute;
height: 2px;
background: var(--f7-theme-color);
background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
transition-duration: 300ms;
left: 0;
}
.md .tabbar-labels .tab-link,
.md .tabbar-labels .link {
padding-top: 7px;
padding-bottom: 7px;
}
.md .tabbar-label {
max-width: 100%;
overflow: hidden;
line-height: 1.2;
}
.md .tabbar-scrollable .toolbar-inner {
overflow: auto;
}
.md .tabbar-scrollable .tab-link,
.md .tabbar-scrollable .link {
padding: 0 16px;
}
.aurora .toolbar a.icon-only {
min-height: var(--f7-toolbar-height);
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.aurora .tabbar .toolbar-inner,
.aurora .tabbar-labels .toolbar-inner {
padding-left: 0;
padding-right: 0;
}
.aurora .tabbar .tab-link,
.aurora .tabbar-labels .tab-link,
.aurora .tabbar .link,
.aurora .tabbar-labels .link {
transition-duration: 200ms;
}
.aurora .tabbar-labels .tab-link,
.aurora .tabbar-labels .link {
padding-top: 5px;
padding-bottom: 5px;
}
.aurora .tabbar-labels .tab-link i + span,
.aurora .tabbar-labels .link i + span {
margin: 0;
}
.aurora .tabbar-scrollable .toolbar-inner {
justify-content: flex-start;
}
.aurora .tabbar-scrollable .tab-link,
.aurora .tabbar-scrollable .link {
padding: 0 16px;
}
/* === Subnavbar === */
:root {
/*
--f7-subnavbar-bg-image: var(--f7-bars-bg-image);
--f7-subnavbar-bg-color: var(--f7-bars-bg-color);
--f7-subnavbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
--f7-subnavbar-border-color: var(--f7-bars-border-color);
--f7-subnavbar-link-color: var(--f7-bars-link-color);
--f7-subnavbar-text-color: var(--f7-bars-text-color);
*/
--f7-subnavbar-title-line-height: 1.2;
}
.ios {
--f7-subnavbar-height: 44px;
--f7-subnavbar-inner-padding-left: 8px;
--f7-subnavbar-inner-padding-right: 8px;
--f7-subnavbar-title-font-size: 34px;
--f7-subnavbar-title-font-weight: 700;
--f7-subnavbar-title-letter-spacing: -0.03em;
--f7-subnavbar-title-margin-left: 8px;
--f7-subnavbar-shadow-image: none;
/*
--f7-subnavbar-link-height: var(--f7-subnavbar-height);
--f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
*/
}
.md {
--f7-subnavbar-height: 48px;
--f7-subnavbar-inner-padding-left: 16px;
--f7-subnavbar-inner-padding-right: 16px;
--f7-subnavbar-title-font-size: 20px;
--f7-subnavbar-title-font-weight: 500;
--f7-subnavbar-title-letter-spacing: 0;
--f7-subnavbar-title-margin-left: 0px;
--f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image);
/*
--f7-subnavbar-link-height: var(--f7-subnavbar-height);
--f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
*/
}
.aurora {
--f7-subnavbar-height: 38px;
--f7-subnavbar-inner-padding-left: 16px;
--f7-subnavbar-inner-padding-right: 16px;
--f7-subnavbar-title-font-size: 26px;
--f7-subnavbar-title-font-weight: bold;
--f7-subnavbar-title-letter-spacing: -0.03em;
--f7-subnavbar-title-margin-left: 0px;
--f7-subnavbar-shadow-image: none;
--f7-subnavbar-link-height: auto;
--f7-subnavbar-link-line-height: inherit;
}
.subnavbar {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 600;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
background-image: var(--f7-bars-bg-image);
background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image));
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color));
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .subnavbar {
background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8);
background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.subnavbar .subnavbar-title {
position: relative;
overflow: hidden;
text-overflow: ellpsis;
white-space: nowrap;
font-size: var(--f7-subnavbar-title-font-size);
font-weight: var(--f7-subnavbar-title-font-weight);
text-align: left;
display: inline-block;
line-height: 1.2;
line-height: var(--f7-subnavbar-title-line-height);
letter-spacing: var(--f7-subnavbar-title-letter-spacing);
margin-left: var(--f7-subnavbar-title-margin-left);
}
.subnavbar .left,
.subnavbar .right {
flex-shrink: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.subnavbar .right:first-child {
position: absolute;
height: 100%;
}
.subnavbar a {
color: var(--f7-theme-color);
color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.subnavbar a.link {
line-height: var(--f7-subnavbar-height);
line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height));
height: var(--f7-subnavbar-height);
height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height));
}
.subnavbar a.icon-only {
min-width: var(--f7-subnavbar-height);
}
.subnavbar.no-hairline:after,
.subnavbar.no-border:after {
display: none !important;
}
.subnavbar.no-shadow:before,
.subnavbar.navbar-hidden:before {
display: none !important;
}
.subnavbar:after,
.subnavbar:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.subnavbar:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.subnavbar:before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: var(--f7-subnavbar-shadow-image);
}
.subnavbar-inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
justify-content: space-between;
overflow: hidden;
padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + 0px) 0 calc(var(--f7-subnavbar-inner-padding-right) + 0px);
padding: 0 calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0 calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left));
}
.subnavbar-inner.stacked {
display: none;
}
.navbar .subnavbar {
top: 100%;
}
.views > .subnavbar,
.view > .subnavbar,
.page > .subnavbar {
position: absolute;
}
.navbar ~ * .subnavbar,
.navbars ~ * .subnavbar,
.page-with-subnavbar .navbar ~ .subnavbar,
.page-with-subnavbar .navbar ~ * .subnavbar,
.navbar ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
.navbar ~ .subnavbar,
.navbars ~ .page-with-subnavbar:not(.no-navbar) .subnavbar,
.navbars ~ .subnavbar {
top: calc(var(--f7-navbar-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbar ~ .page-with-navbar-large:not(.no-navbar) .subnavbar,
.navbars ~ .page-with-navbar-large:not(.no-navbar) .subnavbar,
.page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar,
.page-with-subnavbar.page-with-navbar-large .navbar ~ * .subnavbar,
.navbar .title-large ~ .subnavbar {
top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
}
.page-with-subnavbar,
.subnavbar ~ * {
--f7-page-subnavbar-offset: var(--f7-subnavbar-height);
}
.ios .subnavbar {
height: calc(var(--f7-subnavbar-height) + 1px);
margin-top: -1px;
padding-top: 1px;
}
.ios .subnavbar .title {
align-self: flex-start;
flex-shrink: 10;
}
.ios .subnavbar .left a + a,
.ios .subnavbar .right a + a {
margin-left: 16px;
}
.ios .subnavbar .left {
margin-right: 10px;
}
.ios .subnavbar .right {
margin-left: 10px;
}
.ios .subnavbar .right:first-child {
right: 8px;
}
.ios .subnavbar a.link {
justify-content: flex-start;
}
.ios .subnavbar a.icon-only {
justify-content: center;
margin: 0;
}
.md .subnavbar {
height: var(--f7-subnavbar-height);
}
.md .subnavbar .right {
margin-left: auto;
}
.md .subnavbar .right:first-child {
right: 16px;
}
.md .subnavbar a.link {
justify-content: center;
padding: 0 16px;
}
.md .subnavbar a.link:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .subnavbar a.link.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .subnavbar a.icon-only {
flex-shrink: 0;
}
.md .subnavbar-inner > a.link:first-child {
margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left));
}
.md .subnavbar-inner > a.link:last-child {
margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right));
}
.aurora .subnavbar {
height: calc(var(--f7-subnavbar-height) + 1px);
margin-top: -1px;
padding-top: 1px;
}
.aurora .subnavbar .title {
align-self: flex-start;
flex-shrink: 10;
}
.aurora .subnavbar .left a + a,
.aurora .subnavbar .right a + a {
margin-left: 10px;
}
.aurora .subnavbar .left {
margin-right: 10px;
}
.aurora .subnavbar .right {
margin-left: 10px;
}
.aurora .subnavbar .right:first-child {
right: 16px;
}
.aurora .subnavbar a.link {
justify-content: flex-start;
}
.aurora .subnavbar a.icon-only {
justify-content: center;
margin: 0;
}
/* === Content Block === */
:root {
--f7-block-padding-horizontal: 16px;
--f7-block-padding-vertical: 16px;
--f7-block-font-size: inherit;
--f7-block-text-color: inherit;
--f7-block-header-margin: 10px;
--f7-block-footer-margin: 10px;
--f7-block-header-font-size: 14px;
--f7-block-footer-font-size: 14px;
--f7-block-title-text-transform: none;
--f7-block-title-white-space: nowrap;
--f7-block-title-medium-text-transform: none;
--f7-block-title-large-text-transform: none;
--f7-block-inset-side-margin: 16px;
--f7-block-title-medium-text-color: #000;
--f7-block-title-large-text-color: #000;
--f7-block-strong-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-block-title-text-color: #fff;
--f7-block-strong-border-color: rgba(255, 255, 255, 0.15);
--f7-block-title-medium-text-color: #fff;
--f7-block-title-large-text-color: #fff;
--f7-block-strong-bg-color: #1c1c1d;
}
.ios {
--f7-block-margin-vertical: 35px;
--f7-block-strong-border-color: rgba(0, 0, 0, 0.22);
--f7-block-title-text-color: #000;
--f7-block-title-font-size: 16px;
--f7-block-title-font-weight: 600;
--f7-block-title-line-height: 20px;
--f7-block-title-margin-bottom: 10px;
--f7-block-title-medium-font-size: 22px;
--f7-block-title-medium-font-weight: bold;
--f7-block-title-medium-line-height: 1.4;
--f7-block-title-large-font-size: 30px;
--f7-block-title-large-font-weight: bold;
--f7-block-title-large-line-height: 1.3;
--f7-block-inset-border-radius: 8px;
--f7-block-strong-text-color: #000;
--f7-block-header-text-color: rgba(0, 0, 0, 0.45);
--f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-block-header-text-color: rgba(255, 255, 255, 0.55);
--f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
--f7-block-strong-text-color: #fff;
}
.md {
--f7-block-margin-vertical: 32px;
--f7-block-strong-text-color: inherit;
--f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
--f7-block-title-font-size: inherit;
--f7-block-title-text-color: rgba(0, 0, 0, 0.54);
--f7-block-title-font-weight: 500;
--f7-block-title-line-height: 16px;
--f7-block-title-margin-bottom: 16px;
--f7-block-title-medium-font-size: 24px;
--f7-block-title-medium-font-weight: 500;
--f7-block-title-medium-line-height: 1.3;
--f7-block-title-large-font-size: 34px;
--f7-block-title-large-font-weight: 500;
--f7-block-title-large-line-height: 1.2;
--f7-block-inset-border-radius: 4px;
--f7-block-header-text-color: rgba(0, 0, 0, 0.54);
--f7-block-footer-text-color: rgba(0, 0, 0, 0.54);
}
.md .theme-dark,
.md.theme-dark {
--f7-block-header-text-color: rgba(255, 255, 255, 0.54);
--f7-block-footer-text-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-block-margin-vertical: 15px;
--f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
--f7-block-title-font-size: inherit;
--f7-block-title-text-color: rgba(0, 0, 0, 0.7);
--f7-block-title-font-weight: 600;
--f7-block-title-line-height: 1.5;
--f7-block-title-margin-bottom: 5px;
--f7-block-title-medium-font-size: 20px;
--f7-block-title-medium-font-weight: 600;
--f7-block-title-medium-line-height: 1.4;
--f7-block-title-large-font-size: 28px;
--f7-block-title-large-font-weight: bold;
--f7-block-title-large-line-height: 1.3;
--f7-block-inset-border-radius: 4px;
--f7-block-strong-text-color: inherit;
--f7-block-header-text-color: rgba(0, 0, 0, 0.6);
--f7-block-footer-text-color: rgba(0, 0, 0, 0.6);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-block-header-text-color: rgba(255, 255, 255, 0.54);
--f7-block-footer-text-color: rgba(255, 255, 255, 0.54);
--f7-block-strong-text-color: #fff;
}
.block {
box-sizing: border-box;
position: relative;
z-index: 1;
color: inherit;
color: var(--f7-block-text-color);
margin: var(--f7-block-margin-vertical) 0;
padding-top: 0;
padding-bottom: 0;
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
font-size: inherit;
font-size: var(--f7-block-font-size);
}
.block.no-hairlines:before,
.block.no-hairlines ul:before,
.md .block.no-hairlines-md:before,
.md .block.no-hairlines-md ul:before,
.ios .block.no-hairlines-ios:before,
.ios .block.no-hairlines-ios ul:before,
.aurora .block.no-hairlines-aurora:before,
.aurora .block.no-hairlines-aurora ul:before,
.block.no-hairlines:after,
.block.no-hairlines ul:after,
.md .block.no-hairlines-md:after,
.md .block.no-hairlines-md ul:after,
.ios .block.no-hairlines-ios:after,
.ios .block.no-hairlines-ios ul:after,
.aurora .block.no-hairlines-aurora:after,
.aurora .block.no-hairlines-aurora ul:after {
display: none !important;
}
.block.no-hairline-top:before,
.block.no-hairline-top ul:before,
.md .block.no-hairline-top-md:before,
.md .block.no-hairline-top-md ul:before,
.ios .block.no-hairline-top-ios:before,
.ios .block.no-hairline-top-ios ul:before,
.aurora .block.no-hairline-top-aurora:before,
.aurora .block.no-hairline-top-aurora ul:before {
display: none !important;
}
.block.no-hairline-bottom:after,
.block.no-hairline-bottom ul:after,
.md .block.no-hairline-bottom-md:after,
.md .block.no-hairline-bottom-md ul:after,
.ios .block.no-hairline-bottom-ios:after,
.ios .block.no-hairline-bottom-ios ul:after,
.aurora .block.no-hairline-bottom-aurora:after,
.aurora .block.no-hairline-bottom-aurora ul:after {
display: none !important;
}
.block > h1:first-child,
.block > h2:first-child,
.block > h3:first-child,
.block > h4:first-child,
.block > p:first-child {
margin-top: 0;
}
.block > h1:last-child,
.block > h2:last-child,
.block > h3:last-child,
.block > h4:last-child,
.block > p:last-child {
margin-bottom: 0;
}
.block-strong {
color: var(--f7-block-strong-text-color);
padding-top: 16px;
padding-top: var(--f7-block-padding-vertical);
padding-bottom: 16px;
padding-bottom: var(--f7-block-padding-vertical);
background-color: #fff;
background-color: var(--f7-block-strong-bg-color);
}
.block-strong:before {
content: '';
position: absolute;
background-color: var(--f7-block-strong-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.block-strong:after {
content: '';
position: absolute;
background-color: var(--f7-block-strong-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.block-title {
position: relative;
overflow: hidden;
margin: 0;
white-space: nowrap;
white-space: var(--f7-block-title-white-space);
text-overflow: ellipsis;
text-transform: none;
text-transform: var(--f7-block-title-text-transform);
color: var(--f7-block-title-text-color);
font-size: inherit;
font-size: var(--f7-block-title-font-size, inherit);
font-weight: var(--f7-block-title-font-weight);
line-height: var(--f7-block-title-line-height);
margin-top: var(--f7-block-margin-vertical);
margin-bottom: var(--f7-block-title-margin-bottom);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
}
.block-title + .list,
.block-title + .block,
.block-title + .card,
.block-title + .timeline,
.block-title + .block-header {
margin-top: 0px;
}
.block-title-medium {
font-size: var(--f7-block-title-medium-font-size);
text-transform: none;
text-transform: var(--f7-block-title-medium-text-transform);
color: #000;
color: var(--f7-block-title-medium-text-color);
font-weight: var(--f7-block-title-medium-font-weight);
line-height: var(--f7-block-title-medium-line-height);
}
.block-title-large {
font-size: var(--f7-block-title-large-font-size);
text-transform: none;
text-transform: var(--f7-block-title-large-text-transform);
color: #000;
color: var(--f7-block-title-large-text-color);
font-weight: var(--f7-block-title-large-font-weight);
line-height: var(--f7-block-title-large-line-height);
}
.block > .block-title:first-child,
.list > .block-title:first-child {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.block-header {
color: var(--f7-block-header-text-color);
font-size: 14px;
font-size: var(--f7-block-header-font-size);
margin-bottom: 10px;
margin-bottom: var(--f7-block-header-margin);
margin-top: var(--f7-block-margin-vertical);
}
.block-header + .list,
.block-header + .block,
.block-header + .card,
.block-header + .timeline {
margin-top: 10px;
margin-top: var(--f7-block-header-margin);
}
.block-footer {
color: var(--f7-block-footer-text-color);
font-size: 14px;
font-size: var(--f7-block-footer-font-size);
margin-top: 10px;
margin-top: var(--f7-block-footer-margin);
margin-bottom: var(--f7-block-margin-vertical);
}
.block-footer,
.block-header {
padding-top: 0;
padding-bottom: 0;
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
}
.block-footer ul:first-child,
.block-header ul:first-child,
.block-footer p:first-child,
.block-header p:first-child,
.block-footer h1:first-child,
.block-header h1:first-child,
.block-footer h2:first-child,
.block-header h2:first-child,
.block-footer h3:first-child,
.block-header h3:first-child,
.block-footer h4:first-child,
.block-header h4:first-child {
margin-top: 0;
}
.block-footer ul:last-child,
.block-header ul:last-child,
.block-footer p:last-child,
.block-header p:last-child,
.block-footer h1:last-child,
.block-header h1:last-child,
.block-footer h2:last-child,
.block-header h2:last-child,
.block-footer h3:last-child,
.block-header h3:last-child,
.block-footer h4:last-child,
.block-header h4:last-child {
margin-bottom: 0;
}
.block-footer ul:first-child:last-child,
.block-header ul:first-child:last-child,
.block-footer p:first-child:last-child,
.block-header p:first-child:last-child,
.block-footer h1:first-child:last-child,
.block-header h1:first-child:last-child,
.block-footer h2:first-child:last-child,
.block-header h2:first-child:last-child,
.block-footer h3:first-child:last-child,
.block-header h3:first-child:last-child,
.block-footer h4:first-child:last-child,
.block-header h4:first-child:last-child {
margin-top: 0;
margin-bottom: 0;
}
.list .block-header,
.block .block-header,
.card .block-header,
.timeline .block-header {
margin-top: 0;
}
.list .block-footer,
.block .block-footer,
.card .block-footer,
.timeline .block-footer {
margin-bottom: 0;
}
.list + .block-footer,
.block + .block-footer,
.card + .block-footer,
.timeline + .block-footer {
margin-top: calc(-1 * (var(--f7-block-margin-vertical) - 10px));
margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));
}
.block + .block-footer {
margin-top: calc(-1 * (var(--f7-block-margin-vertical) - 10px));
margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin)));
margin-bottom: var(--f7-block-margin-vertical);
}
.block .block-header,
.block .block-footer {
padding: 0;
}
.block.inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.inset:before,
.block-strong.inset:after {
display: none !important;
}
@media (min-width: 480px) {
.block.xsmall-inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.xsmall-inset:before,
.block-strong.xsmall-inset:after {
display: none !important;
}
}
@media (min-width: 568px) {
.block.small-inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.small-inset:before,
.block-strong.small-inset:after {
display: none !important;
}
}
@media (min-width: 768px) {
.block.medium-inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.medium-inset:before,
.block-strong.medium-inset:after {
display: none !important;
}
}
@media (min-width: 1024px) {
.block.large-inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.large-inset:before,
.block-strong.large-inset:after {
display: none !important;
}
}
@media (min-width: 1200px) {
.block.xlarge-inset {
border-radius: var(--f7-block-inset-border-radius);
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right));
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.block-strong.xlarge-inset:before,
.block-strong.xlarge-inset:after {
display: none !important;
}
}
/* === List View === */
:root {
--f7-list-inset-side-margin: 16px;
--f7-list-item-cell-margin: 16px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-horizontal: 16px;
--f7-list-item-text-max-lines: 2;
--f7-list-chevron-icon-font-size: 20px;
--f7-list-item-title-font-size: inherit;
--f7-list-item-title-font-weight: 400;
--f7-list-item-title-text-color: inherit;
--f7-list-item-title-line-height: inherit;
--f7-list-item-title-white-space: nowrap;
--f7-list-item-subtitle-font-weight: 400;
--f7-list-item-subtitle-text-color: inherit;
--f7-list-item-subtitle-line-height: inherit;
--f7-list-item-text-font-weight: 400;
--f7-list-item-after-font-weight: 400;
--f7-list-item-header-text-color: inherit;
--f7-list-item-header-font-size: 12px;
--f7-list-item-header-font-weight: 400;
--f7-list-item-header-line-height: 1.2;
--f7-list-item-footer-font-size: 12px;
--f7-list-item-footer-font-weight: 400;
--f7-list-item-footer-line-height: 1.2;
--f7-list-button-font-size: inherit;
--f7-list-button-font-weight: 400;
--f7-list-item-divider-line-height: inherit;
--f7-list-group-title-line-height: inherit;
--f7-list-bg-color: #fff;
--f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
}
:root .theme-dark,
:root.theme-dark {
--f7-list-button-border-color: rgba(255, 255, 255, 0.15);
--f7-list-bg-color: #1c1c1d;
--f7-list-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-divider-border-color: rgba(255, 255, 255, 0.15);
--f7-list-item-divider-bg-color: #232323;
--f7-list-group-title-bg-color: #232323;
--f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
}
.ios {
--f7-list-in-list-padding-left: 30px;
--f7-list-inset-border-radius: 8px;
--f7-list-margin-vertical: 35px;
--f7-list-font-size: 17px;
--f7-list-chevron-icon-area: 20px;
--f7-list-border-color: rgba(0, 0, 0, 0.22);
--f7-list-item-border-color: rgba(0, 0, 0, 0.22);
--f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
--f7-list-item-subtitle-font-size: 15px;
--f7-list-item-text-font-size: 15px;
--f7-list-item-text-line-height: 21px;
--f7-list-item-after-font-size: inherit;
--f7-list-item-after-line-height: inherit;
--f7-list-item-after-padding: 5px;
--f7-list-item-min-height: 44px;
--f7-list-item-media-margin: 16px;
--f7-list-item-media-icons-margin: 5px;
--f7-list-item-padding-vertical: 8px;
--f7-list-media-item-padding-vertical: 10px;
--f7-list-media-item-title-font-weight: 600;
/*
--f7-list-button-text-color: var(--f7-theme-color);
*/
--f7-list-button-text-align: center;
--f7-list-button-border-color: rgba(0, 0, 0, 0.22);
--f7-list-item-divider-height: 31px;
--f7-list-item-divider-font-size: inherit;
--f7-list-item-divider-font-weight: 400;
--f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03);
--f7-list-item-divider-border-color: rgba(0, 0, 0, 0.22);
--f7-list-group-title-height: 31px;
--f7-list-group-title-font-size: inherit;
--f7-list-group-title-font-weight: 400;
--f7-list-group-title-bg-color: #f7f7f7;
--f7-list-item-after-text-color: rgba(0, 0, 0, 0.45);
--f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45);
--f7-list-item-text-text-color: rgba(0, 0, 0, 0.45);
--f7-list-item-divider-text-color: rgba(0, 0, 0, 0.45);
--f7-list-group-title-text-color: rgba(0, 0, 0, 0.45);
--f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.15);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
--f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
--f7-list-item-footer-text-color: rgba(255, 255, 255, 0.55);
--f7-list-item-text-text-color: rgba(255, 255, 255, 0.55);
--f7-list-item-divider-text-color: rgba(255, 255, 255, 0.55);
--f7-list-group-title-text-color: rgba(255, 255, 255, 0.55);
--f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08);
--f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.08);
}
.md {
--f7-list-in-list-padding-left: 40px;
--f7-list-inset-border-radius: 4px;
--f7-list-margin-vertical: 32px;
--f7-list-font-size: 16px;
--f7-list-chevron-icon-area: 26px;
--f7-list-border-color: rgba(0, 0, 0, 0.12);
--f7-list-item-border-color: rgba(0, 0, 0, 0.12);
--f7-list-item-subtitle-font-size: 14px;
--f7-list-item-text-font-size: 14px;
--f7-list-item-text-line-height: 20px;
--f7-list-item-after-font-size: 14px;
--f7-list-item-after-line-height: inherit;
--f7-list-item-after-padding: 8px;
--f7-list-item-min-height: 48px;
--f7-list-item-media-margin: 16px;
--f7-list-item-media-icons-margin: 8px;
--f7-list-item-padding-vertical: 8px;
--f7-list-media-item-padding-vertical: 14px;
/*
--f7-list-media-item-title-font-weight: var(--f7-list-item-title-font-weight);
*/
--f7-list-button-text-align: left;
--f7-list-button-border-color: transparent;
--f7-list-item-divider-height: 48px;
--f7-list-item-divider-font-size: 14px;
--f7-list-item-divider-font-weight: 400;
--f7-list-item-divider-bg-color: #f4f4f4;
--f7-list-item-divider-border-color: transparent;
--f7-list-group-title-height: 48px;
--f7-list-group-title-font-size: 14px;
--f7-list-group-title-font-weight: 400;
--f7-list-group-title-bg-color: #f4f4f4;
--f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-list-item-text-text-color: rgba(0, 0, 0, 0.54);
--f7-list-item-after-text-color: rgba(0, 0, 0, 0.54);
--f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5);
--f7-list-button-text-color: #212121;
--f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54);
--f7-list-group-title-text-color: rgba(0, 0, 0, 0.54);
}
.md .theme-dark,
.md.theme-dark {
--f7-list-button-text-color: #fff;
--f7-list-item-divider-text-color: #fff;
--f7-list-group-title-text-color: #fff;
--f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05);
--f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05);
--f7-list-item-text-text-color: rgba(255, 255, 255, 0.54);
--f7-list-item-after-text-color: rgba(255, 255, 255, 0.54);
--f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-list-in-list-padding-left: 16px;
--f7-list-inset-border-radius: 4px;
--f7-list-margin-vertical: 15px;
--f7-list-font-size: 14px;
--f7-list-chevron-icon-area: 15px;
--f7-list-chevron-icon-font-size: 16px;
--f7-list-border-color: rgba(0, 0, 0, 0.12);
--f7-list-item-border-color: rgba(0, 0, 0, 0.12);
--f7-list-item-title-line-height: 1.3;
--f7-list-item-subtitle-font-size: 14px;
--f7-list-item-subtitle-line-height: 1.3;
--f7-list-item-text-font-size: 12px;
--f7-list-item-text-line-height: 16px;
--f7-list-item-after-font-size: 13px;
--f7-list-item-after-line-height: 1.2;
--f7-list-item-after-padding: 5px;
--f7-list-item-min-height: 32px;
--f7-list-item-media-margin: 10px;
--f7-list-item-media-icons-margin: 5px;
--f7-list-item-padding-vertical: 5px;
--f7-list-media-item-padding-vertical: 5px;
--f7-list-media-item-title-font-weight: 600;
/*
--f7-list-button-text-color: var(--f7-theme-color);
*/
--f7-list-button-text-align: center;
--f7-list-button-border-color: rgba(0, 0, 0, 0.12);
--f7-list-item-divider-height: 19px;
--f7-list-item-divider-font-size: inherit;
--f7-list-item-divider-font-weight: 500;
--f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03);
--f7-list-item-divider-border-color: transparent;
--f7-list-group-title-height: 19px;
--f7-list-group-title-font-size: inherit;
--f7-list-group-title-font-weight: 500;
--f7-list-group-title-bg-color: #f7f7f7;
--f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-list-link-hover-bg-color: rgba(0, 0, 0, 0.03);
--f7-list-item-text-text-color: rgba(0, 0, 0, 0.6);
--f7-list-item-after-text-color: rgba(0, 0, 0, 0.5);
--f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6);
--f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03);
--f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6);
--f7-list-group-title-text-color: rgba(0, 0, 0, 0.6);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-list-item-text-text-color: rgba(255, 255, 255, 0.54);
--f7-list-item-after-text-color: rgba(255, 255, 255, 0.54);
--f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54);
--f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6);
--f7-list-group-title-text-color: rgba(255, 255, 255, 0.6);
--f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05);
--f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03);
--f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05);
--f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03);
}
:root {
--f7-list-chevron-icon-left: 'chevron_left';
--f7-list-chevron-icon-right: 'chevron_right';
}
.aurora {
--f7-list-chevron-icon-left: 'chevron_left_aurora';
--f7-list-chevron-icon-right: 'chevron_right_aurora';
}
.list {
position: relative;
z-index: 1;
font-size: var(--f7-list-font-size);
margin: var(--f7-list-margin-vertical) 0;
}
.list ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
background: #fff;
background: var(--f7-list-bg-color);
}
.list ul:before {
content: '';
position: absolute;
background-color: var(--f7-list-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.list ul:after {
content: '';
position: absolute;
background-color: var(--f7-list-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.list ul ul {
padding-left: calc(16px + var(--f7-list-in-list-padding-left));
padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-list-in-list-padding-left));
}
.list ul ul:before,
.list ul ul:after {
display: none !important;
}
.list li {
position: relative;
box-sizing: border-box;
}
.list .item-media {
display: flex;
flex-shrink: 0;
flex-wrap: nowrap;
align-items: center;
box-sizing: border-box;
padding-bottom: var(--f7-list-item-padding-vertical);
padding-top: var(--f7-list-item-padding-vertical);
}
.list .item-media + .item-inner {
margin-left: var(--f7-list-item-media-margin);
}
.list .item-media i + i,
.list .item-media i + img {
margin-left: var(--f7-list-item-media-icons-margin);
}
.list .item-after {
padding-left: var(--f7-list-item-after-padding);
}
.list .item-inner {
position: relative;
width: 100%;
min-width: 0;
display: flex;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
align-self: stretch;
padding-top: var(--f7-list-item-padding-vertical);
padding-bottom: var(--f7-list-item-padding-vertical);
min-height: var(--f7-list-item-min-height);
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.list .item-title {
min-width: 0;
flex-shrink: 1;
white-space: nowrap;
white-space: var(--f7-list-item-title-white-space);
position: relative;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-size: inherit;
font-size: var(--f7-list-item-title-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-title-font-weight);
color: inherit;
color: var(--f7-list-item-title-text-color);
line-height: inherit;
line-height: var(--f7-list-item-title-line-height);
}
.list .item-after {
white-space: nowrap;
flex-shrink: 0;
display: flex;
font-size: var(--f7-list-item-after-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-after-font-weight);
color: var(--f7-list-item-after-text-color);
line-height: var(--f7-list-item-after-line-height);
margin-left: auto;
}
.list .item-header,
.list .item-footer {
white-space: normal;
}
.list .item-header {
color: inherit;
color: var(--f7-list-item-header-text-color);
font-size: 12px;
font-size: var(--f7-list-item-header-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-header-font-weight);
line-height: 1.2;
line-height: var(--f7-list-item-header-line-height);
}
.list .item-footer {
color: var(--f7-list-item-footer-text-color);
font-size: 12px;
font-size: var(--f7-list-item-footer-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-footer-font-weight);
line-height: 1.2;
line-height: var(--f7-list-item-footer-line-height);
}
.list .item-link,
.list .list-button {
transition-duration: 300ms;
transition-property: background-color;
display: block;
position: relative;
overflow: hidden;
z-index: 0;
}
.list .item-link {
color: inherit;
}
.list .item-link.active-state {
background-color: var(--f7-list-link-pressed-bg-color);
}
.list .item-link .item-inner {
padding-right: calc(var(--f7-list-chevron-icon-area) + 16px + 0px);
padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.list .item-content {
display: flex;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
min-height: var(--f7-list-item-min-height);
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
}
.list .item-subtitle {
position: relative;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
font-size: var(--f7-list-item-subtitle-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-subtitle-font-weight);
color: inherit;
color: var(--f7-list-item-subtitle-text-color);
line-height: inherit;
line-height: var(--f7-list-item-subtitle-line-height);
}
.list .item-text {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
/* autoprefixer: ignore next */
-webkit-line-clamp: 2;
-webkit-line-clamp: var(--f7-list-item-text-max-lines);
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: var(--f7-list-item-text-font-size);
font-weight: 400;
font-weight: var(--f7-list-item-text-font-weight);
color: var(--f7-list-item-text-text-color);
line-height: var(--f7-list-item-text-line-height);
max-height: calc(var(--f7-list-item-text-line-height) * 2);
max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines));
}
.list .item-title-row {
position: relative;
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
.list .item-title-row .item-after {
align-self: center;
}
.list .item-row {
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
.list .item-cell {
display: block;
align-self: center;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin-left: 16px;
margin-left: var(--f7-list-item-cell-margin);
flex-shrink: 1;
}
.list .item-cell:first-child {
margin-left: 0;
}
.list .ripple-wave + .item-cell {
margin-left: 0;
}
.list li:last-child .list-button:after {
display: none !important;
}
.list li:last-child > .item-inner:after,
.list li:last-child li:last-child > .item-inner:after,
.list li:last-child > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-content > .item-inner:after,
.list li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child > .item-link > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
display: none !important;
}
.list li li:last-child .item-inner:after,
.list li:last-child li .item-inner:after {
content: '';
position: absolute;
background-color: var(--f7-list-item-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.list.no-hairlines:before,
.list.no-hairlines ul:before,
.md .list.no-hairlines-md:before,
.md .list.no-hairlines-md ul:before,
.ios .list.no-hairlines-ios:before,
.ios .list.no-hairlines-ios ul:before,
.aurora .list.no-hairlines-aurora:before,
.aurora .list.no-hairlines-aurora ul:before,
.list.no-hairlines:after,
.list.no-hairlines ul:after,
.md .list.no-hairlines-md:after,
.md .list.no-hairlines-md ul:after,
.ios .list.no-hairlines-ios:after,
.ios .list.no-hairlines-ios ul:after,
.aurora .list.no-hairlines-aurora:after,
.aurora .list.no-hairlines-aurora ul:after {
display: none !important;
}
.list.no-hairline-top:before,
.list.no-hairline-top ul:before,
.md .list.no-hairline-top-md:before,
.md .list.no-hairline-top-md ul:before,
.ios .list.no-hairline-top-ios:before,
.ios .list.no-hairline-top-ios ul:before,
.aurora .list.no-hairline-top-aurora:before,
.aurora .list.no-hairline-top-aurora ul:before {
display: none !important;
}
.list.no-hairline-bottom:after,
.list.no-hairline-bottom ul:after,
.md .list.no-hairline-bottom-md:after,
.md .list.no-hairline-bottom-md ul:after,
.ios .list.no-hairline-bottom-ios:after,
.ios .list.no-hairline-bottom-ios ul:after,
.aurora .list.no-hairline-bottom-aurora:after,
.aurora .list.no-hairline-bottom-aurora ul:after {
display: none !important;
}
.list.no-hairlines-between .item-inner:after,
.md .list.no-hairlines-between-md .item-inner:after,
.ios .list.no-hairlines-between-ios .item-inner:after,
.aurora .list.no-hairlines-between-aurora .item-inner:after,
.list.no-hairlines-between .list-button:after,
.md .list.no-hairlines-between-md .list-button:after,
.ios .list.no-hairlines-between-ios .list-button:after,
.aurora .list.no-hairlines-between-aurora .list-button:after,
.list.no-hairlines-between .item-divider:after,
.md .list.no-hairlines-between-md .item-divider:after,
.ios .list.no-hairlines-between-ios .item-divider:after,
.aurora .list.no-hairlines-between-aurora .item-divider:after,
.list.no-hairlines-between .list-group-title:after,
.md .list.no-hairlines-between-md .list-group-title:after,
.ios .list.no-hairlines-between-ios .list-group-title:after,
.aurora .list.no-hairlines-between-aurora .list-group-title:after,
.list.no-hairlines-between .list-group-title:after,
.md .list.no-hairlines-between-md .list-group-title:after,
.ios .list.no-hairlines-between-ios .list-group-title:after,
.aurora .list.no-hairlines-between-aurora .list-group-title:after {
display: none !important;
}
.list.no-hairlines-between.simple-list li:after,
.md .list.no-hairlines-between-md.simple-list li:after,
.ios .list.no-hairlines-between-ios.simple-list li:after,
.aurora .list.no-hairlines-between-aurora.simple-list li:after {
display: none !important;
}
.list.no-hairlines-between.links-list a:after,
.md .list.no-hairlines-between-md.links-list a:after,
.ios .list.no-hairlines-between-ios.links-list a:after,
.aurora .list.no-hairlines-between-aurora.links-list a:after {
display: none !important;
}
.list-button {
padding: 0 16px;
padding: 0 var(--f7-list-item-padding-horizontal);
line-height: var(--f7-list-item-min-height);
color: var(--f7-theme-color);
color: var(--f7-list-button-text-color, var(--f7-theme-color));
font-size: inherit;
font-size: var(--f7-list-button-font-size);
font-weight: 400;
font-weight: var(--f7-list-button-font-weight);
text-align: var(--f7-list-button-text-align);
}
.list-button:after {
content: '';
position: absolute;
background-color: var(--f7-list-button-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.list-button.active-state {
background-color: var(--f7-list-button-pressed-bg-color);
}
.list-button[class*="color-"] {
--f7-list-button-text-color: var(--f7-theme-color);
}
.simple-list li {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
line-height: var(--f7-list-item-min-height);
height: var(--f7-list-item-min-height);
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.simple-list li:after {
left: 16px;
left: var(--f7-list-item-padding-horizontal);
width: auto;
left: calc(16px + 0px);
left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
right: 0;
}
.simple-list li:last-child:after {
display: none !important;
}
.links-list li {
z-index: 1;
}
.links-list a {
transition-duration: 300ms;
transition-property: background-color;
display: block;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
height: var(--f7-list-item-min-height);
color: inherit;
}
.links-list a .ripple-wave {
z-index: 0;
}
.links-list a:after {
width: auto;
}
.links-list a.active-state {
background-color: var(--f7-list-link-pressed-bg-color);
}
.links-list a {
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(var(--f7-list-chevron-icon-area) + 16px + 0px);
padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.links-list a:after {
left: calc(16px + 0px);
left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
right: 0;
}
.links-list li:last-child a:after {
display: none !important;
}
.simple-list li:after,
.links-list a:after,
.list .item-inner:after {
content: '';
position: absolute;
background-color: var(--f7-list-item-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.media-list,
li.media-item {
--f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical);
--f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal);
}
.media-list .item-title,
li.media-item .item-title {
font-weight: var(--f7-list-item-title-font-weight, inherit);
font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit));
}
.media-list .item-inner,
li.media-item .item-inner {
display: block;
align-self: stretch;
}
.media-list .item-media,
li.media-item .item-media {
align-self: flex-start;
}
.media-list .item-media img,
li.media-item .item-media img {
display: block;
}
.media-list .item-link .item-inner,
li.media-item .item-link .item-inner {
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.media-list .item-link .item-title-row,
li.media-item .item-link .item-title-row {
padding-right: calc(var(--f7-list-chevron-icon-area));
}
.media-list.chevron-center .item-link .item-inner,
.media-list .chevron-center .item-link .item-inner,
.media-list .item-link.chevron-center .item-inner,
li.media-item.chevron-center .item-link .item-inner,
li.media-item .item-link.chevron-center .item-inner,
li.media-item .chevron-center .item-link .item-inner {
padding-right: calc(var(--f7-list-chevron-icon-area) + 16px + 0px);
padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.media-list.chevron-center .item-title-row,
.media-list .chevron-center .item-title-row,
li.media-item.chevron-center .item-title-row,
li.media-item .chevron-center .item-title-row {
padding-right: 0;
}
.list .item-link .item-inner:before,
.links-list a:before,
.media-list .item-link .item-title-row:before,
li.media-item .item-link .item-title-row:before,
.media-list.chevron-center .item-link .item-inner:before,
.media-list .chevron-center .item-link .item-inner:before,
.media-list .item-link.chevron-center .item-inner:before,
li.media-item.chevron-center .item-link .item-inner:before,
li.media-item .chevron-center .item-link .item-inner:before,
li.media-item .item-link.chevron-center .item-inner:before {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: rgba(0, 0, 0, 0.2);
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(16px + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
content: 'chevron_right';
content: var(--f7-list-chevron-icon-right);
}
.media-list.chevron-center .item-title-row:before,
.media-list .chevron-center .item-title-row:before,
li.media-item.chevron-center .item-title-row:before,
li.media-item .chevron-center .item-title-row:before {
display: none;
}
.media-list .item-link .item-inner:before,
li.media-item .item-link .item-inner:before {
display: none;
}
.media-list .item-link .item-title-row:before,
li.media-item .item-link .item-title-row:before {
right: 0;
}
.list-group ul:after,
.list-group ul:before {
z-index: 25 !important;
}
.list-group + .list-group ul:before {
display: none !important;
}
li.item-divider,
.item-divider,
li.list-group-title {
white-space: nowrap;
position: relative;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
z-index: 15;
padding-top: 0;
padding-bottom: 0;
padding-left: calc(16px + 0px);
padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
box-sizing: border-box;
display: flex;
align-items: center;
align-content: center;
}
li.item-divider:after,
.item-divider:after,
li.list-group-title:after {
display: none !important;
}
li.item-divider,
.item-divider {
margin-top: -1px;
height: var(--f7-list-item-divider-height);
color: var(--f7-list-item-divider-text-color);
font-size: var(--f7-list-item-divider-font-size);
font-weight: var(--f7-list-item-divider-font-weight);
background-color: var(--f7-list-item-divider-bg-color);
line-height: inherit;
line-height: var(--f7-list-item-divider-line-height);
}
li.item-divider:before,
.item-divider:before {
content: '';
position: absolute;
background-color: var(--f7-list-item-divider-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
li.list-group-title,
.list li.list-group-title {
position: relative;
position: -webkit-sticky;
position: sticky;
top: 0;
margin-top: 0;
z-index: 20;
height: var(--f7-list-group-title-height);
color: var(--f7-list-group-title-text-color);
font-size: var(--f7-list-group-title-font-size);
font-weight: var(--f7-list-group-title-font-weight);
background-color: var(--f7-list-group-title-bg-color);
line-height: inherit;
line-height: var(--f7-list-group-title-line-height);
}
.page-with-navbar-large li.list-group-title,
.page-with-navbar-large .list li.list-group-title {
top: calc(-1 * var(--f7-navbar-large-title-height));
}
.list.inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.inset ul:before,
.list.inset ul:after {
display: none !important;
}
.list.inset li.swipeout:first-child,
.list.inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.inset li.swipeout:last-child,
.list.inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.inset li.swipeout:first-child:last-child,
.list.inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
@media (min-width: 480px) {
.list.xsmall-inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.xsmall-inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.xsmall-inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.xsmall-inset ul:before,
.list.xsmall-inset ul:after {
display: none !important;
}
.list.xsmall-inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.xsmall-inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.xsmall-inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
}
@media (min-width: 568px) {
.list.small-inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.small-inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.small-inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.small-inset ul:before,
.list.small-inset ul:after {
display: none !important;
}
.list.small-inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.small-inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.small-inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
}
@media (min-width: 768px) {
.list.medium-inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.medium-inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.medium-inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.medium-inset ul:before,
.list.medium-inset ul:after {
display: none !important;
}
.list.medium-inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.medium-inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.medium-inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
}
@media (min-width: 1024px) {
.list.large-inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.large-inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.large-inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.large-inset ul:before,
.list.large-inset ul:after {
display: none !important;
}
.list.large-inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.large-inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.large-inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
}
@media (min-width: 1200px) {
.list.xlarge-inset {
margin-left: calc(16px + 0px);
margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left));
margin-right: calc(16px + 0px);
margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
border-radius: var(--f7-list-inset-border-radius);
--f7-safe-area-left: 0px;
--f7-safe-area-right: 0px;
}
.list.xlarge-inset .block-title {
margin-left: 0;
margin-right: 0;
}
.list.xlarge-inset ul {
border-radius: var(--f7-list-inset-border-radius);
}
.list.xlarge-inset ul:before,
.list.xlarge-inset ul:after {
display: none !important;
}
.list.xlarge-inset li:first-child > a {
border-radius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0 0;
}
.list.xlarge-inset li:last-child > a {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.list.xlarge-inset li:first-child:last-child > a {
border-radius: var(--f7-list-inset-border-radius);
}
}
.list.no-chevron,
.list .no-chevron {
--f7-list-chevron-icon-color: transparent;
--f7-list-chevron-icon-area: 0px;
}
.ios .item-link.active-state .item-inner:after,
.ios .list-button.active-state:after,
.ios .links-list a.active-state:after {
background-color: transparent;
}
.ios .links-list a.active-state,
.ios .list .item-link.active-state,
.ios .list .list-button.active-state {
transition-duration: 0ms;
}
.md .list .item-media {
min-width: 40px;
}
.aurora .list .item-media {
min-width: 18px;
}
.aurora .links-list a,
.aurora .list .item-link,
.aurora .list .list-button {
transition-duration: 0ms;
}
.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),
.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) {
background: var(--f7-list-link-hover-bg-color);
}
.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) {
background: var(--f7-list-button-hover-bg-color);
}
/* === Badge === */
:root {
--f7-badge-text-color: #fff;
--f7-badge-bg-color: #8e8e93;
--f7-badge-padding: 0 4px;
--f7-badge-in-icon-size: 16px;
--f7-badge-in-icon-font-size: 10px;
--f7-badge-font-weight: normal;
--f7-badge-font-size: 12px;
}
.ios {
--f7-badge-size: 20px;
}
.md {
--f7-badge-size: 18px;
}
.aurora {
--f7-badge-size: 18px;
--f7-badge-font-weight: 600;
--f7-badge-in-icon-size: 15px;
}
.badge {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
color: #fff;
color: var(--f7-badge-text-color);
background: #8e8e93;
background: var(--f7-badge-bg-color);
position: relative;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
font-weight: normal;
font-weight: var(--f7-badge-font-weight);
font-size: 12px;
font-size: var(--f7-badge-font-size);
border-radius: var(--f7-badge-size);
padding: 0 4px;
padding: var(--f7-badge-padding);
height: var(--f7-badge-size);
min-width: var(--f7-badge-size);
}
.icon .badge,
.f7-icons .badge,
.framework7-icons .badge,
.material-icons .badge {
position: absolute;
left: 100%;
margin-left: -10px;
top: -2px;
font-family: var(--f7-font-family);
--f7-badge-font-size: var(--f7-badge-in-icon-font-size);
--f7-badge-size: var(--f7-badge-in-icon-size);
}
.badge[class*="color-"] {
--f7-badge-bg-color: var(--f7-theme-color);
}
:root {
--f7-button-min-width: 32px;
--f7-button-bg-color: transparent;
--f7-button-border-width: 0px;
/*
--f7-button-text-color: var(--f7-theme-color);
--f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color));
--f7-button-border-color: var(--f7-theme-color);
--f7-button-fill-text-color: #fff;
--f7-button-fill-bg-color: var(--f7-theme-color);
--f7-button-outline-border-color: var(--f7-theme-color);
*/
--f7-button-outline-border-width: 2px;
--f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
--f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0,0,0,0.23);
--f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1);
--f7-segmented-strong-padding: 2px;
--f7-segmented-strong-between-buttons: 4px;
--f7-segmented-strong-button-font-weight: 500;
--f7-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
--f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
--f7-segmented-strong-button-text-color: #000;
--f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
--f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
--f7-segmented-strong-button-active-text-color: #000;
--f7-segmented-strong-button-active-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-segmented-strong-bg-color: rgba(255, 255, 255, 0.1);
--f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
--f7-segmented-strong-button-hover-bg-color: rgba(255, 255, 255, 0.02);
--f7-segmented-strong-button-active-bg-color: rgba(255, 255, 255, 0.14);
--f7-segmented-strong-button-text-color: #fff;
--f7-segmented-strong-button-active-text-color: #fff;
}
.ios {
--f7-button-font-size: 13px;
--f7-button-height: 28px;
--f7-button-padding-horizontal: 10px;
--f7-button-border-radius: 5px;
--f7-button-font-weight: 600;
--f7-button-letter-spacing: 0;
--f7-button-text-transform: uppercase;
/*
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
*/
--f7-button-large-height: 44px;
--f7-button-large-font-size: 17px;
--f7-button-large-font-weight: 500;
--f7-button-large-text-transform: none;
--f7-button-small-height: 26px;
--f7-button-small-font-size: 13px;
--f7-button-small-font-weight: 600;
--f7-button-small-text-transform: uppercase;
--f7-button-small-outline-border-width: 2px;
--f7-segmented-strong-button-text-transform: none;
--f7-segmented-strong-button-active-font-weight: 600;
}
.md {
--f7-button-font-size: 14px;
--f7-button-height: 36px;
--f7-button-padding-horizontal: 8px;
--f7-button-border-radius: 4px;
--f7-button-font-weight: 500;
--f7-button-letter-spacing: 0.03em;
--f7-button-text-transform: uppercase;
/*
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade);
*/
--f7-button-large-height: 48px;
--f7-button-large-font-size: 14px;
--f7-button-large-font-weight: 500;
--f7-button-large-text-transform: uppercase;
--f7-button-small-height: 28px;
--f7-button-small-font-size: 12px;
--f7-button-small-font-weight: 500;
--f7-button-small-text-transform: uppercase;
--f7-button-small-outline-border-width: 2px;
--f7-segmented-strong-button-text-transform: uppercase;
--f7-segmented-strong-button-active-font-weight: 500;
--f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
}
.md .theme-dark,
.md.theme-dark {
--f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
}
.aurora {
/*
--f7-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07);
--f7-button-fill-hover-bg-color: var(--f7-theme-color-tint);
*/
--f7-button-font-size: 14px;
--f7-button-height: 28px;
--f7-button-min-width: 24px;
--f7-button-padding-horizontal: 10px;
--f7-button-border-radius: 4px;
--f7-button-font-weight: 500;
--f7-button-letter-spacing: 0.02;
--f7-button-text-transform: none;
/*
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-shade);
*/
--f7-button-large-height: 34px;
--f7-button-large-font-size: 14px;
--f7-button-large-font-weight: 600;
--f7-button-large-text-transform: none;
--f7-button-small-height: 24px;
--f7-button-small-font-size: 12px;
--f7-button-small-font-weight: 600;
--f7-button-small-text-transform: none;
--f7-button-small-outline-border-width: 1px;
--f7-segmented-strong-button-text-transform: none;
--f7-segmented-strong-button-active-font-weight: 600;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
.button {
text-decoration: none;
text-align: center;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
overflow: hidden;
font-family: inherit;
cursor: pointer;
outline: 0;
box-sizing: border-box;
vertical-align: middle;
justify-content: center;
align-items: center;
border: 0px solid var(--f7-theme-color);
border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color));
font-size: var(--f7-button-font-size);
color: var(--f7-theme-color);
color: var(--f7-button-text-color, var(--f7-theme-color));
height: var(--f7-button-height);
line-height: calc(var(--f7-button-height) - 0px * 2);
line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2);
padding: 0px var(--f7-button-padding-horizontal);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-button-padding-horizontal);
border-radius: var(--f7-button-border-radius);
min-width: 32px;
min-width: var(--f7-button-min-width);
font-weight: var(--f7-button-font-weight);
letter-spacing: var(--f7-button-letter-spacing);
text-transform: var(--f7-button-text-transform);
background-color: transparent;
background-color: var(--f7-button-bg-color);
box-shadow: var(--f7-button-box-shadow);
}
.button.active-state {
background-color: rgba(0, 122, 255, 0.15);
background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15));
color: var(--f7-theme-color);
color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color)));
}
input[type="submit"].button,
input[type="button"].button {
width: 100%;
}
.button > i + span,
.button > span + span,
.button > span + i,
.button > i + i {
margin-left: 4px;
}
.subnavbar .button,
.navbar .button,
.toolbar .button,
.searchbar .button,
.appbar .button {
color: var(--f7-theme-color);
color: var(--f7-button-text-color, var(--f7-theme-color));
}
.button-round,
.ios .button-round-ios,
.md .button-round-md,
.aurora .button-round-aurora {
--f7-button-border-radius: var(--f7-button-height);
}
.button-fill,
.ios .button-fill-ios,
.md .button-fill-md,
.aurora .button-fill-aurora,
.button-active,
.button.tab-link-active {
--f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
--f7-button-text-color: var(--f7-button-fill-text-color, #fff);
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.button-fill,
.ios .button-fill-ios,
.md .button-fill-md,
.aurora .button-fill-aurora {
--f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color);
}
.button-active,
.button.tab-link-active {
--f7-button-pressed-bg-color: var(--f7-button-bg-color);
}
.button-outline,
.ios .button-outline-ios,
.md .button-outline-md,
.aurora .button-outline-aurora {
--f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color));
--f7-button-border-width: var(--f7-button-outline-border-width);
}
.button-large,
.ios .button-large-ios,
.md .button-large-md,
.aurora .button-large-aurora {
--f7-button-height: var(--f7-button-large-height);
--f7-button-font-size: var(--f7-button-large-font-size);
--f7-button-font-weight: var(--f7-button-large-font-weight);
--f7-button-text-transform: var(--f7-button-large-text-transform);
}
.button-small,
.ios .button-small-ios,
.md .button-small-md,
.aurora .button-small-aurora {
--f7-button-outline-border-width: var(--f7-button-small-outline-border-width);
--f7-button-height: var(--f7-button-small-height);
--f7-button-font-size: var(--f7-button-small-font-size);
--f7-button-font-weight: var(--f7-button-small-font-weight);
--f7-button-text-transform: var(--f7-button-small-text-transform);
}
.ios .button-small.button-fill,
.ios .button-small-ios.button-fill,
.ios .button-small.button-fill-ios {
--f7-button-border-width: var(--f7-button-small-outline-border-width);
--f7-button-pressed-text-color: var(--f7-theme-color);
--f7-button-pressed-bg-color: transparent;
}
.segmented {
align-self: center;
display: flex;
flex-wrap: nowrap;
border-radius: var(--f7-button-border-radius);
box-shadow: var(--f7-button-box-shadow);
box-sizing: border-box;
}
.segmented .button,
.segmented button {
width: 100%;
flex-shrink: 1;
min-width: 0;
border-radius: 0;
}
.segmented .button:first-child {
border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
}
.segmented .button:not(.button-outline):first-child {
border-left: none;
}
.segmented .button.button-outline:nth-child(n + 2) {
border-left: none;
}
.segmented .button:last-child {
border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0;
}
.segmented .button-round:first-child {
border-radius: var(--f7-button-height) 0 0 var(--f7-button-height);
}
.segmented .button-round:last-child {
border-radius: 0 var(--f7-button-height) var(--f7-button-height) 0;
}
.segmented .button:first-child:last-child {
border-radius: var(--f7-button-border-radius);
}
.segmented-raised,
.ios .segmented-raised-ios,
.md .segmented-raised-md,
.aurora .segmented-raised-aurora {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: var(--f7-button-raised-box-shadow);
}
.segmented-raised .button:not(.button-outline),
.ios .segmented-raised-ios .button:not(.button-outline),
.md .segmented-raised-md .button:not(.button-outline),
.aurora .segmented-raised-aurora .button:not(.button-outline) {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid var(--f7-segmented-raised-divider-color);
}
.button-raised,
.ios .button-raised-ios,
.md .button-raised-md,
.aurora .button-raised-aurora {
--f7-button-box-shadow: var(--f7-button-raised-box-shadow);
}
.button-raised.active-state,
.ios .button-raised-ios.active-state,
.md .button-raised-md.active-state,
.aurora .button-raised-aurora.active-state {
--f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow);
}
.segmented-strong,
.ios .segmented-strong-ios,
.md .segmented-strong-md,
.aurora .segmented-strong-aurora {
--f7-button-bg-color: transparent;
--f7-button-hover-bg-color: var(--f7-segmented-strong-button-hover-bg-color);
--f7-button-text-color: var(--f7-segmented-strong-button-text-color);
--f7-button-font-weight: var(--f7-segmented-strong-button-font-weight);
--f7-button-text-transform: var(--f7-segmented-strong-button-text-transform);
--f7-button-pressed-bg-color: var(--f7-segmented-strong-button-pressed-bg-color);
position: relative;
background: rgba(0, 0, 0, 0.07);
background: var(--f7-segmented-strong-bg-color);
border-radius: calc(var(--f7-button-border-radius) + 2px);
box-shadow: none;
padding: 2px;
padding: var(--f7-segmented-strong-padding);
overflow: hidden;
}
.segmented-strong .button,
.ios .segmented-strong-ios .button,
.md .segmented-strong-md .button,
.aurora .segmented-strong-aurora .button {
z-index: 1;
transform: translate3d(0, 0, 0);
}
.segmented-strong .button,
.ios .segmented-strong-ios .button,
.md .segmented-strong-md .button,
.aurora .segmented-strong-aurora .button,
.segmented-strong .button:first-child,
.ios .segmented-strong-ios .button:first-child,
.md .segmented-strong-md .button:first-child,
.aurora .segmented-strong-aurora .button:first-child,
.segmented-strong .button:last-child,
.ios .segmented-strong-ios .button:last-child,
.md .segmented-strong-md .button:last-child,
.aurora .segmented-strong-aurora .button:last-child {
border-radius: var(--f7-button-border-radius);
}
.segmented-strong .button + .button,
.ios .segmented-strong-ios .button + .button,
.md .segmented-strong-md .button + .button,
.aurora .segmented-strong-aurora .button + .button {
margin-left: 4px;
margin-left: var(--f7-segmented-strong-between-buttons);
}
.segmented-strong .button.button-active,
.ios .segmented-strong-ios .button.button-active,
.md .segmented-strong-md .button.button-active,
.aurora .segmented-strong-aurora .button.button-active,
.segmented-strong .button.tab-link-active,
.ios .segmented-strong-ios .button.tab-link-active,
.md .segmented-strong-md .button.tab-link-active,
.aurora .segmented-strong-aurora .button.tab-link-active {
--f7-button-hover-bg-color: transparent;
--f7-button-bg-color: transparent;
--f7-button-text-color: var(--f7-segmented-strong-button-active-text-color);
--f7-button-font-weight: var(--f7-segmented-strong-button-active-font-weight);
}
.segmented-strong .segmented-highlight,
.ios .segmented-strong-ios .segmented-highlight,
.md .segmented-strong-md .segmented-highlight,
.aurora .segmented-strong-aurora .segmented-highlight {
--f7-segmented-highlight-num: 1;
--f7-segmented-highlight-active: 0;
--f7-segmented-highlight-padding: calc(var(--f7-segmented-strong-padding) * 2);
--f7-segmented-highlight-between: var(--f7-segmented-strong-between-buttons);
--f7-segmented-highlight-width: calc((100% - var(--f7-segmented-highlight-padding) - var(--f7-segmented-highlight-between) * (var(--f7-segmented-highlight-num) - 1)) / var(--f7-segmented-highlight-num));
position: absolute;
background-color: #fff;
background-color: var(--f7-segmented-strong-button-active-bg-color);
border-radius: var(--f7-button-border-radius);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
box-shadow: var(--f7-segmented-strong-button-active-box-shadow);
left: 2px;
left: var(--f7-segmented-strong-padding);
top: 2px;
top: var(--f7-segmented-strong-padding);
height: calc(100% - 2px * 2);
height: calc(100% - var(--f7-segmented-strong-padding) * 2);
width: var(--f7-segmented-highlight-width);
z-index: 0;
transform: translateX(calc(var(--f7-segmented-highlight-active) * 100% + var(--f7-segmented-highlight-active) * var(--f7-segmented-highlight-between)));
transition: 200ms;
}
.button:nth-child(2) ~ .segmented-highlight {
--f7-segmented-highlight-num: 2;
}
.button:nth-child(3) ~ .segmented-highlight {
--f7-segmented-highlight-num: 3;
}
.button:nth-child(4) ~ .segmented-highlight {
--f7-segmented-highlight-num: 4;
}
.button:nth-child(5) ~ .segmented-highlight {
--f7-segmented-highlight-num: 5;
}
.button:nth-child(6) ~ .segmented-highlight {
--f7-segmented-highlight-num: 6;
}
.button:nth-child(7) ~ .segmented-highlight {
--f7-segmented-highlight-num: 7;
}
.button:nth-child(8) ~ .segmented-highlight {
--f7-segmented-highlight-num: 8;
}
.button:nth-child(9) ~ .segmented-highlight {
--f7-segmented-highlight-num: 9;
}
.button:nth-child(10) ~ .segmented-highlight {
--f7-segmented-highlight-num: 10;
}
.button-active:nth-child(2) ~ .segmented-highlight,
.tab-link-active:nth-child(2) ~ .segmented-highlight {
--f7-segmented-highlight-active: 1;
}
.button-active:nth-child(3) ~ .segmented-highlight,
.tab-link-active:nth-child(3) ~ .segmented-highlight {
--f7-segmented-highlight-active: 2;
}
.button-active:nth-child(4) ~ .segmented-highlight,
.tab-link-active:nth-child(4) ~ .segmented-highlight {
--f7-segmented-highlight-active: 3;
}
.button-active:nth-child(5) ~ .segmented-highlight,
.tab-link-active:nth-child(5) ~ .segmented-highlight {
--f7-segmented-highlight-active: 4;
}
.button-active:nth-child(6) ~ .segmented-highlight,
.tab-link-active:nth-child(6) ~ .segmented-highlight {
--f7-segmented-highlight-active: 5;
}
.button-active:nth-child(7) ~ .segmented-highlight,
.tab-link-active:nth-child(7) ~ .segmented-highlight {
--f7-segmented-highlight-active: 6;
}
.button-active:nth-child(8) ~ .segmented-highlight,
.tab-link-active:nth-child(8) ~ .segmented-highlight {
--f7-segmented-highlight-active: 7;
}
.button-active:nth-child(9) ~ .segmented-highlight,
.tab-link-active:nth-child(9) ~ .segmented-highlight {
--f7-segmented-highlight-active: 8;
}
.button-active:nth-child(10) ~ .segmented-highlight,
.tab-link-active:nth-child(10) ~ .segmented-highlight {
--f7-segmented-highlight-active: 9;
}
.segmented-round,
.ios .segmented-round-ios,
.md .segmented-round-md,
.aurora .segmented-round-aurora {
border-radius: var(--f7-button-height);
}
.segmented-round .segmented-highlight,
.ios .segmented-round-ios .segmented-highlight,
.md .segmented-round-md .segmented-highlight,
.aurora .segmented-round-aurora .segmented-highlight {
border-radius: var(--f7-button-height);
}
.subnavbar .segmented {
width: 100%;
}
.ios .button {
transition-duration: 100ms;
}
.ios .button-fill,
.ios .button-fill-ios {
--f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-tint));
}
.ios .button-small,
.ios .button-small-ios {
transition-duration: 200ms;
}
.md .button {
transition-duration: 300ms;
transform: translate3d(0, 0, 0);
}
.md .button-fill,
.md .button-fill-md {
--f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
}
.aurora .button {
transition-duration: 100ms;
transform: translate3d(0, 0, 0);
}
.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover {
background-color: rgba(0, 122, 255, 0.07);
background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07));
}
.aurora .button-fill,
.aurora .button-fill-aurora {
--f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
}
.aurora .button-fill,
.aurora .button-active,
.aurora .button.tab-link-active,
.aurora .button-fill-aurora {
--f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint));
}
/* === Touch Ripple === */
:root {
--f7-touch-ripple-black: rgba(0, 0, 0, 0.1);
--f7-touch-ripple-white: rgba(255, 255, 255, 0.3);
--f7-touch-ripple-color: var(--f7-touch-ripple-black);
}
.theme-dark {
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.ripple,
.fab a,
.link,
.item-link,
.list-button,
.button,
.dialog-button,
.tab-link,
.radio,
.checkbox,
.actions-button,
.speed-dial-buttons a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ripple-wave {
left: 0;
top: 0;
position: absolute !important;
border-radius: 50%;
pointer-events: none;
z-index: -1;
padding: 0;
margin: 0;
font-size: 0;
transform: translate3d(0px, 0px, 0) scale(0);
transition-duration: 1400ms;
background-color: rgba(0, 0, 0, 0.1);
background-color: var(--f7-touch-ripple-color);
}
.ripple-wave.ripple-wave-fill {
transition-duration: 300ms;
opacity: 0.35;
}
.ripple-wave.ripple-wave-out {
transition-duration: 600ms;
opacity: 0;
}
.button-fill .ripple-wave,
.picker-calendar-day .ripple-wave,
.menu .ripple-wave {
z-index: 1;
}
.checkbox .ripple-wave,
.radio .ripple-wave,
.data-table .sortable-cell .ripple-wave {
z-index: 0;
}
[class*="ripple-color-"] {
--f7-touch-ripple-color: var(--f7-theme-color-ripple-color);
}
/* === Icon === */
.f7-icons,
.material-icons {
width: 1em;
height: 1em;
}
i.icon {
display: inline-block;
vertical-align: middle;
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
font-style: normal;
position: relative;
}
.icon-back:after,
.icon-prev:after,
.icon-forward:after,
.icon-next:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
}
.icon[class*="color-"] {
color: #007aff;
color: var(--f7-theme-color);
}
.ios .icon-back,
.ios .icon-prev,
.ios .icon-forward,
.ios .icon-next {
width: 12px;
height: 20px;
line-height: 20px;
}
.ios .icon-back:after,
.ios .icon-prev:after,
.ios .icon-forward:after,
.ios .icon-next:after {
line-height: inherit;
}
.ios .icon-prev:after,
.ios .icon-next:after {
font-size: 16px;
}
.ios .icon-back:after,
.ios .icon-prev:after {
content: 'chevron_left_ios';
}
.ios .icon-forward:after,
.ios .icon-next:after {
content: 'chevron_right_ios';
}
.md .icon-back,
.md .icon-forward,
.md .icon-next,
.md .icon-prev {
width: 24px;
height: 24px;
}
.md .icon-back:after,
.md .icon-forward:after,
.md .icon-next:after,
.md .icon-prev:after {
line-height: 1.2;
}
.md .icon-back:after {
content: 'arrow_left_md';
}
.md .icon-forward:after {
content: 'arrow_right_md';
}
.md .icon-next:after {
content: 'chevron_right_md';
}
.md .icon-prev:after {
content: 'chevron_left_md';
}
.aurora .f7-icons,
.aurora .material-icons {
font-size: 18px;
}
.aurora .icon-back,
.aurora .icon-prev,
.aurora .icon-forward,
.aurora .icon-next {
width: 9px;
height: 14px;
line-height: 14px;
}
.aurora .icon-back:after,
.aurora .icon-prev:after,
.aurora .icon-forward:after,
.aurora .icon-next:after {
line-height: inherit;
}
.aurora .icon-back:after,
.aurora .icon-prev:after {
content: 'chevron_left_aurora';
}
.aurora .icon-forward:after,
.aurora .icon-next:after {
content: 'chevron_right_aurora';
}
.custom-modal-backdrop {
z-index: 10500;
}
.custom-modal-backdrop,
.actions-backdrop,
.dialog-backdrop,
.popover-backdrop,
.popup-backdrop,
.preloader-backdrop,
.sheet-backdrop,
.fab-backdrop {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 13000;
visibility: hidden;
opacity: 0;
transition-duration: 400ms;
}
.custom-modal-backdrop.not-animated,
.actions-backdrop.not-animated,
.dialog-backdrop.not-animated,
.popover-backdrop.not-animated,
.popup-backdrop.not-animated,
.preloader-backdrop.not-animated,
.sheet-backdrop.not-animated,
.fab-backdrop.not-animated {
transition-duration: 0ms;
}
.custom-modal-backdrop.backdrop-in,
.actions-backdrop.backdrop-in,
.dialog-backdrop.backdrop-in,
.popover-backdrop.backdrop-in,
.popup-backdrop.backdrop-in,
.preloader-backdrop.backdrop-in,
.sheet-backdrop.backdrop-in,
.fab-backdrop.backdrop-in {
visibility: visible;
opacity: 1;
}
/* === Appbar === */
:root {
/*
--f7-appbar-offset: var(--f7-appbar-height);
--f7-appbar-extra-offset: 0px;
--f7-appbar-bg-color: var(--f7-bars-bg-color);
--f7-appbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
--f7-appbar-bg-image: var(--f7-bars-bg-image);
--f7-appbar-border-color: var(--f7-bars-border-color);
--f7-appbar-link-color: var(--f7-bars-link-color);
--f7-appbar-text-color: var(--f7-bars-text-color);
*/
--f7-appbar-shadow-image: none;
}
.ios {
--f7-appbar-height: 44px;
--f7-appbar-inner-padding-left: 8px;
--f7-appbar-inner-padding-right: 8px;
}
.md {
--f7-appbar-height: 48px;
--f7-appbar-inner-padding-left: 16px;
--f7-appbar-inner-padding-right: 16px;
}
.aurora {
--f7-appbar-height: 38px;
--f7-appbar-inner-padding-left: 16px;
--f7-appbar-inner-padding-right: 16px;
}
.appbar {
position: relative;
left: 0;
top: 0;
width: 100%;
z-index: 500;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
margin: 0;
transform: translate3d(0, 0, 0);
height: calc(var(--f7-appbar-height) + 0px);
height: calc(var(--f7-appbar-height) + var(--f7-safe-area-top));
background-image: var(--f7-bars-bg-image);
background-image: var(--f7-appbar-bg-image, var(--f7-bars-bg-image));
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-appbar-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-appbar-text-color, var(--f7-bars-text-color));
font-size: var(--f7-appbar-font-size);
z-index: 7000;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .appbar {
background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8);
background-color: rgba(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.appbar .panel ~ .appbar {
z-index: 5500;
}
.appbar a {
color: var(--f7-theme-color);
color: var(--f7-appbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.appbar a.link {
display: flex;
justify-content: flex-start;
line-height: var(--f7-appbar-height);
line-height: var(--f7-appbar-link-line-height, var(--f7-appbar-height));
height: var(--f7-appbar-height);
height: var(--f7-appbar-link-height, var(--f7-appbar-height));
}
.appbar .left,
.appbar .center,
.appbar .right {
display: flex;
align-items: center;
}
.appbar.no-hairline:after,
.appbar.no-border:after {
display: none !important;
}
.appbar.no-hairline .title-large:after,
.appbar.no-border .title-large:after {
display: none !important;
}
.appbar.no-shadow:before {
display: none !important;
}
.appbar:after,
.appbar:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.appbar:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-appbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.appbar:before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: none;
background: var(--f7-appbar-shadow-image);
}
.appbar:after {
z-index: 1;
}
.appbar ~ * {
--f7-appbar-app-offset: calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top));
}
.appbar ~ .views,
.appbar ~ .view,
.appbar ~ .appbar {
--f7-safe-area-top: 0px;
}
.appbar ~ .panel .view,
.appbar ~ .panel .page,
.appbar ~ .panel .page-content {
--f7-safe-area-top: 0px;
}
.appbar-inner {
position: absolute;
left: 0;
top: 0px;
top: var(--f7-safe-area-top);
width: 100%;
height: var(--f7-appbar-height);
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 calc(var(--f7-appbar-inner-padding-right) + 0px) 0 calc(var(--f7-appbar-inner-padding-left) + 0px);
padding: 0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left));
}
.appbar-inner.stacked {
display: none;
}
/* === Dialog === */
:root {
--f7-dialog-button-text-color: var(--f7-theme-color);
--f7-dialog-button-text-align: center;
--f7-dialog-input-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-dialog-text-color: #fff;
}
.ios {
--f7-dialog-box-shadow: none;
--f7-dialog-width: 270px;
--f7-dialog-inner-padding: 16px;
--f7-dialog-border-radius: 13px;
--f7-dialog-text-align: center;
--f7-dialog-font-size: 14px;
--f7-dialog-title-text-color: inherit;
--f7-dialog-title-font-size: 18px;
--f7-dialog-title-font-weight: 600;
--f7-dialog-title-line-height: inherit;
--f7-dialog-button-font-size: 17px;
--f7-dialog-button-height: 44px;
--f7-dialog-button-letter-spacing: 0;
--f7-dialog-button-font-weight: 400;
--f7-dialog-button-text-transform: none;
--f7-dialog-input-border-radius: 4px;
--f7-dialog-input-font-size: 14px;
--f7-dialog-input-height: 32px;
--f7-dialog-input-border-width: 1px;
--f7-dialog-input-placeholder-color: #a9a9a9;
--f7-dialog-preloader-size: 34px;
--f7-dialog-bg-color: rgba(255, 255, 255, 0.95);
--f7-dialog-bg-color-rgb: 255, 255, 255;
--f7-dialog-text-color: #000;
--f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-dialog-input-border-color: rgba(0, 0, 0, 0.3);
--f7-dialog-border-divider-color: rgba(0, 0, 0, 0.2);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-dialog-bg-color: rgba(45, 45, 45, 0.95);
--f7-dialog-bg-color-rgb: 45, 45, 45;
--f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.2);
--f7-dialog-border-divider-color: rgba(255, 255, 255, 0.15);
--f7-dialog-input-border-color: rgba(255, 255, 255, 0.15);
--f7-dialog-input-bg-color: rgba(0, 0, 0, 0.5);
}
.md {
--f7-dialog-box-shadow: var(--f7-elevation-24);
--f7-dialog-width: 280px;
--f7-dialog-inner-padding: 24px;
--f7-dialog-border-radius: 4px;
--f7-dialog-text-align: left;
--f7-dialog-font-size: 16px;
--f7-dialog-title-font-size: 20px;
--f7-dialog-title-font-weight: 500;
--f7-dialog-title-line-height: 1.3;
--f7-dialog-button-font-size: 14px;
--f7-dialog-button-height: 36px;
--f7-dialog-button-letter-spacing: 0.03em;
--f7-dialog-button-font-weight: 500;
--f7-dialog-button-text-transform: uppercase;
--f7-dialog-input-border-radius: 0px;
--f7-dialog-input-font-size: 16px;
--f7-dialog-input-height: 36px;
--f7-dialog-input-border-color: transparent;
--f7-dialog-input-border-width: 0px;
--f7-dialog-preloader-size: 32px;
--f7-dialog-bg-color: #fff;
--f7-dialog-text-color: rgba(0, 0, 0, 0.54);
--f7-dialog-title-text-color: #212121;
--f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35);
}
.md .theme-dark,
.md.theme-dark {
--f7-dialog-bg-color: #1c1c1d;
--f7-dialog-title-text-color: #fff;
--f7-dialog-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
--f7-dialog-input-bg-color: transparent;
--f7-dialog-input-placeholder-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-dialog-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), 0 25px 30px 0 rgba(0,0,0,0.35);
--f7-dialog-width: 300px;
--f7-dialog-inner-padding: 20px;
--f7-dialog-border-radius: 4px;
--f7-dialog-text-align: left;
--f7-dialog-font-size: 14px;
--f7-dialog-title-font-size: 14px;
--f7-dialog-title-font-weight: 700;
--f7-dialog-title-line-height: inherit;
--f7-dialog-button-font-size: 13px;
--f7-dialog-button-height: 28px;
--f7-dialog-button-letter-spacing: 0;
--f7-dialog-button-font-weight: 500;
--f7-dialog-button-text-transform: none;
/*
--f7-dialog-button-pressed-bg-color: var(--f7-theme-color-shade);
--f7-dialog-button-hover-bg-color: var(--f7-theme-color-tint);
*/
--f7-dialog-input-border-radius: 4px;
--f7-dialog-input-font-size: 13px;
--f7-dialog-input-height: 24px;
--f7-dialog-input-border-width: 1px;
--f7-dialog-preloader-size: 24px;
--f7-dialog-bg-color: #fff;
--f7-dialog-title-text-color: inherit;
--f7-dialog-text-color: #000;
--f7-dialog-button-text-color: #fff;
--f7-dialog-input-border-color: rgba(0, 0, 0, 0.12);
--f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.32);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-dialog-bg-color: #1c1c1d;
--f7-dialog-title-text-color: #fff;
--f7-dialog-input-bg-color: rgba(0, 0, 0, 0.25);
--f7-dialog-input-placeholder-color: rgba(255, 255, 255, 0.54);
--f7-dialog-input-border-color: rgba(255, 255, 255, 0.15);
}
.dialog {
position: absolute;
z-index: 13500;
left: 50%;
margin-top: 0;
top: 50%;
overflow: hidden;
opacity: 0;
transform: translate3d(0, -50%, 0) scale(1.185);
transition-property: transform, opacity;
display: none;
transition-duration: 400ms;
box-shadow: var(--f7-dialog-box-shadow);
width: var(--f7-dialog-width);
margin-left: calc(-1 * var(--f7-dialog-width) / 2);
border-radius: var(--f7-dialog-border-radius);
text-align: var(--f7-dialog-text-align);
color: var(--f7-dialog-text-color);
font-size: var(--f7-dialog-font-size);
background: var(--f7-dialog-bg-color);
will-change: transform, opacity;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .dialog {
background-color: rgba(var(--f7-dialog-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
.dialog.modal-in {
opacity: 1;
transform: translate3d(0, -50%, 0) scale(1);
}
.dialog.modal-out {
opacity: 0;
z-index: 13499;
}
.dialog.not-animated {
transition-duration: 0ms;
}
.dialog-inner {
position: relative;
padding: var(--f7-dialog-inner-padding);
}
.dialog-title {
color: var(--f7-dialog-title-text-color);
font-size: var(--f7-dialog-title-font-size);
font-weight: var(--f7-dialog-title-font-weight);
line-height: var(--f7-dialog-title-line-height);
}
.dialog-buttons {
position: relative;
display: flex;
}
.dialog-buttons-vertical .dialog-buttons {
display: block;
height: auto !important;
}
.dialog-button {
box-sizing: border-box;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
color: #007aff;
color: var(--f7-dialog-button-text-color);
font-size: var(--f7-dialog-button-font-size);
height: var(--f7-dialog-button-height);
line-height: var(--f7-dialog-button-height);
letter-spacing: var(--f7-dialog-button-letter-spacing);
text-align: center;
text-align: var(--f7-dialog-button-text-align);
font-weight: var(--f7-dialog-button-font-weight);
text-transform: var(--f7-dialog-button-text-transform);
display: block;
cursor: pointer;
}
.dialog-button.active-state {
background-color: var(--f7-dialog-button-pressed-bg-color);
}
.dialog-no-buttons .dialog-buttons {
display: none;
}
.dialog-input-field {
position: relative;
}
input.dialog-input[type] {
box-sizing: border-box;
margin: 0;
margin-top: 15px;
border-radius: var(--f7-dialog-input-border-radius);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
display: block;
font-family: inherit;
box-shadow: none;
font-size: var(--f7-dialog-input-font-size);
height: var(--f7-dialog-input-height);
background-color: #fff;
background-color: var(--f7-dialog-input-bg-color);
border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color);
}
input.dialog-input[type]::-webkit-input-placeholder {
color: var(--f7-dialog-input-placeholder-color);
}
input.dialog-input[type]::-moz-placeholder {
color: var(--f7-dialog-input-placeholder-color);
}
input.dialog-input[type]::-ms-input-placeholder {
color: var(--f7-dialog-input-placeholder-color);
}
input.dialog-input[type]::placeholder {
color: var(--f7-dialog-input-placeholder-color);
}
.dialog-input-double input.dialog-input {
border-radius: var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0;
}
.dialog-input-double + .dialog-input-double input.dialog-input {
border-radius: 0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius);
}
.dialog-preloader .preloader {
--f7-preloader-size: var(--f7-dialog-preloader-size);
}
html.with-modal-dialog .page-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
.ios .dialog.modal-out {
transform: translate3d(0, -50%, 0) scale(1);
}
.ios .dialog-inner {
border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0;
}
.ios .dialog-inner:after {
content: '';
position: absolute;
background-color: var(--f7-dialog-border-divider-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.ios .dialog-title + .dialog-text {
margin-top: 5px;
}
.ios .dialog-buttons {
height: 44px;
justify-content: center;
}
.ios .dialog-button {
width: 100%;
padding: 0 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
}
.ios .dialog-button:after {
content: '';
position: absolute;
background-color: var(--f7-dialog-border-divider-color);
display: block;
z-index: 15;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 1px;
height: 100%;
transform-origin: 100% 50%;
transform: scaleX(calc(1 / 1));
transform: scaleX(calc(1 / var(--f7-device-pixel-ratio)));
}
.ios .dialog-button:first-child {
border-radius: 0 0 0 var(--f7-dialog-border-radius);
}
.ios .dialog-button:last-child {
border-radius: 0 0 var(--f7-dialog-border-radius) 0;
}
.ios .dialog-button:last-child:after {
display: none !important;
}
.ios .dialog-button:first-child:last-child {
border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius);
}
.ios .dialog-button.dialog-button-bold {
font-weight: 500;
}
.ios .dialog-button[class*="color-"] {
--f7-dialog-button-text-color: var(--f7-theme-color);
}
.ios .dialog-buttons-vertical .dialog-buttons {
height: auto;
}
.ios .dialog-buttons-vertical .dialog-button {
border-radius: 0;
}
.ios .dialog-buttons-vertical .dialog-button:after {
content: '';
position: absolute;
background-color: var(--f7-dialog-border-divider-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.ios .dialog-buttons-vertical .dialog-button:last-child {
border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius);
}
.ios .dialog-buttons-vertical .dialog-button:last-child:after {
display: none !important;
}
.ios .dialog-no-buttons .dialog-inner {
border-radius: var(--f7-dialog-border-radius);
}
.ios .dialog-no-buttons .dialog-inner:after {
display: none !important;
}
.ios .dialog-input-field {
margin-top: 15px;
}
.ios .dialog-input {
padding: 0 5px;
}
.ios .dialog-input + .dialog-input {
margin-top: 5px;
}
.ios .dialog-input-double + .dialog-input-double {
margin-top: 0;
}
.ios .dialog-input-double + .dialog-input-double .dialog-input {
border-top: 0;
margin-top: 0;
}
.ios .dialog-preloader .dialog-title ~ .preloader,
.ios .dialog-preloader .dialog-text ~ .preloader {
margin-top: 15px;
}
.ios .dialog-progress .dialog-title ~ .progressbar,
.ios .dialog-progress .dialog-text ~ .progressbar,
.ios .dialog-progress .dialog-title ~ .progressbar-infinite,
.ios .dialog-progress .dialog-text ~ .progressbar-infinite {
margin-top: 15px;
}
.md .dialog.modal-out {
transform: translate3d(0, -50%, 0) scale(0.815);
}
.md .dialog-title + .dialog-text {
margin-top: 20px;
}
.md .dialog-text {
line-height: 1.5;
}
.md .dialog-buttons {
height: 48px;
padding: 6px 8px;
overflow: hidden;
box-sizing: border-box;
justify-content: flex-end;
}
.md .dialog-button {
border-radius: 4px;
min-width: 64px;
padding: 0 8px;
border: none;
transition-duration: 300ms;
transform: translate3d(0, 0, 0);
}
.md .dialog-button.dialog-button-bold {
font-weight: 700;
}
.md .dialog-button + .dialog-button {
margin-left: 4px;
}
.md .dialog-button[class*="color-"] {
--f7-dialog-button-text-color: var(--f7-theme-color);
}
.md .dialog-buttons-vertical .dialog-buttons {
padding: 0 0 8px 0;
}
.md .dialog-buttons-vertical .dialog-button {
margin-left: 0;
text-align: right;
height: 48px;
line-height: 48px;
border-radius: 0;
padding-left: 16px;
padding-right: 16px;
}
.md .dialog-input {
padding: 0;
transition-duration: 200ms;
position: relative;
}
.md .dialog-input + .dialog-input {
margin-top: 16px;
}
.md .dialog-preloader .dialog-title,
.md .dialog-progress .dialog-title,
.md .dialog-preloader .dialog-inner,
.md .dialog-progress .dialog-inner {
text-align: center;
}
.md .dialog-preloader .dialog-title ~ .preloader,
.md .dialog-preloader .dialog-text ~ .preloader {
margin-top: 20px;
}
.md .dialog-progress .dialog-title ~ .progressbar,
.md .dialog-progress .dialog-text ~ .progressbar,
.md .dialog-progress .dialog-title ~ .progressbar-infinite,
.md .dialog-progress .dialog-text ~ .progressbar-infinite {
margin-top: 16px;
}
.aurora .dialog.modal-out {
transform: translate3d(0, -50%, 0) scale(0.815);
}
.aurora .dialog-title + .dialog-text {
margin-top: 10px;
}
.aurora .dialog-text {
line-height: 1.5;
}
.aurora .dialog-buttons {
padding: var(--f7-dialog-inner-padding);
padding-top: 0;
overflow: hidden;
box-sizing: border-box;
justify-content: flex-end;
}
.aurora .dialog-button {
border-radius: 4px;
min-width: 64px;
padding: 0 10px;
border: none;
transition-duration: 300ms;
transform: translate3d(0, 0, 0);
background: #007aff;
background: var(--f7-theme-color);
}
.aurora .dialog-button.dialog-button-bold {
font-weight: 600;
}
.aurora .dialog-button + .dialog-button {
margin-left: 16px;
}
.aurora .dialog-button.active-state {
background-color: var(--f7-theme-color-shade);
background-color: var(--f7-dialog-button-pressed-bg-color, var(--f7-theme-color-shade));
}
.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover {
background-color: var(--f7-theme-color-tint);
background-color: var(--f7-dialog-button-hover-bg-color, var(--f7-theme-color-tint));
}
.aurora .dialog-buttons-vertical .dialog-buttons {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.aurora .dialog-buttons-vertical .dialog-button {
margin-left: 0;
flex-shrink: 0;
}
.aurora .dialog-buttons-vertical .dialog-button + .dialog-button {
margin-top: 5px;
}
.aurora .dialog-input-field {
margin-top: 10px;
}
.aurora .dialog-input-field input.dialog-input {
margin-top: 0;
}
.aurora .dialog-input {
padding: 0 4px;
transition-duration: 200ms;
position: relative;
}
.aurora .dialog-input + .dialog-input {
margin-top: 10px;
}
.aurora .dialog-input-double + .dialog-input-double {
margin-top: 0;
}
.aurora .dialog-input-double + .dialog-input-double .dialog-input {
border-top: 0;
margin-top: 0;
}
.aurora .dialog-preloader .dialog-title,
.aurora .dialog-progress .dialog-title,
.aurora .dialog-preloader .dialog-inner,
.aurora .dialog-progress .dialog-inner {
text-align: center;
}
.aurora .dialog-preloader .dialog-title ~ .preloader,
.aurora .dialog-preloader .dialog-text ~ .preloader {
margin-top: 10px;
}
.aurora .dialog-progress .dialog-title ~ .progressbar,
.aurora .dialog-progress .dialog-text ~ .progressbar,
.aurora .dialog-progress .dialog-title ~ .progressbar-infinite,
.aurora .dialog-progress .dialog-text ~ .progressbar-infinite {
margin-top: 15px;
}
/* === Popup === */
:root {
--f7-popup-border-radius: 0px;
--f7-popup-tablet-width: 630px;
--f7-popup-tablet-height: 630px;
--f7-popup-transition-duration: 400ms;
--f7-popup-push-border-radius: 10px;
--f7-popup-push-offset: var(--f7-safe-area-top);
/*
--f7-popup-tablet-border-radius: var(--f7-popup-border-radius);
*/
}
.ios {
--f7-popup-tablet-border-radius: 5px;
--f7-popup-box-shadow: none;
}
.md {
--f7-popup-tablet-border-radius: 4px;
--f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
}
.aurora {
--f7-popup-tablet-border-radius: 4px;
--f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
}
.popup-backdrop {
z-index: 10500;
}
.popup {
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
display: none;
box-sizing: border-box;
transition-property: transform;
transform: translate3d(0, 100vh, 0);
background: #fff;
z-index: 11000;
overflow: hidden;
border-radius: 0px;
border-radius: var(--f7-popup-border-radius);
}
.theme-dark .popup,
.popup.theme-dark {
background: #000;
}
.popup.modal-in,
.popup.modal-out {
transition-duration: 400ms;
transition-duration: var(--f7-popup-transition-duration);
}
.popup.not-animated {
transition-duration: 0ms;
}
.popup.modal-in {
display: block;
transform: translate3d(0, 0, 0);
}
.popup.modal-out {
transform: translate3d(0, 100vh, 0);
}
.popup.swipe-close-to-top.modal-out {
transform: translate3d(0, -100vh, 0);
}
@media (min-width: 630px) and (min-height: 630px) {
.popup:not(.popup-tablet-fullscreen) {
--f7-safe-area-top: 0px;
--f7-safe-area-bottom: 0px;
width: 630px;
width: var(--f7-popup-tablet-width);
height: 630px;
height: var(--f7-popup-tablet-height);
left: 50%;
top: 50%;
margin-left: calc(-1 * 630px / 2);
margin-left: calc(-1 * var(--f7-popup-tablet-width) / 2);
margin-top: calc(-1 * 630px / 2);
margin-top: calc(-1 * var(--f7-popup-tablet-height) / 2);
transform: translate3d(0, 100vh, 0);
box-shadow: var(--f7-popup-box-shadow);
border-radius: var(--f7-popup-border-radius);
border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius));
}
.popup:not(.popup-tablet-fullscreen).modal-in {
transform: translate3d(0, 0, 0);
}
.popup:not(.popup-tablet-fullscreen).modal-out {
transform: translate3d(0, 100vh, 0);
}
.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out {
transform: translate3d(0, -100vh, 0);
}
.popup:not(.popup-tablet-fullscreen).popup-behind {
transform: translate3d(0, 0, 0) scale(0.9);
}
}
html.with-modal-popup .framework7-root > .views .page-content,
html.with-modal-popup .framework7-root > .view .page-content,
html.with-modal-popup .framework7-root > .panel .page-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
html.with-modal-popup-push .popup-push,
html.with-modal-popup-push-closing .popup-push {
top: calc(0px + 10px);
top: calc(var(--f7-popup-push-offset) + 10px);
height: calc(100% - 0px - 10px);
height: calc(100% - var(--f7-popup-push-offset) - 10px);
border-radius: 10px 10px 0 0;
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;
--f7-safe-area-top: 0px;
}
html.with-modal-popup-push .popup-push .view,
html.with-modal-popup-push-closing .popup-push .view,
html.with-modal-popup-push .popup-push .page,
html.with-modal-popup-push-closing .popup-push .page {
--f7-safe-area-top: 0px;
}
html.with-modal-popup-push .framework7-root,
html.with-modal-popup-push-closing .framework7-root {
background: #000;
}
html.with-modal-popup-push .framework7-root > .views,
html.with-modal-popup-push-closing .framework7-root > .views,
html.with-modal-popup-push .framework7-root > .view,
html.with-modal-popup-push-closing .framework7-root > .view {
transition-duration: 400ms;
transition-duration: var(--f7-popup-transition-duration);
}
html.with-modal-popup-push.theme-dark .framework7-root > .views:after,
html.with-modal-popup-push-closing.theme-dark .framework7-root > .views:after,
html.with-modal-popup-push.theme-dark .framework7-root > .view:after,
html.with-modal-popup-push-closing.theme-dark .framework7-root > .view:after,
html.with-modal-popup-push .theme-dark .framework7-root > .views:after,
html.with-modal-popup-push-closing .theme-dark .framework7-root > .views:after,
html.with-modal-popup-push .theme-dark .framework7-root > .view:after,
html.with-modal-popup-push-closing .theme-dark .framework7-root > .view:after,
html.with-modal-popup-push .theme-dark.framework7-root > .views:after,
html.with-modal-popup-push-closing .theme-dark.framework7-root > .views:after,
html.with-modal-popup-push .theme-dark.framework7-root > .view:after,
html.with-modal-popup-push-closing .theme-dark.framework7-root > .view:after,
html.with-modal-popup-push .framework7-root > .views.theme-dark:after,
html.with-modal-popup-push-closing .framework7-root > .views.theme-dark:after,
html.with-modal-popup-push .framework7-root > .view.theme-dark:after,
html.with-modal-popup-push-closing .framework7-root > .view.theme-dark:after {
content: '';
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
z-index: 13000;
border-radius: 10px 10px 0 0;
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;
opacity: 1;
animation: popup-dark-push-overlay-fade-in 400ms forwards;
animation: popup-dark-push-overlay-fade-in var(--f7-popup-transition-duration) forwards;
}
html.with-modal-popup-push .framework7-root > .views,
html.with-modal-popup-push .framework7-root > .view {
border-radius: 10px 10px 0 0;
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;
transform: translate3d(0, 0, 0px) scale(1) !important;
transform: translate3d(0, 0, 0px) scale(var(--f7-popup-push-scale, 1)) !important;
}
html.with-modal-popup-push .popup:after {
content: '';
pointer-events: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 13000;
transition-duration: 400ms;
transition-duration: var(--f7-popup-transition-duration);
border-radius: 10px 10px 0 0;
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;
opacity: 0;
}
html.with-modal-popup-push.theme-dark .popup:after,
html.with-modal-popup-push .theme-dark .popup:after,
html.with-modal-popup-push .theme-dark.popup:after {
background: rgba(255, 255, 255, 0.05);
}
html.with-modal-popup-push .popup-behind {
transform: translate3d(0, 0px, 0px) scale(1);
transform: translate3d(0, 0px, 0px) scale(var(--f7-popup-push-scale, 1));
}
html.with-modal-popup-push .popup-behind:not(.popup-push) {
border-radius: 10px 10px 0 0;
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0;
}
html.with-modal-popup-push .popup-behind.popup-push {
transform: translate3d(0, calc(0px - 0px - 10px), 0px) scale(1);
transform: translate3d(0, calc(0px - var(--f7-popup-push-offset) - 10px), 0px) scale(var(--f7-popup-push-scale, 1));
}
html.with-modal-popup-push .popup-behind:after {
opacity: 1;
pointer-events: auto;
}
html.with-modal-popup-push-closing.theme-dark .framework7-root > .views:after,
html.with-modal-popup-push-closing.theme-dark .framework7-root > .view:after,
html.with-modal-popup-push-closing .theme-dark .framework7-root > .views:after,
html.with-modal-popup-push-closing .theme-dark .framework7-root > .view:after,
html.with-modal-popup-push-closing .theme-dark.framework7-root > .views:after,
html.with-modal-popup-push-closing .theme-dark.framework7-root > .view:after,
html.with-modal-popup-push-closing .framework7-root > .views.theme-dark:after,
html.with-modal-popup-push-closing .framework7-root > .view.theme-dark:after {
animation: popup-dark-push-overlay-fade-out 400ms forwards;
animation: popup-dark-push-overlay-fade-out var(--f7-popup-transition-duration) forwards;
}
@keyframes popup-dark-push-overlay-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popup-dark-push-overlay-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* === Login Screen === */
:root {
--f7-login-screen-blocks-max-width: 480px;
/*
--f7-login-screen-list-button-text-color: var(--f7-theme-color);
*/
--f7-login-screen-title-text-align: center;
--f7-login-screen-title-text-color: inherit;
--f7-login-screen-title-letter-spacing: 0;
--f7-login-screen-title-font-weight: 600;
--f7-login-screen-title-font-size: 28px;
--f7-login-screen-content-bg-color: #fff;
--f7-login-screen-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-login-screen-bg-color: #121212;
--f7-login-screen-content-bg-color: #121212;
}
.ios {
--f7-login-screen-blocks-margin-vertical: 25px;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-login-screen-bg-color: #000;
--f7-login-screen-content-bg-color: #000;
}
.md {
--f7-login-screen-blocks-margin-vertical: 24px;
}
.aurora {
--f7-login-screen-blocks-margin-vertical: 15px;
}
.login-screen {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
box-sizing: border-box;
transition-property: transform;
transform: translate3d(0, 100vh, 0);
background: #fff;
background: var(--f7-login-screen-bg-color);
z-index: 11000;
}
.login-screen.modal-in,
.login-screen.modal-out {
transition-duration: 400ms;
}
.login-screen.not-animated {
transition-duration: 0ms;
}
.login-screen.modal-in {
display: block;
transform: translate3d(0, 0, 0);
}
.login-screen.modal-out {
transform: translate3d(0, 100%, 0);
}
.login-screen-content,
.login-screen-page,
.login-screen .page {
background: #fff;
background: var(--f7-login-screen-content-bg-color);
}
.login-screen-content .list-button,
.login-screen-page .list-button {
text-align: center;
color: var(--f7-theme-color);
color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color));
}
.login-screen-content .login-screen-title,
.login-screen-page .login-screen-title,
.login-screen-content .list,
.login-screen-page .list,
.login-screen-content .block,
.login-screen-page .block {
margin: var(--f7-login-screen-blocks-margin-vertical) auto;
}
.login-screen-content .login-screen-title,
.login-screen-page .login-screen-title,
.login-screen-content .list,
.login-screen-page .list,
.login-screen-content .block,
.login-screen-page .block,
.login-screen-content .block-footer,
.login-screen-page .block-footer,
.login-screen-content .block-header,
.login-screen-page .block-header {
max-width: 480px;
max-width: var(--f7-login-screen-blocks-max-width);
}
.login-screen-content .list ul,
.login-screen-page .list ul {
background: none;
}
.login-screen-content .list ul:before,
.login-screen-page .list ul:before,
.login-screen-content .list ul:after,
.login-screen-page .list ul:after {
display: none !important;
}
.login-screen-content .block-footer,
.login-screen-page .block-footer,
.login-screen-content .block-header,
.login-screen-page .block-header {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.login-screen-title {
text-align: center;
text-align: var(--f7-login-screen-title-text-align);
font-size: 28px;
font-size: var(--f7-login-screen-title-font-size);
font-weight: 600;
font-weight: var(--f7-login-screen-title-font-weight);
color: inherit;
color: var(--f7-login-screen-title-text-color);
letter-spacing: 0;
letter-spacing: var(--f7-login-screen-title-letter-spacing);
}
.login-screen-page,
.login-screen > .view > .page,
.login-screen > .page {
display: flex;
flex-direction: column;
}
.login-screen-page .page-content,
.login-screen > .view > .page .page-content,
.login-screen > .page .page-content,
.login-screen-page .login-screen-content,
.login-screen > .view > .page .login-screen-content,
.login-screen > .page .login-screen-content {
margin-top: auto;
margin-bottom: auto;
height: auto;
max-height: 100%;
width: 100%;
}
.theme-dark .login-screen-content .list ul,
.theme-dark .login-screen-content .block-strong,
.theme-dark .login-screen-page .list ul,
.theme-dark .login-screen-page .block-strong,
.theme-dark.login-screen-page .list ul,
.theme-dark.login-screen-page .block-strong {
background-color: transparent;
}
/* === Popover === */
:root {
--f7-popover-width: 260px;
}
.ios {
--f7-popover-border-radius: 13px;
--f7-popover-box-shadow: none;
--f7-popover-actions-icon-size: 28px;
--f7-popover-bg-color: rgba(255, 255, 255, 0.95);
--f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.45);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-popover-bg-color: rgba(30, 30, 30, 0.95);
--f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.55);
}
.md {
--f7-popover-border-radius: 4px;
--f7-popover-box-shadow: var(--f7-elevation-8);
--f7-popover-actions-icon-size: 24px;
--f7-popover-bg-color: #fff;
--f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54);
}
.md .theme-dark,
.md.theme-dark {
--f7-popover-bg-color: #1c1c1d;
--f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-popover-width: 200px;
--f7-popover-border-radius: 4px;
--f7-popover-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 5px 11px 0 rgba(0,0,0,0.28);
--f7-popover-actions-icon-size: 24px;
--f7-popover-bg-color: #fff;
--f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.6);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-popover-bg-color: #1c1c1d;
--f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6);
}
.popover {
width: 260px;
width: var(--f7-popover-width);
z-index: 13500;
margin: 0;
top: 0;
opacity: 0;
left: 0;
position: absolute;
display: none;
transition-duration: 300ms;
background-color: var(--f7-popover-bg-color);
border-radius: var(--f7-popover-border-radius);
box-shadow: var(--f7-popover-box-shadow);
will-change: transform, opacity;
}
.popover .list {
margin: 0;
}
.popover .list ul {
background: none;
}
.popover .list:first-child ul:before {
display: none !important;
}
.popover .list:last-child ul:after {
display: none !important;
}
.popover .list:first-child ul {
border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;
}
.popover .list:first-child li:first-child,
.popover .list:first-child li:first-child a,
.popover .list:first-child li:first-child > label {
border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;
}
.popover .list:last-child ul {
border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
}
.popover .list:last-child li:last-child,
.popover .list:last-child li:last-child a,
.popover .list:last-child li:last-child > label {
border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
}
.popover .list:first-child:last-child li:first-child:last-child,
.popover .list:first-child:last-child li:first-child:last-child a,
.popover .list:first-child:last-child li:first-child:last-child > label,
.popover .list:first-child:last-child ul {
border-radius: var(--f7-popover-border-radius);
}
.popover .list + .list {
margin-top: var(--f7-list-margin-vertical);
}
.popover.modal-in {
opacity: 1;
}
.popover.not-animated {
transition-duration: 0ms;
}
.popover-inner {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.popover-from-actions .item-link i.icon {
width: var(--f7-popover-actions-icon-size);
height: var(--f7-popover-actions-icon-size);
font-size: var(--f7-popover-actions-icon-size);
}
.popover-from-actions-bold {
font-weight: 600;
}
.popover-from-actions-label {
line-height: 1.3;
position: relative;
display: flex;
align-items: center;
padding: var(--f7-actions-label-padding);
color: var(--f7-popover-actions-label-text-color);
font-size: var(--f7-actions-label-font-size);
justify-content: var(--f7-actions-label-justify-content);
}
.popover-from-actions-label:after {
content: '';
position: absolute;
background-color: var(--f7-list-item-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.popover-from-actions-label:last-child:after {
display: none !important;
}
.ios .popover {
transform: none;
transition-property: opacity;
}
.ios .popover-angle {
width: 26px;
height: 26px;
position: absolute;
left: -26px;
top: 0;
z-index: 100;
overflow: hidden;
}
.ios .popover-angle:after {
content: '';
background: var(--f7-popover-bg-color);
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
transform: rotate(45deg);
}
.ios .popover-angle.on-left {
left: -26px;
}
.ios .popover-angle.on-left:after {
left: 19px;
top: 0;
}
.ios .popover-angle.on-right {
left: 100%;
}
.ios .popover-angle.on-right:after {
left: -19px;
top: 0;
}
.ios .popover-angle.on-top {
left: 0;
top: -26px;
}
.ios .popover-angle.on-top:after {
left: 0;
top: 19px;
}
.ios .popover-angle.on-bottom {
left: 0;
top: 100%;
}
.ios .popover-angle.on-bottom:after {
left: 0;
top: -19px;
}
.md .popover {
transform: scale(0.85, 0.6);
transition-property: opacity, transform;
}
.md .popover.modal-in {
opacity: 1;
transform: scale(1);
}
.md .popover.modal-out {
opacity: 0;
transform: scale(1);
}
.md .popover-on-top {
transform-origin: center bottom;
}
.md .popover-on-top.popover-on-right {
transform-origin: left bottom;
}
.md .popover-on-top.popover-on-left {
transform-origin: right bottom;
}
.md .popover-on-middle {
transform-origin: center center;
}
.md .popover-on-middle.popover-on-right {
transform-origin: left center;
}
.md .popover-on-middle.popover-on-left {
transform-origin: right center;
}
.md .popover-on-bottom {
transform-origin: center top;
}
.md .popover-on-bottom.popover-on-right {
transform-origin: left top;
}
.md .popover-on-bottom.popover-on-left {
transform-origin: right top;
}
.aurora .popover {
transform: none;
transition-property: opacity;
}
.aurora .popover-angle {
width: 18px;
height: 18px;
position: absolute;
left: -18px;
top: 0;
z-index: 100;
overflow: hidden;
}
.aurora .popover-angle:after {
content: '';
background: var(--f7-popover-bg-color);
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 0;
border-radius: 2px;
transform: rotate(45deg);
}
.aurora .popover-angle.on-left {
left: -18px;
}
.aurora .popover-angle.on-left:after {
left: 13px;
top: 0;
}
.aurora .popover-angle.on-right {
left: 100%;
}
.aurora .popover-angle.on-right:after {
left: -13px;
top: 0;
}
.aurora .popover-angle.on-top {
left: 0;
top: -18px;
}
.aurora .popover-angle.on-top:after {
left: 0;
top: 13px;
}
.aurora .popover-angle.on-bottom {
left: 0;
top: 100%;
}
.aurora .popover-angle.on-bottom:after {
left: 0;
top: -13px;
}
/* === Actions === */
:root {
--f7-actions-grid-button-font-size: 12px;
--f7-actions-grid-button-text-color: #757575;
}
:root .theme-dark,
:root.theme-dark {
--f7-actions-label-text-color: rgba(255, 255, 255, 0.55);
}
.ios {
--f7-actions-border-radius: 13px;
/*
--f7-actions-button-text-color: var(--f7-theme-color);
*/
--f7-actions-button-padding: 0px;
--f7-actions-button-text-align: center;
--f7-actions-button-height: 57px;
--f7-actions-button-height-landscape: 44px;
--f7-actions-button-font-size: 20px;
--f7-actions-button-icon-size: 28px;
--f7-actions-button-justify-content: center;
--f7-actions-label-padding: 8px 10px;
--f7-actions-label-font-size: 13px;
--f7-actions-label-justify-content: center;
--f7-actions-group-border-color: transparent;
--f7-actions-group-margin: 8px;
--f7-actions-grid-button-icon-size: 48px;
--f7-actions-bg-color: rgba(255, 255, 255, 0.95);
--f7-actions-bg-color-rgb: 255, 255, 255;
--f7-actions-button-border-color: rgba(0, 0, 0, 0.2);
--f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9);
--f7-actions-button-pressed-bg-color-rgb: 230, 230, 230;
--f7-actions-label-text-color: #8a8a8a;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-actions-bg-color: rgba(45, 45, 45, 0.95);
--f7-actions-bg-color-rgb: 45, 45, 45;
--f7-actions-button-border-color: rgba(255, 255, 255, 0.15);
--f7-actions-button-pressed-bg-color: rgba(50, 50, 50, 0.9);
--f7-actions-button-pressed-bg-color-rgb: 50, 50, 50;
}
.md {
--f7-actions-border-radius: 0px;
--f7-actions-button-border-color: transparent;
--f7-actions-button-padding: 0 16px;
--f7-actions-button-text-align: left;
--f7-actions-button-height: 48px;
--f7-actions-button-height-landscape: 48px;
--f7-actions-button-font-size: 16px;
--f7-actions-button-icon-size: 24px;
--f7-actions-button-justify-content: space-between;
--f7-actions-label-padding: 12px 16px;
--f7-actions-label-font-size: 16px;
--f7-actions-label-justify-content: flex-start;
--f7-actions-group-margin: 0px;
--f7-actions-grid-button-icon-size: 48px;
--f7-actions-bg-color: #fff;
--f7-actions-button-text-color: rgba(0, 0, 0, 0.87);
--f7-actions-button-pressed-bg-color: #e5e5e5;
--f7-actions-label-text-color: rgba(0, 0, 0, 0.54);
--f7-actions-group-border-color: rgba(0, 0, 0, 0.12);
}
.md .theme-dark,
.md.theme-dark {
--f7-actions-bg-color: #202020;
--f7-actions-button-text-color: #fff;
--f7-actions-button-pressed-bg-color: #2e2e2e;
--f7-actions-group-border-color: rgba(255, 255, 255, 0.15);
}
.aurora {
--f7-actions-border-radius: 4px;
--f7-actions-button-padding: 0 16px;
--f7-actions-button-text-align: center;
--f7-actions-button-height: 32px;
--f7-actions-button-height-landscape: 32px;
--f7-actions-button-font-size: 14px;
--f7-actions-button-icon-size: 18px;
--f7-actions-button-justify-content: space-between;
--f7-actions-label-padding: 10px 16px;
--f7-actions-label-font-size: 12px;
--f7-actions-label-justify-content: center;
--f7-actions-group-margin: 16px;
--f7-actions-grid-button-icon-size: 32px;
--f7-actions-bg-color: #fff;
--f7-actions-button-border-color: rgba(0, 0, 0, 0.12);
/*
--f7-actions-button-text-color: var(--f7-theme-color);
*/
--f7-actions-button-pressed-bg-color: #e5e5e5;
--f7-actions-label-text-color: rgba(0, 0, 0, 0.5);
--f7-actions-group-border-color: rgba(0, 0, 0, 0.1);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-actions-bg-color: #202020;
--f7-actions-button-text-color: #fff;
--f7-actions-button-border-color: rgba(255, 255, 255, 0.15);
--f7-actions-button-pressed-bg-color: #2e2e2e;
--f7-actions-group-border-color: rgba(255, 255, 255, 0.15);
}
.actions-modal {
position: absolute;
left: 0;
bottom: 0;
z-index: 13500;
width: 100%;
transform: translate3d(0, 100%, 0);
display: none;
max-height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
transition-property: transform;
will-change: transform;
}
.actions-modal.modal-in,
.actions-modal.modal-out {
transition-duration: 300ms;
}
.actions-modal.not-animated {
transition-duration: 0ms;
}
.actions-modal.modal-in {
transform: translate3d(0, calc(-1 * 0px), 0);
transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0);
}
.actions-modal.modal-out {
z-index: 13499;
transform: translate3d(0, 100%, 0);
}
@media (min-width: 496px) {
.actions-modal {
width: 480px;
left: 50%;
margin-left: -240px;
}
}
@media (orientation: landscape) {
.actions-modal {
--f7-actions-button-height: var(--f7-actions-button-height-landscape);
}
}
.actions-group {
overflow: hidden;
position: relative;
margin: var(--f7-actions-group-margin);
border-radius: var(--f7-actions-border-radius);
transform: translate3d(0, 0, 0);
}
.actions-group:after {
content: '';
position: absolute;
background-color: var(--f7-actions-group-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.actions-group:last-child:after {
display: none !important;
}
.actions-button,
.actions-label {
width: 100%;
font-weight: normal;
margin: 0;
box-sizing: border-box;
display: block;
position: relative;
overflow: hidden;
text-align: var(--f7-actions-button-text-align);
background: var(--f7-actions-bg-color);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .actions-button,
.ios-translucent-modals .actions-label {
background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
.actions-button:after,
.actions-label:after {
content: '';
position: absolute;
background-color: var(--f7-actions-button-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.actions-button:first-child,
.actions-label:first-child {
border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0;
}
.actions-button:last-child,
.actions-label:last-child {
border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius);
}
.actions-button:last-child:after,
.actions-label:last-child:after {
display: none !important;
}
.actions-button:first-child:last-child,
.actions-label:first-child:last-child {
border-radius: var(--f7-actions-border-radius);
}
.actions-button a,
.actions-label a {
text-decoration: none;
color: inherit;
display: block;
}
.actions-button b,
.actions-label b,
.actions-button.actions-button-bold,
.actions-label.actions-button-bold {
font-weight: 600;
}
.actions-button {
cursor: pointer;
display: flex;
color: var(--f7-theme-color);
color: var(--f7-actions-button-text-color, var(--f7-theme-color));
font-size: var(--f7-actions-button-font-size);
height: var(--f7-actions-button-height);
line-height: var(--f7-actions-button-height);
padding: var(--f7-actions-button-padding);
justify-content: var(--f7-actions-button-justify-content);
z-index: 10;
}
.actions-button.active-state {
background-color: var(--f7-actions-button-pressed-bg-color) !important;
}
.actions-button[class*="color-"] {
color: #007aff;
color: var(--f7-theme-color);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .actions-button.active-state {
background-color: rgba(var(--f7-actions-button-pressed-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
.actions-button-media {
flex-shrink: 0;
display: flex;
align-items: center;
}
.actions-button-media i.icon {
width: var(--f7-actions-button-icon-size);
height: var(--f7-actions-button-icon-size);
font-size: var(--f7-actions-button-icon-size);
}
.actions-button a,
.actions-button-text {
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.actions-button-text {
width: 100%;
flex-shrink: 1;
text-align: var(--f7-actions-button-text-align);
}
.actions-label {
line-height: 1.3;
display: flex;
align-items: center;
font-size: var(--f7-actions-label-font-size);
color: var(--f7-actions-label-text-color);
padding: var(--f7-actions-label-padding);
justify-content: var(--f7-actions-label-justify-content);
min-height: var(--f7-actions-button-height);
min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height));
}
.actions-label[class*=" color-"] {
--f7-actions-label-text-color: var(--f7-theme-color);
}
.actions-grid .actions-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
border-radius: 0;
background: var(--f7-actions-bg-color);
margin-top: 0;
}
.actions-grid .actions-group:first-child {
border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0;
}
.actions-grid .actions-group:last-child {
border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius);
}
.actions-grid .actions-group:first-child:last-child {
border-radius: var(--f7-actions-border-radius);
}
.actions-grid .actions-group:not(:last-child) {
margin-bottom: 0;
}
.actions-grid .actions-button,
.actions-grid .actions-label {
border-radius: 0 !important;
background: none;
}
.actions-grid .actions-button {
width: 33.33333333%;
display: block;
color: #757575;
color: var(--f7-actions-grid-button-text-color);
height: auto;
line-height: 1;
padding: 16px;
}
.actions-grid .actions-button:after {
display: none !important;
}
.actions-grid .actions-button-media {
margin-left: auto !important;
margin-right: auto !important;
width: var(--f7-actions-grid-button-icon-size);
height: var(--f7-actions-grid-button-icon-size);
}
.actions-grid .actions-button-media i.icon {
width: var(--f7-actions-grid-button-icon-size);
height: var(--f7-actions-grid-button-icon-size);
font-size: var(--f7-actions-grid-button-icon-size);
}
.actions-grid .actions-button-text {
margin-left: 0 !important;
text-align: center !important;
margin-top: 8px;
line-height: 1.33em;
height: 1.33em;
font-size: 12px;
font-size: var(--f7-actions-grid-button-font-size);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .actions-grid .actions-group {
background-color: rgba(var(--f7-actions-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
.ios .actions-button-media {
margin-left: 16px;
}
.ios .actions-button-media + .actions-button-text {
text-align: left;
margin-left: 16px;
}
.md .actions-button {
transition-duration: 300ms;
}
.md .actions-button-media {
min-width: 40px;
}
.md .actions-button-media + .actions-button-text {
margin-left: 16px;
}
.aurora .actions-button-media {
margin-left: 16px;
}
.aurora .actions-button-media + .actions-button-text {
text-align: left;
margin-left: 16px;
}
/* === Sheet Modal === */
:root {
--f7-sheet-height: 260px;
--f7-sheet-border-color: transparent;
--f7-sheet-transition-duration: 300ms;
--f7-sheet-push-border-radius: 10px;
--f7-sheet-push-offset: var(--f7-safe-area-top);
--f7-sheet-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-sheet-bg-color: #202020;
}
.ios {
--f7-sheet-border-color: var(--f7-bars-border-color);
}
.sheet-backdrop {
z-index: 11000;
}
.sheet-modal {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 260px;
height: var(--f7-sheet-height);
display: none;
box-sizing: border-box;
transition-property: transform;
transform: translate3d(0, 100%, 0);
background: #fff;
background: var(--f7-sheet-bg-color);
z-index: 12500;
will-change: transform, opacity;
}
.sheet-modal.modal-in,
.sheet-modal.modal-out {
transition-duration: 300ms;
transition-duration: var(--f7-sheet-transition-duration);
}
.sheet-modal.not-animated {
transition-duration: 0ms;
}
.sheet-modal.modal-in {
display: block;
transform: translate3d(0, 0, 0);
}
.sheet-modal.modal-in-swipe-step {
display: block;
transform: translate3d(0, 0, 0);
transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0);
}
.sheet-modal.modal-out {
transform: translate3d(0, 100%, 0);
}
.sheet-modal .sheet-modal-inner {
height: 100%;
position: relative;
overflow: hidden;
}
.sheet-modal .toolbar {
--f7-safe-area-bottom: 0px;
position: relative;
width: 100%;
}
.sheet-modal .toolbar:after,
.sheet-modal .toolbar:before {
display: none;
}
.sheet-modal .toolbar + .sheet-modal-inner {
height: calc(100% - var(--f7-toolbar-height));
}
.sheet-modal .toolbar + .sheet-modal-inner .page-content {
--f7-page-toolbar-top-offset: 0px;
--f7-page-toolbar-bottom-offset: 0px;
}
.sheet-modal-top:after {
content: '';
position: absolute;
background-color: transparent;
background-color: var(--f7-sheet-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.sheet-modal-top:after {
z-index: 700;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
}
.sheet-modal-bottom,
.sheet-modal:not(.sheet-modal-top) {
--f7-safe-area-top: 0px;
}
.sheet-modal-bottom:before,
.sheet-modal:not(.sheet-modal-top):before {
content: '';
position: absolute;
background-color: transparent;
background-color: var(--f7-sheet-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.sheet-modal-bottom:before,
.sheet-modal:not(.sheet-modal-top):before {
z-index: 700;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
}
.sheet-modal-top {
--f7-safe-area-bottom: 0px;
bottom: auto;
top: 0;
transform: translate3d(0, -100%, 0);
}
.sheet-modal-top.modal-out {
transform: translate3d(0, -100%, 0);
}
.sheet-modal-top .toolbar-bottom {
position: absolute;
}
.sheet-modal-top .page-content {
padding-top: 0px;
padding-top: var(--f7-safe-area-top);
}
html.with-modal-sheet-push .sheet-modal-push,
html.with-modal-sheet-push-closing .sheet-modal-push {
--f7-sheet-border-color: transparent;
border-radius: 10px 10px 0 0;
border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;
overflow: hidden;
}
html.with-modal-sheet-push .sheet-modal-push .view,
html.with-modal-sheet-push-closing .sheet-modal-push .view,
html.with-modal-sheet-push .sheet-modal-push .page,
html.with-modal-sheet-push-closing .sheet-modal-push .page {
--f7-safe-area-top: 0px;
}
html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top,
html.with-modal-sheet-push-closing .sheet-modal-push.sheet-modal-top {
border-radius: 0 0 10px 10px;
border-radius: 0 0 var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius);
}
html.with-modal-sheet-push .framework7-root,
html.with-modal-sheet-push-closing .framework7-root {
background: #000;
}
html.with-modal-sheet-push .framework7-root > .views,
html.with-modal-sheet-push-closing .framework7-root > .views,
html.with-modal-sheet-push .framework7-root > .view,
html.with-modal-sheet-push-closing .framework7-root > .view {
transition-duration: 300ms;
transition-duration: var(--f7-sheet-transition-duration);
}
html.with-modal-sheet-push.theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push-closing.theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push.theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push-closing.theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push .theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push-closing .theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push .theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push-closing .theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push .theme-dark.framework7-root > .views:after,
html.with-modal-sheet-push-closing .theme-dark.framework7-root > .views:after,
html.with-modal-sheet-push .theme-dark.framework7-root > .view:after,
html.with-modal-sheet-push-closing .theme-dark.framework7-root > .view:after,
html.with-modal-sheet-push .framework7-root > .views.theme-dark:after,
html.with-modal-sheet-push-closing .framework7-root > .views.theme-dark:after,
html.with-modal-sheet-push .framework7-root > .view.theme-dark:after,
html.with-modal-sheet-push-closing .framework7-root > .view.theme-dark:after {
content: '';
position: absolute;
pointer-events: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
z-index: 13000;
border-radius: 10px 10px 0 0;
border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;
opacity: 1;
animation: sheet-dark-push-overlay-fade-in 300ms forwards;
animation: sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration) forwards;
}
html.with-modal-sheet-push .framework7-root > .views,
html.with-modal-sheet-push .framework7-root > .view {
border-radius: 10px;
border-radius: var(--f7-sheet-push-border-radius);
transform: translate3d(0, 0, 0px) scale(1) !important;
transform: translate3d(0, 0, 0px) scale(var(--f7-sheet-push-scale, 1)) !important;
}
html.with-modal-sheet-push-closing.theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push-closing.theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push-closing .theme-dark .framework7-root > .views:after,
html.with-modal-sheet-push-closing .theme-dark .framework7-root > .view:after,
html.with-modal-sheet-push-closing .theme-dark.framework7-root > .views:after,
html.with-modal-sheet-push-closing .theme-dark.framework7-root > .view:after,
html.with-modal-sheet-push-closing .framework7-root > .views.theme-dark:after,
html.with-modal-sheet-push-closing .framework7-root > .view.theme-dark:after {
animation: sheet-dark-push-overlay-fade-out 300ms forwards;
animation: sheet-dark-push-overlay-fade-out var(--f7-sheet-transition-duration) forwards;
}
@keyframes sheet-dark-push-overlay-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sheet-dark-push-overlay-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.md .sheet-modal .toolbar a.link:not(.tab-link) {
flex-shrink: 0;
}
/* === Toast === */
:root {
--f7-toast-text-color: #fff;
--f7-toast-font-size: 14px;
--f7-toast-icon-size: 48px;
--f7-toast-max-width: 568px;
}
.ios {
--f7-toast-bg-color: rgba(0, 0, 0, 0.75);
--f7-toast-bg-color-rgb: 0, 0, 0;
--f7-toast-padding-horizontal: 16px;
--f7-toast-padding-vertical: 12px;
--f7-toast-border-radius: 8px;
--f7-toast-button-min-width: 64px;
}
.md {
--f7-toast-bg-color: #323232;
--f7-toast-padding-horizontal: 24px;
--f7-toast-padding-vertical: 14px;
--f7-toast-border-radius: 4px;
--f7-toast-button-min-width: 64px;
}
.aurora {
--f7-toast-bg-color: rgba(0, 0, 0, 0.85);
--f7-toast-padding-horizontal: 10px;
--f7-toast-padding-vertical: 10px;
--f7-toast-border-radius: 4px;
--f7-toast-button-min-width: 32px;
}
.toast {
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
transition-property: transform, opacity;
position: absolute;
max-width: 568px;
max-width: var(--f7-toast-max-width);
z-index: 20000;
color: #fff;
color: var(--f7-toast-text-color);
font-size: 14px;
font-size: var(--f7-toast-font-size);
box-sizing: border-box;
background-color: var(--f7-toast-bg-color);
opacity: 0;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .toast {
background-color: rgba(var(--f7-toast-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
.toast.modal-in {
opacity: 1;
}
.toast .toast-content {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal);
}
.toast .toast-text {
line-height: 20px;
flex-shrink: 1;
min-width: 0;
}
.toast .toast-button {
flex-shrink: 0;
min-width: var(--f7-toast-button-min-width);
margin-top: -8px;
margin-bottom: -8px;
}
.toast.toast-with-icon .toast-content {
display: block;
text-align: center;
}
.toast.toast-with-icon .toast-text {
text-align: center;
}
.toast.toast-with-icon .toast-icon .f7-icons,
.toast.toast-with-icon .toast-icon .material-icons {
font-size: 48px;
font-size: var(--f7-toast-icon-size);
}
.toast.toast-center {
top: 50%;
}
.toast.toast-top {
margin-top: 0px;
margin-top: var(--f7-safe-area-top);
}
.ios .toast {
transition-duration: 300ms;
width: 100%;
left: 0;
}
.ios .toast.toast-top {
top: 0;
transform: translate3d(0, -100%, 0);
}
.ios .toast.toast-top.modal-in {
transform: translate3d(0, 0%, 0);
}
.ios .toast.toast-center {
width: auto;
left: 50%;
border-radius: var(--f7-toast-border-radius);
transform: translate3d(-50%, -50%, 0);
}
.ios .toast.toast-center.modal-in {
transform: translate3d(-50%, -50%, 0);
}
.ios .toast.toast-bottom {
bottom: 0;
transform: translate3d(0, 100%, 0);
}
.ios .toast.toast-bottom.modal-in {
transform: translate3d(0, 0%, 0);
}
@media (max-width: 568px) {
.ios .toast.toast-top {
margin-top: 0;
}
.ios .toast.toast-top .toast-content {
padding-top: calc(var(--f7-toast-padding-vertical) + 0px);
padding-top: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top));
}
.ios .toast.toast-bottom .toast-content {
padding-bottom: calc(var(--f7-toast-padding-vertical) + 0px);
padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom));
}
}
@media (min-width: 569px) {
.ios .toast {
left: 50%;
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
border-radius: var(--f7-toast-border-radius);
}
.ios .toast.toast-top {
top: 16px;
}
.ios .toast.toast-center {
margin-left: 0;
}
.ios .toast.toast-bottom {
margin-bottom: calc(16px + 0px);
margin-bottom: calc(16px + var(--f7-safe-area-bottom));
}
}
@media (min-width: 1024px) {
.ios .toast {
margin-left: 0;
width: auto;
}
.ios .toast.toast-horizontal-left {
left: 16px;
}
.ios .toast.toast-horizontal-right {
left: auto;
right: 16px;
}
.ios .toast.toast-horizontal-center {
left: 50%;
width: 568px;
width: var(--f7-toast-max-width);
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
}
}
.ios .toast-button {
margin-left: 16px;
margin-right: calc(-1 * var(--f7-button-padding-horizontal));
}
.md .toast {
transition-duration: 200ms;
border-radius: var(--f7-toast-border-radius);
width: calc(100% - 16px);
transform: scale(0.9);
left: 8px;
}
.md .toast.modal-in {
transform: scale(1);
}
.md .toast.modal-out {
transform: scale(1);
}
.md .toast.toast-top {
top: 8px;
}
.md .toast.toast-center {
left: 50%;
width: auto;
transform: scale(0.9) translate3d(-55%, -55%, 0);
}
.md .toast.toast-center.modal-in {
transform: scale(1) translate3d(-50%, -50%, 0);
}
.md .toast.toast-center.modal-out {
transform: scale(1) translate3d(-50%, -50%, 0);
}
.md .toast.toast-bottom {
bottom: calc(8px + 0px);
bottom: calc(8px + var(--f7-safe-area-bottom));
}
@media (min-width: 584px) {
.md .toast {
left: 50%;
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
}
.md .toast.toast-center {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.md .toast {
margin-left: 0;
width: auto;
}
.md .toast.toast-horizontal-left {
left: 24px;
}
.md .toast.toast-horizontal-right {
left: auto;
right: 24px;
}
.md .toast.toast-horizontal-center {
left: 50%;
width: 568px;
width: var(--f7-toast-max-width);
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
}
.md .toast.toast-bottom {
bottom: calc(24px + 0px);
bottom: calc(24px + var(--f7-safe-area-bottom));
}
.md .toast.toast-top {
top: 24px;
}
}
.md .toast-button {
margin-left: 16px;
margin-right: -8px;
}
.aurora .toast {
transition-duration: 200ms;
border-radius: var(--f7-toast-border-radius);
left: 10px;
width: calc(100% - 20px);
transform: scale(0.9);
}
.aurora .toast.modal-in {
transform: scale(1);
}
.aurora .toast.modal-out {
transform: scale(1);
}
.aurora .toast.toast-top {
top: 10px;
}
.aurora .toast.toast-center {
left: 50%;
width: auto;
transform: scale(0.9) translate3d(-55%, -55%, 0);
}
.aurora .toast.toast-center.modal-in {
transform: scale(1) translate3d(-50%, -50%, 0);
}
.aurora .toast.toast-center.modal-out {
transform: scale(1) translate3d(-50%, -50%, 0);
}
.aurora .toast.toast-bottom {
bottom: calc(10px + 0px);
bottom: calc(10px + var(--f7-safe-area-bottom));
}
@media (min-width: 584px) {
.aurora .toast {
left: 50%;
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
}
.aurora .toast.toast-center {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.aurora .toast {
margin-left: 0;
width: auto;
}
.aurora .toast.toast-horizontal-left {
left: 10px;
}
.aurora .toast.toast-horizontal-right {
left: auto;
right: 10px;
}
.aurora .toast.toast-horizontal-center {
left: 50%;
width: 568px;
width: var(--f7-toast-max-width);
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-toast-max-width) / 2);
}
}
.aurora .toast-button {
margin-left: 10px;
}
/* === Preloader === */
:root {
--f7-preloader-modal-padding: 8px;
--f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8);
}
.ios {
--f7-preloader-color: #6c6c6c;
--f7-preloader-size: 20px;
--f7-preloader-modal-preloader-size: 34px;
--f7-preloader-modal-border-radius: 5px;
}
.md {
--f7-preloader-color: #757575;
--f7-preloader-size: 32px;
--f7-preloader-modal-preloader-size: 32px;
--f7-preloader-modal-border-radius: 4px;
}
.aurora {
--f7-preloader-color: #757575;
--f7-preloader-size: 24px;
--f7-preloader-modal-preloader-size: 24px;
--f7-preloader-modal-border-radius: 4px;
}
.preloader {
display: inline-block;
vertical-align: middle;
width: var(--f7-preloader-size);
height: var(--f7-preloader-size);
font-size: 0;
position: relative;
}
/* === Preloader Modal === */
.preloader-backdrop {
visibility: visible;
opacity: 0;
background: none;
z-index: 14000;
}
.preloader-modal {
position: absolute;
left: 50%;
top: 50%;
padding: 8px;
padding: var(--f7-preloader-modal-padding);
background: rgba(0, 0, 0, 0.8);
background: var(--f7-preloader-modal-bg-color);
z-index: 14500;
transform: translateX(-50%) translateY(-50%);
border-radius: var(--f7-preloader-modal-border-radius);
}
.preloader-modal .preloader {
--f7-preloader-size: var(--f7-preloader-modal-preloader-size);
display: block !important;
}
html.with-modal-preloader .page-content,
.with-modal-preloader .page-content,
.with-modal-preloader.page-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
.preloader[class*="color-"] {
--f7-preloader-color: var(--f7-theme-color);
}
.ios .preloader {
animation: ios-preloader-spin 1s steps(12, end) infinite;
}
.ios .preloader .preloader-inner-line {
display: block;
width: 7.15%;
height: 28.5%;
border-radius: 100px;
background: var(--f7-preloader-color);
position: absolute;
left: 50%;
top: 50%;
transform-origin: center 175%;
}
.ios .preloader .preloader-inner-line:nth-child(1) {
transform: translate(-50%, -175%) rotate(0deg);
opacity: 0.27;
}
.ios .preloader .preloader-inner-line:nth-child(2) {
transform: translate(-50%, -175%) rotate(30deg);
opacity: 0.32272727;
}
.ios .preloader .preloader-inner-line:nth-child(3) {
transform: translate(-50%, -175%) rotate(60deg);
opacity: 0.37545455;
}
.ios .preloader .preloader-inner-line:nth-child(4) {
transform: translate(-50%, -175%) rotate(90deg);
opacity: 0.42818182;
}
.ios .preloader .preloader-inner-line:nth-child(5) {
transform: translate(-50%, -175%) rotate(120deg);
opacity: 0.48090909;
}
.ios .preloader .preloader-inner-line:nth-child(6) {
transform: translate(-50%, -175%) rotate(150deg);
opacity: 0.53363636;
}
.ios .preloader .preloader-inner-line:nth-child(7) {
transform: translate(-50%, -175%) rotate(180deg);
opacity: 0.58636364;
}
.ios .preloader .preloader-inner-line:nth-child(8) {
transform: translate(-50%, -175%) rotate(210deg);
opacity: 0.63909091;
}
.ios .preloader .preloader-inner-line:nth-child(9) {
transform: translate(-50%, -175%) rotate(240deg);
opacity: 0.69181818;
}
.ios .preloader .preloader-inner-line:nth-child(10) {
transform: translate(-50%, -175%) rotate(270deg);
opacity: 0.74454545;
}
.ios .preloader .preloader-inner-line:nth-child(11) {
transform: translate(-50%, -175%) rotate(300deg);
opacity: 0.79727273;
}
.ios .preloader .preloader-inner-line:nth-child(12) {
transform: translate(-50%, -175%) rotate(330deg);
opacity: 0.85;
}
@keyframes ios-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.md .preloader {
animation: md-preloader-outer 3300ms linear infinite;
}
@keyframes md-preloader-outer {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.md .preloader-inner {
position: relative;
display: block;
width: 100%;
height: 100%;
animation: md-preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}
.md .preloader-inner .preloader-inner-gap {
position: absolute;
width: 2px;
left: 50%;
margin-left: -1px;
top: 0;
bottom: 0;
box-sizing: border-box;
border-top: 4px solid var(--f7-preloader-color);
}
.md .preloader-inner .preloader-inner-left,
.md .preloader-inner .preloader-inner-right {
position: absolute;
top: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.md .preloader-inner .preloader-inner-half-circle {
position: absolute;
top: 0;
height: 100%;
width: 200%;
box-sizing: border-box;
border: 4px solid var(--f7-preloader-color);
border-bottom-color: transparent !important;
border-radius: 50%;
animation-iteration-count: infinite;
animation-duration: 1.3125s;
animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
}
.md .preloader-inner .preloader-inner-left {
left: 0;
}
.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
left: 0;
border-right-color: transparent !important;
animation-name: md-preloader-left-rotate;
}
.md .preloader-inner .preloader-inner-right {
right: 0;
}
.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
right: 0;
border-left-color: transparent !important;
animation-name: md-preloader-right-rotate;
}
.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle {
animation-name: md-preloader-left-rotate-multicolor;
}
.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle {
animation-name: md-preloader-right-rotate-multicolor;
}
@keyframes md-preloader-left-rotate {
0%,
100% {
transform: rotate(130deg);
}
50% {
transform: rotate(-5deg);
}
}
@keyframes md-preloader-right-rotate {
0%,
100% {
transform: rotate(-130deg);
}
50% {
transform: rotate(5deg);
}
}
@keyframes md-preloader-inner-rotate {
12.5% {
transform: rotate(135deg);
}
25% {
transform: rotate(270deg);
}
37.5% {
transform: rotate(405deg);
}
50% {
transform: rotate(540deg);
}
62.5% {
transform: rotate(675deg);
}
75% {
transform: rotate(810deg);
}
87.5% {
transform: rotate(945deg);
}
100% {
transform: rotate(1080deg);
}
}
@keyframes md-preloader-left-rotate-multicolor {
0%,
100% {
border-left-color: #4285F4;
transform: rotate(130deg);
}
75% {
border-left-color: #1B9A59;
border-top-color: #1B9A59;
}
50% {
border-left-color: #F7C223;
border-top-color: #F7C223;
transform: rotate(-5deg);
}
25% {
border-left-color: #DE3E35;
border-top-color: #DE3E35;
}
}
@keyframes md-preloader-right-rotate-multicolor {
0%,
100% {
border-right-color: #4285F4;
transform: rotate(-130deg);
}
75% {
border-right-color: #1B9A59;
border-top-color: #1B9A59;
}
50% {
border-right-color: #F7C223;
border-top-color: #F7C223;
transform: rotate(5deg);
}
25% {
border-top-color: #DE3E35;
border-right-color: #DE3E35;
}
}
.aurora .preloader-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.aurora .preloader-inner-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
border: calc(var(--f7-preloader-size) / 8) solid var(--f7-preloader-color);
border-top-color: transparent;
box-sizing: border-box;
animation: aurora-preloader-rotate 1s linear infinite;
}
.aurora .preloader.color-multi .preloader-inner-circle {
animation: aurora-preloader-rotate 1s linear infinite, aurora-preloader-multicolor 2s linear infinite;
}
@keyframes aurora-preloader-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes aurora-preloader-multicolor {
0%,
100% {
border-color: #2196f3;
border-top-color: transparent;
}
25% {
border-color: #ff3b30;
border-top-color: transparent;
}
50% {
border-color: #4cd964;
border-top-color: transparent;
}
75% {
border-color: #ff9500;
border-top-color: transparent;
}
}
/* === Progressbar === */
:root {
/*
--f7-progressbar-progress-color: var(--f7-theme-color);
*/
}
.ios {
--f7-progressbar-height: 2px;
--f7-progressbar-border-radius: 2px;
--f7-progressbar-bg-color: rgba(0, 0, 0, 0.3);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-progressbar-bg-color: rgba(255, 255, 255, 0.3);
}
.md {
/*
--f7-progressbar-bg-color: rgba(var(--f7-theme-color-rgb), 0.5);
*/
--f7-progressbar-height: 4px;
--f7-progressbar-border-radius: 0px;
}
.aurora {
--f7-progressbar-height: 6px;
--f7-progressbar-border-radius: 3px;
--f7-progressbar-bg-color: #dbdbdb;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-progressbar-bg-color: #444;
}
.progressbar,
.progressbar-infinite {
width: 100%;
overflow: hidden;
position: relative;
display: block;
transform-style: preserve-3d;
background: rgba(0, 122, 255, 0.5);
background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), 0.5));
transform-origin: center top;
height: var(--f7-progressbar-height);
border-radius: var(--f7-progressbar-border-radius);
}
.progressbar {
vertical-align: middle;
}
.progressbar span {
background-color: var(--f7-theme-color);
background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: translate3d(-100%, 0, 0);
transition-duration: 150ms;
}
.progressbar-infinite {
z-index: 15000;
}
.progressbar-infinite:before,
.progressbar-infinite:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform-origin: left center;
transform: translate3d(0, 0, 0);
display: block;
background-color: var(--f7-theme-color);
background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
}
.progressbar-infinite.color-multi {
background: none !important;
}
.progressbar-in {
animation: progressbar-in 150ms forwards;
}
.progressbar-out {
animation: progressbar-out 150ms forwards;
}
body > .progressbar,
.view > .progressbar,
.views > .progressbar,
.page > .progressbar,
.panel > .progressbar,
.popup > .progressbar,
.framework7-root > .progressbar,
body > .progressbar-infinite,
.view > .progressbar-infinite,
.views > .progressbar-infinite,
.page > .progressbar-infinite,
.panel > .progressbar-infinite,
.popup > .progressbar-infinite,
.framework7-root > .progressbar-infinite {
position: absolute;
left: 0;
top: 0;
z-index: 15000;
border-radius: 0 !important;
transform-origin: center top !important;
}
@keyframes progressbar-in {
from {
opacity: 0;
transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
}
}
@keyframes progressbar-out {
from {
opacity: 1;
transform: scaleY(1);
}
to {
opacity: 0;
transform: scaleY(0);
}
}
.ios .progressbar-infinite:before {
animation: ios-progressbar-infinite 1s linear infinite;
}
.ios .progressbar-infinite:after {
display: none;
}
.ios .progressbar-infinite.color-multi:before {
width: 400%;
background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
background-size: 25% 100%;
background-repeat: repeat-x;
animation: ios-progressbar-infinite-multicolor 3s linear infinite;
}
@keyframes ios-progressbar-infinite {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
}
}
@keyframes ios-progressbar-infinite-multicolor {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
.md .progressbar-infinite:before {
animation: md-progressbar-infinite-1 2s linear infinite;
}
.md .progressbar-infinite:after {
animation: md-progressbar-infinite-2 2s linear infinite;
}
.md .progressbar-infinite.color-multi:before {
background: none;
animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite;
}
.md .progressbar-infinite.color-multi:after {
background: none;
animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
transform-origin: center center;
}
@keyframes md-progressbar-infinite-1 {
0% {
transform: translateX(-10%) scaleX(0.1);
}
25% {
transform: translateX(30%) scaleX(0.6);
}
50% {
transform: translateX(100%) scaleX(1);
}
100% {
transform: translateX(100%) scaleX(1);
}
}
@keyframes md-progressbar-infinite-2 {
0% {
transform: translateX(-100%) scaleX(1);
}
40% {
transform: translateX(-100%) scaleX(1);
}
75% {
transform: translateX(60%) scaleX(0.35);
}
90% {
transform: translateX(100%) scaleX(0.1);
}
100% {
transform: translateX(100%) scaleX(0.1);
}
}
@keyframes md-progressbar-infinite-multicolor-bg {
0% {
background-color: #4caf50;
}
25% {
background-color: #f44336;
}
50% {
background-color: #2196f3;
}
75% {
background-color: #ffeb3b;
}
}
@keyframes md-progressbar-infinite-multicolor-fill {
0% {
transform: scaleX(0);
background-color: #f44336;
}
24.9% {
transform: scaleX(1);
background-color: #f44336;
}
25% {
transform: scaleX(0);
background-color: #2196f3;
}
49.9% {
transform: scaleX(1);
background-color: #2196f3;
}
50% {
transform: scaleX(0);
background-color: #ffeb3b;
}
74.9% {
transform: scaleX(1);
background-color: #ffeb3b;
}
75% {
transform: scaleX(0);
background-color: #4caf50;
}
100% {
transform: scaleX(1);
background-color: #4caf50;
}
}
.aurora .progressbar,
.aurora .progressbar-infinite,
.aurora .progressbar span,
.aurora .progressbar-infinite:before {
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
}
.aurora .progressbar-infinite:before {
animation: aurora-progressbar-infinite 1s linear infinite;
}
.aurora .progressbar-infinite:after {
display: none;
}
.aurora .progressbar-infinite.color-multi:before {
width: 400%;
background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
background-size: 25% 100%;
background-repeat: repeat-x;
animation: aurora-progressbar-infinite-multicolor 3s linear infinite;
}
@keyframes aurora-progressbar-infinite {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(100%, 0, 0);
}
}
@keyframes aurora-progressbar-infinite-multicolor {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
/* === Sortable === */
:root {
--f7-sortable-handler-color: rgba(0, 0, 0, 0.22);
--f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8);
}
:root .theme-dark,
:root.theme-dark {
--f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8);
--f7-sortable-handler-color: rgba(255, 255, 255, 0.55);
}
.ios {
--f7-sortable-handler-width: 36px;
--f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.md {
--f7-sortable-handler-width: 42px;
--f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
}
.aurora {
--f7-sortable-handler-width: 32px;
--f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
}
.sortable .sortable-handler {
width: var(--f7-sortable-handler-width);
height: 100%;
position: absolute;
top: 0;
z-index: 10;
opacity: 0;
pointer-events: none;
cursor: move;
transition-duration: 300ms;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
right: 0px;
right: var(--f7-safe-area-right);
}
.sortable .sortable-handler:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
transition-duration: 300ms;
transform: translateX(10px);
color: rgba(0, 0, 0, 0.22);
color: var(--f7-sortable-handler-color);
overflow: hidden;
height: 20px;
width: 18px;
}
.sortable li.sorting {
z-index: 50;
background: rgba(255, 255, 255, 0.8);
background: var(--f7-sortable-sorting-item-bg-color);
transition-duration: 0ms;
box-shadow: var(--f7-sortable-sorting-item-box-shadow);
}
.sortable li.sorting .item-inner:after {
display: none !important;
}
.sortable-opposite .sortable-handler {
left: 0px;
left: var(--f7-safe-area-right);
right: auto;
}
.sortable-opposite .sortable-handler:after {
transform: translateX(-10px);
}
.sortable:not(.sortable-opposite) .item-inner,
.sortable-opposite .item-content,
.sortable.simple-list li,
.sortable-opposite.links-list li a {
transition-duration: 300ms;
transition-property: all;
}
.sortable-sorting li {
transition-duration: 300ms;
}
.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler {
pointer-events: auto;
opacity: 1;
}
.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after {
transform: translateX(0px);
}
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner:before,
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row:before,
.sortable-enabled:not(.sortable-opposite).links-list li:not(.no-sorting):not(.disallow-sorting) > a:before {
display: none;
}
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-inner,
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner,
.sortable-enabled.no-chevron:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,
.sortable-enabled :not(.sortable-opposite).no-chevron .item-link .item-inner,
.no-chevron .sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner,
.simple-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting),
.links-list.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallow-sorting) a {
padding-right: calc(var(--f7-sortable-handler-width) + 0px);
padding-right: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right));
}
.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-content,
.simple-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting),
.links-list.sortable-opposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) a {
padding-left: calc(var(--f7-sortable-handler-width) + 0px);
padding-left: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right));
}
.ios .sortable-handler:after {
content: 'sort_ios';
}
.md .sortable-handler:after {
content: 'sort_md';
}
.aurora .sortable-handler:after {
content: 'sort_md';
font-size: 16px;
height: 16px;
}
/* === Swipeout === */
:root {
--f7-swipeout-button-text-color: #fff;
--f7-swipeout-delete-button-bg-color: #ff3b30;
--f7-swipeout-button-font-size: inherit;
--f7-swipeout-button-font-weight: inherit;
--f7-swipeout-button-bg-color: rgba(0, 0, 0, 0.22);
}
:root .theme-dark,
:root.theme-dark {
--f7-swipeout-button-bg-color: rgba(255, 255, 255, 0.55);
}
.ios {
--f7-swipeout-button-padding: 0 30px;
}
.md {
--f7-swipeout-button-padding: 0 24px;
}
.aurora {
--f7-swipeout-button-padding: 0 12px;
--f7-swipeout-button-font-weight: 500;
}
.swipeout {
overflow: hidden;
transform-style: preserve-3d;
}
.swipeout-deleting {
transition-duration: 300ms;
}
.swipeout-deleting .swipeout-content {
transform: translateX(-100%);
}
.swipeout-transitioning .swipeout-content,
.swipeout-transitioning .swipeout-actions-right a,
.swipeout-transitioning .swipeout-actions-left a,
.swipeout-transitioning .swipeout-overswipe {
transition-duration: 300ms;
transition-property: transform, left;
}
.swipeout-content {
position: relative;
z-index: 10;
}
.swipeout-overswipe {
transition-duration: 200ms;
transition-property: left;
}
.swipeout-actions-left,
.swipeout-actions-right {
position: absolute;
top: 0;
height: 100%;
display: flex;
direction: ltr;
}
.swipeout-actions-left > a,
.swipeout-actions-right > a,
.swipeout-actions-left > button,
.swipeout-actions-right > button,
.swipeout-actions-left > span,
.swipeout-actions-right > span,
.swipeout-actions-left > div,
.swipeout-actions-right > div {
color: #fff;
color: var(--f7-swipeout-button-text-color);
background: rgba(0, 0, 0, 0.22);
background: var(--f7-swipeout-button-bg-color);
padding: var(--f7-swipeout-button-padding);
display: flex;
align-items: center;
position: relative;
left: 0;
font-size: inherit;
font-size: var(--f7-swipeout-button-font-size);
font-weight: inherit;
font-weight: var(--f7-swipeout-button-font-weight);
}
.swipeout-actions-left > a:after,
.swipeout-actions-right > a:after,
.swipeout-actions-left > button:after,
.swipeout-actions-right > button:after,
.swipeout-actions-left > span:after,
.swipeout-actions-right > span:after,
.swipeout-actions-left > div:after,
.swipeout-actions-right > div:after {
content: '';
position: absolute;
top: 0;
width: 600%;
height: 100%;
background: inherit;
z-index: -1;
transform: translate3d(0, 0, 0);
pointer-events: none;
}
.swipeout-actions-left .swipeout-delete,
.swipeout-actions-right .swipeout-delete {
background: #ff3b30;
background: var(--f7-swipeout-delete-button-bg-color);
}
.swipeout-actions-right {
right: 0%;
transform: translateX(100%);
}
.swipeout-actions-right > a:after,
.swipeout-actions-right > button:after,
.swipeout-actions-right > span:after,
.swipeout-actions-right > div:after {
left: 100%;
margin-left: -1px;
}
.swipeout-actions-left {
left: 0%;
transform: translateX(-100%);
}
.swipeout-actions-left > a:after,
.swipeout-actions-left > button:after,
.swipeout-actions-left > span:after,
.swipeout-actions-left > div:after {
right: 100%;
margin-right: -1px;
}
.swipeout-actions-left [class*="color-"],
.swipeout-actions-right [class*="color-"] {
--f7-swipeout-button-bg-color: var(--f7-theme-color);
}
/* === Accordion === */
:root {
--f7-accordion-chevron-icon-down: 'chevron_down';
--f7-accordion-chevron-icon-up: 'chevron_up';
}
.aurora {
--f7-accordion-chevron-icon-down: 'chevron_down_aurora';
--f7-accordion-chevron-icon-up: 'chevron_up_aurora';
}
.accordion-item-toggle {
cursor: pointer;
}
.list.accordion-list .accordion-item-toggle {
transition-duration: 300ms;
position: relative;
overflow: hidden;
}
.list.accordion-list .accordion-item-toggle.active-state {
transition-duration: 300ms;
background-color: var(--f7-list-link-pressed-bg-color);
}
.list.accordion-list .accordion-item-toggle.active-state > .item-inner:after {
background-color: transparent;
}
.list.accordion-list .accordion-item-toggle .item-inner {
transition-duration: 300ms;
transition-property: background-color;
}
.list.accordion-list .accordion-item-toggle .item-inner:after {
transition-duration: 300ms;
}
.list.accordion-list .accordion-item-toggle .ripple-wave {
z-index: 0;
}
.accordion-item .item-link .item-inner:after {
transition-duration: 300ms;
}
.accordion-item .list,
.accordion-item .block {
margin-top: 0;
margin-bottom: 0;
}
.accordion-item .block > h1:first-child,
.accordion-item .block > h2:first-child,
.accordion-item .block > h3:first-child,
.accordion-item .block > h4:first-child,
.accordion-item .block > p:first-child {
margin-top: 10px;
}
.accordion-item .block > h1:last-child,
.accordion-item .block > h2:last-child,
.accordion-item .block > h3:last-child,
.accordion-item .block > h4:last-child,
.accordion-item .block > p:last-child {
margin-bottom: 10px;
}
.accordion-item-opened .accordion-item-toggle .item-inner:after,
.accordion-item-opened > .item-link .item-inner:after {
background-color: transparent;
}
.list li.accordion-item ul {
padding-left: 0;
}
.accordion-item-content {
position: relative;
overflow: hidden;
height: 0;
font-size: 14px;
transition-duration: 300ms;
}
.accordion-item-opened > .accordion-item-content {
height: auto;
}
html.device-android-4 .accordion-item-content {
transform: none;
}
.list .accordion-item-toggle .item-inner:before {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
position: absolute;
top: 50%;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
color: rgba(0, 0, 0, 0.2);
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(16px + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.list:not(.accordion-opposite) .accordion-item-toggle .item-inner {
padding-right: calc(var(--f7-list-chevron-icon-area) + 16px + 0px);
padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.accordion-opposite .accordion-item-toggle.item-link .item-inner,
.accordion-opposite .accordion-item-toggle .item-inner,
.accordion-opposite .accordion-item > .item-link > .item-inner,
.accordion-opposite .accordion-item > .item-link > .item-content > .item-inner {
padding-right: calc(16px + 0px);
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.accordion-opposite .accordion-item > .item-link > .item-title-row {
padding-right: 0;
}
.accordion-opposite .accordion-item-toggle.item-link .item-inner:before,
.accordion-opposite .accordion-item-toggle .item-inner:before,
.accordion-opposite .accordion-item > .item-link > .item-inner:before,
.accordion-opposite .accordion-item > .item-link > .item-content > .item-inner:before,
.accordion-opposite .accordion-item > .item-link .item-title-row:before {
display: none;
}
.accordion-opposite .accordion-item-toggle > .item-content,
.accordion-opposite .accordion-item-toggle.item-content,
.accordion-opposite .accordion-item > .item-content,
.accordion-opposite .accordion-item > .item-link > .item-content,
.accordion-opposite.links-list .accordion-item > a {
position: relative;
padding-left: calc(var(--f7-list-chevron-icon-area) + 16px + 0px);
padding-left: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
}
.accordion-opposite .accordion-item-toggle > .item-content:before,
.accordion-opposite .accordion-item-toggle.item-content:before,
.accordion-opposite .accordion-item > .item-content:before,
.accordion-opposite .accordion-item > .item-link > .item-content:before,
.accordion-opposite.links-list .accordion-item > a:before {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
position: absolute;
top: 50%;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
color: rgba(0, 0, 0, 0.2);
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
content: 'chevron_down';
content: var(--f7-accordion-chevron-icon-down);
width: 14px;
height: 8px;
margin-top: -4px;
line-height: 8px;
transform: translateX(-50%);
left: calc((var(--f7-list-chevron-icon-area) + 16px) / 2 + 0px);
left: calc((var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal)) / 2 + var(--f7-safe-area-left));
}
.list .accordion-item-toggle.active-state {
background-color: var(--f7-list-link-pressed-bg-color);
}
.list .accordion-item-toggle .item-inner:before,
.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before,
.list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner:before,
.media-list .accordion-item .accordion-item-toggle .item-title-row:before,
.media-list .accordion-item > .item-link .item-title-row:before,
.accordion-item.media-item .accordion-item-toggle .item-title-row:before,
.accordion-item.media-item > .item-link .item-title-row:before,
.links-list .accordion-item > a:before {
content: 'chevron_down';
content: var(--f7-accordion-chevron-icon-down);
width: 14px;
height: 8px;
margin-top: -4px;
line-height: 8px;
}
.list .accordion-item-toggle.accordion-item-opened .item-inner:before,
.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before,
.list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner:before,
.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before,
.media-list .accordion-item-opened > .item-link .item-title-row:before,
.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before,
.accordion-item-opened.media-item > .item-link .item-title-row:before,
.links-list .accordion-item-opened > a:before,
.accordion-opposite .accordion-item-opened .accordion-item-toggle > .item-content:before,
.accordion-opposite .accordion-item-opened .accordion-item-toggle.item-content:before,
.accordion-opposite .accordion-item-opened > .item-content:before,
.accordion-opposite .accordion-item-opened > .item-link > .item-content:before,
.accordion-opposite .links-list .accordion-item-opened > a:before {
content: 'chevron_up';
content: var(--f7-accordion-chevron-icon-up);
width: 14px;
height: 8px;
margin-top: -4px;
line-height: 8px;
}
/* === Contacts === */
:root .theme-dark,
:root.theme-dark {
--f7-contacts-list-title-text-color: #fff;
}
.ios {
--f7-contacts-list-title-font-size: inherit;
--f7-contacts-list-title-font-weight: 600;
--f7-contacts-list-title-height: 22px;
--f7-contacts-list-title-text-color: #000;
--f7-contacts-list-title-bg-color: #f7f7f7;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-contacts-list-title-bg-color: #323234;
}
.md {
--f7-contacts-list-title-font-size: 20px;
--f7-contacts-list-title-font-weight: 500;
/*
--f7-contacts-list-title-text-color: var(--f7-theme-color);
*/
--f7-contacts-list-title-height: 48px;
--f7-contacts-list-title-bg-color: transparent;
}
.aurora {
--f7-contacts-list-title-font-weight: 600;
--f7-contacts-list-title-text-color: #000;
/*
--f7-contacts-list-title-bg-color: var(--f7-list-group-title-bg-color);
--f7-contacts-list-title-font-size: var(--f7-list-group-title-font-size);
--f7-contacts-list-title-line-height: var(--f7-list-group-title-height);
--f7-contacts-list-title-height: var(--f7-list-group-title-height);
*/
}
.contacts-list {
--f7-list-margin-vertical: 0px;
}
.contacts-list .list-group-title,
.contacts-list li.list-group-title {
background-color: var(--f7-list-group-title-bg-color);
background-color: var(--f7-contacts-list-title-bg-color, var(--f7-list-group-title-bg-color));
font-weight: var(--f7-list-group-title-font-weight);
font-weight: var(--f7-contacts-list-title-font-weight, var(--f7-list-group-title-font-weight));
font-size: var(--f7-list-group-title-font-size);
font-size: var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));
color: var(--f7-theme-color);
color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color));
line-height: var(--f7-list-group-title-height);
line-height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));
height: var(--f7-list-group-title-height);
height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));
}
.contacts-list .list-group:first-child ul:before {
display: none !important;
}
.contacts-list .list-group:last-child ul:after {
display: none !important;
}
.md .contacts-list .list-group-title {
pointer-events: none;
overflow: visible;
width: 56px;
}
.md .contacts-list .list-group-title + li {
margin-top: calc(var(--f7-contacts-list-title-height) * -1);
}
.md .contacts-list li:not(.list-group-title) {
padding-left: 56px;
}
/* === Virtual List === */
/* === Indexed List === */
:root {
--f7-list-index-width: 16px;
--f7-list-index-font-size: 11px;
--f7-list-index-font-weight: 600;
/* --f7-list-index-text-color: var(--f7-theme-color); */
--f7-list-index-item-height: 14px;
--f7-list-index-label-text-color: #fff;
/* --f7-list-index-label-bg-color: var(--f7-theme-color); */
--f7-list-index-label-font-weight: 500;
}
.ios {
--f7-list-index-label-size: 44px;
--f7-list-index-label-font-size: 17px;
--f7-list-index-skip-dot-size: 6px;
}
.md {
--f7-list-index-label-size: 56px;
--f7-list-index-label-font-size: 20px;
--f7-list-index-skip-dot-size: 4px;
}
.aurora {
--f7-list-index-font-size: 12px;
--f7-list-index-label-size: 32px;
--f7-list-index-label-font-size: 12px;
--f7-list-index-label-font-weight: 600;
--f7-list-index-skip-dot-size: 4px;
}
.list-index {
position: absolute;
top: 0;
bottom: 0;
text-align: center;
z-index: 10;
width: 16px;
width: var(--f7-list-index-width);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
right: 0px;
right: var(--f7-safe-area-right);
}
.list-index:before {
content: '';
position: absolute;
width: 20px;
top: 0;
right: 100%;
height: 100%;
}
.list-index ul {
color: var(--f7-theme-color);
color: var(--f7-list-index-text-color, var(--f7-theme-color));
font-size: 11px;
font-size: var(--f7-list-index-font-size);
font-weight: 600;
font-weight: var(--f7-list-index-font-weight);
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
height: 100%;
width: 100%;
position: relative;
}
.list-index li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
height: 14px;
height: var(--f7-list-index-item-height);
line-height: 14px;
line-height: var(--f7-list-index-item-height);
flex-shrink: 0;
display: block;
width: 100%;
}
.list-index .list-index-skip-placeholder:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
width: var(--f7-list-index-skip-dot-size);
height: var(--f7-list-index-skip-dot-size);
margin-left: calc(-1 * var(--f7-list-index-skip-dot-size) / 2);
margin-top: calc(-1 * var(--f7-list-index-skip-dot-size) / 2);
background: var(--f7-theme-color);
background: var(--f7-list-index-text-color, var(--f7-theme-color));
}
.list-index .list-index-label {
position: absolute;
bottom: 0;
right: 100%;
text-align: center;
background-color: var(--f7-theme-color);
background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color));
color: #fff;
color: var(--f7-list-index-label-text-color);
width: var(--f7-list-index-label-size);
height: var(--f7-list-index-label-size);
line-height: var(--f7-list-index-label-size);
font-size: var(--f7-list-index-label-font-size);
font-weight: 500;
font-weight: var(--f7-list-index-label-font-weight);
}
.navbar ~ .page > .list-index,
.navbars ~ .page > .list-index,
.navbar ~ .list-index {
top: var(--f7-navbar-height);
}
.navbar ~ .toolbar-top ~ .list-index,
.navbars ~ .toolbar-top ~ .list-index,
.ios .navbar ~ .toolbar-top-ios ~ .list-index,
.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md ~ .list-index {
top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height));
}
.navbar ~ .toolbar-top.tabbar-labels ~ .list-index,
.navbars ~ .toolbar-top.tabbar-labels ~ .list-index,
.ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .list-index,
.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md.tabbar-labels ~ .list-index {
top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height));
}
.navbar ~ .subnavbar ~ .list-index,
.navbars ~ .subnavbar ~ .list-index,
.page-with-subnavbar .navbar ~ .list-index {
top: calc(var(--f7-navbar-height) + var(--f7-subnavbar-height));
}
.toolbar-bottom ~ .page > .list-index,
.ios .toolbar-bottom-ios ~ .page > .list-index,
.md .toolbar-bottom-md ~ .page > .list-index,
.toolbar-bottom ~ * .page > .list-index,
.ios .toolbar-bottom-ios ~ * .page > .list-index,
.md .toolbar-bottom-md ~ * .page > .list-index,
.toolbar-bottom ~ .list-index,
.ios .toolbar-bottom-ios ~ .list-index,
.md .toolbar-bottom-md ~ .list-index {
bottom: calc(var(--f7-toolbar-height) + 0px);
bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
}
.toolbar-bottom.tabbar-labels ~ .page > .list-index,
.ios .toolbar-bottom-ios.tabbar-labels ~ .page > .list-index,
.md .toolbar-bottom-md.tabbar-labels ~ .page > .list-index,
.toolbar-bottom.tabbar-labels ~ * .page > .list-index,
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index,
.md .toolbar-bottom-md.tabbar-labels ~ * .page > .list-index,
.toolbar-bottom.tabbar-labels ~ .list-index,
.ios .toolbar-bottom-ios.tabbar-labels ~ .list-index,
.md .toolbar-bottom-md.tabbar-labels ~ .list-index {
bottom: calc(var(--f7-tabbar-labels-height) + 0px);
bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom));
}
.ios .list-index .list-index-label {
margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2);
margin-right: calc(16px - 1px);
margin-right: calc(var(--f7-list-index-width) - 1px);
border-radius: 50%;
}
.ios .list-index .list-index-label:before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50% 0% 50% 50%;
content: '';
background-color: inherit;
left: 0;
top: 0;
transform: rotate(45deg);
z-index: -1;
}
.md .list-index .list-index-label {
border-radius: 50% 50% 0 50%;
}
.aurora .list-index .list-index-label {
margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2);
margin-right: calc(16px - 1px);
margin-right: calc(var(--f7-list-index-width) - 1px);
border-radius: 50%;
}
.aurora .list-index .list-index-label:before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50% 1px 50% 50%;
content: '';
background-color: inherit;
left: 0;
top: 0;
transform: rotate(45deg);
z-index: -1;
}
/* === Timeline === */
:root {
--f7-timeline-inner-block-margin-vertical: 16px;
--f7-timeline-divider-margin-horizontal: 16px;
--f7-timeline-horizontal-date-height: 34px;
--f7-timeline-year-height: 24px;
--f7-timeline-year-font-weight: inherit;
--f7-timeline-month-height: 24px;
--f7-timeline-month-font-size: inherit;
--f7-timeline-month-font-weight: inherit;
--f7-timeline-item-text-font-weight: inherit;
--f7-timeline-item-subtitle-font-weight: inherit;
--f7-timeline-item-inner-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-timeline-item-inner-bg-color: #1c1c1d;
--f7-timeline-horizontal-item-border-color: rgba(255, 255, 255, 0.15);
--f7-timeline-horizontal-item-date-border-color: rgba(255, 255, 255, 0.15);
}
.ios {
--f7-timeline-padding-horizontal: 16px;
--f7-timeline-margin-vertical: 35px;
--f7-timeline-item-inner-border-radius: 7px;
--f7-timeline-item-inner-box-shadow: none;
--f7-timeline-item-time-font-size: 13px;
--f7-timeline-item-title-font-size: 17px;
--f7-timeline-item-title-line-height: inherit;
--f7-timeline-item-title-font-weight: 600;
--f7-timeline-item-subtitle-font-size: 15px;
--f7-timeline-item-subtitle-line-height: inherit;
--f7-timeline-item-text-font-size: inherit;
--f7-timeline-item-text-color: inherit;
--f7-timeline-item-text-line-height: inherit;
--f7-timeline-year-font-size: 16px;
--f7-timeline-horizontal-item-padding: 10px;
--f7-timeline-horizontal-item-date-shadow-image: none;
--f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.45);
--f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.22);
--f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.22);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.55);
}
.md {
--f7-timeline-padding-horizontal: 16px;
--f7-timeline-margin-vertical: 32px;
--f7-timeline-item-inner-border-radius: 4px;
--f7-timeline-item-inner-box-shadow: var(--f7-elevation-1);
--f7-timeline-item-time-font-size: 13px;
--f7-timeline-item-title-font-size: 16px;
--f7-timeline-item-title-line-height: inherit;
--f7-timeline-item-title-font-weight: 400;
--f7-timeline-item-subtitle-font-size: inherit;
--f7-timeline-item-subtitle-line-height: inherit;
--f7-timeline-item-text-font-size: inherit;
--f7-timeline-item-text-line-height: inherit;
--f7-timeline-item-text-color: inherit;
--f7-timeline-year-font-size: 16px;
--f7-timeline-horizontal-item-padding: 12px;
--f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image);
--f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54);
--f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12);
--f7-timeline-horizontal-item-date-border-color: transparent;
}
.md .theme-dark,
.md.theme-dark {
--f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-timeline-padding-horizontal: 10px;
--f7-timeline-margin-vertical: 15px;
--f7-timeline-item-inner-border-radius: 4px;
--f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
--f7-timeline-item-time-font-size: 12px;
--f7-timeline-item-title-font-size: 14px;
--f7-timeline-item-title-line-height: 1.3;
--f7-timeline-item-title-font-weight: 600;
--f7-timeline-item-subtitle-font-size: 14px;
--f7-timeline-item-subtitle-line-height: 1.3;
--f7-timeline-item-text-font-size: 12px;
--f7-timeline-item-text-line-height: 1.33;
--f7-timeline-year-font-size: 14px;
--f7-timeline-year-font-weight: 500;
--f7-timeline-horizontal-item-padding: 10px;
--f7-timeline-horizontal-item-date-shadow-image: none;
--f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.5);
--f7-timeline-item-text-color: rgba(0, 0, 0, 0.6);
--f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.2);
--f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.2);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54);
--f7-timeline-item-text-color: rgba(255, 255, 255, 0.54);
}
.timeline {
box-sizing: border-box;
margin: var(--f7-timeline-margin-vertical) 0;
padding: 0 var(--f7-timeline-padding-horizontal);
padding-top: 0;
padding-bottom: 0;
padding-left: calc(var(--f7-timeline-padding-horizontal) + 0px);
padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(var(--f7-timeline-padding-horizontal) + 0px);
padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right));
}
.block-strong .timeline {
padding: 0;
margin: 0;
}
.timeline-item {
display: flex;
justify-content: flex-start;
overflow: hidden;
box-sizing: border-box;
position: relative;
padding: 2px 0px var(--f7-timeline-padding-horizontal);
}
.timeline-item:last-child {
padding-bottom: 2px;
}
.timeline-item-date {
flex-shrink: 0;
width: 50px;
text-align: right;
box-sizing: border-box;
}
.timeline-item-date small {
font-size: 10px;
}
.timeline-item-content {
margin: 2px;
min-width: 0;
position: relative;
flex-shrink: 10;
}
.timeline-item-content .card,
.timeline-item-content.card,
.timeline-item-content .list,
.timeline-item-content.list,
.timeline-item-content .block,
.timeline-item-content.block {
margin: 0;
width: 100%;
}
.timeline-item-content .card + .card,
.timeline-item-content .list + .card,
.timeline-item-content .block + .card,
.timeline-item-content .card + .list,
.timeline-item-content .list + .list,
.timeline-item-content .block + .list,
.timeline-item-content .card + .block,
.timeline-item-content .list + .block,
.timeline-item-content .block + .block {
margin: 16px 0 0;
margin: var(--f7-timeline-inner-block-margin-vertical) 0 0;
}
.timeline-item-content p:first-child,
.timeline-item-content ul:first-child,
.timeline-item-content ol:first-child,
.timeline-item-content h1:first-child,
.timeline-item-content h2:first-child,
.timeline-item-content h3:first-child,
.timeline-item-content h4:first-child {
margin-top: 0;
}
.timeline-item-content p:last-child,
.timeline-item-content ul:last-child,
.timeline-item-content ol:last-child,
.timeline-item-content h1:last-child,
.timeline-item-content h2:last-child,
.timeline-item-content h3:last-child,
.timeline-item-content h4:last-child {
margin-bottom: 0;
}
.timeline-item-inner {
background: #fff;
background: var(--f7-timeline-item-inner-bg-color);
box-sizing: border-box;
border-radius: var(--f7-timeline-item-inner-border-radius);
padding: 8px var(--f7-timeline-padding-horizontal);
box-shadow: var(--f7-timeline-item-inner-box-shadow);
}
.timeline-item-inner + .timeline-item-inner {
margin-top: 16px;
margin-top: var(--f7-timeline-inner-block-margin-vertical);
}
.timeline-item-inner .block {
padding: 0;
color: inherit;
}
.timeline-item-inner .block-strong {
padding-left: 0;
padding-right: 0;
margin: 0;
}
.timeline-item-inner .block-strong:before,
.timeline-item-inner .block-strong:after {
display: none !important;
}
.timeline-item-inner .list ul:before,
.timeline-item-inner .list ul:after {
display: none !important;
}
.timeline-item-divider {
width: 1px;
position: relative;
width: 10px;
height: 10px;
background: #bbb;
border-radius: 50%;
flex-shrink: 0;
margin: 3px 16px 0;
margin: 3px var(--f7-timeline-divider-margin-horizontal) 0;
}
.timeline-item-divider:after,
.timeline-item-divider:before {
content: ' ';
width: 1px;
height: 100vh;
position: absolute;
left: 50%;
background: inherit;
transform: translate3d(-50%, 0, 0);
}
.timeline-item-divider:after {
top: 100%;
}
.timeline-item-divider:before {
bottom: 100%;
}
.timeline-item:last-child .timeline-item-divider:after {
display: none;
}
.timeline-item:first-child .timeline-item-divider:before {
display: none;
}
.timeline-item-time {
font-size: var(--f7-timeline-item-time-font-size);
margin-top: 16px;
margin-top: var(--f7-timeline-inner-block-margin-vertical);
color: var(--f7-timeline-item-time-text-color);
}
.timeline-item-time:first-child,
.timeline-item-time:last-child {
margin-top: 0;
}
.timeline-item-title + .timeline-item-time {
margin-top: 0;
}
.timeline-item-title {
font-size: var(--f7-timeline-item-title-font-size);
font-weight: var(--f7-timeline-item-title-font-weight);
line-height: var(--f7-timeline-item-title-line-height);
}
.timeline-item-subtitle {
font-size: var(--f7-timeline-item-subtitle-font-size);
font-weight: inherit;
font-weight: var(--f7-timeline-item-subtitle-font-weight);
line-height: var(--f7-timeline-item-subtitle-line-height);
}
.timeline-item-text {
color: var(--f7-timeline-item-text-color);
font-size: var(--f7-timeline-item-text-font-size);
font-weight: inherit;
font-weight: var(--f7-timeline-item-text-font-weight);
line-height: var(--f7-timeline-item-text-line-height);
}
.timeline-sides .timeline-item-right,
.timeline-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.timeline-sides .timeline-item-right .timeline-item-date,
.timeline-sides .timeline-item .timeline-item-date {
text-align: right;
}
.timeline-sides .timeline-item-left,
.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.timeline-sides .timeline-item-left .timeline-item-date,
.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
@media (min-width: 480px) {
.xsmall-sides .timeline-item-right,
.xsmall-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.xsmall-sides .timeline-item-right .timeline-item-date,
.xsmall-sides .timeline-item .timeline-item-date {
text-align: right;
}
.xsmall-sides .timeline-item-left,
.xsmall-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.xsmall-sides .timeline-item-left .timeline-item-date,
.xsmall-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
}
@media (min-width: 568px) {
.small-sides .timeline-item-right,
.small-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.small-sides .timeline-item-right .timeline-item-date,
.small-sides .timeline-item .timeline-item-date {
text-align: right;
}
.small-sides .timeline-item-left,
.small-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.small-sides .timeline-item-left .timeline-item-date,
.small-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
}
@media (min-width: 768px) {
.medium-sides .timeline-item-right,
.medium-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.medium-sides .timeline-item-right .timeline-item-date,
.medium-sides .timeline-item .timeline-item-date {
text-align: right;
}
.medium-sides .timeline-item-left,
.medium-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.medium-sides .timeline-item-left .timeline-item-date,
.medium-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
}
@media (min-width: 1024px) {
.large-sides .timeline-item-right,
.large-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.large-sides .timeline-item-right .timeline-item-date,
.large-sides .timeline-item .timeline-item-date {
text-align: right;
}
.large-sides .timeline-item-left,
.large-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.large-sides .timeline-item-left .timeline-item-date,
.large-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
}
@media (min-width: 1200px) {
.xlarge-sides .timeline-item-right,
.xlarge-sides .timeline-item {
margin-left: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-right: 0;
}
.xlarge-sides .timeline-item-right .timeline-item-date,
.xlarge-sides .timeline-item .timeline-item-date {
text-align: right;
}
.xlarge-sides .timeline-item-left,
.xlarge-sides .timeline-item:not(.timeline-item-right):nth-child(2n) {
flex-direction: row-reverse;
margin-right: calc(50% - (16px * 2 + 10px) / 2 - 50px);
margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px) / 2 - 50px);
margin-left: 0;
}
.xlarge-sides .timeline-item-left .timeline-item-date,
.xlarge-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date {
text-align: left;
}
}
.timeline-horizontal {
height: 100%;
display: flex;
padding: 0;
margin: 0;
position: relative;
padding-left: 0px;
padding-left: var(--f7-safe-area-left);
padding-right: 0;
}
.timeline-horizontal .timeline-item {
display: block;
width: 33.33333333vw;
margin: 0;
padding: 0;
flex-shrink: 0;
position: relative;
height: 100%;
padding-top: 34px !important;
padding-top: var(--f7-timeline-horizontal-date-height) !important;
padding-bottom: var(--f7-timeline-horizontal-item-padding);
}
.timeline-horizontal .timeline-item:after {
content: '';
position: absolute;
background-color: var(--f7-timeline-horizontal-item-border-color);
display: block;
z-index: 15;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 1px;
height: 100%;
transform-origin: 100% 50%;
transform: scaleX(calc(1 / 1));
transform: scaleX(calc(1 / var(--f7-device-pixel-ratio)));
}
.timeline-horizontal .timeline-item-date {
padding: 0px var(--f7-timeline-horizontal-item-padding);
width: auto;
line-height: 34px;
line-height: var(--f7-timeline-horizontal-date-height);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 34px;
height: var(--f7-timeline-horizontal-date-height);
background-color: #f7f7f8;
background-color: var(--f7-bars-bg-color);
color: #000;
color: var(--f7-bars-text-color);
text-align: left;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .timeline-horizontal .timeline-item-date {
background-color: rgba(247, 247, 248, 0.8);
background-color: rgba(var(--f7-bars-bg-color-rgb), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.timeline-horizontal .timeline-item-date:after {
content: '';
position: absolute;
background-color: var(--f7-timeline-horizontal-item-date-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.timeline-horizontal .timeline-item-date:before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: var(--f7-timeline-horizontal-item-date-shadow-image);
}
.timeline-horizontal.no-shadow .timeline-item-date:before {
display: none;
}
.timeline-horizontal .timeline-item-content {
padding: var(--f7-timeline-horizontal-item-padding);
height: calc(100% - var(--f7-timeline-horizontal-item-padding));
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
}
.timeline-horizontal .timeline-item-divider {
display: none;
}
.timeline-horizontal > .timeline-item:last-child:after,
.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
display: none !important;
}
.timeline-horizontal.col-5 .timeline-item {
width: 5vw;
}
.timeline-horizontal.col-10 .timeline-item {
width: 10vw;
}
.timeline-horizontal.col-15 .timeline-item {
width: 15vw;
}
.timeline-horizontal.col-20 .timeline-item {
width: 20vw;
}
.timeline-horizontal.col-25 .timeline-item {
width: 25vw;
}
.timeline-horizontal.col-30 .timeline-item {
width: 30vw;
}
.timeline-horizontal.col-33 .timeline-item {
width: 33.333333333333336vw;
}
.timeline-horizontal.col-35 .timeline-item {
width: 35vw;
}
.timeline-horizontal.col-40 .timeline-item {
width: 40vw;
}
.timeline-horizontal.col-45 .timeline-item {
width: 45vw;
}
.timeline-horizontal.col-50 .timeline-item {
width: 50vw;
}
.timeline-horizontal.col-55 .timeline-item {
width: 55vw;
}
.timeline-horizontal.col-60 .timeline-item {
width: 60vw;
}
.timeline-horizontal.col-65 .timeline-item {
width: 65vw;
}
.timeline-horizontal.col-66 .timeline-item {
width: 66.66666666666666vw;
}
.timeline-horizontal.col-70 .timeline-item {
width: 70vw;
}
.timeline-horizontal.col-75 .timeline-item {
width: 75vw;
}
.timeline-horizontal.col-80 .timeline-item {
width: 80vw;
}
.timeline-horizontal.col-85 .timeline-item {
width: 85vw;
}
.timeline-horizontal.col-90 .timeline-item {
width: 90vw;
}
.timeline-horizontal.col-95 .timeline-item {
width: 95vw;
}
.timeline-horizontal.col-100 .timeline-item {
width: 100vw;
}
@media (min-width: 768px) {
.timeline-horizontal.tablet-5 .timeline-item {
width: 5vw;
}
.timeline-horizontal.tablet-10 .timeline-item {
width: 10vw;
}
.timeline-horizontal.tablet-15 .timeline-item {
width: 15vw;
}
.timeline-horizontal.tablet-20 .timeline-item {
width: 20vw;
}
.timeline-horizontal.tablet-25 .timeline-item {
width: 25vw;
}
.timeline-horizontal.tablet-30 .timeline-item {
width: 30vw;
}
.timeline-horizontal.tablet-33 .timeline-item {
width: 33.333333333333336vw;
}
.timeline-horizontal.tablet-35 .timeline-item {
width: 35vw;
}
.timeline-horizontal.tablet-40 .timeline-item {
width: 40vw;
}
.timeline-horizontal.tablet-45 .timeline-item {
width: 45vw;
}
.timeline-horizontal.tablet-50 .timeline-item {
width: 50vw;
}
.timeline-horizontal.tablet-55 .timeline-item {
width: 55vw;
}
.timeline-horizontal.tablet-60 .timeline-item {
width: 60vw;
}
.timeline-horizontal.tablet-65 .timeline-item {
width: 65vw;
}
.timeline-horizontal.tablet-66 .timeline-item {
width: 66.66666666666666vw;
}
.timeline-horizontal.tablet-70 .timeline-item {
width: 70vw;
}
.timeline-horizontal.tablet-75 .timeline-item {
width: 75vw;
}
.timeline-horizontal.tablet-80 .timeline-item {
width: 80vw;
}
.timeline-horizontal.tablet-85 .timeline-item {
width: 85vw;
}
.timeline-horizontal.tablet-90 .timeline-item {
width: 90vw;
}
.timeline-horizontal.tablet-95 .timeline-item {
width: 95vw;
}
.timeline-horizontal.tablet-100 .timeline-item {
width: 100vw;
}
}
.timeline-year {
padding-top: 24px;
padding-top: var(--f7-timeline-year-height);
}
.timeline-year:after {
content: '';
position: absolute;
background-color: var(--f7-timeline-horizontal-item-border-color);
display: block;
z-index: 15;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 1px;
height: 100%;
transform-origin: 100% 50%;
transform: scaleX(calc(1 / 1));
transform: scaleX(calc(1 / var(--f7-device-pixel-ratio)));
}
.timeline-year:last-child:after {
display: none !important;
}
.timeline-month {
padding-top: 24px;
padding-top: var(--f7-timeline-month-height);
}
.timeline-month .timeline-item:before {
content: '';
position: absolute;
background-color: var(--f7-timeline-horizontal-item-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.timeline-year,
.timeline-month {
display: flex;
flex-shrink: 0;
position: relative;
box-sizing: border-box;
height: 100%;
}
.timeline-year-title {
line-height: 24px;
line-height: var(--f7-timeline-year-height);
height: 24px;
height: var(--f7-timeline-year-height);
font-size: var(--f7-timeline-year-font-size);
font-weight: inherit;
font-weight: var(--f7-timeline-year-font-weight);
}
.timeline-month-title {
line-height: 24px;
line-height: var(--f7-timeline-month-height);
height: 24px;
height: var(--f7-timeline-month-height);
font-size: inherit;
font-size: var(--f7-timeline-month-font-size);
font-weight: inherit;
font-weight: var(--f7-timeline-month-font-weight);
}
.timeline-year-title,
.timeline-month-title {
position: absolute;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box;
padding: 0 var(--f7-timeline-horizontal-item-padding);
background-color: #f7f7f8;
background-color: var(--f7-bars-bg-color);
color: #000;
color: var(--f7-bars-text-color);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .timeline-year-title,
.ios-translucent-bars .timeline-month-title {
background-color: rgba(247, 247, 248, 0.8);
background-color: rgba(var(--f7-bars-bg-color-rgb), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.timeline-year-title span,
.timeline-month-title span {
display: inline-block;
position: -webkit-sticky;
position: sticky;
left: calc(var(--f7-timeline-horizontal-item-padding) + 0px);
left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));
}
.timeline-month-title span {
margin-top: -2px;
}
.timeline-year:first-child .timeline-year-title,
.timeline-year:first-child .timeline-month:first-child .timeline-month-title,
.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title {
left: calc(0px * -1);
left: calc(var(--f7-safe-area-left) * -1);
right: 0;
width: auto;
}
.timeline-horizontal .timeline-item:first-child,
.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child,
.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child,
.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item {
overflow: visible;
}
.timeline-horizontal .timeline-item:first-child .timeline-item-date,
.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date,
.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-item:first-child .timeline-item-date,
.timeline-year:first-child .timeline-year-title + .timeline-month .timeline-month-title + .timeline-item .timeline-item-date {
width: auto;
padding-left: calc(var(--f7-timeline-horizontal-item-padding) + 0px);
padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left));
left: calc(0px - 0px);
left: calc(0px - var(--f7-safe-area-left));
right: 0;
}
.timeline-year:last-child .timeline-year-title,
.timeline-year:last-child .timeline-month:last-child .timeline-month-title {
width: auto;
right: calc(0px - 0px);
right: calc(0px - var(--f7-safe-area-right));
}
.timeline-horizontal .timeline-item:last-child,
.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child {
overflow: visible;
}
.timeline-horizontal .timeline-item:last-child .timeline-item-date,
.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date {
width: auto;
right: calc(0px - 0px);
right: calc(0px - var(--f7-safe-area-right));
left: 0;
}
.ios .block-strong .timeline-item-inner {
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.ios .timeline-year-title span {
margin-top: 3px;
}
.md .timeline-year-title span {
margin-top: 2px;
}
.aurora .timeline-year-title span {
margin-top: 2px;
}
/* === Tabs === */
.tabs .tab {
display: none;
}
.tabs .tab-active {
display: block;
}
.tabs-animated-wrap {
position: relative;
width: 100%;
overflow: hidden;
height: 100%;
}
.tabs-animated-wrap > .tabs {
display: flex;
height: 100%;
transition-duration: 300ms;
}
.tabs-animated-wrap > .tabs > .tab {
width: 100%;
display: block;
flex-shrink: 0;
}
.tabs-animated-wrap.not-animated > .tabs {
transition-duration: 0ms;
}
.tabs-swipeable-wrap {
height: 100%;
}
.tabs-swipeable-wrap > .tabs {
height: 100%;
}
.tabs-swipeable-wrap > .tabs > .tab {
display: block;
}
.page > .tabs {
height: 100%;
}
/* === Panels === */
:root {
--f7-panel-width: 260px;
/*
--f7-panel-left-width: var(--f7-panel-width);
--f7-panel-right-width: var(--f7-panel-width);
--f7-panel-left-collapsed-width: var(--f7-panel-collapsed-width);
--f7-panel-right-collapsed-width: var(--f7-panel-collapsed-width);
*/
--f7-panel-bg-color: #fff;
}
.ios {
--f7-panel-collapsed-width: 58px;
--f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0);
--f7-panel-transition-duration: 400ms;
--f7-panel-shadow: transparent;
}
.md {
--f7-panel-collapsed-width: 60px;
--f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.3);
--f7-panel-transition-duration: 300ms;
--f7-panel-shadow: rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.07) 30%,
rgba(0, 0, 0, 0.03) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 0) 100%;
}
.aurora {
--f7-panel-collapsed-width: 44px;
--f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2);
--f7-panel-transition-duration: 400ms;
--f7-panel-shadow: transparent;
}
.panel-backdrop {
position: absolute;
left: 0;
top: 0px;
top: var(--f7-appbar-app-offset, 0px);
width: 100%;
height: calc(100% - 0px);
height: calc(100% - var(--f7-appbar-app-offset, 0px));
opacity: 0;
z-index: 5999;
visibility: hidden;
pointer-events: none;
transform: translate3d(0, 0, 0);
background-color: var(--f7-panel-backdrop-bg-color);
transition-property: transform, opacity;
transition-duration: var(--f7-panel-transition-duration);
}
.panel-backdrop .with-panel,
.panel-backdrop .with-panel-closing {
visibility: visible;
}
.panel-backdrop.not-animated {
transition-duration: 0ms !important;
}
.panel {
z-index: 1000;
box-sizing: border-box;
position: absolute;
top: 0px;
top: var(--f7-appbar-app-offset, 0px);
height: calc(100% - 0px);
height: calc(100% - var(--f7-appbar-app-offset, 0px));
transform: translate3d(0, 0, 0);
width: 260px;
width: var(--f7-panel-width);
background-color: #fff;
background-color: var(--f7-panel-bg-color);
overflow: visible;
transition-property: transform;
transition-duration: var(--f7-panel-transition-duration);
}
.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe) {
display: none;
}
.panel:after {
pointer-events: none;
opacity: 0;
z-index: 5999;
position: absolute;
content: '';
top: 0;
width: 20px;
height: 100%;
transition-property: transform, opacity;
transition-duration: var(--f7-panel-transition-duration);
}
.panel.not-animated,
.panel.not-animated:after {
transition-duration: 0ms !important;
}
.panel.panel-reveal.not-animated ~ .views,
.panel.panel-reveal.not-animated ~ .view {
transition-duration: 0ms !important;
}
.panel.panel-resizing {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.panel.panel-resizing,
.panel.panel-resizing:after,
.panel.panel-resizing ~ .views,
.panel.panel-resizing ~ .view {
transition-duration: 0ms !important;
}
.panel-cover {
z-index: 6000;
}
.panel-left {
left: 0;
width: var(--f7-panel-width);
width: var(--f7-panel-left-width, var(--f7-panel-width));
}
.panel-left.panel-cover {
transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0);
transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0);
}
.panel-left.panel-cover:after {
left: 100%;
background: linear-gradient(to right, var(--f7-panel-shadow));
}
html.with-panel-left-cover .panel-left.panel-cover:after {
opacity: 1;
}
.panel-left.panel-reveal:after {
right: 0;
transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0);
transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0);
background: linear-gradient(to left, var(--f7-panel-shadow));
}
html.with-panel-left-reveal .panel-left.panel-reveal:after {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.panel-right {
right: 0;
width: var(--f7-panel-width);
width: var(--f7-panel-right-width, var(--f7-panel-width));
}
.panel-right.panel-cover {
transform: translate3d(var(--f7-panel-width), 0, 0);
transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0);
}
.panel-right.panel-cover:after {
right: 100%;
background: linear-gradient(to left, var(--f7-panel-shadow));
}
html.with-panel-right-cover .panel-right.panel-cover:after {
opacity: 1;
}
.panel-right.panel-reveal:after {
left: 0;
background: linear-gradient(to right, var(--f7-panel-shadow));
transform: translate3d(var(--f7-panel-width), 0, 0);
transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0);
}
html.with-panel-right-reveal .panel-right.panel-reveal:after {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.panel-in-breakpoint {
transform: translate3d(0, 0, 0) !important;
transition-duration: 0ms;
}
.panel-in-breakpoint:after {
display: none;
}
.panel-in-breakpoint.panel-cover {
z-index: 5900;
}
html.with-panel-left-reveal .views,
html.with-panel-right-reveal .views,
html.with-panel-closing .views,
html.with-panel-left-reveal .framework7-root > .view,
html.with-panel-right-reveal .framework7-root > .view,
html.with-panel-closing .framework7-root > .view {
transition-duration: var(--f7-panel-transition-duration);
transition-property: transform;
}
html.with-panel-left-reveal .panel-backdrop-in,
html.with-panel-right-reveal .panel-backdrop-in,
html.with-panel-closing .panel-backdrop-in {
visibility: visible;
pointer-events: auto;
opacity: 0;
}
html.with-panel .framework7-root > .views .page-content,
html.with-panel .framework7-root > .view .page-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
html.with-panel-left-cover .panel-backdrop-in,
html.with-panel-right-cover .panel-backdrop-in {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
html.with-panel-left-reveal .views,
html.with-panel-left-reveal .framework7-root > .view,
html.with-panel-left-reveal .panel-backdrop-in {
transform: translate3d(var(--f7-panel-width), 0, 0);
transform: translate3d(var(--f7-panel-left-width, var(--f7-panel-width)), 0, 0);
}
html.with-panel-right-reveal .views,
html.with-panel-right-reveal .framework7-root > .view,
html.with-panel-right-reveal .panel-backdrop-in {
transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0);
transform: translate3d(calc(-1 * var(--f7-panel-right-width, var(--f7-panel-width))), 0, 0);
}
html.with-panel-left-cover .panel-left {
transform: translate3d(0px, 0, 0);
}
html.with-panel-right-cover .panel-right {
transform: translate3d(0px, 0, 0);
}
.panel-resize-handler {
position: absolute;
top: 0;
height: 100%;
width: 6px;
cursor: col-resize;
z-index: 6000;
display: none;
}
.panel-resizable .panel-resize-handler {
display: block;
}
.panel-left.panel-cover .panel-resize-handler {
right: -3px;
}
.panel-left.panel-reveal .panel-resize-handler {
right: 0;
}
.panel-right.panel-cover .panel-resize-handler {
left: -3px;
}
.panel-right.panel-reveal .panel-resize-handler {
left: 0;
}
.panel-left.panel-in-collapsed ~ .views,
.panel-left.panel-in-collapsed ~ .view {
margin-left: var(--f7-panel-collapsed-width);
margin-left: var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width));
}
html.with-panel-left-reveal .panel-left.panel-in-collapsed ~ .views,
html.with-panel-left-reveal .panel-left.panel-in-collapsed ~ .view {
transform: translate3d(calc(var(--f7-panel-width) - var(--f7-panel-collapsed-width)), 0, 0);
transform: translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width))), 0, 0);
}
.panel-right.panel-in-collapsed ~ .views,
.panel-right.panel-in-collapsed ~ .view {
margin-right: var(--f7-panel-collapsed-width);
margin-right: var(--f7-panel-right-collapsed-width, var(--f7-panel-collapsed-width));
}
html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .views,
html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view {
transform: translate3d(calc(var(--f7-panel-collapsed-width) - var(--f7-panel-width)), 0, 0);
transform: translate3d(calc(var(--f7-panel-right-collapsed-width, var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width, var(--f7-panel-width))), 0, 0);
}
html.with-modal-popup-push .framework7-root,
html.with-modal-popup-push-closing .framework7-root {
--f7-panelPushScale: var(--f7-popup-push-scale);
--f7-panelPushTransitionDuration: var(--f7-popup-transition-duration);
--f7-panelPushBorderRadius: var(--f7-popup-push-border-radius);
}
html.with-modal-sheet-push .framework7-root,
html.with-modal-sheet-push-closing .framework7-root {
--f7-panelPushScale: var(--f7-sheet-push-scale);
--f7-panelPushTransitionDuration: var(--f7-sheet-transition-duration);
--f7-panelPushBorderRadius: var(--f7-sheet-push-border-radius);
}
html.with-modal-popup-push .framework7-root > .panel-in,
html.with-modal-sheet-push .framework7-root > .panel-in,
html.with-modal-popup-push .framework7-root > .panel-out,
html.with-modal-sheet-push .framework7-root > .panel-out {
transition-duration: var(--f7-panelPushTransitionDuration);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-reveal.panel-left,
html.with-modal-popup-push .framework7-root > .panel-out.panel-reveal.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-reveal.panel-left {
transform: scale(1);
transform: scale(var(--f7-panelPushScale, 1));
transform-origin: 50vw center;
border-top-left-radius: var(--f7-panelPushBorderRadius);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panel-left .view,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-reveal.panel-left .view,
html.with-modal-popup-push .framework7-root > .panel-out.panel-reveal.panel-left .view,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-reveal.panel-left .view {
border-top-left-radius: var(--f7-panelPushBorderRadius);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panel-right,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-reveal.panel-right,
html.with-modal-popup-push .framework7-root > .panel-out.panel-reveal.panel-right,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-reveal.panel-right {
transform: scale(1);
transform: scale(var(--f7-panelPushScale, 1));
transform-origin: calc(var(--f7-panel-width) - 50vw) center;
transform-origin: calc(var(--f7-panel-left-width, var(--f7-panel-width)) - 50vw) center;
border-top-right-radius: var(--f7-panelPushBorderRadius);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panel-right .view,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-reveal.panel-right .view,
html.with-modal-popup-push .framework7-root > .panel-out.panel-reveal.panel-right .view,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-reveal.panel-right .view {
border-top-right-radius: var(--f7-panelPushBorderRadius);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-cover.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-cover.panel-left,
html.with-modal-popup-push .framework7-root > .panel-out.panel-cover.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-cover.panel-left {
transform: translate3d(calc(-1 * var(--f7-panel-width)), 0, 0px);
transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0px);
}
html.with-modal-popup-push .framework7-root > .panel-in.panel-cover.panel-right,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-cover.panel-right,
html.with-modal-popup-push .framework7-root > .panel-out.panel-cover.panel-right,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-cover.panel-right {
transform: translate3d(var(--f7-panel-width), 0, 0px);
transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0px);
}
html.with-modal-popup-push-closing .framework7-root > .panel-in,
html.with-modal-sheet-push-closing .framework7-root > .panel-in {
transition-duration: var(--f7-panelPushTransitionDuration);
}
html.with-modal-popup-push-closing .framework7-root > .panel-in.panel-reveal.panel-left,
html.with-modal-sheet-push-closing .framework7-root > .panel-in.panel-reveal.panel-left {
transform-origin: 50vw center;
}
html.with-modal-popup-push-closing .framework7-root > .panel-in.panel-reveal.panel-right,
html.with-modal-sheet-push-closing .framework7-root > .panel-in.panel-reveal.panel-right {
transform-origin: calc(var(--f7-panel-width) - 50vw) center;
transform-origin: calc(var(--f7-panel-right-width, var(--f7-panel-width)) - 50vw) center;
}
/* === Card === */
:root {
--f7-card-content-padding-horizontal: 16px;
--f7-card-content-padding-vertical: 16px;
--f7-card-border-radius: 4px;
--f7-card-font-size: inherit;
--f7-card-header-text-color: inherit;
--f7-card-header-font-weight: 400;
--f7-card-header-padding-horizontal: 16px;
--f7-card-footer-font-weight: 400;
--f7-card-footer-font-size: inherit;
--f7-card-footer-padding-horizontal: 16px;
--f7-card-expandable-font-size: 16px;
--f7-card-expandable-tablet-width: 670px;
--f7-card-expandable-tablet-height: 670px;
--f7-card-bg-color: #fff;
--f7-card-outline-border-color: rgba(0, 0, 0, 0.12);
--f7-card-header-border-color: rgba(0, 0, 0, 0.1);
--f7-card-footer-border-color: rgba(0, 0, 0, 0.1);
--f7-card-expandable-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-card-bg-color: #1c1c1d;
--f7-card-expandable-bg-color: #1c1c1d;
--f7-card-outline-border-color: rgba(255, 255, 255, 0.15);
--f7-card-header-border-color: rgba(255, 255, 255, 0.15);
--f7-card-footer-border-color: rgba(255, 255, 255, 0.15);
--f7-card-footer-text-color: rgba(255, 255, 255, 0.55);
}
.ios {
--f7-card-margin-horizontal: 10px;
--f7-card-margin-vertical: 10px;
--f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
--f7-card-header-font-size: 17px;
--f7-card-header-padding-vertical: 10px;
--f7-card-header-min-height: 44px;
--f7-card-footer-text-color: rgba(0, 0, 0, 0.45);
--f7-card-footer-padding-vertical: 10px;
--f7-card-footer-min-height: 44px;
--f7-card-expandable-margin-horizontal: 20px;
--f7-card-expandable-margin-vertical: 30px;
--f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
--f7-card-expandable-border-radius: 15px;
--f7-card-expandable-tablet-border-radius: 5px;
--f7-card-expandable-header-font-size: 27px;
--f7-card-expandable-header-font-weight: bold;
}
.md {
--f7-card-margin-horizontal: 8px;
--f7-card-margin-vertical: 8px;
--f7-card-box-shadow: var(--f7-elevation-1);
--f7-card-header-font-size: 16px;
--f7-card-header-padding-vertical: 4px;
--f7-card-header-min-height: 48px;
--f7-card-footer-text-color: rgba(0, 0, 0, 0.54);
--f7-card-footer-padding-vertical: 4px;
--f7-card-footer-min-height: 48px;
--f7-card-expandable-margin-horizontal: 12px;
--f7-card-expandable-margin-vertical: 24px;
--f7-card-expandable-box-shadow: var(--f7-elevation-10);
--f7-card-expandable-border-radius: 8px;
--f7-card-expandable-tablet-border-radius: 4px;
--f7-card-expandable-header-font-size: 24px;
--f7-card-expandable-header-font-weight: 500;
}
.aurora {
--f7-card-margin-horizontal: 10px;
--f7-card-margin-vertical: 10px;
--f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
--f7-card-header-font-size: 14px;
--f7-card-header-font-weight: bold;
--f7-card-header-padding-vertical: 10px;
--f7-card-header-min-height: 38px;
--f7-card-footer-text-color: rgba(0, 0, 0, 0.6);
--f7-card-footer-padding-vertical: 10px;
--f7-card-footer-min-height: 38px;
--f7-card-expandable-margin-horizontal: 10px;
--f7-card-expandable-margin-vertical: 20px;
--f7-card-expandable-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
--f7-card-expandable-border-radius: 15px;
--f7-card-expandable-tablet-border-radius: 5px;
--f7-card-expandable-header-font-size: 27px;
--f7-card-expandable-header-font-weight: bold;
}
.cards-list > ul:before,
.card .list > ul:before,
.cards-list > ul:after,
.card .list > ul:after {
display: none !important;
}
.cards-list ul,
.card .list ul {
background: none;
}
.card {
background: #fff;
background: var(--f7-card-bg-color);
position: relative;
border-radius: 4px;
border-radius: var(--f7-card-border-radius);
font-size: inherit;
font-size: var(--f7-card-font-size);
margin-top: var(--f7-card-margin-vertical);
margin-bottom: var(--f7-card-margin-vertical);
margin-left: calc(var(--f7-card-margin-horizontal) + 0px);
margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));
margin-right: calc(var(--f7-card-margin-horizontal) + 0px);
margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right));
box-shadow: var(--f7-card-box-shadow);
}
.card .list,
.card .block {
margin: 0;
}
.row:not(.no-gap) .col > .card {
margin-left: 0;
margin-right: 0;
}
.card.no-shadow {
box-shadow: none;
}
.card-outline,
.ios .card-outline-ios,
.md .card-outline-md,
.aurora .card-outline-aurora {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.12);
border: 1px solid var(--f7-card-outline-border-color);
}
.card-outline.no-border,
.ios .card-outline-ios.no-border,
.md .card-outline-md.no-border,
.aurora .card-outline-aurora.no-border,
.card-outline.no-hairlines,
.ios .card-outline-ios.no-hairlines,
.md .card-outline-md.no-hairlines,
.aurora .card-outline-aurora.no-hairlines {
border: none;
}
.card-content {
position: relative;
}
.card-content-padding {
position: relative;
padding: 16px 16px;
padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);
}
.card-content-padding > .list,
.card-content-padding > .block {
margin: calc(-1 * 16px) calc(-1 * 16px);
margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal));
}
.card-content-padding > p:first-child {
margin-top: 0;
}
.card-content-padding > p:last-child {
margin-bottom: 0;
}
.card-header {
min-height: var(--f7-card-header-min-height);
color: inherit;
color: var(--f7-card-header-text-color);
font-size: var(--f7-card-header-font-size);
font-weight: 400;
font-weight: var(--f7-card-header-font-weight);
padding: var(--f7-card-header-padding-vertical) 16px;
padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal);
}
.card-footer {
min-height: var(--f7-card-footer-min-height);
color: var(--f7-card-footer-text-color);
font-size: inherit;
font-size: var(--f7-card-footer-font-size);
font-weight: 400;
font-weight: var(--f7-card-footer-font-weight);
padding: var(--f7-card-footer-padding-vertical) 16px;
padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal);
}
.card-footer a.link {
overflow: hidden;
}
.card-header,
.card-footer {
position: relative;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
}
.card-header[valign="top"],
.card-footer[valign="top"] {
align-items: flex-start;
}
.card-header[valign="bottom"],
.card-footer[valign="bottom"] {
align-items: flex-end;
}
.card-header a.link,
.card-footer a.link {
position: relative;
}
.card-header a.link i.icon,
.card-footer a.link i.icon {
display: block;
}
.card-header a.icon-only,
.card-footer a.icon-only {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.card-header {
border-radius: 4px 4px 0 0;
border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0;
}
.card-header:after {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
background-color: var(--f7-card-header-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.card-header.no-hairline:after {
display: none !important;
}
.card-footer {
border-radius: 0 0 4px 4px;
border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius);
}
.card-footer:before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
background-color: var(--f7-card-footer-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.card-footer.no-hairline:before {
display: none !important;
}
.card-expandable {
overflow: hidden;
height: 300px;
background: #fff;
background: var(--f7-card-expandable-bg-color);
position: relative;
transform-origin: center center;
transition-property: transform, border-radius;
border-radius: var(--f7-card-expandable-border-radius);
z-index: 2;
transition-duration: 200ms;
margin-left: calc(var(--f7-card-expandable-margin-horizontal) + 0px);
margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));
margin-right: calc(var(--f7-card-expandable-margin-horizontal) + 0px);
margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right));
margin-top: var(--f7-card-expandable-margin-vertical);
margin-bottom: var(--f7-card-expandable-margin-vertical);
box-shadow: var(--f7-card-expandable-box-shadow);
font-size: 16px;
font-size: var(--f7-card-expandable-font-size);
}
.card-expandable:not(.card-opened) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.card-expandable.card-no-transition {
transition-duration: 0ms;
}
.card-expandable.card-expandable-animate-width .card-content {
transition-property: width, transform;
width: 100%;
}
.card-expandable.active-state {
transform: scale(0.97) translate3d(0, 0, 0);
}
.card-expandable .card-opened-fade-in,
.card-expandable .card-opened-fade-out {
transition-duration: 400ms;
}
.card-expandable .card-opened-fade-in {
opacity: 0;
pointer-events: none;
}
.card-expandable .card-content {
position: absolute;
top: 0;
width: 100vw;
height: 100vh;
transform-origin: center top;
overflow: hidden;
transition-property: transform;
box-sizing: border-box;
pointer-events: none;
left: 0;
}
.card-expandable .card-content .card-content-padding {
padding-left: calc(0px + 16px);
padding-left: calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));
padding-right: calc(0px + 16px);
padding-right: calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal));
}
.card-expandable.card-opened {
transition-duration: 0ms;
}
.card-expandable.card-opening,
.card-expandable.card-closing,
.card-expandable.card-transitioning {
transition-duration: 400ms;
}
.card-expandable.card-opening .card-content {
transition-duration: 300ms;
}
.card-expandable.card-closing .card-content {
transition-duration: 500ms;
}
.card-expandable.card-opening,
.card-expandable.card-opened,
.card-expandable.card-closing {
z-index: 300;
}
.card-expandable.card-opening,
.card-expandable.card-opened {
border-radius: 0;
}
.card-expandable.card-opening .card-opened-fade-in,
.card-expandable.card-opened .card-opened-fade-in {
opacity: 1;
pointer-events: auto;
}
.card-expandable.card-opening .card-opened-fade-out,
.card-expandable.card-opened .card-opened-fade-out {
opacity: 0;
pointer-events: none;
}
.card-expandable.card-opened .card-content {
overflow: auto;
-webkit-overflow-scrolling: touch;
pointer-events: auto;
}
.card-expandable .card-header {
font-size: var(--f7-card-expandable-header-font-size);
font-weight: var(--f7-card-expandable-header-font-weight);
}
.card-expandable .card-header:after {
display: none !important;
}
.card-prevent-open {
pointer-events: auto;
}
.card-expandable-size {
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
@media (min-width: 768px) and (min-height: 670px) {
.card-expandable:not(.card-tablet-fullscreen) {
max-width: 670px;
max-width: var(--f7-card-expandable-tablet-width);
}
.card-expandable:not(.card-tablet-fullscreen).card-opened,
.card-expandable:not(.card-tablet-fullscreen).card-opening {
border-radius: var(--f7-card-expandable-tablet-border-radius);
}
.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content {
width: 670px;
width: var(--f7-card-expandable-tablet-width);
}
.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size {
width: 670px;
width: var(--f7-card-expandable-tablet-width);
height: 670px;
height: var(--f7-card-expandable-tablet-height);
}
}
.page.page-with-card-opened .page-content {
overflow: hidden;
}
.card-backdrop {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 299;
pointer-events: none;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
}
.card-backdrop-in {
animation: card-backdrop-fade-in 400ms forwards;
pointer-events: auto;
}
.card-backdrop-out {
animation: card-backdrop-fade-out 400ms forwards;
}
@supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
.card-backdrop {
background: transparent;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
}
@keyframes card-backdrop-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes card-backdrop-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* === Chips === */
:root {
--f7-chip-font-size: 13px;
--f7-chip-font-weight: normal;
--f7-chip-media-font-size: 16px;
--f7-chip-bg-color: rgba(0, 0, 0, 0.12);
--f7-chip-outline-border-color: rgba(0, 0, 0, 0.12);
--f7-chip-delete-button-color: #000;
}
:root .theme-dark,
:root.theme-dark {
--f7-chip-delete-button-color: #fff;
--f7-chip-bg-color: #333;
--f7-chip-outline-border-color: rgba(255, 255, 255, 0.12);
}
.ios {
--f7-chip-height: 24px;
--f7-chip-padding-horizontal: 10px;
--f7-chip-text-color: #000;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-chip-text-color: #fff;
}
.md {
--f7-chip-height: 32px;
--f7-chip-padding-horizontal: 12px;
--f7-chip-text-color: rgba(0, 0, 0, 0.87);
}
.md .theme-dark,
.md.theme-dark {
--f7-chip-text-color: rgba(255, 255, 255, 0.87);
}
.aurora {
--f7-chip-height: 20px;
--f7-chip-padding-horizontal: 10px;
--f7-chip-font-size: 12px;
--f7-chip-media-font-size: 14px;
--f7-chip-text-color: #000;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-chip-text-color: #fff;
}
.chip {
padding-left: var(--f7-chip-padding-horizontal);
padding-right: var(--f7-chip-padding-horizontal);
font-weight: normal;
font-weight: var(--f7-chip-font-weight);
display: inline-flex;
box-sizing: border-box;
vertical-align: middle;
align-items: center;
margin: 2px 0;
background-color: rgba(0, 0, 0, 0.12);
background-color: var(--f7-chip-bg-color);
font-size: 13px;
font-size: var(--f7-chip-font-size);
color: var(--f7-chip-text-color);
height: var(--f7-chip-height);
line-height: var(--f7-chip-height);
border-radius: var(--f7-chip-height);
position: relative;
}
.chip-media {
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
height: var(--f7-chip-height);
width: var(--f7-chip-height);
border-radius: var(--f7-chip-height);
text-align: center;
line-height: var(--f7-chip-height);
box-sizing: border-box;
color: #fff;
font-size: 16px;
font-size: var(--f7-chip-media-font-size);
vertical-align: middle;
margin-left: calc(-1 * var(--f7-chip-padding-horizontal));
}
.chip-media i.icon {
font-size: calc(var(--f7-chip-height) - 8px);
height: calc(var(--f7-chip-height) - 8px);
}
.chip-media img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
border-radius: 50%;
display: block;
}
.chip-media + .chip-label {
margin-left: 4px;
}
.chip-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
flex-shrink: 1;
min-width: 0;
}
.chip-delete {
text-align: center;
cursor: pointer;
flex-shrink: 0;
background-repeat: no-repeat;
width: 24px;
height: 24px;
color: #000;
color: var(--f7-chip-delete-button-color);
opacity: 0.54;
position: relative;
}
.chip-delete:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
content: 'delete_round_ios';
line-height: 24px;
}
.chip .chip-delete.active-state {
opacity: 1;
}
.chip-outline,
.ios .chip-outline-ios,
.md .chip-outline-md,
.aurora .chip-outline-aurora {
border: 1px solid rgba(0, 0, 0, 0.12);
border: 1px solid var(--f7-chip-outline-border-color);
background: none;
}
.chip[class*="color-"] {
--f7-chip-bg-color: var(--f7-theme-color);
--f7-chip-text-color: #fff;
}
.chip-outline[class*="color-"],
.ios .chip-outline-ios[class*="color-"],
.md .chip-outline-md[class*="color-"],
.aurora .chip-outline-aurora[class*="color-"] {
--f7-chip-outline-border-color: var(--f7-theme-color);
--f7-chip-text-color: var(--f7-theme-color);
}
.ios .chip-delete {
margin-right: calc(-1 * var(--f7-chip-padding-horizontal));
}
.ios .chip-delete:after {
font-size: 10px;
}
.md .chip-label + .chip-delete {
margin-left: 4px;
}
.md .chip-delete {
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
}
.md .chip-delete:after {
font-size: 12px;
}
.aurora .chip-delete {
margin-right: calc(-1 * var(--f7-chip-padding-horizontal));
}
.aurora .chip-delete:after {
font-size: 10px;
}
/* === Form === */
/* === Input === */
:root {
--f7-input-bg-color: transparent;
--f7-label-font-weight: 400;
--f7-label-line-height: 1.3;
--f7-input-padding-left: 0px;
--f7-input-padding-right: 0px;
--f7-input-error-text-color: #ff3b30;
--f7-input-error-font-size: 12px;
--f7-input-error-line-height: 1.4;
--f7-input-error-font-weight: 400;
--f7-input-info-font-size: 12px;
--f7-input-info-line-height: 1.4;
--f7-input-outline-height: 40px;
--f7-input-outline-border-radius: 4px;
--f7-input-outline-padding-horizontal: 12px;
--f7-textarea-height: 100px;
/*
--f7-input-outline-focused-border-color: var(--f7-theme-color);
--f7-input-outline-invalid-border-color: var(--f7-input-error-text-color);
*/
--f7-input-outline-border-color: #999;
}
:root .theme-dark,
:root.theme-dark {
--f7-input-outline-border-color: #444;
}
.ios {
--f7-input-height: 44px;
--f7-input-font-size: 17px;
--f7-input-placeholder-color: #a9a9a9;
--f7-textarea-padding-vertical: 11px;
/*
--f7-input-focused-border-color: var(--f7-list-item-border-color);
--f7-input-invalid-border-color: var(--f7-list-item-border-color);
--f7-input-invalid-text-color: var(--f7-input-error-text-color);
*/
--f7-label-font-size: 12px;
--f7-label-text-color: inherit;
/*
--f7-label-focused-text-color: var(--f7-label-text-color);
--f7-label-invalid-text-color: var(--f7-label-text-color);
*/
--f7-floating-label-scale: calc(17 / 12);
--f7-inline-label-font-size: 17px;
--f7-inline-label-line-height: 1.4;
--f7-inline-label-padding-top: 3px;
--f7-input-clear-button-size: 14px;
--f7-input-text-color: #000000;
--f7-input-info-text-color: rgba(0, 0, 0, 0.45);
--f7-input-clear-button-color: rgba(0, 0, 0, 0.45);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-input-text-color: #fff;
--f7-input-info-text-color: rgba(255, 255, 255, 0.55);
--f7-input-clear-button-color: rgba(255, 255, 255, 0.5);
}
.md {
--f7-input-height: 36px;
--f7-input-font-size: 16px;
--f7-textarea-padding-vertical: 7px;
/*
--f7-input-focused-border-color: var(--f7-theme-color);
--f7-input-invalid-border-color: var(--f7-input-error-text-color);
--f7-input-invalid-text-color: var(--f7-input-text-color);
*/
--f7-label-font-size: 12px;
/*
--f7-label-focused-text-color: var(--f7-theme-color);
--f7-label-invalid-text-color: var(--f7-input-error-text-color );
*/
--f7-floating-label-scale: calc(16 / 12);
--f7-inline-label-font-size: 16px;
--f7-inline-label-line-height: 1.5;
--f7-inline-label-padding-top: 7px;
--f7-input-clear-button-size: 18px;
--f7-input-clear-button-color: #aaa;
--f7-input-text-color: #212121;
--f7-input-placeholder-color: rgba(0, 0, 0, 0.35);
--f7-label-text-color: rgba(0, 0, 0, 0.65);
--f7-input-info-text-color: rgba(0, 0, 0, 0.45);
}
.md .theme-dark,
.md.theme-dark {
--f7-input-text-color: rgba(255, 255, 255, 0.87);
--f7-input-placeholder-color: rgba(255, 255, 255, 0.35);
--f7-label-text-color: rgba(255, 255, 255, 0.54);
--f7-input-info-text-color: rgba(255, 255, 255, 0.45);
}
.aurora {
--f7-input-height: 24px;
--f7-input-font-size: 13px;
--f7-textarea-padding-vertical: 2px;
/*
--f7-input-focused-border-color: var(--f7-list-item-border-color);
--f7-input-invalid-border-color: var(--f7-list-item-border-color);
--f7-input-invalid-text-color: var(--f7-input-error-text-color);
*/
--f7-label-font-size: 11px;
--f7-label-text-color: inherit;
/*
--f7-label-focused-text-color: var(--f7-label-text-color);
--f7-label-invalid-text-color: var(--f7-label-text-color);
*/
--f7-floating-label-scale: calc(13 / 11);
--f7-inline-label-font-size: 14px;
--f7-inline-label-line-height: 1.4;
--f7-inline-label-padding-top: 1px;
--f7-input-clear-button-size: 14px;
--f7-input-outline-height: 32px;
--f7-input-outline-padding-horizontal: 8px;
--f7-input-text-color: #000000;
--f7-input-placeholder-color: rgba(0, 0, 0, 0.32);
--f7-input-clear-button-color: #666;
--f7-input-info-text-color: rgba(0, 0, 0, 0.5);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-input-text-color: #fff;
--f7-input-clear-button-color: #aaa;
--f7-input-placeholder-color: rgba(255, 255, 255, 0.35);
--f7-input-info-text-color: rgba(255, 255, 255, 0.45);
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type='month'],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
box-shadow: none;
border-radius: 0;
outline: 0;
display: block;
padding: 0;
margin: 0;
font-family: inherit;
background: none;
resize: none;
font-size: inherit;
color: inherit;
}
.textarea-resizable-shadow {
opacity: 0;
position: absolute;
z-index: -1000;
pointer-events: none;
left: -1000px;
top: -1000px;
visibility: hidden;
}
.list input[type="text"],
.list input[type="password"],
.list input[type="search"],
.list input[type="email"],
.list input[type="tel"],
.list input[type="url"],
.list input[type="date"],
.list input[type='month'],
.list input[type="datetime-local"],
.list input[type="time"],
.list input[type="number"],
.list select {
width: 100%;
height: var(--f7-input-height);
color: var(--f7-input-text-color);
font-size: var(--f7-input-font-size);
background-color: transparent;
background-color: var(--f7-input-bg-color, transparent);
padding-left: 0px;
padding-left: var(--f7-input-padding-left);
padding-right: 0px;
padding-right: var(--f7-input-padding-right);
}
.list input[type="text"]::-webkit-input-placeholder, .list input[type="password"]::-webkit-input-placeholder, .list input[type="search"]::-webkit-input-placeholder, .list input[type="email"]::-webkit-input-placeholder, .list input[type="tel"]::-webkit-input-placeholder, .list input[type="url"]::-webkit-input-placeholder, .list input[type="date"]::-webkit-input-placeholder, .list input[type='month']::-webkit-input-placeholder, .list input[type="datetime-local"]::-webkit-input-placeholder, .list input[type="time"]::-webkit-input-placeholder, .list input[type="number"]::-webkit-input-placeholder, .list select::-webkit-input-placeholder {
color: var(--f7-input-placeholder-color);
}
.list input[type="text"]::-moz-placeholder, .list input[type="password"]::-moz-placeholder, .list input[type="search"]::-moz-placeholder, .list input[type="email"]::-moz-placeholder, .list input[type="tel"]::-moz-placeholder, .list input[type="url"]::-moz-placeholder, .list input[type="date"]::-moz-placeholder, .list input[type='month']::-moz-placeholder, .list input[type="datetime-local"]::-moz-placeholder, .list input[type="time"]::-moz-placeholder, .list input[type="number"]::-moz-placeholder, .list select::-moz-placeholder {
color: var(--f7-input-placeholder-color);
}
.list input[type="text"]::-ms-input-placeholder, .list input[type="password"]::-ms-input-placeholder, .list input[type="search"]::-ms-input-placeholder, .list input[type="email"]::-ms-input-placeholder, .list input[type="tel"]::-ms-input-placeholder, .list input[type="url"]::-ms-input-placeholder, .list input[type="date"]::-ms-input-placeholder, .list input[type='month']::-ms-input-placeholder, .list input[type="datetime-local"]::-ms-input-placeholder, .list input[type="time"]::-ms-input-placeholder, .list input[type="number"]::-ms-input-placeholder, .list select::-ms-input-placeholder {
color: var(--f7-input-placeholder-color);
}
.list input[type="text"]::placeholder,
.list input[type="password"]::placeholder,
.list input[type="search"]::placeholder,
.list input[type="email"]::placeholder,
.list input[type="tel"]::placeholder,
.list input[type="url"]::placeholder,
.list input[type="date"]::placeholder,
.list input[type='month']::placeholder,
.list input[type="datetime-local"]::placeholder,
.list input[type="time"]::placeholder,
.list input[type="number"]::placeholder,
.list select::placeholder {
color: var(--f7-input-placeholder-color);
}
.list textarea {
width: 100%;
color: var(--f7-input-text-color);
font-size: var(--f7-input-font-size);
resize: none;
line-height: 1.4;
height: 100px;
height: var(--f7-textarea-height);
background-color: transparent;
background-color: var(--f7-input-bg-color, transparent);
padding-top: var(--f7-textarea-padding-vertical);
padding-bottom: var(--f7-textarea-padding-vertical);
padding-left: 0px;
padding-left: var(--f7-input-padding-left);
padding-right: 0px;
padding-right: var(--f7-input-padding-right);
}
.list textarea::-webkit-input-placeholder {
color: var(--f7-input-placeholder-color);
}
.list textarea::-moz-placeholder {
color: var(--f7-input-placeholder-color);
}
.list textarea::-ms-input-placeholder {
color: var(--f7-input-placeholder-color);
}
.list textarea::placeholder {
color: var(--f7-input-placeholder-color);
}
.list textarea.resizable {
height: var(--f7-input-height);
}
.list input[type="datetime-local"] {
max-width: 50vw;
}
.list input[type="time"],
.list input[type="date"],
.list input[type='month'],
.list input[type="datetime-local"] {
line-height: var(--f7-input-height);
}
.list .item-label,
.list .item-floating-label {
width: 100%;
vertical-align: top;
flex-shrink: 0;
font-size: var(--f7-label-font-size);
font-weight: 400;
font-weight: var(--f7-label-font-weight);
line-height: 1.3;
line-height: var(--f7-label-line-height);
color: var(--f7-label-text-color);
transition-duration: 200ms;
transition-property: transform, color;
}
.list .item-floating-label {
--label-height: calc(var(--f7-label-font-size) * var(--f7-label-line-height));
transform: scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height) / 2 + 50%) / var(--f7-floating-label-scale)));
color: var(--f7-input-placeholder-color);
width: auto;
max-width: calc(100% / var(--f7-floating-label-scale));
pointer-events: none;
left: 0px;
left: var(--f7-input-padding-left);
transform-origin: left center;
}
.list .item-floating-label ~ .item-input-wrap input::-webkit-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea::-webkit-input-placeholder {
opacity: 0;
transition-duration: 100ms;
}
.list .item-floating-label ~ .item-input-wrap input::-moz-placeholder, .list .item-floating-label ~ .item-input-wrap textarea::-moz-placeholder {
opacity: 0;
transition-duration: 100ms;
}
.list .item-floating-label ~ .item-input-wrap input::-ms-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea::-ms-input-placeholder {
opacity: 0;
transition-duration: 100ms;
}
.list .item-floating-label ~ .item-input-wrap input::placeholder,
.list .item-floating-label ~ .item-input-wrap textarea::placeholder {
opacity: 0;
transition-duration: 100ms;
}
.list .item-floating-label ~ .item-input-wrap input.input-focused::-webkit-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea.input-focused::-webkit-input-placeholder {
opacity: 1;
transition-duration: 300ms;
}
.list .item-floating-label ~ .item-input-wrap input.input-focused::-moz-placeholder, .list .item-floating-label ~ .item-input-wrap textarea.input-focused::-moz-placeholder {
opacity: 1;
transition-duration: 300ms;
}
.list .item-floating-label ~ .item-input-wrap input.input-focused::-ms-input-placeholder, .list .item-floating-label ~ .item-input-wrap textarea.input-focused::-ms-input-placeholder {
opacity: 1;
transition-duration: 300ms;
}
.list .item-floating-label ~ .item-input-wrap input.input-focused::placeholder,
.list .item-floating-label ~ .item-input-wrap textarea.input-focused::placeholder {
opacity: 1;
transition-duration: 300ms;
}
.list .item-input-with-value .item-floating-label {
color: var(--f7-label-text-color);
}
.list .item-input-with-value .item-floating-label,
.list .item-input-focused .item-floating-label {
transform: scale(1) translateY(0);
}
.list .item-input-wrap {
width: 100%;
flex-shrink: 1;
position: relative;
}
.item-input .item-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.item-input-error-message,
.input-error-message {
font-size: 12px;
font-size: var(--f7-input-error-font-size);
line-height: 1.4;
line-height: var(--f7-input-error-line-height);
color: #ff3b30;
color: var(--f7-input-error-text-color);
font-weight: 400;
font-weight: var(--f7-input-error-font-weight);
display: none;
box-sizing: border-box;
}
.item-input-info,
.input-info {
font-size: 12px;
font-size: var(--f7-input-info-font-size);
line-height: 1.4;
line-height: var(--f7-input-info-line-height);
color: var(--f7-input-info-text-color);
}
.item-input-invalid .item-input-error-message,
.input-invalid .item-input-error-message,
.item-input-invalid .input-error-message,
.input-invalid .input-error-message {
display: block;
}
.item-input-invalid .item-input-info,
.input-invalid .item-input-info,
.item-input-invalid .input-info,
.input-invalid .input-info {
display: none;
}
.inline-labels .item-inner,
.inline-label .item-inner {
display: flex;
align-items: center;
flex-direction: row;
}
.inline-labels .item-label,
.inline-label .item-label,
.inline-labels .item-floating-label,
.inline-label .item-floating-label {
padding-top: var(--f7-inline-label-padding-top);
align-self: flex-start;
width: 35%;
font-size: var(--f7-inline-label-font-size);
line-height: var(--f7-inline-label-line-height);
}
.inline-labels .item-label + .item-input-wrap,
.inline-label .item-label + .item-input-wrap,
.inline-labels .item-floating-label + .item-input-wrap,
.inline-label .item-floating-label + .item-input-wrap {
margin-left: 8px;
}
.input {
position: relative;
}
.input input,
.input select,
.input textarea {
width: 100%;
}
.input-clear-button {
opacity: 0;
pointer-events: none;
visibility: hidden;
transition-duration: 100ms;
position: absolute;
top: 50%;
border: none;
padding: 0;
margin: 0;
outline: 0;
z-index: 1;
cursor: pointer;
background: none;
width: var(--f7-input-clear-button-size);
height: var(--f7-input-clear-button-size);
margin-top: calc(-1 * var(--f7-input-clear-button-size) / 2);
color: var(--f7-input-clear-button-color);
right: 0;
}
.input-clear-button:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
}
.input-clear-button:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
}
.item-input-wrap .input-clear-button {
top: calc(var(--f7-input-height) / 2);
}
.input-clear-button.active-state {
opacity: 0.75 !important;
}
.input-with-value ~ .input-clear-button,
.item-input-with-value .input-clear-button,
.input-with-value .input-clear-button {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.input-dropdown-wrap,
.input-dropdown {
position: relative;
}
.input-dropdown-wrap:before,
.input-dropdown:before {
content: '';
pointer-events: none;
position: absolute;
top: 50%;
margin-top: -2px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #727272;
right: 6px;
}
.input-dropdown-wrap select,
.input-dropdown select,
.input-dropdown-wrap input,
.input-dropdown input,
.input-dropdown-wrap textarea,
.input-dropdown textarea {
padding-right: calc(20px + 0px);
padding-right: calc(20px + var(--f7-input-padding-right));
}
.input-outline:after,
.item-input-outline .item-input-wrap:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #999;
border: 1px solid var(--f7-input-outline-border-color);
border-radius: 4px;
border-radius: var(--f7-input-outline-border-radius);
transition-duration: 200ms;
pointer-events: none;
}
.input-outline.input-focused:after,
.item-input-outline.item-input-focused .item-input-wrap:after {
border-width: 2px;
border-color: var(--f7-theme-color);
border-color: var(--f7-input-outline-focused-border-color, var(--f7-theme-color));
}
.input-outline.input-invalid:after,
.item-input-outline.item-input-invalid .item-input-wrap:after {
border-width: 2px;
border-color: var(--f7-input-error-text-color);
border-color: var(--f7-input-outline-invalid-border-color, var(--f7-input-error-text-color));
}
.input-outline input,
.item-input-outline input,
.list .item-input-outline input,
.input-outline textarea,
.item-input-outline textarea,
.list .item-input-outline textarea,
.input-outline select,
.item-input-outline select,
.list .item-input-outline select {
border-radius: 4px;
border-radius: var(--f7-input-outline-border-radius);
padding-left: 12px;
padding-left: var(--f7-input-outline-padding-horizontal);
padding-right: 12px;
padding-right: var(--f7-input-outline-padding-horizontal);
}
.input-outline.input-dropdown:before,
.item-input-outline .input-dropdown-wrap:before {
right: 8px;
}
.input-outline.input-dropdown input,
.item-input-outline .input-dropdown-wrap input,
.input-outline.input-dropdown textarea,
.item-input-outline .input-dropdown-wrap textarea,
.input-outline.input-dropdown select,
.item-input-outline .input-dropdown-wrap select {
padding-right: 20px;
}
.input-outline .input-clear-button,
.item-input-outline .input-clear-button {
right: 8px;
}
.item-input-outline {
--f7-input-height: var(--f7-input-outline-height);
}
.item-input-outline .item-inner:after {
display: none !important;
}
.item-input-outline .item-label {
left: 12px;
left: var(--f7-input-outline-padding-horizontal);
}
.inline-labels .item-input-outline .item-label,
.inline-label .item-input-outline .item-label,
.item-input-outline .inline-label .item-label,
.item-input-outline .inline-label.item-label {
left: 0;
}
.item-input-outline .item-floating-label {
left: calc(12px - 4px);
left: calc(var(--f7-input-outline-padding-horizontal) - 4px);
padding-left: 4px;
padding-right: 4px;
background: var(--f7-page-bg-color);
z-index: 10;
margin-top: calc(-0.5 * (var(--f7-label-font-size) * 1.3));
margin-top: calc(-0.5 * (var(--f7-label-font-size) * var(--f7-label-line-height)));
}
.item-input-outline.item-input-with-value .item-floating-label,
.item-input-outline.item-input-focused .item-floating-label {
transform: scale(1) translateY(50%);
}
.item-input-outline .item-input-info,
.item-input-outline .item-input-error-message {
padding-left: 12px;
padding-left: var(--f7-input-outline-padding-horizontal);
}
.block-strong .item-input-outline .item-floating-label {
background: #fff;
background: var(--f7-block-strong-bg-color);
}
.list .item-input-outline .item-floating-label {
background: #fff;
background: var(--f7-list-bg-color);
}
.theme-dark option {
background-color: var(--f7-page-bg-color);
}
.ios .item-label + .item-input-wrap,
.ios .item-floating-label + .item-input-wrap {
margin-top: 0;
}
.ios .item-input-focused .item-floating-label {
color: var(--f7-label-text-color);
}
.ios .item-input .item-media {
align-self: flex-start;
}
.ios .item-input-wrap {
margin-top: calc(-1 * var(--f7-list-item-padding-vertical));
margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical));
}
.ios .inline-labels .item-label + .item-input-wrap,
.ios .inline-label .item-label + .item-input-wrap,
.ios .inline-labels .item-floating-label + .item-input-wrap,
.ios .inline-label .item-floating-label + .item-input-wrap {
margin-top: calc(-1 * var(--f7-list-item-padding-vertical));
}
.ios .inline-labels .item-input-wrap,
.ios .inline-label .item-input-wrap {
margin-top: calc(-1 * var(--f7-list-item-padding-vertical));
}
.ios .item-input-error-message,
.ios .item-input-info,
.ios .input-error-message,
.ios .input-info {
position: relative;
margin-bottom: 6px;
margin-top: -8px;
}
.ios .item-input-focused .item-label,
.ios .item-input-focused .item-floating-label {
color: var(--f7-label-text-color);
color: var(--f7-label-focused-text-color, var(--f7-label-text-color));
}
.ios .item-input-focused .item-inner:after {
background: var(--f7-list-item-border-color);
background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color));
}
.ios .item-input-invalid .item-label,
.ios .item-input-invalid .item-floating-label {
color: var(--f7-label-text-color);
color: var(--f7-label-invalid-text-color, var(--f7-label-text-color));
}
.ios .item-input-invalid .item-inner:after {
background: var(--f7-list-item-border-color);
background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color));
}
.ios .item-input-invalid input,
.ios .input-invalid input,
.ios .item-input-invalid select,
.ios .input-invalid select,
.ios .item-input-invalid textarea,
.ios .input-invalid textarea {
color: var(--f7-input-error-text-color);
color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color));
}
.ios .input-clear-button:after {
content: 'delete_round_ios';
font-size: calc(var(--f7-input-clear-button-size) / (14 / 10));
line-height: 1.4;
}
.ios .input-clear-button:before {
width: 44px;
height: 44px;
margin-left: -22px;
margin-top: -22px;
}
.ios .item-input-outline .item-input-wrap,
.ios .input-outline .item-input-wrap {
margin-top: 0;
margin-bottom: 0;
}
.ios .item-input-outline .item-input-error-message,
.ios .input-outline .item-input-error-message,
.ios .item-input-outline .item-input-info,
.ios .input-outline .item-input-info,
.ios .item-input-outline .input-error-message,
.ios .input-outline .input-error-message,
.ios .item-input-outline .input-info,
.ios .input-outline .input-info {
margin-top: 0;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.ios .item-input-outline .item-input-info,
.ios .input-outline .item-input-info,
.ios .item-input-outline .input-info,
.ios .input-outline .input-info {
margin-bottom: calc(-1 * 12px * 1.4);
margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
}
.ios .item-input-outline .item-input-error-message,
.ios .input-outline .item-input-error-message,
.ios .item-input-outline .input-error-message,
.ios .input-outline .input-error-message {
margin-bottom: calc(-1 * 12px * 1.4);
margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
}
.ios .item-input-outline.item-input-with-info .item-input-wrap,
.ios .input-outline.item-input-with-info .item-input-wrap,
.ios .item-input-outline.input-with-info .item-input-wrap,
.ios .input-outline.input-with-info .item-input-wrap {
margin-bottom: calc(12px * 1.4);
margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
}
.ios .item-input-outline.item-input-with-error-message .item-input-wrap,
.ios .input-outline.item-input-with-error-message .item-input-wrap,
.ios .item-input-outline.input-with-error-message .item-input-wrap,
.ios .input-outline.input-with-error-message .item-input-wrap {
margin-bottom: calc(12px * 1.4);
margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
}
.md .item-input:not(.item-input-outline) .item-input-wrap:after,
.md .input:not(.input-outline):after {
content: '';
position: absolute;
background-color: var(--f7-list-item-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.md .item-input:not(.item-input-outline) .item-input-wrap:after,
.md .input:not(.input-outline):after {
transition-duration: 200ms;
}
.md .item-input-wrap {
min-height: var(--f7-input-height);
}
.md .item-input .item-media {
align-self: flex-end;
}
.md .item-input .item-inner:after {
display: none !important;
}
.md .inline-labels .item-media,
.md .inline-label .item-media {
align-self: flex-start;
padding-top: 14px;
}
.md .item-input-with-error-message,
.md .item-input-with-info,
.md .input-with-error-message,
.md .input-with-info {
padding-bottom: 20px;
}
.md .item-input-error-message,
.md .item-input-info,
.md .input-error-message,
.md .input-info {
position: absolute;
top: 100%;
margin-top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
left: 0;
}
.md .item-input-focused .item-label,
.md .item-input-focused .item-floating-label {
color: var(--f7-theme-color);
color: var(--f7-label-focused-text-color, var(--f7-theme-color));
}
.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,
.md .input-focused:not(.input-outline):after {
background: var(--f7-theme-color);
background: var(--f7-input-focused-border-color, var(--f7-theme-color));
}
.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after,
.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after,
.md .input-invalid:not(.input-outline):after,
.md .input-focused:not(.input-outline):after {
transform: scaleY(2) !important;
}
.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after,
.md .input-invalid:not(.input-outline):after {
background: var(--f7-input-error-text-color);
background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color));
}
.md .item-input-invalid .item-label,
.md .item-input-invalid .item-floating-label {
color: var(--f7-input-error-text-color);
color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color));
}
.md .item-input-invalid input,
.md .input-invalid input,
.md .item-input-invalid select,
.md .input-invalid select,
.md .item-input-invalid textarea,
.md .input-invalid textarea {
color: var(--f7-input-text-color);
color: var(--f7-input-invalid-text-color, var(--f7-input-text-color));
}
.md .input-clear-button:after {
font-size: calc(var(--f7-input-clear-button-size) / (24 / 20));
content: 'delete_round_md';
line-height: 1.2;
}
.md .input-clear-button:before {
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
}
.aurora .item-label + .item-input-wrap,
.aurora .item-floating-label + .item-input-wrap {
margin-top: 0;
}
.aurora .item-input-focused .item-floating-label {
color: var(--f7-label-text-color);
}
.aurora .item-input .item-media {
align-self: flex-start;
}
.aurora .item-input-error-message,
.aurora .item-input-info,
.aurora .input-error-message,
.aurora .input-info {
position: relative;
}
.aurora .item-input-focused .item-label,
.aurora .item-input-focused .item-floating-label {
color: var(--f7-label-text-color);
color: var(--f7-label-focused-text-color, var(--f7-label-text-color));
}
.aurora .item-input-focused .item-inner:after {
background: var(--f7-list-item-border-color);
background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color));
}
.aurora .item-input-invalid .item-label,
.aurora .item-input-invalid .item-floating-label {
color: var(--f7-label-text-color);
color: var(--f7-label-invalid-text-color, var(--f7-label-text-color));
}
.aurora .item-input-invalid .item-inner:after {
background: var(--f7-list-item-border-color);
background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color));
}
.aurora .item-input-invalid input,
.aurora .input-invalid input,
.aurora .item-input-invalid select,
.aurora .input-invalid select,
.aurora .item-input-invalid textarea,
.aurora .input-invalid textarea {
color: var(--f7-input-error-text-color);
color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color));
}
.aurora .input-clear-button:after {
content: 'delete_round_ios';
font-size: calc(var(--f7-input-clear-button-size) / (14 / 10));
line-height: 1.4;
}
.aurora .input-clear-button:before {
width: 28px;
height: 28px;
margin-left: -14px;
margin-top: -14px;
}
.aurora .item-input-outline .item-input-wrap,
.aurora .input-outline .item-input-wrap {
margin-top: 0;
margin-bottom: 0;
}
.aurora .item-input-outline .item-input-error-message,
.aurora .input-outline .item-input-error-message,
.aurora .item-input-outline .item-input-info,
.aurora .input-outline .item-input-info,
.aurora .item-input-outline .input-error-message,
.aurora .input-outline .input-error-message,
.aurora .item-input-outline .input-info,
.aurora .input-outline .input-info {
margin-top: 0;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.aurora .item-input-outline .item-input-info,
.aurora .input-outline .item-input-info,
.aurora .item-input-outline .input-info,
.aurora .input-outline .input-info {
margin-bottom: calc(-1 * 12px * 1.4);
margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
}
.aurora .item-input-outline .item-input-error-message,
.aurora .input-outline .item-input-error-message,
.aurora .item-input-outline .input-error-message,
.aurora .input-outline .input-error-message {
margin-bottom: calc(-1 * 12px * 1.4);
margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
}
.aurora .item-input-outline.item-input-with-info .item-input-wrap,
.aurora .input-outline.item-input-with-info .item-input-wrap,
.aurora .item-input-outline.input-with-info .item-input-wrap,
.aurora .input-outline.input-with-info .item-input-wrap {
margin-bottom: calc(12px * 1.4);
margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
}
.aurora .item-input-outline.item-input-with-error-message .item-input-wrap,
.aurora .input-outline.item-input-with-error-message .item-input-wrap,
.aurora .item-input-outline.input-with-error-message .item-input-wrap,
.aurora .input-outline.input-with-error-message .item-input-wrap {
margin-bottom: calc(12px * 1.4);
margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
}
/* === Checkbox === */
:root {
/* --f7-checkbox-active-color: var(--f7-theme-color); */
--f7-checkbox-icon-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-checkbox-inactive-color: rgba(255, 255, 255, 0.3);
}
.ios {
--f7-checkbox-size: 22px;
--f7-checkbox-border-radius: 50%;
--f7-checkbox-border-width: 1px;
--f7-checkbox-extra-margin: 0px;
--f7-checkbox-inactive-color: #c7c7cc;
}
.md {
--f7-checkbox-size: 18px;
--f7-checkbox-border-radius: 2px;
--f7-checkbox-border-width: 2px;
--f7-checkbox-extra-margin: 22px;
--f7-checkbox-inactive-color: #6d6d6d;
}
.aurora {
--f7-checkbox-size: 14px;
--f7-checkbox-border-radius: 2px;
--f7-checkbox-border-width: 1px;
--f7-checkbox-extra-margin: 0px;
--f7-checkbox-inactive-color: #888;
}
.checkbox {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 1;
background-color: transparent;
--f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5);
}
.icon-checkbox,
.checkbox i {
flex-shrink: 0;
border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);
width: var(--f7-checkbox-size);
height: var(--f7-checkbox-size);
border-radius: var(--f7-checkbox-border-radius);
box-sizing: border-box;
position: relative;
display: block;
}
.icon-checkbox:after,
.checkbox i:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
width: var(--f7-checkbox-size);
height: var(--f7-checkbox-size);
line-height: var(--f7-checkbox-size);
top: calc(0px - var(--f7-checkbox-border-width));
opacity: 0;
color: #fff;
color: var(--f7-checkbox-icon-color);
position: relative;
transition-property: opacity;
left: calc(0px - var(--f7-checkbox-border-width));
}
label.item-checkbox input[type="checkbox"]:not(:checked) ~ .icon-checkbox:after,
label.item-checkbox input[type="checkbox"]:not(:checked) ~ * .icon-checkbox:after,
.checkbox input[type="checkbox"]:not(:checked) ~ i:after {
font-size: 0;
}
label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox,
label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox,
.checkbox input[type="checkbox"]:checked ~ i,
label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox,
label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox,
.checkbox input[type="checkbox"]:indeterminate ~ i {
border-color: var(--f7-theme-color);
border-color: var(--f7-checkbox-active-color, var(--f7-theme-color));
background-color: var(--f7-theme-color);
background-color: var(--f7-checkbox-active-color, var(--f7-theme-color));
}
label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox:after,
label.item-checkbox input[type="checkbox"]:checked ~ * .icon-checkbox:after,
.checkbox input[type="checkbox"]:checked ~ i:after,
label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after,
label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after,
.checkbox input[type="checkbox"]:indeterminate ~ i:after {
opacity: 1;
}
label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after,
label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after,
.checkbox input[type="checkbox"]:indeterminate ~ i:after {
font-size: 0;
content: '';
position: absolute;
top: 50%;
width: 70%;
background: #fff;
height: 2px;
border-radius: 2px;
margin-top: -1px;
transition: 0ms;
left: 15%;
}
label.item-checkbox,
.checkbox {
cursor: pointer;
}
label.item-checkbox input[type="checkbox"],
.checkbox input[type="checkbox"],
label.item-checkbox input[type="radio"],
.checkbox input[type="radio"] {
display: none;
}
label.item-checkbox {
transition-duration: 300ms;
}
label.item-checkbox .item-content .item-media,
label.item-checkbox.item-content .item-media {
align-self: center;
}
label.item-checkbox > .icon-checkbox {
margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin));
}
label.item-checkbox.active-state {
background-color: var(--f7-list-link-pressed-bg-color);
}
label.item-checkbox.active-state:after {
background-color: transparent;
}
label.item-checkbox.disabled,
.disabled label.item-checkbox {
opacity: 0.55;
pointer-events: none;
opacity: 0.55 !important;
pointer-events: none !important;
}
.ios .icon-checkbox:after,
.ios .checkbox i:after {
content: 'checkbox_ios';
font-size: 21px;
}
.ios label.item-checkbox.active-state {
transition-duration: 0ms;
}
.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox:after,
.ios label.item-checkbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox:after,
.ios .checkbox input[type="checkbox"]:indeterminate ~ i:after {
height: 1px;
margin-top: 0px;
}
.md .icon-checkbox,
.md .checkbox i {
transition-duration: 200ms;
}
.md .icon-checkbox:after,
.md .checkbox i:after {
content: 'checkbox_md';
transition-duration: 200ms;
font-size: 15px;
}
.md label.item-checkbox {
position: relative;
overflow: hidden;
z-index: 0;
}
.aurora .icon-checkbox,
.aurora .checkbox i {
transition-duration: 150ms;
}
.aurora .icon-checkbox:after,
.aurora .checkbox i:after {
content: 'checkbox_aurora';
transition-duration: 150ms;
font-size: 19px;
}
.aurora .icon-checkbox:before,
.aurora .checkbox i:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
transition-duration: 150ms;
}
.aurora .checkbox.active-state i:before {
opacity: 1;
}
.aurora label.item-checkbox {
position: relative;
overflow: hidden;
z-index: 0;
}
/* === Radio === */
:root {
/*
--f7-radio-active-color: var(--f7-theme-color);
*/
--f7-radio-border-radius: 50%;
}
:root .theme-dark,
:root.theme-dark {
--f7-radio-inactive-color: rgba(255, 255, 255, 0.3);
}
.ios {
--f7-radio-size: 22px;
--f7-radio-border-width: 1px;
--f7-radio-extra-margin: 0px;
--f7-radio-inactive-color: #c7c7cc;
}
.md {
--f7-radio-size: 20px;
--f7-radio-border-width: 2px;
--f7-radio-extra-margin: 22px;
--f7-radio-inactive-color: #6d6d6d;
}
.aurora {
--f7-radio-size: 16px;
--f7-radio-border-width: 1px;
--f7-radio-extra-margin: 0px;
--f7-radio-inactive-color: #888;
}
.radio {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 1;
--f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5);
}
.icon-radio {
width: var(--f7-radio-size);
height: var(--f7-radio-size);
border-radius: 50%;
border-radius: var(--f7-radio-border-radius);
position: relative;
box-sizing: border-box;
display: block;
flex-shrink: 0;
}
.radio .icon-radio,
.md .icon-radio,
.aurora .icon-radio {
border: var(--f7-radio-border-width) solid var(--f7-radio-inactive-color);
}
label.item-radio,
.radio {
cursor: pointer;
}
label.item-radio input[type="checkbox"],
.radio input[type="checkbox"],
label.item-radio input[type="radio"],
.radio input[type="radio"] {
display: none;
}
label.item-radio {
transition-duration: 300ms;
}
label.item-radio .item-content .item-media,
label.item-radio.item-content .item-media {
align-self: center;
}
label.item-radio.active-state {
background-color: var(--f7-list-link-pressed-bg-color);
}
label.item-radio.active-state:after {
background-color: transparent;
}
label.item-radio.disabled,
.disabled label.item-radio {
opacity: 0.55;
pointer-events: none;
opacity: 0.55 !important;
pointer-events: none !important;
}
.ios .icon-radio:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);
height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2);
line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px);
font-size: 20px;
content: 'radio_ios';
color: var(--f7-theme-color);
color: var(--f7-radio-active-color, var(--f7-theme-color));
opacity: 0;
}
.ios label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.ios label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.ios .radio input[type="radio"]:checked ~ .icon-radio:after {
opacity: 1;
}
.ios .radio input[type="radio"]:checked ~ .icon-radio {
border-color: var(--f7-theme-color);
border-color: var(--f7-radio-active-color, var(--f7-theme-color));
}
.ios label.item-radio:not(.item-radio-icon-start) input[type="radio"] ~ .icon-radio {
position: absolute;
top: 50%;
margin-top: -11px;
right: calc(0px + 10px);
right: calc(var(--f7-safe-area-right) + 10px);
}
.ios label.item-radio:not(.item-radio-icon-start) .item-inner {
padding-right: calc(0px + 36px);
padding-right: calc(var(--f7-safe-area-right) + 36px);
}
.ios label.item-radio-icon-start > .icon-radio {
margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin));
}
.ios label.item-radio.active-state {
transition-duration: 0ms;
}
.md .icon-radio {
transition-duration: 200ms;
}
.md .icon-radio:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -5px;
background-color: var(--f7-theme-color);
background-color: var(--f7-radio-active-color, var(--f7-theme-color));
border-radius: 50%;
transform: scale(0);
transition-duration: 200ms;
}
.md label.item-radio input[type="radio"]:checked ~ .icon-radio,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.md .radio input[type="radio"]:checked ~ .icon-radio {
border-color: var(--f7-theme-color);
border-color: var(--f7-radio-active-color, var(--f7-theme-color));
}
.md label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.md label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.md .radio input[type="radio"]:checked ~ .icon-radio:after {
background-color: var(--f7-theme-color);
background-color: var(--f7-radio-active-color, var(--f7-theme-color));
transform: scale(1);
}
.md label.item-radio {
position: relative;
overflow: hidden;
z-index: 0;
}
.md label.item-radio:not(.item-radio-icon-end) > .icon-radio {
margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin));
}
.md label.item-radio-icon-end input[type="radio"] ~ .icon-radio {
position: absolute;
top: 50%;
margin-top: -10px;
right: calc(0px + 16px);
right: calc(var(--f7-safe-area-right) + 16px);
}
.md label.item-radio-icon-end .item-inner {
padding-right: calc(0px + 52px);
padding-right: calc(var(--f7-safe-area-right) + 52px);
}
.aurora .icon-radio {
transition-duration: 150ms;
overflow: hidden;
}
.aurora .icon-radio:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
left: 50%;
top: 50%;
margin-left: -3px;
margin-top: -3px;
background-color: #fff;
border-radius: 50%;
transform: scale(0);
transition-duration: 150ms;
}
.aurora .icon-radio:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
transition-duration: 150ms;
}
.aurora .radio.active-state i:before {
opacity: 1;
}
.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio,
.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio,
.aurora .radio input[type="radio"]:checked ~ .icon-radio {
border-color: var(--f7-theme-color);
border-color: var(--f7-radio-active-color, var(--f7-theme-color));
background-color: var(--f7-theme-color);
background-color: var(--f7-radio-active-color, var(--f7-theme-color));
}
.aurora label.item-radio input[type="radio"]:checked ~ .icon-radio:after,
.aurora label.item-radio input[type="radio"]:checked ~ * .icon-radio:after,
.aurora .radio input[type="radio"]:checked ~ .icon-radio:after {
transform: scale(1);
}
.aurora label.item-radio {
position: relative;
overflow: hidden;
z-index: 0;
}
.aurora label.item-radio:not(.item-radio-icon-end) > .icon-radio {
margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin));
}
.aurora label.item-radio-icon-end input[type="radio"] ~ .icon-radio {
position: absolute;
top: 50%;
margin-top: -8px;
right: calc(0px + 16px);
right: calc(var(--f7-safe-area-right) + 16px);
}
.aurora label.item-radio-icon-end .item-inner {
padding-right: calc(0px + 48px);
padding-right: calc(var(--f7-safe-area-right) + 48px);
}
/* === Toggle === */
:root {
--f7-toggle-handle-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-toggle-inactive-color: #555;
}
.ios {
--f7-toggle-width: 52px;
--f7-toggle-height: 32px;
--f7-toggle-border-color: #e5e5e5;
--f7-toggle-inactive-color: #fff;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-toggle-border-color: #555;
}
.md {
--f7-toggle-width: 36px;
--f7-toggle-height: 14px;
--f7-toggle-inactive-color: #b0afaf;
}
.aurora {
--f7-toggle-width: 40px;
--f7-toggle-height: 20px;
--f7-toggle-inactive-color: #aaa;
}
.toggle,
.toggle-icon {
width: var(--f7-toggle-width);
height: var(--f7-toggle-height);
border-radius: var(--f7-toggle-height);
}
.toggle {
display: inline-block;
vertical-align: middle;
position: relative;
box-sizing: border-box;
align-self: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle input[type="checkbox"] {
display: none;
}
.toggle input[disabled] ~ .toggle-icon {
pointer-events: none;
}
.toggle-icon {
z-index: 0;
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
position: relative;
transition: 300ms;
box-sizing: border-box;
display: block;
cursor: pointer;
}
.toggle-icon:before,
.toggle-icon:after {
content: '';
}
.toggle-icon:after {
background: #fff;
background: var(--f7-toggle-handle-color);
position: absolute;
z-index: 2;
transform: translateX(0px);
transition-duration: 300ms;
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon {
background: var(--f7-theme-color);
background: var(--f7-toggle-active-color, var(--f7-theme-color));
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon:before {
transform: scale(0);
}
.ios .toggle input[type="checkbox"]:checked + .toggle-icon:after {
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)));
}
.ios .toggle-icon {
background: var(--f7-toggle-border-color);
}
.ios .toggle-icon:before {
position: absolute;
left: 2px;
top: 2px;
width: calc(var(--f7-toggle-width) - 4px);
height: calc(var(--f7-toggle-height) - 4px);
border-radius: var(--f7-toggle-height);
box-sizing: border-box;
background: var(--f7-toggle-inactive-color);
z-index: 1;
transition-duration: 300ms;
transform: scale(1);
}
.ios .toggle-icon:after {
height: calc(var(--f7-toggle-height) - 4px);
width: calc(var(--f7-toggle-height) - 4px);
top: 2px;
left: 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
border-radius: calc(var(--f7-toggle-height) - 4px);
}
.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggle-icon:before {
transform: scale(0);
}
.ios .toggle-active-state input[type="checkbox"] + .toggle-icon:after {
width: calc(var(--f7-toggle-height) + 4px);
}
.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon:after {
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 8px));
}
.md .toggle input[type="checkbox"]:checked + .toggle-icon {
background: rgba(0, 122, 255, 0.5);
background: var(--f7-toggle-active-color, rgba(var(--f7-theme-color-rgb), 0.5));
}
.md .toggle input[type="checkbox"]:checked + .toggle-icon:after {
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px));
background: var(--f7-theme-color);
background: var(--f7-toggle-active-color, var(--f7-theme-color));
}
.md .toggle-icon {
background: var(--f7-toggle-inactive-color);
}
.md .toggle-icon:after {
height: calc(var(--f7-toggle-height) + 6px);
width: calc(var(--f7-toggle-height) + 6px);
top: -3px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
border-radius: var(--f7-toggle-height);
left: 0;
}
.aurora .toggle input[type="checkbox"]:checked + .toggle-icon {
background: var(--f7-theme-color);
background: var(--f7-toggle-active-color, var(--f7-theme-color));
}
.aurora .toggle input[type="checkbox"]:checked + .toggle-icon:after {
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)));
}
.aurora .toggle-icon {
background: var(--f7-toggle-inactive-color);
}
.aurora .toggle-icon:after {
height: calc(var(--f7-toggle-height) - 4px);
width: calc(var(--f7-toggle-height) - 4px);
top: 2px;
left: 2px;
border-radius: calc(var(--f7-toggle-height) - 4px);
}
/* === Range Slider === */
:root {
/*
--f7-range-bar-active-bg-color: var(--f7-theme-color);
--f7-range-scale-bg-color: var(--f7-range-bar-bg-color);
--f7-range-scale-substep-bg-color: var(--f7-range-bar-bg-color);
*/
--f7-range-scale-step-height: 5px;
--f7-range-scale-text-color: #666;
--f7-range-scale-substep-width: 1px;
--f7-range-scale-substep-height: 4px;
}
.ios {
--f7-range-size: 28px;
--f7-range-bar-bg-color: #b7b8b7;
--f7-range-bar-size: 1px;
--f7-range-bar-border-radius: 2px;
--f7-range-knob-size: 28px;
--f7-range-knob-color: #fff;
--f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
--f7-range-label-size: 20px;
--f7-range-label-text-color: #000;
--f7-range-label-bg-color: #fff;
--f7-range-label-font-size: 12px;
--f7-range-label-font-weight: normal;
--f7-range-label-border-radius: 5px;
--f7-range-label-padding: 0px;
--f7-range-scale-step-width: 1px;
--f7-range-scale-font-size: 12px;
--f7-range-scale-font-weight: 400;
--f7-range-scale-label-offset: 4px;
}
.md {
--f7-range-size: 20px;
--f7-range-bar-bg-color: #b9b9b9;
--f7-range-bar-size: 2px;
--f7-range-bar-border-radius: 0px;
--f7-range-knob-size: 12px;
/*
--f7-range-knob-color: var(--f7-theme-color);
*/
--f7-range-knob-box-shadow: none;
--f7-range-label-size: 26px;
--f7-range-label-font-weight: normal;
--f7-range-label-text-color: #fff;
/*
--f7-range-label-bg-color: var(--f7-theme-color);
*/
--f7-range-label-font-size: 10px;
--f7-range-label-border-radius: 50%;
--f7-range-label-padding: 0px;
--f7-range-scale-step-width: 2px;
--f7-range-scale-font-size: 12px;
--f7-range-scale-font-weight: 400;
--f7-range-scale-label-offset: 4px;
}
.aurora {
--f7-range-size: 20px;
--f7-range-bar-bg-color: #c7c7c7;
--f7-range-bar-size: 2px;
--f7-range-bar-border-radius: 2px;
--f7-range-knob-size: 16px;
/*
--f7-range-knob-color: var(--f7-theme-color);
*/
--f7-range-knob-box-shadow: none;
--f7-range-label-size: 20px;
--f7-range-label-text-color: #fff;
/*
--f7-range-label-bg-color: var(--f7-theme-color);
*/
--f7-range-label-font-size: 10px;
--f7-range-label-font-weight: 600;
--f7-range-label-border-radius: 4px;
--f7-range-label-padding: 0px 4px;
--f7-range-scale-step-width: 2px;
--f7-range-scale-font-size: 11px;
--f7-range-scale-font-weight: 500;
--f7-range-scale-label-offset: 2px;
}
.range-slider {
display: block;
position: relative;
align-self: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.range-slider input[type="range"] {
display: none;
}
.range-slider.range-slider-horizontal {
width: 100%;
height: var(--f7-range-size);
touch-action: pan-y;
}
.range-slider.range-slider-vertical {
height: 100%;
width: var(--f7-range-size);
touch-action: pan-x;
}
.range-bar {
position: absolute;
overflow: hidden;
background: var(--f7-range-bar-bg-color);
border-radius: var(--f7-range-bar-border-radius);
}
.range-slider-vertical .range-bar {
left: 50%;
top: 0;
height: 100%;
width: var(--f7-range-bar-size);
margin-left: calc(-1 * var(--f7-range-bar-size) / 2);
}
.range-slider-horizontal .range-bar {
left: 0;
top: 50%;
width: 100%;
height: var(--f7-range-bar-size);
margin-top: calc(-1 * var(--f7-range-bar-size) / 2);
}
.range-bar-active {
position: absolute;
background: var(--f7-theme-color);
background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color));
}
.range-slider-horizontal .range-bar-active {
left: 0;
top: 0;
height: 100%;
}
.range-slider-vertical .range-bar-active {
left: 0;
bottom: 0;
width: 100%;
}
.range-slider-vertical-reversed .range-bar-active {
top: 0;
bottom: auto;
}
.range-knob-wrap {
z-index: 20;
position: absolute;
height: var(--f7-range-knob-size);
width: var(--f7-range-knob-size);
}
.range-slider-horizontal .range-knob-wrap {
top: 50%;
margin-top: calc(-1 * var(--f7-range-knob-size) / 2);
margin-left: calc(-1 * var(--f7-range-knob-size) / 2);
left: 0;
}
.range-slider-vertical .range-knob-wrap {
left: 50%;
margin-left: calc(-1 * var(--f7-range-knob-size) / 2);
bottom: 0;
margin-bottom: calc(-1 * var(--f7-range-knob-size) / 2);
}
.range-slider-vertical-reversed .range-knob-wrap {
bottom: auto;
top: 0;
margin-bottom: 0;
margin-top: calc(-1 * var(--f7-range-knob-size) / 2);
}
.range-knob {
box-sizing: border-box;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: var(--f7-theme-color);
background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color)));
box-shadow: var(--f7-range-knob-box-shadow);
}
.range-knob:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 44px;
height: 44px;
margin-left: -22px;
margin-top: -22px;
}
.range-knob-label {
position: absolute;
left: 50%;
bottom: 100%;
text-align: center;
transition-duration: 120ms;
transition-property: transform;
box-sizing: border-box;
transform: translateY(100%) scale(0);
height: var(--f7-range-label-size);
line-height: var(--f7-range-label-size);
min-width: var(--f7-range-label-size);
color: var(--f7-range-label-text-color);
background-color: var(--f7-theme-color);
background-color: var(--f7-range-label-bg-color, var(--f7-theme-color));
font-size: var(--f7-range-label-font-size);
font-weight: var(--f7-range-label-font-weight);
border-radius: var(--f7-range-label-border-radius);
padding: var(--f7-range-label-padding);
}
.range-knob-active-state .range-knob-label {
transform: translateY(0%) scale(1);
}
.range-scale {
position: absolute;
}
.range-slider-horizontal .range-scale {
top: 50%;
left: 0;
width: 100%;
margin-top: calc(var(--f7-range-bar-size) / 2);
}
.range-slider-vertical .range-scale {
right: 50%;
top: 0;
height: 100%;
margin-right: calc(var(--f7-range-bar-size) / 2);
}
.range-scale-step {
position: absolute;
box-sizing: border-box;
display: flex;
font-size: var(--f7-range-scale-font-size);
font-weight: var(--f7-range-scale-font-weight);
color: #666;
color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color));
line-height: 1;
}
.range-scale-step:before {
content: '';
position: absolute;
background: var(--f7-range-bar-bg-color);
background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color));
}
.range-slider-horizontal .range-scale-step {
justify-content: center;
align-items: flex-start;
width: var(--f7-range-scale-step-width);
height: 5px;
height: var(--f7-range-scale-step-height);
padding-top: calc(5px + var(--f7-range-scale-label-offset));
padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));
top: 0;
margin-left: calc(-1 * var(--f7-range-scale-step-width) / 2);
}
.range-slider-horizontal .range-scale-step:before {
left: 0;
top: 0;
width: 100%;
height: 5px;
height: var(--f7-range-scale-step-height);
}
.range-slider-horizontal .range-scale-step:first-child {
margin-left: 0;
}
.range-slider-horizontal .range-scale-step:last-child {
margin-left: calc(-1 * var(--f7-range-scale-step-width));
}
.range-slider-vertical .range-scale-step {
line-height: 1;
justify-content: flex-end;
align-items: center;
height: var(--f7-range-scale-step-width);
width: 5px;
width: var(--f7-range-scale-step-height);
padding-right: calc(5px + var(--f7-range-scale-label-offset));
padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset));
right: 0;
margin-bottom: calc(-1 * var(--f7-range-scale-step-width) / 2);
}
.range-slider-vertical .range-scale-step:first-child {
margin-bottom: 0;
}
.range-slider-vertical .range-scale-step:last-child {
margin-bottom: calc(-1 * var(--f7-range-scale-step-width));
}
.range-slider-vertical .range-scale-step:before {
right: 0;
top: 0;
height: 100%;
width: 5px;
width: var(--f7-range-scale-step-height);
}
.range-scale-substep {
--f7-range-scale-step-bg-color: var(--f7-range-scale-substep-bg-color, var(--f7-range-bar-bg-color));
--f7-range-scale-step-width: var(--f7-range-scale-substep-width);
--f7-range-scale-step-height: var(--f7-range-scale-substep-height);
}
.ios .range-knob-label {
margin-bottom: 6px;
transform: translateX(-50%) translateY(100%) scale(0);
}
.ios .range-knob-active-state .range-knob-label {
transform: translateX(-50%) translateY(0%) scale(1);
}
.md .range-knob {
transition-duration: 200ms;
transition-property: transform, background-color;
}
.md .range-knob-active-state .range-knob {
transform: scale(1.5);
}
.md .range-slider-min:not(.range-slider-dual) .range-knob {
background: #fff !important;
border: 2px solid var(--f7-range-bar-bg-color);
}
.md .range-knob-label {
width: var(--f7-range-label-size);
margin-left: calc(-1 * var(--f7-range-label-size) / 2);
margin-bottom: 8px;
}
.md .range-knob-label:before {
content: '';
left: 50%;
top: 0px;
margin-left: calc(-1 * var(--f7-range-label-size) / 2);
position: absolute;
z-index: -1;
width: var(--f7-range-label-size);
height: var(--f7-range-label-size);
background: var(--f7-theme-color);
background: var(--f7-range-label-bg-color, var(--f7-theme-color));
transform: rotate(-45deg);
border-radius: 50% 50% 50% 0;
}
.md .range-knob-active-state .range-knob-label {
transform: translateY(0%) scale(1);
}
.md .range-slider-label .range-knob-active-state .range-knob {
transform: scale(0);
}
.aurora .range-knob-label {
margin-bottom: 6px;
transform: translateX(-50%) translateY(100%) scale(0);
}
.aurora .range-knob-active-state .range-knob-label {
transform: translateX(-50%) translateY(0%) scale(1);
}
/* === Stepper === */
:root {
/*
--f7-stepper-button-text-color: var(--f7-theme-color);
--f7-stepper-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color));
--f7-stepper-value-text-color: var(--f7-theme-color);
*/
--f7-stepper-fill-button-text-color: #fff;
/*
--f7-stepper-fill-button-bg-color: var(--f7-theme-color);
*/
--f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
--f7-stepper-value-font-weight: 500;
--f7-stepper-border-width: 2px;
}
.ios {
--f7-stepper-height: 28px;
--f7-stepper-border-radius: 5px;
/*
--f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
--f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-tint);
*/
--f7-stepper-large-height: 44px;
--f7-stepper-small-height: 26px;
--f7-stepper-small-border-width: 2px;
--f7-stepper-value-font-size: 17px;
}
.md {
--f7-stepper-height: 36px;
--f7-stepper-border-radius: 4px;
/*
--f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade);
*/
--f7-stepper-large-height: 48px;
--f7-stepper-small-border-width: 2px;
--f7-stepper-small-height: 28px;
--f7-stepper-value-font-size: 14px;
--f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
}
.md .theme-dark,
.md.theme-dark {
--f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
}
.aurora {
/*
--f7-stepper-button-hover-bg-color: rgba(var(--f7-theme-color-rgb), .07);
--f7-stepper-button-fill-hover-bg-color: var(--f7-theme-color-tint);
*/
--f7-stepper-height: 28px;
--f7-stepper-border-radius: 4px;
/*
--f7-stepper-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
--f7-stepper-fill-button-pressed-bg-color: var(--f7-theme-color-shade);
*/
--f7-stepper-large-height: 34px;
--f7-stepper-small-border-width: 1px;
--f7-stepper-small-height: 22px;
--f7-stepper-value-font-size: 14px;
}
.stepper {
display: inline-flex;
align-items: stretch;
height: var(--f7-stepper-height);
border-radius: var(--f7-stepper-border-radius);
}
.stepper-button,
.stepper-button-minus,
.stepper-button-plus {
background-color: var(--f7-stepper-button-bg-color);
width: 40px;
border-radius: var(--f7-stepper-border-radius);
border: 2px solid #007aff;
border: var(--f7-stepper-border-width) solid var(--f7-theme-color);
color: var(--f7-theme-color);
color: var(--f7-stepper-button-text-color, var(--f7-theme-color));
line-height: calc(var(--f7-stepper-height) - 2px);
line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px));
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-shrink: 0;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.stepper-button.active-state,
.stepper-button-minus.active-state,
.stepper-button-plus.active-state {
background-color: rgba(0, 122, 255, 0.15);
background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), 0.15));
color: var(--f7-theme-color);
color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color)));
}
.stepper-button:first-child,
.stepper-button-minus:first-child,
.stepper-button-plus:first-child {
border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius);
}
.stepper-button:last-child,
.stepper-button-minus:last-child,
.stepper-button-plus:last-child {
border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0;
}
.stepper-button .icon,
.stepper-button-minus .icon,
.stepper-button-plus .icon {
pointer-events: none;
}
.stepper-button + .stepper-button,
.stepper-button-minus + .stepper-button,
.stepper-button-plus + .stepper-button,
.stepper-button + .stepper-button-minus,
.stepper-button-minus + .stepper-button-minus,
.stepper-button-plus + .stepper-button-minus,
.stepper-button + .stepper-button-plus,
.stepper-button-minus + .stepper-button-plus,
.stepper-button-plus + .stepper-button-plus {
border-left: none;
}
.stepper-button-plus,
.stepper-button-minus {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.stepper-button-plus:after,
.stepper-button-minus:after,
.stepper-button-plus:before,
.stepper-button-minus:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: var(--f7-theme-color);
background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color));
border-radius: 2px;
}
.stepper-button-plus:after,
.stepper-button-minus:after {
width: 15px;
height: 2px;
}
.stepper-button-plus:before {
height: 15px;
width: 2px;
}
.stepper-value {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.stepper-input-wrap,
.stepper-value {
flex-shrink: 1;
text-align: center;
border-top: 2px solid #007aff;
border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color);
border-bottom: 2px solid #007aff;
border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color);
}
.stepper .stepper-input-wrap input,
.stepper-value {
width: 45px;
color: var(--f7-theme-color);
color: var(--f7-stepper-value-text-color, var(--f7-theme-color));
font-size: var(--f7-stepper-value-font-size);
font-weight: 500;
font-weight: var(--f7-stepper-value-font-weight);
text-align: center;
}
.stepper .stepper-input-wrap input {
height: 100%;
}
.stepper-round,
.ios .stepper-round-ios,
.md .stepper-round-md,
.aurora .stepper-round-aurora {
--f7-stepper-border-radius: var(--f7-stepper-height);
}
.stepper-fill,
.ios .stepper-fill-ios,
.md .stepper-fill-md,
.aurora .stepper-fill-aurora {
--f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color));
--f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color);
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.stepper-fill .stepper-button + .stepper-button,
.ios .stepper-fill-ios .stepper-button + .stepper-button,
.md .stepper-fill-md .stepper-button + .stepper-button,
.aurora .stepper-fill-aurora .stepper-button + .stepper-button,
.stepper-raised .stepper-button + .stepper-button,
.ios .stepper-raised-ios .stepper-button + .stepper-button,
.md .stepper-raised-md .stepper-button + .stepper-button,
.aurora .stepper-raised-aurora .stepper-button + .stepper-button,
.stepper-fill .stepper-button-minus + .stepper-button-plus,
.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus,
.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus,
.aurora .stepper-fill-aurora .stepper-button-minus + .stepper-button-plus,
.stepper-raised .stepper-button-minus + .stepper-button-plus,
.ios .stepper-raised-ios .stepper-button-minus + .stepper-button-plus,
.md .stepper-raised-md .stepper-button-minus + .stepper-button-plus,
.aurora .stepper-raised-aurora .stepper-button-minus + .stepper-button-plus {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.stepper-fill .stepper-button + .stepper-button.active-state,
.ios .stepper-fill-ios .stepper-button + .stepper-button.active-state,
.md .stepper-fill-md .stepper-button + .stepper-button.active-state,
.aurora .stepper-fill-aurora .stepper-button + .stepper-button.active-state,
.stepper-fill .stepper-button-minus + .stepper-button-plus.active-state,
.ios .stepper-fill-ios .stepper-button-minus + .stepper-button-plus.active-state,
.md .stepper-fill-md .stepper-button-minus + .stepper-button-plus.active-state,
.aurora .stepper-fill-aurora .stepper-button-minus + .stepper-button-plus.active-state {
border-left-color: var(--f7-stepper-button-pressed-bg-color);
}
.stepper-raised:not(.stepper-fill) .stepper-input-wrap,
.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap,
.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap,
.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap,
.stepper-raised:not(.stepper-fill) .stepper-value,
.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value,
.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value,
.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value {
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.stepper-large,
.ios .stepper-large-ios,
.md .stepper-large-md,
.aurora .stepper-large-aurora {
--f7-stepper-height: var(--f7-stepper-large-height);
}
.stepper-small,
.ios .stepper-small-ios,
.md .stepper-small-md,
.aurora .stepper-small-aurora {
--f7-stepper-border-width: var(--f7-stepper-small-border-width);
--f7-stepper-height: var(--f7-stepper-small-height);
}
.ios .stepper-fill.stepper-small-ios,
.ios .stepper-fill.stepper-small {
--f7-stepper-button-pressed-bg-color: transparent;
--f7-stepper-button-pressed-text-color: var(--f7-theme-color);
}
.stepper-raised,
.ios .stepper-raised-ios,
.md .stepper-raised-md,
.aurora .stepper-raised-aurora {
--f7-stepper-border-width: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: var(--f7-stepper-raised-box-shadow);
}
.ios .stepper-button .f7-icons,
.ios .stepper-button-minus .f7-icons,
.ios .stepper-button-plus .f7-icons {
font-size: 22px;
}
.ios .stepper-fill,
.ios .stepper-fill-ios {
--f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint));
}
.ios .stepper-small.stepper-raised,
.ios .stepper-small-ios.stepper-raised,
.ios .stepper-small.stepper-raised-ios,
.ios .stepper-small-ios.stepper-raised-ios {
--f7-stepper-border-width: 0px;
}
.ios .stepper-small .stepper-button,
.ios .stepper-small-ios .stepper-button,
.ios .stepper-small .stepper-button-minus,
.ios .stepper-small-ios .stepper-button-minus,
.ios .stepper-small .stepper-button-plus,
.ios .stepper-small-ios .stepper-button-plus {
transition-duration: 200ms;
}
.ios .stepper-small .stepper-button.active-state:after,
.ios .stepper-small-ios .stepper-button.active-state:after,
.ios .stepper-small .stepper-button-minus.active-state:after,
.ios .stepper-small-ios .stepper-button-minus.active-state:after,
.ios .stepper-small .stepper-button-plus.active-state:after,
.ios .stepper-small-ios .stepper-button-plus.active-state:after,
.ios .stepper-small .stepper-button.active-state:before,
.ios .stepper-small-ios .stepper-button.active-state:before,
.ios .stepper-small .stepper-button-minus.active-state:before,
.ios .stepper-small-ios .stepper-button-minus.active-state:before,
.ios .stepper-small .stepper-button-plus.active-state:before,
.ios .stepper-small-ios .stepper-button-plus.active-state:before {
transition-duration: 200ms;
background-color: #007aff;
background-color: var(--f7-theme-color);
}
.md .stepper-button,
.md .stepper-button-minus,
.md .stepper-button-plus {
transition-duration: 300ms;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.md .stepper-fill,
.md .stepper-fill-md {
--f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade));
}
.aurora .stepper-button,
.aurora .stepper-button-minus,
.aurora .stepper-button-plus {
transition-duration: 100ms;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover,
.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover,
.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover {
background-color: rgba(0, 122, 255, 0.07);
background-color: var(--f7-stepper-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), 0.07));
}
.aurora .stepper-fill,
.aurora .stepper-fill-aurora {
--f7-stepper-button-hover-bg-color: var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint));
--f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade));
}
/* === Smart Select === */
.smart-select :root {
/*
--f7-smart-select-sheet-bg: var(--f7-list-bg-color);
--f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color);
*/
}
.smart-select select {
display: none;
}
.smart-select .item-after {
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
}
.smart-select-sheet .page,
.smart-select-sheet .sheet-modal-inner,
.smart-select-sheet .list ul {
background: var(--f7-list-bg-color);
background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color));
}
.smart-select-sheet .toolbar:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.smart-select-sheet .toolbar:after {
display: block;
}
.smart-select-sheet .list {
margin: 0;
}
.smart-select-sheet .list ul:before,
.smart-select-sheet .list ul:after {
display: none !important;
}
.smart-select-popover .popover-inner {
max-height: 40vh;
}
/* === Grid === */
:root {
--f7-grid-gap: 16px;
--f7-grid-row-gap: 0px;
--f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35);
}
:root .theme-dark,
:root.theme-dark {
--f7-grid-resize-handler-bg-color: rgba(255, 255, 255, 0.35);
}
.row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
--f7-cols-per-row: 1;
}
.row + .row {
margin-top: 0px;
margin-top: var(--f7-grid-row-gap);
}
.row > [class*="col-"],
.row > .col {
box-sizing: border-box;
width: calc((100% - 16px * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row));
width: calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row));
}
.row > [class*="col-"].resizable,
.row > .col.resizable {
position: relative;
}
.row.resizable {
position: relative;
}
.row.no-gap {
--f7-grid-gap: 0px;
--f7-grid-row-gap: 0px;
}
.row .col-5 {
--f7-cols-per-row: 20;
}
.row .col-10 {
--f7-cols-per-row: 10;
}
.row .col-15 {
--f7-cols-per-row: 6.66666667;
}
.row .col-20 {
--f7-cols-per-row: 5;
}
.row .col-25 {
--f7-cols-per-row: 4;
}
.row .col-30 {
--f7-cols-per-row: 3.33333333;
}
.row .col-33 {
--f7-cols-per-row: 3;
}
.row .col-35 {
--f7-cols-per-row: 2.85714286;
}
.row .col-40 {
--f7-cols-per-row: 2.5;
}
.row .col-45 {
--f7-cols-per-row: 2.22222222;
}
.row .col-50 {
--f7-cols-per-row: 2;
}
.row .col-55 {
--f7-cols-per-row: 1.81818182;
}
.row .col-60 {
--f7-cols-per-row: 1.66666667;
}
.row .col-65 {
--f7-cols-per-row: 1.53846154;
}
.row .col-66 {
--f7-cols-per-row: 1.5;
}
.row .col-70 {
--f7-cols-per-row: 1.42857143;
}
.row .col-75 {
--f7-cols-per-row: 1.33333333;
}
.row .col-80 {
--f7-cols-per-row: 1.25;
}
.row .col-85 {
--f7-cols-per-row: 1.17647059;
}
.row .col-90 {
--f7-cols-per-row: 1.11111111;
}
.row .col-95 {
--f7-cols-per-row: 1.05263158;
}
.row .col-100 {
--f7-cols-per-row: 1;
}
.row .col:nth-last-of-type(1),
.row .col:nth-last-of-type(1) ~ .col {
--f7-cols-per-row: 1;
}
.row .col:nth-last-of-type(2),
.row .col:nth-last-of-type(2) ~ .col {
--f7-cols-per-row: 2;
}
.row .col:nth-last-of-type(3),
.row .col:nth-last-of-type(3) ~ .col {
--f7-cols-per-row: 3;
}
.row .col:nth-last-of-type(4),
.row .col:nth-last-of-type(4) ~ .col {
--f7-cols-per-row: 4;
}
.row .col:nth-last-of-type(5),
.row .col:nth-last-of-type(5) ~ .col {
--f7-cols-per-row: 5;
}
.row .col:nth-last-of-type(6),
.row .col:nth-last-of-type(6) ~ .col {
--f7-cols-per-row: 6;
}
.row .col:nth-last-of-type(7),
.row .col:nth-last-of-type(7) ~ .col {
--f7-cols-per-row: 7;
}
.row .col:nth-last-of-type(8),
.row .col:nth-last-of-type(8) ~ .col {
--f7-cols-per-row: 8;
}
.row .col:nth-last-of-type(9),
.row .col:nth-last-of-type(9) ~ .col {
--f7-cols-per-row: 9;
}
.row .col:nth-last-of-type(10),
.row .col:nth-last-of-type(10) ~ .col {
--f7-cols-per-row: 10;
}
.row .col:nth-last-of-type(11),
.row .col:nth-last-of-type(11) ~ .col {
--f7-cols-per-row: 11;
}
.row .col:nth-last-of-type(12),
.row .col:nth-last-of-type(12) ~ .col {
--f7-cols-per-row: 12;
}
.row .col:nth-last-of-type(13),
.row .col:nth-last-of-type(13) ~ .col {
--f7-cols-per-row: 13;
}
.row .col:nth-last-of-type(14),
.row .col:nth-last-of-type(14) ~ .col {
--f7-cols-per-row: 14;
}
.row .col:nth-last-of-type(15),
.row .col:nth-last-of-type(15) ~ .col {
--f7-cols-per-row: 15;
}
.row .col:nth-last-of-type(16),
.row .col:nth-last-of-type(16) ~ .col {
--f7-cols-per-row: 16;
}
.row .col:nth-last-of-type(17),
.row .col:nth-last-of-type(17) ~ .col {
--f7-cols-per-row: 17;
}
.row .col:nth-last-of-type(18),
.row .col:nth-last-of-type(18) ~ .col {
--f7-cols-per-row: 18;
}
.row .col:nth-last-of-type(19),
.row .col:nth-last-of-type(19) ~ .col {
--f7-cols-per-row: 19;
}
.row .col:nth-last-of-type(20),
.row .col:nth-last-of-type(20) ~ .col {
--f7-cols-per-row: 20;
}
.row .col:nth-last-of-type(21),
.row .col:nth-last-of-type(21) ~ .col {
--f7-cols-per-row: 21;
}
.row .col:nth-last-of-type(22),
.row .col:nth-last-of-type(22) ~ .col {
--f7-cols-per-row: 22;
}
@media (min-width: 480px) {
.row .xsmall-5 {
--f7-cols-per-row: 20;
}
.row .xsmall-10 {
--f7-cols-per-row: 10;
}
.row .xsmall-15 {
--f7-cols-per-row: 6.66666667;
}
.row .xsmall-20 {
--f7-cols-per-row: 5;
}
.row .xsmall-25 {
--f7-cols-per-row: 4;
}
.row .xsmall-30 {
--f7-cols-per-row: 3.33333333;
}
.row .xsmall-33 {
--f7-cols-per-row: 3;
}
.row .xsmall-35 {
--f7-cols-per-row: 2.85714286;
}
.row .xsmall-40 {
--f7-cols-per-row: 2.5;
}
.row .xsmall-45 {
--f7-cols-per-row: 2.22222222;
}
.row .xsmall-50 {
--f7-cols-per-row: 2;
}
.row .xsmall-55 {
--f7-cols-per-row: 1.81818182;
}
.row .xsmall-60 {
--f7-cols-per-row: 1.66666667;
}
.row .xsmall-65 {
--f7-cols-per-row: 1.53846154;
}
.row .xsmall-66 {
--f7-cols-per-row: 1.5;
}
.row .xsmall-70 {
--f7-cols-per-row: 1.42857143;
}
.row .xsmall-75 {
--f7-cols-per-row: 1.33333333;
}
.row .xsmall-80 {
--f7-cols-per-row: 1.25;
}
.row .xsmall-85 {
--f7-cols-per-row: 1.17647059;
}
.row .xsmall-90 {
--f7-cols-per-row: 1.11111111;
}
.row .xsmall-95 {
--f7-cols-per-row: 1.05263158;
}
.row .xsmall-100 {
--f7-cols-per-row: 1;
}
.row .xsmall-auto:nth-last-of-type(1),
.row .xsmall-auto:nth-last-of-type(1) ~ .xsmall-auto {
--f7-cols-per-row: 1;
}
.row .xsmall-auto:nth-last-of-type(2),
.row .xsmall-auto:nth-last-of-type(2) ~ .xsmall-auto {
--f7-cols-per-row: 2;
}
.row .xsmall-auto:nth-last-of-type(3),
.row .xsmall-auto:nth-last-of-type(3) ~ .xsmall-auto {
--f7-cols-per-row: 3;
}
.row .xsmall-auto:nth-last-of-type(4),
.row .xsmall-auto:nth-last-of-type(4) ~ .xsmall-auto {
--f7-cols-per-row: 4;
}
.row .xsmall-auto:nth-last-of-type(5),
.row .xsmall-auto:nth-last-of-type(5) ~ .xsmall-auto {
--f7-cols-per-row: 5;
}
.row .xsmall-auto:nth-last-of-type(6),
.row .xsmall-auto:nth-last-of-type(6) ~ .xsmall-auto {
--f7-cols-per-row: 6;
}
.row .xsmall-auto:nth-last-of-type(7),
.row .xsmall-auto:nth-last-of-type(7) ~ .xsmall-auto {
--f7-cols-per-row: 7;
}
.row .xsmall-auto:nth-last-of-type(8),
.row .xsmall-auto:nth-last-of-type(8) ~ .xsmall-auto {
--f7-cols-per-row: 8;
}
.row .xsmall-auto:nth-last-of-type(9),
.row .xsmall-auto:nth-last-of-type(9) ~ .xsmall-auto {
--f7-cols-per-row: 9;
}
.row .xsmall-auto:nth-last-of-type(10),
.row .xsmall-auto:nth-last-of-type(10) ~ .xsmall-auto {
--f7-cols-per-row: 10;
}
.row .xsmall-auto:nth-last-of-type(11),
.row .xsmall-auto:nth-last-of-type(11) ~ .xsmall-auto {
--f7-cols-per-row: 11;
}
.row .xsmall-auto:nth-last-of-type(12),
.row .xsmall-auto:nth-last-of-type(12) ~ .xsmall-auto {
--f7-cols-per-row: 12;
}
.row .xsmall-auto:nth-last-of-type(13),
.row .xsmall-auto:nth-last-of-type(13) ~ .xsmall-auto {
--f7-cols-per-row: 13;
}
.row .xsmall-auto:nth-last-of-type(14),
.row .xsmall-auto:nth-last-of-type(14) ~ .xsmall-auto {
--f7-cols-per-row: 14;
}
.row .xsmall-auto:nth-last-of-type(15),
.row .xsmall-auto:nth-last-of-type(15) ~ .xsmall-auto {
--f7-cols-per-row: 15;
}
.row .xsmall-auto:nth-last-of-type(16),
.row .xsmall-auto:nth-last-of-type(16) ~ .xsmall-auto {
--f7-cols-per-row: 16;
}
.row .xsmall-auto:nth-last-of-type(17),
.row .xsmall-auto:nth-last-of-type(17) ~ .xsmall-auto {
--f7-cols-per-row: 17;
}
.row .xsmall-auto:nth-last-of-type(18),
.row .xsmall-auto:nth-last-of-type(18) ~ .xsmall-auto {
--f7-cols-per-row: 18;
}
.row .xsmall-auto:nth-last-of-type(19),
.row .xsmall-auto:nth-last-of-type(19) ~ .xsmall-auto {
--f7-cols-per-row: 19;
}
.row .xsmall-auto:nth-last-of-type(20),
.row .xsmall-auto:nth-last-of-type(20) ~ .xsmall-auto {
--f7-cols-per-row: 20;
}
.row .xsmall-auto:nth-last-of-type(21),
.row .xsmall-auto:nth-last-of-type(21) ~ .xsmall-auto {
--f7-cols-per-row: 21;
}
.row .xsmall-auto:nth-last-of-type(22),
.row .xsmall-auto:nth-last-of-type(22) ~ .xsmall-auto {
--f7-cols-per-row: 22;
}
}
@media (min-width: 568px) {
.row .small-5 {
--f7-cols-per-row: 20;
}
.row .small-10 {
--f7-cols-per-row: 10;
}
.row .small-15 {
--f7-cols-per-row: 6.66666667;
}
.row .small-20 {
--f7-cols-per-row: 5;
}
.row .small-25 {
--f7-cols-per-row: 4;
}
.row .small-30 {
--f7-cols-per-row: 3.33333333;
}
.row .small-33 {
--f7-cols-per-row: 3;
}
.row .small-35 {
--f7-cols-per-row: 2.85714286;
}
.row .small-40 {
--f7-cols-per-row: 2.5;
}
.row .small-45 {
--f7-cols-per-row: 2.22222222;
}
.row .small-50 {
--f7-cols-per-row: 2;
}
.row .small-55 {
--f7-cols-per-row: 1.81818182;
}
.row .small-60 {
--f7-cols-per-row: 1.66666667;
}
.row .small-65 {
--f7-cols-per-row: 1.53846154;
}
.row .small-66 {
--f7-cols-per-row: 1.5;
}
.row .small-70 {
--f7-cols-per-row: 1.42857143;
}
.row .small-75 {
--f7-cols-per-row: 1.33333333;
}
.row .small-80 {
--f7-cols-per-row: 1.25;
}
.row .small-85 {
--f7-cols-per-row: 1.17647059;
}
.row .small-90 {
--f7-cols-per-row: 1.11111111;
}
.row .small-95 {
--f7-cols-per-row: 1.05263158;
}
.row .small-100 {
--f7-cols-per-row: 1;
}
.row .small-auto:nth-last-of-type(1),
.row .small-auto:nth-last-of-type(1) ~ .small-auto {
--f7-cols-per-row: 1;
}
.row .small-auto:nth-last-of-type(2),
.row .small-auto:nth-last-of-type(2) ~ .small-auto {
--f7-cols-per-row: 2;
}
.row .small-auto:nth-last-of-type(3),
.row .small-auto:nth-last-of-type(3) ~ .small-auto {
--f7-cols-per-row: 3;
}
.row .small-auto:nth-last-of-type(4),
.row .small-auto:nth-last-of-type(4) ~ .small-auto {
--f7-cols-per-row: 4;
}
.row .small-auto:nth-last-of-type(5),
.row .small-auto:nth-last-of-type(5) ~ .small-auto {
--f7-cols-per-row: 5;
}
.row .small-auto:nth-last-of-type(6),
.row .small-auto:nth-last-of-type(6) ~ .small-auto {
--f7-cols-per-row: 6;
}
.row .small-auto:nth-last-of-type(7),
.row .small-auto:nth-last-of-type(7) ~ .small-auto {
--f7-cols-per-row: 7;
}
.row .small-auto:nth-last-of-type(8),
.row .small-auto:nth-last-of-type(8) ~ .small-auto {
--f7-cols-per-row: 8;
}
.row .small-auto:nth-last-of-type(9),
.row .small-auto:nth-last-of-type(9) ~ .small-auto {
--f7-cols-per-row: 9;
}
.row .small-auto:nth-last-of-type(10),
.row .small-auto:nth-last-of-type(10) ~ .small-auto {
--f7-cols-per-row: 10;
}
.row .small-auto:nth-last-of-type(11),
.row .small-auto:nth-last-of-type(11) ~ .small-auto {
--f7-cols-per-row: 11;
}
.row .small-auto:nth-last-of-type(12),
.row .small-auto:nth-last-of-type(12) ~ .small-auto {
--f7-cols-per-row: 12;
}
.row .small-auto:nth-last-of-type(13),
.row .small-auto:nth-last-of-type(13) ~ .small-auto {
--f7-cols-per-row: 13;
}
.row .small-auto:nth-last-of-type(14),
.row .small-auto:nth-last-of-type(14) ~ .small-auto {
--f7-cols-per-row: 14;
}
.row .small-auto:nth-last-of-type(15),
.row .small-auto:nth-last-of-type(15) ~ .small-auto {
--f7-cols-per-row: 15;
}
.row .small-auto:nth-last-of-type(16),
.row .small-auto:nth-last-of-type(16) ~ .small-auto {
--f7-cols-per-row: 16;
}
.row .small-auto:nth-last-of-type(17),
.row .small-auto:nth-last-of-type(17) ~ .small-auto {
--f7-cols-per-row: 17;
}
.row .small-auto:nth-last-of-type(18),
.row .small-auto:nth-last-of-type(18) ~ .small-auto {
--f7-cols-per-row: 18;
}
.row .small-auto:nth-last-of-type(19),
.row .small-auto:nth-last-of-type(19) ~ .small-auto {
--f7-cols-per-row: 19;
}
.row .small-auto:nth-last-of-type(20),
.row .small-auto:nth-last-of-type(20) ~ .small-auto {
--f7-cols-per-row: 20;
}
.row .small-auto:nth-last-of-type(21),
.row .small-auto:nth-last-of-type(21) ~ .small-auto {
--f7-cols-per-row: 21;
}
.row .small-auto:nth-last-of-type(22),
.row .small-auto:nth-last-of-type(22) ~ .small-auto {
--f7-cols-per-row: 22;
}
}
@media (min-width: 768px) {
.row .medium-5 {
--f7-cols-per-row: 20;
}
.row .medium-10 {
--f7-cols-per-row: 10;
}
.row .medium-15 {
--f7-cols-per-row: 6.66666667;
}
.row .medium-20 {
--f7-cols-per-row: 5;
}
.row .medium-25 {
--f7-cols-per-row: 4;
}
.row .medium-30 {
--f7-cols-per-row: 3.33333333;
}
.row .medium-33 {
--f7-cols-per-row: 3;
}
.row .medium-35 {
--f7-cols-per-row: 2.85714286;
}
.row .medium-40 {
--f7-cols-per-row: 2.5;
}
.row .medium-45 {
--f7-cols-per-row: 2.22222222;
}
.row .medium-50 {
--f7-cols-per-row: 2;
}
.row .medium-55 {
--f7-cols-per-row: 1.81818182;
}
.row .medium-60 {
--f7-cols-per-row: 1.66666667;
}
.row .medium-65 {
--f7-cols-per-row: 1.53846154;
}
.row .medium-66 {
--f7-cols-per-row: 1.5;
}
.row .medium-70 {
--f7-cols-per-row: 1.42857143;
}
.row .medium-75 {
--f7-cols-per-row: 1.33333333;
}
.row .medium-80 {
--f7-cols-per-row: 1.25;
}
.row .medium-85 {
--f7-cols-per-row: 1.17647059;
}
.row .medium-90 {
--f7-cols-per-row: 1.11111111;
}
.row .medium-95 {
--f7-cols-per-row: 1.05263158;
}
.row .medium-100 {
--f7-cols-per-row: 1;
}
.row .medium-auto:nth-last-of-type(1),
.row .medium-auto:nth-last-of-type(1) ~ .medium-auto {
--f7-cols-per-row: 1;
}
.row .medium-auto:nth-last-of-type(2),
.row .medium-auto:nth-last-of-type(2) ~ .medium-auto {
--f7-cols-per-row: 2;
}
.row .medium-auto:nth-last-of-type(3),
.row .medium-auto:nth-last-of-type(3) ~ .medium-auto {
--f7-cols-per-row: 3;
}
.row .medium-auto:nth-last-of-type(4),
.row .medium-auto:nth-last-of-type(4) ~ .medium-auto {
--f7-cols-per-row: 4;
}
.row .medium-auto:nth-last-of-type(5),
.row .medium-auto:nth-last-of-type(5) ~ .medium-auto {
--f7-cols-per-row: 5;
}
.row .medium-auto:nth-last-of-type(6),
.row .medium-auto:nth-last-of-type(6) ~ .medium-auto {
--f7-cols-per-row: 6;
}
.row .medium-auto:nth-last-of-type(7),
.row .medium-auto:nth-last-of-type(7) ~ .medium-auto {
--f7-cols-per-row: 7;
}
.row .medium-auto:nth-last-of-type(8),
.row .medium-auto:nth-last-of-type(8) ~ .medium-auto {
--f7-cols-per-row: 8;
}
.row .medium-auto:nth-last-of-type(9),
.row .medium-auto:nth-last-of-type(9) ~ .medium-auto {
--f7-cols-per-row: 9;
}
.row .medium-auto:nth-last-of-type(10),
.row .medium-auto:nth-last-of-type(10) ~ .medium-auto {
--f7-cols-per-row: 10;
}
.row .medium-auto:nth-last-of-type(11),
.row .medium-auto:nth-last-of-type(11) ~ .medium-auto {
--f7-cols-per-row: 11;
}
.row .medium-auto:nth-last-of-type(12),
.row .medium-auto:nth-last-of-type(12) ~ .medium-auto {
--f7-cols-per-row: 12;
}
.row .medium-auto:nth-last-of-type(13),
.row .medium-auto:nth-last-of-type(13) ~ .medium-auto {
--f7-cols-per-row: 13;
}
.row .medium-auto:nth-last-of-type(14),
.row .medium-auto:nth-last-of-type(14) ~ .medium-auto {
--f7-cols-per-row: 14;
}
.row .medium-auto:nth-last-of-type(15),
.row .medium-auto:nth-last-of-type(15) ~ .medium-auto {
--f7-cols-per-row: 15;
}
.row .medium-auto:nth-last-of-type(16),
.row .medium-auto:nth-last-of-type(16) ~ .medium-auto {
--f7-cols-per-row: 16;
}
.row .medium-auto:nth-last-of-type(17),
.row .medium-auto:nth-last-of-type(17) ~ .medium-auto {
--f7-cols-per-row: 17;
}
.row .medium-auto:nth-last-of-type(18),
.row .medium-auto:nth-last-of-type(18) ~ .medium-auto {
--f7-cols-per-row: 18;
}
.row .medium-auto:nth-last-of-type(19),
.row .medium-auto:nth-last-of-type(19) ~ .medium-auto {
--f7-cols-per-row: 19;
}
.row .medium-auto:nth-last-of-type(20),
.row .medium-auto:nth-last-of-type(20) ~ .medium-auto {
--f7-cols-per-row: 20;
}
.row .medium-auto:nth-last-of-type(21),
.row .medium-auto:nth-last-of-type(21) ~ .medium-auto {
--f7-cols-per-row: 21;
}
.row .medium-auto:nth-last-of-type(22),
.row .medium-auto:nth-last-of-type(22) ~ .medium-auto {
--f7-cols-per-row: 22;
}
}
@media (min-width: 1024px) {
.row .large-5 {
--f7-cols-per-row: 20;
}
.row .large-10 {
--f7-cols-per-row: 10;
}
.row .large-15 {
--f7-cols-per-row: 6.66666667;
}
.row .large-20 {
--f7-cols-per-row: 5;
}
.row .large-25 {
--f7-cols-per-row: 4;
}
.row .large-30 {
--f7-cols-per-row: 3.33333333;
}
.row .large-33 {
--f7-cols-per-row: 3;
}
.row .large-35 {
--f7-cols-per-row: 2.85714286;
}
.row .large-40 {
--f7-cols-per-row: 2.5;
}
.row .large-45 {
--f7-cols-per-row: 2.22222222;
}
.row .large-50 {
--f7-cols-per-row: 2;
}
.row .large-55 {
--f7-cols-per-row: 1.81818182;
}
.row .large-60 {
--f7-cols-per-row: 1.66666667;
}
.row .large-65 {
--f7-cols-per-row: 1.53846154;
}
.row .large-66 {
--f7-cols-per-row: 1.5;
}
.row .large-70 {
--f7-cols-per-row: 1.42857143;
}
.row .large-75 {
--f7-cols-per-row: 1.33333333;
}
.row .large-80 {
--f7-cols-per-row: 1.25;
}
.row .large-85 {
--f7-cols-per-row: 1.17647059;
}
.row .large-90 {
--f7-cols-per-row: 1.11111111;
}
.row .large-95 {
--f7-cols-per-row: 1.05263158;
}
.row .large-100 {
--f7-cols-per-row: 1;
}
.row .large-auto:nth-last-of-type(1),
.row .large-auto:nth-last-of-type(1) ~ .large-auto {
--f7-cols-per-row: 1;
}
.row .large-auto:nth-last-of-type(2),
.row .large-auto:nth-last-of-type(2) ~ .large-auto {
--f7-cols-per-row: 2;
}
.row .large-auto:nth-last-of-type(3),
.row .large-auto:nth-last-of-type(3) ~ .large-auto {
--f7-cols-per-row: 3;
}
.row .large-auto:nth-last-of-type(4),
.row .large-auto:nth-last-of-type(4) ~ .large-auto {
--f7-cols-per-row: 4;
}
.row .large-auto:nth-last-of-type(5),
.row .large-auto:nth-last-of-type(5) ~ .large-auto {
--f7-cols-per-row: 5;
}
.row .large-auto:nth-last-of-type(6),
.row .large-auto:nth-last-of-type(6) ~ .large-auto {
--f7-cols-per-row: 6;
}
.row .large-auto:nth-last-of-type(7),
.row .large-auto:nth-last-of-type(7) ~ .large-auto {
--f7-cols-per-row: 7;
}
.row .large-auto:nth-last-of-type(8),
.row .large-auto:nth-last-of-type(8) ~ .large-auto {
--f7-cols-per-row: 8;
}
.row .large-auto:nth-last-of-type(9),
.row .large-auto:nth-last-of-type(9) ~ .large-auto {
--f7-cols-per-row: 9;
}
.row .large-auto:nth-last-of-type(10),
.row .large-auto:nth-last-of-type(10) ~ .large-auto {
--f7-cols-per-row: 10;
}
.row .large-auto:nth-last-of-type(11),
.row .large-auto:nth-last-of-type(11) ~ .large-auto {
--f7-cols-per-row: 11;
}
.row .large-auto:nth-last-of-type(12),
.row .large-auto:nth-last-of-type(12) ~ .large-auto {
--f7-cols-per-row: 12;
}
.row .large-auto:nth-last-of-type(13),
.row .large-auto:nth-last-of-type(13) ~ .large-auto {
--f7-cols-per-row: 13;
}
.row .large-auto:nth-last-of-type(14),
.row .large-auto:nth-last-of-type(14) ~ .large-auto {
--f7-cols-per-row: 14;
}
.row .large-auto:nth-last-of-type(15),
.row .large-auto:nth-last-of-type(15) ~ .large-auto {
--f7-cols-per-row: 15;
}
.row .large-auto:nth-last-of-type(16),
.row .large-auto:nth-last-of-type(16) ~ .large-auto {
--f7-cols-per-row: 16;
}
.row .large-auto:nth-last-of-type(17),
.row .large-auto:nth-last-of-type(17) ~ .large-auto {
--f7-cols-per-row: 17;
}
.row .large-auto:nth-last-of-type(18),
.row .large-auto:nth-last-of-type(18) ~ .large-auto {
--f7-cols-per-row: 18;
}
.row .large-auto:nth-last-of-type(19),
.row .large-auto:nth-last-of-type(19) ~ .large-auto {
--f7-cols-per-row: 19;
}
.row .large-auto:nth-last-of-type(20),
.row .large-auto:nth-last-of-type(20) ~ .large-auto {
--f7-cols-per-row: 20;
}
.row .large-auto:nth-last-of-type(21),
.row .large-auto:nth-last-of-type(21) ~ .large-auto {
--f7-cols-per-row: 21;
}
.row .large-auto:nth-last-of-type(22),
.row .large-auto:nth-last-of-type(22) ~ .large-auto {
--f7-cols-per-row: 22;
}
}
@media (min-width: 1200px) {
.row .xlarge-5 {
--f7-cols-per-row: 20;
}
.row .xlarge-10 {
--f7-cols-per-row: 10;
}
.row .xlarge-15 {
--f7-cols-per-row: 6.66666667;
}
.row .xlarge-20 {
--f7-cols-per-row: 5;
}
.row .xlarge-25 {
--f7-cols-per-row: 4;
}
.row .xlarge-30 {
--f7-cols-per-row: 3.33333333;
}
.row .xlarge-33 {
--f7-cols-per-row: 3;
}
.row .xlarge-35 {
--f7-cols-per-row: 2.85714286;
}
.row .xlarge-40 {
--f7-cols-per-row: 2.5;
}
.row .xlarge-45 {
--f7-cols-per-row: 2.22222222;
}
.row .xlarge-50 {
--f7-cols-per-row: 2;
}
.row .xlarge-55 {
--f7-cols-per-row: 1.81818182;
}
.row .xlarge-60 {
--f7-cols-per-row: 1.66666667;
}
.row .xlarge-65 {
--f7-cols-per-row: 1.53846154;
}
.row .xlarge-66 {
--f7-cols-per-row: 1.5;
}
.row .xlarge-70 {
--f7-cols-per-row: 1.42857143;
}
.row .xlarge-75 {
--f7-cols-per-row: 1.33333333;
}
.row .xlarge-80 {
--f7-cols-per-row: 1.25;
}
.row .xlarge-85 {
--f7-cols-per-row: 1.17647059;
}
.row .xlarge-90 {
--f7-cols-per-row: 1.11111111;
}
.row .xlarge-95 {
--f7-cols-per-row: 1.05263158;
}
.row .xlarge-100 {
--f7-cols-per-row: 1;
}
.row .xlarge-auto:nth-last-of-type(1),
.row .xlarge-auto:nth-last-of-type(1) ~ .xlarge-auto {
--f7-cols-per-row: 1;
}
.row .xlarge-auto:nth-last-of-type(2),
.row .xlarge-auto:nth-last-of-type(2) ~ .xlarge-auto {
--f7-cols-per-row: 2;
}
.row .xlarge-auto:nth-last-of-type(3),
.row .xlarge-auto:nth-last-of-type(3) ~ .xlarge-auto {
--f7-cols-per-row: 3;
}
.row .xlarge-auto:nth-last-of-type(4),
.row .xlarge-auto:nth-last-of-type(4) ~ .xlarge-auto {
--f7-cols-per-row: 4;
}
.row .xlarge-auto:nth-last-of-type(5),
.row .xlarge-auto:nth-last-of-type(5) ~ .xlarge-auto {
--f7-cols-per-row: 5;
}
.row .xlarge-auto:nth-last-of-type(6),
.row .xlarge-auto:nth-last-of-type(6) ~ .xlarge-auto {
--f7-cols-per-row: 6;
}
.row .xlarge-auto:nth-last-of-type(7),
.row .xlarge-auto:nth-last-of-type(7) ~ .xlarge-auto {
--f7-cols-per-row: 7;
}
.row .xlarge-auto:nth-last-of-type(8),
.row .xlarge-auto:nth-last-of-type(8) ~ .xlarge-auto {
--f7-cols-per-row: 8;
}
.row .xlarge-auto:nth-last-of-type(9),
.row .xlarge-auto:nth-last-of-type(9) ~ .xlarge-auto {
--f7-cols-per-row: 9;
}
.row .xlarge-auto:nth-last-of-type(10),
.row .xlarge-auto:nth-last-of-type(10) ~ .xlarge-auto {
--f7-cols-per-row: 10;
}
.row .xlarge-auto:nth-last-of-type(11),
.row .xlarge-auto:nth-last-of-type(11) ~ .xlarge-auto {
--f7-cols-per-row: 11;
}
.row .xlarge-auto:nth-last-of-type(12),
.row .xlarge-auto:nth-last-of-type(12) ~ .xlarge-auto {
--f7-cols-per-row: 12;
}
.row .xlarge-auto:nth-last-of-type(13),
.row .xlarge-auto:nth-last-of-type(13) ~ .xlarge-auto {
--f7-cols-per-row: 13;
}
.row .xlarge-auto:nth-last-of-type(14),
.row .xlarge-auto:nth-last-of-type(14) ~ .xlarge-auto {
--f7-cols-per-row: 14;
}
.row .xlarge-auto:nth-last-of-type(15),
.row .xlarge-auto:nth-last-of-type(15) ~ .xlarge-auto {
--f7-cols-per-row: 15;
}
.row .xlarge-auto:nth-last-of-type(16),
.row .xlarge-auto:nth-last-of-type(16) ~ .xlarge-auto {
--f7-cols-per-row: 16;
}
.row .xlarge-auto:nth-last-of-type(17),
.row .xlarge-auto:nth-last-of-type(17) ~ .xlarge-auto {
--f7-cols-per-row: 17;
}
.row .xlarge-auto:nth-last-of-type(18),
.row .xlarge-auto:nth-last-of-type(18) ~ .xlarge-auto {
--f7-cols-per-row: 18;
}
.row .xlarge-auto:nth-last-of-type(19),
.row .xlarge-auto:nth-last-of-type(19) ~ .xlarge-auto {
--f7-cols-per-row: 19;
}
.row .xlarge-auto:nth-last-of-type(20),
.row .xlarge-auto:nth-last-of-type(20) ~ .xlarge-auto {
--f7-cols-per-row: 20;
}
.row .xlarge-auto:nth-last-of-type(21),
.row .xlarge-auto:nth-last-of-type(21) ~ .xlarge-auto {
--f7-cols-per-row: 21;
}
.row .xlarge-auto:nth-last-of-type(22),
.row .xlarge-auto:nth-last-of-type(22) ~ .xlarge-auto {
--f7-cols-per-row: 22;
}
}
.row .resize-handler {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 100;
}
.row .resize-handler:before {
content: '';
position: absolute;
}
.row .resize-handler:after {
content: '';
position: absolute;
border-radius: 4px;
background: rgba(0, 0, 0, 0.35);
background: var(--f7-grid-resize-handler-bg-color);
}
.row > .resize-handler {
width: 100%;
height: 0px;
height: var(--f7-grid-row-gap);
left: 0;
top: 100%;
cursor: row-resize;
}
.row > .resize-handler:before {
left: 0%;
top: 50%;
height: 12px;
width: 100%;
min-height: 0px;
min-height: var(--f7-grid-row-gap);
transform: translateY(-50%);
}
.row > .resize-handler:after {
height: 4px;
margin-top: -2px;
width: 80%;
max-width: 20px;
left: 50%;
top: 50%;
transform: translateX(-50%);
}
[class*="col-"] > .resize-handler,
.col > .resize-handler {
width: 16px;
width: var(--f7-grid-gap);
left: 100%;
top: 0;
height: 100%;
cursor: col-resize;
}
[class*="col-"] > .resize-handler:before,
.col > .resize-handler:before {
left: 50%;
top: 0;
height: 100%;
width: 12px;
min-width: 16px;
min-width: var(--f7-grid-gap);
transform: translateX(-50%);
}
[class*="col-"] > .resize-handler:after,
.col > .resize-handler:after {
width: 4px;
margin-left: -2px;
height: 80%;
max-height: 20px;
border-radius: 4px;
left: 50%;
top: 50%;
transform: translateY(-50%);
}
.row:last-child > .resize-handler,
.row:last-of-type > .resize-handler,
.row [class*="col-"]:last-child > .resize-handler,
.row [class*="col-"]:last-of-type > .resize-handler,
.row .col:last-child > .resize-handler,
.row .col:last-of-type > .resize-handler {
display: none;
}
/* === Calendar/Datepicker === */
:root {
--f7-calendar-height: 340px;
--f7-calendar-sheet-landscape-height: 220px;
--f7-calendar-popover-width: 320px;
--f7-calendar-popover-height: 320px;
--f7-calendar-modal-height: 420px;
--f7-calendar-modal-max-width: 380px;
--f7-calendar-modal-border-radius: 4px;
/*
--f7-calendar-header-bg-color: var(--f7-bars-bg-color);
--f7-calendar-header-link-color: var(--f7-bars-link-color);
--f7-calendar-header-text-color: var(--f7-bars-text-color);
--f7-calendar-footer-bg-color: var(--f7-bars-bg-color);
--f7-calendar-footer-border-color: var(--f7-bars-border-color);
--f7-calendar-footer-link-color: var(--f7-bars-link-color);
--f7-calendar-footer-text-color: var(--f7-bars-text-color);
--f7-calendar-week-header-bg-color: var(--f7-bars-bg-color);
--f7-calendar-week-header-text-color: var(--f7-bars-text-color);
*/
--f7-calendar-footer-padding: 0 8px;
--f7-calendar-week-header-font-size: 11px;
--f7-calendar-selected-text-color: #fff;
/*
--f7-calendar-selected-bg-color: var(--f7-theme-color);
*/
--f7-calendar-prev-next-text-color: #b8b8b8;
--f7-calendar-disabled-text-color: #d4d4d4;
--f7-calendar-event-dot-size: 4px;
/*
--f7-calendar-event-bg-color: var(--f7-theme-color);
*/
/*
--f7-calendar-picker-selected-text-color: var(--f7-theme-color);
*/
--f7-calendar-day-text-color: #000;
--f7-calendar-sheet-bg-color: #fff;
--f7-calendar-modal-bg-color: #fff;
--f7-calendar-picker-bg-color: #fff;
--f7-calendar-picker-pressed-bg-color: rgba(0, 0, 0, 0.1);
--f7-calendar-picker-hover-bg-color: rgba(0, 0, 0, 0.03);
}
:root .theme-dark,
:root.theme-dark {
--f7-calendar-sheet-border-color: var(--f7-bars-border-color);
--f7-calendar-modal-bg-color: #121212;
--f7-calendar-sheet-bg-color: #121212;
--f7-calendar-picker-bg-color: #1c1c1d;
--f7-calendar-picker-pressed-bg-color: rgba(255, 255, 255, 0.08);
--f7-calendar-picker-hover-bg-color: rgba(255, 255, 255, 0.03);
}
.ios {
--f7-calendar-sheet-border-color: #929499;
--f7-calendar-header-height: 44px;
--f7-calendar-header-font-size: 17px;
--f7-calendar-header-font-weight: 600;
--f7-calendar-header-padding: 0 8px;
--f7-calendar-footer-height: 44px;
--f7-calendar-footer-font-size: 17px;
--f7-calendar-week-header-height: 18px;
--f7-calendar-day-font-size: 15px;
--f7-calendar-day-size: 30px;
--f7-calendar-picker-font-size: 17px;
--f7-calendar-time-selector-font-size: 17px;
--f7-calendar-row-border-color: rgba(0, 0, 0, 0.25);
--f7-calendar-today-text-color: #000;
--f7-calendar-today-bg-color: #e3e3e3;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-calendar-row-border-color: var(--f7-bars-border-color);
--f7-calendar-day-text-color: #fff;
--f7-calendar-today-text-color: #fff;
--f7-calendar-today-bg-color: #333;
}
.md {
--f7-calendar-sheet-border-color: #ccc;
--f7-calendar-header-height: 56px;
--f7-calendar-header-font-size: 20px;
--f7-calendar-header-font-weight: 400;
--f7-calendar-header-padding: 0 24px;
--f7-calendar-footer-height: 48px;
--f7-calendar-footer-font-size: 14px;
--f7-calendar-week-header-height: 24px;
--f7-calendar-row-border-color: transparent;
--f7-calendar-day-font-size: 14px;
/*
--f7-calendar-today-text-color: var(--f7-theme-color);
*/
--f7-calendar-today-bg-color: none;
--f7-calendar-day-size: 32px;
--f7-calendar-picker-font-size: 14px;
--f7-calendar-time-selector-font-size: 14px;
}
.md .theme-dark,
.md.theme-dark {
--f7-calendar-day-text-color: rgba(255, 255, 255, 0.87);
}
.aurora {
--f7-calendar-sheet-border-color: #ccc;
--f7-calendar-header-height: 38px;
--f7-calendar-header-font-size: 14px;
--f7-calendar-header-font-weight: 600;
--f7-calendar-header-padding: 0 8px;
--f7-calendar-footer-height: 38px;
--f7-calendar-footer-font-size: 14px;
--f7-calendar-week-header-height: 18px;
--f7-calendar-day-font-size: 13px;
--f7-calendar-day-size: 30px;
--f7-calendar-picker-font-size: 14px;
--f7-calendar-time-selector-font-size: 14px;
--f7-calendar-row-border-color: #e3e3e3;
--f7-calendar-today-text-color: #000;
--f7-calendar-today-bg-color: #e3e3e3;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-calendar-row-border-color: var(--f7-bars-border-color);
--f7-calendar-day-text-color: #fff;
--f7-calendar-today-text-color: #fff;
--f7-calendar-today-bg-color: #333;
}
.calendar {
overflow: hidden;
height: 340px;
height: var(--f7-calendar-height);
width: 100%;
display: flex;
flex-direction: column;
}
.calendar.modal-in {
display: flex;
}
@media (orientation: landscape) and (max-height: 415px) {
.calendar.calendar-sheet {
height: 220px;
height: var(--f7-calendar-sheet-landscape-height);
}
.calendar.calendar-modal {
height: calc(100vh - var(--f7-navbar-height));
}
}
.calendar.calendar-inline,
.calendar.calendar-popover .calendar {
position: relative;
}
.calendar-sheet {
--f7-sheet-border-color: var(--f7-calendar-sheet-border-color);
background: #fff;
background: var(--f7-calendar-sheet-bg-color);
padding-bottom: 0px;
padding-bottom: var(--f7-safe-area-bottom);
height: calc(340px + 0px);
height: calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));
}
.calendar-sheet:before {
z-index: 600;
}
.calendar-sheet .toolbar:before,
.calendar-modal .toolbar:before,
.calendar-popover .toolbar:before {
display: none;
}
.calendar-popover {
width: 320px;
width: var(--f7-calendar-popover-width);
}
.calendar-popover .toolbar-top,
.calendar-popover .calendar-header {
border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;
}
.calendar-popover .calendar-header + .toolbar-top {
border-radius: 0;
}
.calendar-popover .toolbar-bottom,
.calendar-popover .calendar-footer {
border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
}
.calendar-popover .calendar {
height: 320px;
height: var(--f7-calendar-popover-height);
position: relative;
z-index: 1;
}
.calendar-popover .calendar-month-picker,
.calendar-popover .calendar-year-picker,
.calendar-popover .calendar-time-picker {
border-radius: var(--f7-popover-border-radius);
}
.calendar-header {
width: 100%;
position: relative;
overflow: hidden;
flex-shrink: 0;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
padding: var(--f7-calendar-header-padding);
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color));
height: var(--f7-calendar-header-height);
line-height: var(--f7-calendar-header-height);
font-size: var(--f7-calendar-header-font-size);
font-weight: var(--f7-calendar-header-font-weight);
}
.calendar-header a {
color: var(--f7-theme-color);
color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.calendar-footer {
width: 100%;
flex-shrink: 0;
padding: 0 8px;
padding: var(--f7-calendar-footer-padding);
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color));
height: var(--f7-calendar-footer-height);
font-size: var(--f7-calendar-header-font-size);
display: flex;
justify-content: flex-end;
box-sizing: border-box;
align-items: center;
position: relative;
}
.calendar-footer a {
color: var(--f7-theme-color);
color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.calendar-footer:before {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.calendar-modal {
position: absolute;
height: 420px;
height: var(--f7-calendar-modal-height);
overflow: hidden;
top: 50%;
left: 50%;
min-width: 300px;
max-width: 380px;
max-width: var(--f7-calendar-modal-max-width);
transform: translate3d(-50%, 100vh, 0);
transition-property: transform;
display: flex;
z-index: 13500;
background: #fff;
background: var(--f7-calendar-modal-bg-color);
width: 90%;
border-radius: 4px;
border-radius: var(--f7-calendar-modal-border-radius);
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
box-shadow: var(--f7-elevation-24);
}
.calendar-modal.modal-in,
.calendar-modal.modal-out {
transition-duration: 400ms;
}
.calendar-modal.modal-in {
transform: translate3d(-50%, -50%, 0);
}
.calendar-modal.modal-out {
transform: translate3d(-50%, 100vh, 0);
}
.calendar-week-header {
display: flex;
box-sizing: border-box;
position: relative;
font-size: 11px;
font-size: var(--f7-calendar-week-header-font-size);
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color));
color: var(--f7-bars-text-color);
color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color));
height: var(--f7-calendar-week-header-height);
padding-left: 0px;
padding-left: var(--f7-safe-area-left);
padding-right: 0px;
padding-right: var(--f7-safe-area-right);
}
.calendar-week-header .calendar-week-day {
flex-shrink: 1;
width: calc(100% / 7);
text-align: center;
line-height: var(--f7-calendar-week-header-height);
}
.calendar-months {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
flex-shrink: 10;
}
.calendar-months-wrapper {
position: relative;
width: 100%;
height: 100%;
transition: 300ms;
}
.calendar-month {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.calendar-row {
height: 16.66666667%;
height: calc(100% / 6);
display: flex;
flex-shrink: 1;
width: 100%;
position: relative;
box-sizing: border-box;
padding-left: 0px;
padding-left: var(--f7-safe-area-left);
padding-right: 0px;
padding-right: var(--f7-safe-area-right);
}
.calendar-row:before {
content: '';
position: absolute;
background-color: var(--f7-calendar-row-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,
.calendar-popover .calendar-months:first-child .calendar-row:first-child:before {
display: none !important;
}
.calendar-day {
flex-shrink: 1;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 14.28571429%;
width: calc(100% / 7);
text-align: center;
cursor: pointer;
z-index: 20;
color: #000;
color: var(--f7-calendar-day-text-color);
height: 100%;
font-size: var(--f7-calendar-day-font-size);
}
.calendar-day.calendar-day-today .calendar-day-number {
color: var(--f7-theme-color);
color: var(--f7-calendar-today-text-color, var(--f7-theme-color));
background-color: var(--f7-calendar-today-bg-color);
}
.calendar-day.calendar-day-prev,
.calendar-day.calendar-day-next {
color: #b8b8b8;
color: var(--f7-calendar-prev-next-text-color);
}
.calendar-day.calendar-day-disabled {
color: #d4d4d4;
color: var(--f7-calendar-disabled-text-color);
cursor: auto;
}
.calendar-day.calendar-day-selected .calendar-day-number {
color: #fff;
color: var(--f7-calendar-selected-text-color);
background-color: var(--f7-theme-color);
background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color));
}
.calendar-day .calendar-day-number {
display: inline-block;
border-radius: 50%;
position: relative;
width: var(--f7-calendar-day-size);
height: var(--f7-calendar-day-size);
line-height: var(--f7-calendar-day-size);
}
.calendar-day .calendar-day-events {
position: absolute;
display: flex;
left: 0;
width: 100%;
top: 100%;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.calendar-day .calendar-day-event {
width: 4px;
width: var(--f7-calendar-event-dot-size);
height: 4px;
height: var(--f7-calendar-event-dot-size);
border-radius: calc(4px / 2);
border-radius: calc(var(--f7-calendar-event-dot-size) / 2);
background-color: var(--f7-calendar-event-bg-color);
}
.calendar-day .calendar-day-event + .calendar-day-event {
margin-left: 2px;
}
.calendar-range .calendar-day.calendar-day-selected {
align-items: stretch;
align-content: stretch;
}
.calendar-range .calendar-day.calendar-day-selected .calendar-day-number {
width: 100%;
border-radius: 0;
height: auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.calendar-month-selector,
.calendar-year-selector {
display: flex;
justify-content: space-between;
align-items: center;
width: 50%;
max-width: 200px;
flex-shrink: 10;
margin-left: auto;
margin-right: auto;
}
.calendar-month-selector .calendar-day-number,
.calendar-year-selector .calendar-day-number {
flex-shrink: 1;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-month-selector a.icon-only,
.calendar-year-selector a.icon-only {
min-width: 36px;
}
.calendar-month-picker,
.calendar-year-picker,
.calendar-time-picker {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: #fff;
background: var(--f7-calendar-picker-bg-color);
z-index: 1000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.calendar-month-picker,
.calendar-year-picker {
flex-wrap: wrap;
font-size: var(--f7-calendar-picker-font-size);
display: flex;
}
.calendar-month-picker-item,
.calendar-year-picker-item {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
cursor: pointer;
transition-duration: 100ms;
box-sizing: border-box;
}
.calendar-month-picker-item span,
.calendar-year-picker-item span {
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
position: relative;
overflow: hidden;
pointer-events: none;
}
.device-desktop.aurora .calendar-month-picker-item:hover,
.device-desktop.aurora .calendar-year-picker-item:hover {
background-color: rgba(0, 0, 0, 0.03);
background-color: var(--f7-calendar-picker-hover-bg-color);
}
.calendar-month-picker-item.active-state,
.calendar-year-picker-item.active-state,
.device-desktop.aurora .calendar-month-picker-item.active-state,
.device-desktop.aurora .calendar-year-picker-item.active-state {
background: rgba(0, 0, 0, 0.1);
background: var(--f7-calendar-picker-pressed-bg-color);
}
.calendar-month-picker-item {
padding: 5px;
}
.calendar-month-picker-item:after {
content: '';
position: absolute;
background-color: var(--f7-calendar-row-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.calendar-month-picker-item:before {
content: '';
position: absolute;
background-color: var(--f7-calendar-row-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 1px;
height: 100%;
transform-origin: 0% 50%;
transform: scaleX(calc(1 / 1));
transform: scaleX(calc(1 / var(--f7-device-pixel-ratio)));
}
.sheet-modal .calendar-month-picker-item {
width: 25%;
height: calc(100% / 3);
}
.sheet-modal .calendar-month-picker-item:nth-child(4n + 1):before {
display: none !important;
}
.sheet-modal .calendar-month-picker-item:nth-child(n + 9):after {
display: none !important;
}
.popover .calendar-month-picker-item,
.calendar-modal .calendar-month-picker-item {
width: calc(100% / 3);
height: 25%;
}
.popover .calendar-month-picker-item:nth-child(3n + 1):before,
.calendar-modal .calendar-month-picker-item:nth-child(3n + 1):before {
display: none !important;
}
.popover .calendar-month-picker-item:nth-child(n + 10):after,
.calendar-modal .calendar-month-picker-item:nth-child(n + 10):after {
display: none !important;
}
.calendar-month-picker-item-current,
.calendar-year-picker-item-current {
color: var(--f7-theme-color);
color: var(--f7-calendar-picker-selected-text-color, var(--f7-theme-color));
}
.calendar-year-picker {
overflow: auto;
--webkit-overflow-scrolling: touch;
}
.calendar-year-picker-item {
height: 34px;
line-height: 34px;
width: 100%;
}
.calendar-year-picker-item:after {
content: '';
position: absolute;
background-color: var(--f7-calendar-row-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.calendar-time-selector {
flex-shrink: 0;
font-size: var(--f7-calendar-time-selector-font-size);
position: relative;
}
.calendar-time-selector:before {
content: '';
position: absolute;
background-color: var(--f7-calendar-row-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.calendar-time-selector a {
overflow: hidden;
position: relative;
justify-content: center;
align-items: center;
display: flex;
width: 100%;
height: 44px;
}
.calendar-time-picker {
--f7-picker-popover-height: 100%;
--f7-picker-inline-height: 100%;
--f7-picker-item-selected-text-color: var(--f7-theme-color);
}
.calendar-time-picker .toolbar {
flex-shrink: 0;
top: 0 !important;
}
.calendar-time-picker .picker {
height: 100%;
display: flex;
flex-direction: column;
}
/* === Picker === */
:root {
--f7-picker-height: 260px;
--f7-picker-inline-height: 200px;
--f7-picker-popover-height: 200px;
--f7-picker-popover-width: 280px;
--f7-picker-landscape-height: 200px;
--f7-picker-item-height: 36px;
--f7-picker-item-selected-text-color: #000;
}
:root .theme-dark,
:root.theme-dark {
--f7-picker-item-selected-text-color: #fff;
}
.ios {
--f7-picker-column-font-size: 20px;
--f7-picker-sheet-bg-color: #cfd5da;
--f7-picker-divider-text-color: #000;
--f7-picker-item-text-color: rgba(0, 0, 0, 0.45);
--f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.22);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-picker-sheet-bg-color: #1c1c1d;
--f7-picker-divider-text-color: #fff;
--f7-picker-item-text-color: rgba(255, 255, 255, 0.55);
--f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06);
}
.md {
/*
--f7-picker-sheet-bg-color: var(--f7-sheet-bg-color);
*/
--f7-picker-column-font-size: 20px;
--f7-picker-divider-text-color: rgba(0, 0, 0, 0.87);
--f7-picker-item-text-color: rgba(0, 0, 0, 0.54);
--f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15);
}
.md .theme-dark,
.md.theme-dark {
--f7-picker-item-text-color: rgba(255, 255, 255, 0.54);
--f7-picker-divider-text-color: rgba(255, 255, 255, 0.87);
--f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15);
}
.aurora {
/*
--f7-picker-sheet-bg-color: var(--f7-sheet-bg-color);
*/
--f7-picker-column-font-size: 16px;
--f7-picker-item-height: 28px;
--f7-picker-item-text-color: #888;
--f7-picker-divider-text-color: #000;
--f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.12);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-picker-divider-text-color: #fff;
--f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06);
}
.picker {
width: 100%;
height: 260px;
height: var(--f7-picker-height);
}
.picker.picker-inline {
height: 200px;
height: var(--f7-picker-inline-height);
}
.popover .picker {
height: 200px;
height: var(--f7-picker-popover-height);
}
@media (orientation: landscape) and (max-height: 415px) {
.picker:not(.picker-inline) {
height: 200px;
height: var(--f7-picker-landscape-height);
}
}
.picker.sheet-modal {
background: var(--f7-sheet-bg-color);
background: var(--f7-picker-sheet-bg-color, var(--f7-sheet-bg-color));
}
.picker-popover {
width: 280px;
width: var(--f7-picker-popover-width);
}
.picker-popover .toolbar {
background: none;
border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;
}
.picker-popover .toolbar:before {
display: none !important;
}
.picker-popover .toolbar + .picker-columns {
height: calc(100% - var(--f7-toolbar-height));
}
.picker-columns {
display: flex;
overflow: hidden;
justify-content: center;
padding: 0;
text-align: right;
height: 100%;
position: relative;
-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
font-size: var(--f7-picker-column-font-size);
}
.picker-column {
position: relative;
max-height: 100%;
}
.picker-column.picker-column-first:before,
.picker-column.picker-column-last:after {
height: 100%;
width: 100vw;
position: absolute;
content: '';
top: 0;
}
.picker-column.picker-column-first:before {
right: 100%;
}
.picker-column.picker-column-last:after {
left: 100%;
}
.picker-column.picker-column-left {
text-align: left;
}
.picker-column.picker-column-center {
text-align: center;
}
.picker-column.picker-column-right {
text-align: right;
}
.picker-column.picker-column-divider {
display: flex;
align-items: center;
color: var(--f7-picker-divider-text-color);
}
.picker-items {
transition: 300ms;
transition-timing-function: ease-out;
}
.picker-item {
height: 36px;
height: var(--f7-picker-item-height);
line-height: 36px;
line-height: var(--f7-picker-item-height);
white-space: nowrap;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box;
transition: 300ms;
color: var(--f7-picker-item-text-color);
cursor: pointer;
}
.picker-item span {
padding: 0 10px;
}
.picker-column-absolute .picker-item {
position: absolute;
}
.picker-item.picker-item-far {
pointer-events: none;
}
.picker-item.picker-item-selected {
color: #000;
color: var(--f7-picker-item-selected-text-color);
transform: translate3d(0, 0, 0) rotateX(0deg);
}
.picker-center-highlight {
height: 36px;
height: var(--f7-picker-item-height);
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
top: 50%;
margin-top: calc(-1 * 36px / 2);
margin-top: calc(-1 * var(--f7-picker-item-height) / 2);
pointer-events: none;
}
.picker-center-highlight:before {
content: '';
position: absolute;
background-color: var(--f7-picker-item-selected-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.picker-center-highlight:after {
content: '';
position: absolute;
background-color: var(--f7-picker-item-selected-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.picker-3d .picker-columns {
overflow: hidden;
perspective: 1200px;
}
.picker-3d .picker-column,
.picker-3d .picker-items,
.picker-3d .picker-item {
transform-style: preserve-3d;
}
.picker-3d .picker-column {
overflow: visible;
}
.picker-3d .picker-item {
transform-origin: center center -110px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-timing-function: ease-out;
}
/* === Infinite === */
.infinite-scroll-preloader {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.infinite-scroll-preloader.preloader {
display: block;
}
.ios .infinite-scroll-preloader {
margin-top: 35px;
margin-bottom: 35px;
}
.ios .infinite-scroll-preloader .preloader,
.ios .infinite-scroll-preloader.preloader {
width: 27px;
height: 27px;
}
.md .infinite-scroll-preloader {
margin-top: 32px;
margin-bottom: 32px;
}
.aurora .infinite-scroll-preloader {
margin-top: 15px;
margin-bottom: 15px;
}
/* === PTR === */
.ios {
--f7-ptr-preloader-size: 28px;
--f7-ptr-size: 44px;
}
.md {
--f7-ptr-preloader-size: 22px;
--f7-ptr-size: 40px;
}
.aurora {
--f7-ptr-preloader-size: 20px;
--f7-ptr-size: 38px;
}
.ptr-preloader {
position: relative;
top: 0;
top: var(--f7-ptr-top, 0);
height: var(--f7-ptr-size);
}
.ptr-preloader .preloader {
position: absolute;
left: 50%;
width: var(--f7-ptr-preloader-size);
height: var(--f7-ptr-preloader-size);
margin-left: calc(-1 * var(--f7-ptr-preloader-size) / 2);
margin-top: calc(-1 * var(--f7-ptr-preloader-size) / 2);
top: 50%;
visibility: hidden;
}
.ptr-bottom .ptr-preloader {
top: auto;
bottom: 0;
position: fixed;
}
.ptr-with-navbar-large-transparent .ptr-preloader,
.ptr-with-navbar-transparent .ptr-preloader {
top: calc(-1 * 0px + 0px);
top: calc(-1 * var(--f7-page-navbar-offset, 0px) + var(--f7-safe-area-top));
}
.ios .ptr-preloader {
margin-top: calc(-1 * var(--f7-ptr-size));
width: 100%;
left: 0;
}
.ios .ptr-arrow {
position: absolute;
left: 50%;
top: 50%;
background: no-repeat center;
z-index: 10;
transform: rotate(0deg) translate3d(0, 0, 0);
transition-duration: 300ms;
transition-property: transform, opacity;
width: 12px;
height: 20px;
margin-left: -6px;
margin-top: -10px;
visibility: visible;
color: var(--f7-preloader-color);
}
.ios .ptr-arrow:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
width: 12px;
height: 20px;
line-height: 20px;
font-size: 10px;
content: 'ptr_arrow_ios';
}
.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader {
animation: none;
}
.ios .ptr-transitioning,
.ios .ptr-refreshing {
transition-duration: 300ms;
transition-property: transform;
}
.ios .ptr-refreshing {
transform: translate3d(0, var(--f7-ptr-size), 0);
}
.ios .ptr-refreshing .ptr-arrow {
visibility: hidden;
}
.ios .ptr-refreshing .ptr-preloader .preloader {
visibility: visible;
}
.ios .ptr-pull-up .ptr-arrow {
transform: rotate(180deg) translate3d(0, 0, 0);
}
.ios .ptr-no-navbar,
.ios .ptr-with-navbar-large-transparent,
.ios .ptr-with-navbar-transparent {
margin-top: calc(-1 * var(--f7-ptr-size));
height: calc(100% + var(--f7-ptr-size));
}
.ios .ptr-no-navbar .ptr-preloader,
.ios .ptr-with-navbar-large-transparent .ptr-preloader,
.ios .ptr-with-navbar-transparent .ptr-preloader {
margin-top: 0;
}
.ios .ptr-bottom .ptr-preloader {
margin-top: 0;
margin-bottom: calc(-1 * var(--f7-ptr-size));
}
.ios .ptr-bottom.ptr-transitioning > *,
.ios .ptr-bottom.ptr-refreshing > * {
transition-duration: 300ms;
transition-property: transform;
}
.ios .ptr-bottom.ptr-refreshing {
transform: none;
}
.ios .ptr-bottom.ptr-refreshing > * {
transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0);
}
.ios .ptr-bottom .ptr-arrow {
transform: rotate(180deg) translate3d(0, 0, 0);
}
.ios .ptr-bottom.ptr-pull-up .ptr-arrow {
transform: rotate(0deg) translate3d(0, 0, 0);
}
.ios .ptr-with-navbar-large-transparent .ptr-preloader .preloader,
.ios .ptr-with-navbar-transparent .ptr-preloader .preloader,
.ios .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-transparent .ptr-preloader .ptr-arrow {
opacity: 0;
transition-duration: 300ms;
transition-property: transform, opacity;
}
.ios .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader,
.ios .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .preloader,
.ios .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader,
.ios .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .preloader,
.ios .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader,
.ios .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .preloader,
.ios .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .ptr-arrow {
opacity: 1;
}
.ios .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader,
.ios .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .preloader,
.ios .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow,
.ios .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .ptr-arrow {
opacity: 0;
transition-duration: 300ms;
}
.md {
--f7-ptr-top: -4px;
}
.md .ptr-preloader {
width: var(--f7-ptr-size);
border-radius: 50%;
background: #fff;
margin-top: calc(-1 * var(--f7-ptr-size));
z-index: 100;
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
box-shadow: var(--f7-elevation-1);
left: 50%;
margin-left: calc(-1 * var(--f7-ptr-size) / 2);
}
.md .ptr-preloader .preloader .preloader-inner-gap,
.md .ptr-preloader .preloader .preloader-inner-half-circle {
border-width: 3px;
}
.md .ptr-arrow {
width: 22px;
height: 22px;
box-sizing: border-box;
border: 3px solid var(--f7-preloader-color);
position: absolute;
left: 50%;
top: 50%;
margin-left: -11px;
margin-top: -11px;
border-left-color: transparent;
border-radius: 50%;
opacity: 1;
transform: rotate(150deg);
}
.md .ptr-arrow:after {
content: '';
width: 0px;
height: 0px;
position: absolute;
left: -5px;
bottom: 0px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: inherit;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
transform: rotate(-40deg);
}
.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader,
.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * {
animation: none;
}
.md .ptr-refreshing .ptr-preloader .preloader,
.md .ptr-pull-up .ptr-preloader .preloader {
visibility: visible;
}
.md .ptr-refreshing .ptr-arrow,
.md .ptr-pull-up .ptr-arrow {
visibility: hidden;
}
.md .ptr-refreshing .ptr-preloader {
transform: translate3d(0, 66px, 0);
}
.md .ptr-transitioning .ptr-arrow {
transition: 300ms;
}
.md .ptr-pull-up .ptr-arrow {
transition: 400ms;
transform: rotate(620deg) !important;
opacity: 0;
}
.md .ptr-transitioning .ptr-preloader,
.md .ptr-refreshing .ptr-preloader {
transition-duration: 300ms;
transition-property: transform, opacity;
}
.md .ptr-bottom .ptr-preloader {
margin-top: 0;
margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px);
}
.md .ptr-bottom.ptr-refreshing .ptr-preloader {
transform: translate3d(0, -66px, 0);
}
.md .ptr-with-navbar-large-transparent .ptr-preloader,
.md .ptr-with-navbar-transparent .ptr-preloader {
opacity: 0;
}
.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader,
.md .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader,
.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader,
.md .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader,
.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader,
.md .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader {
opacity: 1;
}
.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader,
.md .ptr-with-navbar-transparent.ptr-closing .ptr-preloader {
opacity: 0;
transition-duration: 300ms;
}
.aurora .ptr-preloader {
margin-top: calc(-1 * var(--f7-ptr-size));
width: 100%;
left: 0;
}
.aurora .ptr-arrow {
position: absolute;
left: 50%;
top: 50%;
background: no-repeat center;
z-index: 10;
transform: rotate(0deg) translate3d(0, 0, 0);
transition-duration: 300ms;
transition-property: transform, opacity;
width: 12px;
height: 20px;
margin-left: -6px;
margin-top: -10px;
visibility: visible;
color: var(--f7-preloader-color);
}
.aurora .ptr-arrow:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
width: 12px;
height: 20px;
line-height: 20px;
font-size: 8px;
content: 'ptr_arrow_ios';
}
.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader {
animation: none;
}
.aurora .ptr-transitioning,
.aurora .ptr-refreshing {
transition-duration: 300ms;
transition-property: transform;
}
.aurora .ptr-refreshing {
transform: translate3d(0, var(--f7-ptr-size), 0);
}
.aurora .ptr-refreshing .ptr-arrow {
visibility: hidden;
}
.aurora .ptr-refreshing .ptr-preloader .preloader {
visibility: visible;
}
.aurora .ptr-pull-up .ptr-arrow {
transform: rotate(180deg) translate3d(0, 0, 0);
}
.aurora .ptr-no-navbar,
.aurora .ptr-with-navbar-large-transparent,
.aurora .ptr-with-navbar-transparent {
margin-top: calc(-1 * var(--f7-ptr-size));
height: calc(100% + var(--f7-ptr-size));
}
.aurora .ptr-no-navbar .ptr-preloader,
.aurora .ptr-with-navbar-large-transparent .ptr-preloader,
.aurora .ptr-with-navbar-transparent .ptr-preloader {
margin-top: 0;
}
.aurora .ptr-bottom .ptr-preloader {
margin-top: 0;
margin-bottom: calc(-1 * var(--f7-ptr-size));
}
.aurora .ptr-bottom.ptr-transitioning > *,
.aurora .ptr-bottom.ptr-refreshing > * {
transition-duration: 300ms;
transition-property: transform;
}
.aurora .ptr-bottom.ptr-refreshing {
transform: none;
}
.aurora .ptr-bottom.ptr-refreshing > * {
transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0);
}
.aurora .ptr-bottom .ptr-arrow {
transform: rotate(180deg) translate3d(0, 0, 0);
}
.aurora .ptr-bottom.ptr-pull-up .ptr-arrow {
transform: rotate(0deg) translate3d(0, 0, 0);
}
.aurora .ptr-with-navbar-large-transparent .ptr-preloader .preloader,
.aurora .ptr-with-navbar-transparent .ptr-preloader .preloader,
.aurora .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-transparent .ptr-preloader .ptr-arrow {
opacity: 0;
transition-duration: 300ms;
transition-property: transform, opacity;
}
.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader,
.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .preloader,
.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader,
.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .preloader,
.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader,
.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .preloader,
.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-transparent.ptr-pull-down .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-transparent.ptr-pull-up .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-transparent.ptr-refreshing .ptr-preloader .ptr-arrow {
opacity: 1;
}
.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader,
.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .preloader,
.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow,
.aurora .ptr-with-navbar-transparent.ptr-closing .ptr-preloader .ptr-arrow {
opacity: 0;
transition-duration: 300ms;
}
/* === Images Lazy Loading === */
.lazy-loaded.lazy-fade-in {
animation: lazyFadeIn 600ms;
}
@keyframes lazyFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* === Data Table === */
:root {
--f7-table-head-font-size: 12px;
--f7-table-body-font-size: 14px;
--f7-table-footer-font-size: 12px;
--f7-table-input-height: 24px;
--f7-table-input-font-size: 14px;
--f7-table-collapsible-cell-padding: 16px;
--f7-table-link-icon-only-icon-size: 20px;
--f7-table-sortable-icon-color: #000;
}
:root .theme-dark,
:root.theme-dark {
--f7-table-cell-border-color: rgba(255, 255, 255, 0.15);
--f7-table-sortable-icon-color: #fff;
--f7-table-input-text-color: #fff;
}
.ios {
--f7-table-head-font-weight: 600;
--f7-table-head-cell-height: 44px;
--f7-table-head-icon-size: 18px;
--f7-table-body-cell-height: 44px;
--f7-table-cell-padding-vertical: 0px;
--f7-table-cell-padding-horizontal: 16px;
--f7-table-edge-cell-padding-horizontal: 16px;
--f7-table-label-cell-padding-horizontal: 16px;
--f7-table-checkbox-cell-width: 22px;
/* --f7-table-actions-cell-link-color: var(--f7-theme-color); */
/* --f7-table-actions-link-color: var(--f7-theme-color); */
--f7-table-title-font-size: 17px;
--f7-table-title-font-weight: 600;
--f7-table-card-header-height: 64px;
--f7-table-footer-height: 44px;
--f7-table-head-text-color: rgba(0, 0, 0, 0.45);
--f7-table-cell-border-color: rgba(0, 0, 0, 0.22);
--f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03);
--f7-table-footer-text-color: rgba(0, 0, 0, 0.45);
--f7-table-input-text-color: #000;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-table-head-text-color: rgba(255, 255, 255, 0.55);
--f7-table-footer-text-color: rgba(255, 255, 255, 0.55);
--f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.08);
}
.md {
--f7-table-head-font-weight: 500;
--f7-table-head-cell-height: 56px;
--f7-table-head-icon-size: 16px;
--f7-table-body-cell-height: 48px;
--f7-table-cell-padding-vertical: 0px;
--f7-table-cell-padding-horizontal: 28px;
--f7-table-edge-cell-padding-horizontal: 24px;
--f7-table-label-cell-padding-horizontal: 24px;
--f7-table-checkbox-cell-width: 18px;
--f7-table-title-font-size: 20px;
--f7-table-title-font-weight: 400;
--f7-table-card-header-height: 64px;
--f7-table-footer-height: 56px;
--f7-table-head-text-color: rgba(0, 0, 0, 0.54);
--f7-table-cell-border-color: rgba(0, 0, 0, 0.12);
--f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54);
--f7-table-selected-row-bg-color: #f5f5f5;
--f7-table-actions-link-color: rgba(0, 0, 0, 0.54);
--f7-table-footer-text-color: rgba(0, 0, 0, 0.54);
--f7-table-input-text-color: #212121;
}
.md .theme-dark,
.md.theme-dark {
--f7-table-head-text-color: rgba(255, 255, 255, 0.54);
--f7-table-footer-text-color: rgba(255, 255, 255, 0.54);
--f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05);
--f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54);
--f7-table-actions-link-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-table-link-icon-only-icon-size: 18px;
--f7-table-head-font-weight: 400;
--f7-table-head-cell-height: 32px;
--f7-table-head-icon-size: 18px;
--f7-table-body-cell-height: 32px;
--f7-table-cell-padding-vertical: 5px;
--f7-table-cell-padding-horizontal: 10px;
--f7-table-edge-cell-padding-horizontal: 16px;
--f7-table-label-cell-padding-horizontal: 16px;
--f7-table-checkbox-cell-width: 22px;
/* --f7-table-actions-cell-link-color: var(--f7-theme-color); */
/* --f7-table-actions-link-color: var(--f7-theme-color); */
--f7-table-title-font-size: 14px;
--f7-table-title-font-weight: 600;
--f7-table-card-header-height: 42px;
--f7-table-footer-height: 32px;
--f7-table-head-text-color: rgba(0, 0, 0, 0.6);
--f7-table-cell-border-color: rgba(0, 0, 0, 0.12);
--f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03);
--f7-table-footer-text-color: rgba(0, 0, 0, 0.5);
--f7-table-input-text-color: #000;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03);
--f7-table-head-text-color: rgba(255, 255, 255, 0.54);
--f7-table-footer-text-color: rgba(255, 255, 255, 0.54);
}
.data-table {
overflow-x: auto;
}
.data-table table,
table.data-table {
width: 100%;
border: none;
padding: 0;
margin: 0;
border-collapse: collapse;
text-align: left;
}
.data-table thead th,
.data-table thead td {
font-size: 12px;
font-size: var(--f7-table-head-font-size);
font-weight: var(--f7-table-head-font-weight);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 16px;
height: var(--f7-table-head-cell-height);
}
.data-table thead th:not(.sortable-cell-active),
.data-table thead td:not(.sortable-cell-active) {
color: var(--f7-table-head-text-color);
}
.data-table thead i.icon,
.data-table thead i.f7-icons,
.data-table thead i.material-icons {
vertical-align: top;
font-size: var(--f7-table-head-icon-size);
}
.data-table tbody {
font-size: 14px;
font-size: var(--f7-table-body-font-size);
}
.data-table tbody th,
.data-table tbody td {
height: var(--f7-table-body-cell-height);
}
.data-table tbody tr.data-table-row-selected,
.device-desktop .data-table tbody tr:hover {
background: var(--f7-table-selected-row-bg-color);
}
.data-table tbody td:before,
.data-table tbody th:before {
content: '';
position: absolute;
background-color: var(--f7-table-cell-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.data-table th,
.data-table td {
--f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal);
--f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal);
padding-top: var(--f7-table-cell-padding-vertical);
padding-bottom: var(--f7-table-cell-padding-vertical);
padding-left: var(--f7-table-cell-padding-left);
padding-right: var(--f7-table-cell-padding-right);
position: relative;
box-sizing: border-box;
}
.data-table th:first-child,
.data-table td:first-child {
--f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal);
}
.data-table th:last-child,
.data-table td:last-child {
--f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal);
}
.data-table th.label-cell,
.data-table td.label-cell {
--f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal);
--f7-table-cell-padding-right: var(--f7-table-label-cell-padding-horizontal);
}
.data-table th.numeric-cell,
.data-table td.numeric-cell {
text-align: right;
}
.data-table th.checkbox-cell,
.data-table td.checkbox-cell {
overflow: visible;
width: var(--f7-table-checkbox-cell-width);
}
.data-table th.checkbox-cell label + span,
.data-table td.checkbox-cell label + span {
margin-left: 8px;
}
.data-table th.checkbox-cell:first-child,
.data-table td.checkbox-cell:first-child {
padding-right: calc(var(--f7-table-cell-padding-right) / 2);
}
.data-table th.checkbox-cell:first-child + td,
.data-table td.checkbox-cell:first-child + td,
.data-table th.checkbox-cell:first-child + th,
.data-table td.checkbox-cell:first-child + th {
padding-left: calc(var(--f7-table-cell-padding-left) / 2);
}
.data-table th.checkbox-cell:last-child,
.data-table td.checkbox-cell:last-child {
padding-left: calc(var(--f7-table-cell-padding-left) / 2);
}
.data-table th.actions-cell,
.data-table td.actions-cell {
text-align: right;
white-space: nowrap;
}
.data-table th.actions-cell a.link,
.data-table td.actions-cell a.link {
color: var(--f7-theme-color);
color: var(--f7-table-actions-cell-link-color, var(--f7-theme-color));
}
.data-table th a.icon-only,
.data-table td a.icon-only,
.card .data-table th a.icon-only,
.card .data-table td a.icon-only,
.card.data-table th a.icon-only,
.card.data-table td a.icon-only {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 0;
min-width: 0;
}
.data-table th a.icon-only i,
.data-table td a.icon-only i,
.card .data-table th a.icon-only i,
.card .data-table td a.icon-only i,
.card.data-table th a.icon-only i,
.card.data-table td a.icon-only i {
font-size: 20px;
font-size: var(--f7-table-link-icon-only-icon-size);
vertical-align: middle;
}
.data-table .sortable-cell:not(.input-cell) {
cursor: pointer;
position: relative;
}
.data-table .sortable-cell.input-cell .table-head-label {
cursor: pointer;
position: relative;
}
.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after,
.data-table .sortable-cell.numeric-cell:not(.input-cell):before,
.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-head-label:after,
.data-table .sortable-cell.numeric-cell.input-cell > .table-head-label:before {
content: 'arrow_bottom_md';
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
color: #000;
color: var(--f7-table-sortable-icon-color);
font-size: 13px;
line-height: 16px;
transition-duration: 300ms;
transform: rotate(0);
opacity: 0;
}
.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,
.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,
.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before,
.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before {
opacity: 0.54;
}
.data-table .sortable-cell.sortable-cell-active:after,
.data-table .sortable-cell.sortable-cell-active .table-head-label:after,
.data-table .sortable-cell.sortable-cell-active:before,
.data-table .sortable-cell.sortable-cell-active .table-head-label:before {
opacity: 0.87 !important;
}
.data-table .sortable-cell.sortable-desc:after,
.data-table .sortable-cell.sortable-desc:after,
.data-table .table-head-label:after,
.data-table .sortable-cell.sortable-desc:before,
.data-table .sortable-cell.sortable-desc:before,
.data-table .table-head-label:before {
transform: rotate(180deg) !important;
}
.data-table.card .card-header,
.card .data-table .card-header,
.data-table.card .card-footer,
.card .data-table .card-footer {
padding-left: var(--f7-table-edge-cell-padding-horizontal);
padding-right: var(--f7-table-edge-cell-padding-horizontal);
}
.data-table.card .card-header,
.card .data-table .card-header {
min-height: var(--f7-table-card-header-height);
}
.data-table.card .card-content,
.card .data-table .card-content {
overflow-x: auto;
}
.data-table.card .card-footer,
.card .data-table .card-footer {
min-height: var(--f7-table-footer-height);
}
.data-table .data-table-title {
font-size: var(--f7-table-title-font-size);
font-weight: var(--f7-table-title-font-weight);
}
.data-table .data-table-links,
.data-table .data-table-actions {
display: flex;
}
.data-table .data-table-links .button {
min-width: 64px;
}
.data-table .data-table-actions {
margin-left: auto;
align-items: center;
}
.data-table .data-table-actions a.link {
color: var(--f7-theme-color);
color: var(--f7-table-actions-link-color, var(--f7-theme-color));
min-width: 0;
}
.data-table .data-table-actions a.link.icon-only {
line-height: 1;
justify-content: center;
padding: 0;
}
.data-table .data-table-header,
.data-table .data-table-header-selected {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.data-table .card-header > .data-table-header,
.data-table .card-header > .data-table-header-selected {
padding-top: var(--f7-card-header-padding-vertical);
padding-bottom: var(--f7-card-header-padding-vertical);
height: 100%;
padding-left: var(--f7-table-edge-cell-padding-horizontal);
padding-right: var(--f7-table-edge-cell-padding-horizontal);
margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal));
margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal));
}
.data-table .data-table-header-selected {
background: rgba(0, 122, 255, 0.1);
background: rgba(var(--f7-theme-color-rgb), 0.1);
display: none;
}
.data-table.data-table-has-checked .data-table-header {
display: none;
}
.data-table.data-table-has-checked .data-table-header-selected {
display: flex;
}
.data-table .data-table-title-selected {
font-size: 14px;
color: #007aff;
color: var(--f7-theme-color);
}
.data-table .data-table-footer {
display: flex;
align-items: center;
box-sizing: border-box;
position: relative;
font-size: 12px;
font-size: var(--f7-table-footer-font-size);
overflow: hidden;
min-height: var(--f7-table-footer-height);
color: var(--f7-table-footer-text-color);
justify-content: flex-end;
}
.data-table .data-table-footer:before {
content: '';
position: absolute;
background-color: var(--f7-table-cell-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.data-table .data-table-rows-select,
.data-table .data-table-pagination {
display: flex;
align-items: center;
}
.data-table .input-cell {
padding-top: 8px;
padding-bottom: 8px;
height: auto;
vertical-align: top;
}
.data-table .input-cell .table-head-label + .input {
margin-top: 4px;
}
.data-table .input-cell .input {
height: 24px;
height: var(--f7-table-input-height);
}
.data-table .input-cell .input input,
.data-table .input-cell .input textarea,
.data-table .input-cell .input select {
height: 24px;
height: var(--f7-table-input-height);
color: var(--f7-table-input-text-color);
font-size: 14px;
font-size: var(--f7-table-input-font-size);
}
@media (max-width: 480px) and (orientation: portrait) {
.data-table.data-table-collapsible thead {
display: none;
}
.data-table.data-table-collapsible tbody,
.data-table.data-table-collapsible tr,
.data-table.data-table-collapsible td {
display: block;
}
.data-table.data-table-collapsible tr {
position: relative;
}
.data-table.data-table-collapsible tr:before {
content: '';
position: absolute;
background-color: var(--f7-table-cell-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.data-table.data-table-collapsible tr:hover {
background-color: inherit;
}
.data-table.data-table-collapsible td {
--f7-table-cell-padding-left: var(--f7-table-collapsible-cell-padding);
--f7-table-cell-padding-right: var(--f7-table-collapsible-cell-padding);
height: auto;
min-height: var(--f7-table-body-cell-height);
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
text-align: left;
}
.data-table.data-table-collapsible td:before {
display: none !important;
}
.data-table.data-table-collapsible td:not(.checkbox-cell):before {
width: 40%;
display: block !important;
content: attr(data-collapsible-title);
position: relative;
height: auto;
background: none !important;
transform: none !important;
font-size: 12px;
font-size: var(--f7-table-head-font-size);
font-weight: var(--f7-table-head-font-weight);
color: var(--f7-table-head-text-color);
margin-right: 16px;
flex-shrink: 0;
}
.data-table.data-table-collapsible td.checkbox-cell {
position: absolute;
top: 0;
left: 0;
}
.data-table.data-table-collapsible td.checkbox-cell + td {
padding-left: 16px;
}
.data-table.data-table-collapsible td.checkbox-cell ~ td {
margin-left: 32px;
}
}
.data-table .xsmall-only,
.data-table .xsmall-landscape-only {
display: none;
}
@media (min-width: 480px) {
.data-table .xsmall-only {
display: table-cell;
}
}
@media (min-width: 480px) and (orientation: landscape) {
.data-table .xsmall-landscape-only {
display: table-cell;
}
}
.data-table .small-only,
.data-table .small-landscape-only {
display: none;
}
@media (min-width: 568px) {
.data-table .small-only {
display: table-cell;
}
}
@media (min-width: 568px) and (orientation: landscape) {
.data-table .small-landscape-only {
display: table-cell;
}
}
.data-table .medium-only,
.data-table .medium-landscape-only {
display: none;
}
@media (min-width: 768px) {
.data-table .medium-only {
display: table-cell;
}
}
@media (min-width: 768px) and (orientation: landscape) {
.data-table .medium-landscape-only {
display: table-cell;
}
}
.data-table .large-only,
.data-table .large-landscape-only {
display: none;
}
@media (min-width: 1024px) {
.data-table .large-only {
display: table-cell;
}
}
@media (min-width: 1024px) and (orientation: landscape) {
.data-table .large-landscape-only {
display: table-cell;
}
}
.data-table .xlarge-only,
.data-table .xlarge-landscape-only {
display: none;
}
@media (min-width: 1200px) {
.data-table .xlarge-only {
display: table-cell;
}
}
@media (min-width: 1200px) and (orientation: landscape) {
.data-table .xlarge-landscape-only {
display: table-cell;
}
}
.ios .data-table th.actions-cell a.link + a.link,
.ios .data-table td.actions-cell a.link + a.link {
margin-left: 16px;
}
.ios .sortable-cell:not(.numeric-cell):after {
margin-left: 5px;
}
.ios .sortable-cell.numeric-cell:before {
margin-right: 5px;
}
.ios .data-table-links a.link + a.link,
.ios .data-table-actions a.link + a.link,
.ios .data-table-links .button + .button,
.ios .data-table-actions .button + .button {
margin-left: 16px;
}
.ios .data-table-actions a.link.icon-only {
width: 44px;
height: 44px;
}
.ios .data-table-rows-select a.link,
.ios .data-table-pagination a.link {
width: 44px;
height: 44px;
}
.ios .data-table-rows-select + .data-table-pagination {
margin-left: 30px;
}
.ios .data-table-rows-select .input {
margin-left: 20px;
}
.ios .data-table-pagination-label {
margin-right: 16px;
}
.md .data-table th.actions-cell a.link + a.link,
.md .data-table td.actions-cell a.link + a.link {
margin-left: 24px;
}
.md .data-table th.actions-cell a.icon-only,
.md .data-table td.actions-cell a.icon-only {
width: 24px;
height: 24px;
line-height: 24px;
}
.md .sortable-cell:not(.numeric-cell):after {
margin-left: 8px;
}
.md .sortable-cell.numeric-cell:before {
margin-right: 8px;
}
.md .data-table-links a.link + a.link,
.md .data-table-actions a.link + a.link,
.md .data-table-links .button + .button,
.md .data-table-actions .button + .button {
margin-left: 24px;
}
.md .data-table-actions a.link.icon-only {
width: 24px;
height: 24px;
overflow: visible;
}
.md .data-table-actions a.link.icon-only.active-state {
background: none;
}
.md .data-table-rows-select a.link,
.md .data-table-pagination a.link {
width: 48px;
height: 48px;
}
.md .data-table-rows-select a.link:before,
.md .data-table-pagination a.link:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .data-table-rows-select a.link.active-state:before,
.md .data-table-pagination a.link.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .data-table-rows-select + .data-table-pagination {
margin-left: 32px;
}
.md .data-table-rows-select .input {
margin-left: 24px;
}
.md .data-table-pagination-label {
margin-right: 20px;
}
.md .input-cell .input-clear-button {
transform: scale(0.8);
}
.aurora .data-table th.actions-cell a.link + a.link,
.aurora .data-table td.actions-cell a.link + a.link {
margin-left: 10px;
}
.aurora .sortable-cell:not(.numeric-cell):after {
margin-left: 5px;
}
.aurora .sortable-cell.numeric-cell:before {
margin-right: 5px;
}
.aurora .data-table-links a.link + a.link,
.aurora .data-table-actions a.link + a.link,
.aurora .data-table-links .button + .button,
.aurora .data-table-actions .button + .button {
margin-left: 10px;
}
.aurora .data-table-rows-select a.link,
.aurora .data-table-pagination a.link {
width: 32px;
height: 32px;
}
.aurora .data-table-rows-select + .data-table-pagination {
margin-left: 16px;
}
.aurora .data-table-rows-select .input {
margin-left: 10px;
}
.aurora .data-table-pagination-label {
margin-right: 10px;
}
/* === FAB === */
:root {
--f7-fab-margin: 16px;
--f7-fab-text-color: #fff;
--f7-fab-extended-text-font-size: 14px;
--f7-fab-extended-text-padding: 0 20px;
--f7-fab-label-bg-color: #fff;
--f7-fab-label-text-color: #333;
--f7-fab-label-border-radius: 4px;
--f7-fab-label-padding: 4px 12px;
--f7-fab-button-size: 40px;
/* --f7-fab-pressed-bg-color: var(--f7-theme-color-shade); */
}
.ios {
--f7-fab-size: 50px;
--f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
--f7-fab-extended-size: 50px;
--f7-fab-extended-text-font-weight: 600;
--f7-fab-extended-text-letter-spacing: 0;
--f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
--f7-fab-label-font-size: inherit;
}
.md {
--f7-fab-size: 56px;
--f7-fab-box-shadow: var(--f7-elevation-6);
--f7-fab-extended-size: 48px;
--f7-fab-extended-text-font-weight: 500;
--f7-fab-extended-text-letter-spacing: 0.03em;
--f7-fab-label-box-shadow: var(--f7-elevation-3);
--f7-fab-label-font-size: inherit;
}
.aurora {
--f7-fab-size: 40px;
--f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
--f7-fab-extended-size: 38px;
--f7-fab-extended-text-font-weight: 500;
--f7-fab-extended-text-letter-spacing: 0;
--f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
--f7-fab-label-font-size: 12px;
}
.fab-backdrop {
z-index: 1400;
}
.fab {
position: absolute;
z-index: 1500;
}
.fab a {
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.fab-left-top,
.fab-left-center,
.fab-left-bottom {
left: calc(16px + 0px);
left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left));
}
.fab-right-top,
.fab-right-center,
.fab-right-bottom {
right: calc(16px + 0px);
right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right));
}
.fab-left-top,
.fab-center-top,
.fab-right-top {
top: 16px;
top: var(--f7-fab-margin);
}
.fab-left-bottom,
.fab-center-bottom,
.fab-right-bottom {
bottom: calc(16px + 0px);
bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom));
}
.fab-center-top,
.fab-center-center,
.fab-center-bottom {
left: 50%;
transform: translateX(-50%);
}
.fab-left-center,
.fab-center-center,
.fab-right-center {
top: 50%;
transform: translateY(-50%);
}
.fab-center-center {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.fab > a,
.fab-buttons a {
background-color: var(--f7-theme-color);
background-color: var(--f7-fab-bg-color, var(--f7-theme-color));
width: var(--f7-fab-size);
height: var(--f7-fab-size);
box-shadow: var(--f7-fab-box-shadow);
border-radius: calc(var(--f7-fab-size) / 2);
position: relative;
transition-duration: 300ms;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: 1;
color: #fff;
color: var(--f7-fab-text-color);
}
.fab > a.active-state,
.fab-buttons a.active-state {
background-color: var(--f7-theme-color-shade);
background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade));
}
.fab > a i {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
transition: 300ms;
}
.fab > a i + i {
transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
opacity: 0;
}
.fab-buttons a {
border-radius: calc(40px / 2);
border-radius: calc(var(--f7-fab-button-size) / 2);
width: 40px;
width: var(--f7-fab-button-size);
height: 40px;
height: var(--f7-fab-button-size);
}
.fab-buttons {
display: flex;
visibility: hidden;
pointer-events: none;
position: absolute;
}
.fab-buttons a {
opacity: 0;
}
.fab-opened:not(.fab-morph) > a i {
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
opacity: 0;
}
.fab-opened:not(.fab-morph) > a i + i {
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
opacity: 1;
}
.fab-opened .fab-buttons {
visibility: visible;
pointer-events: auto;
}
.fab-opened .fab-buttons a {
opacity: 1;
transform: translate3d(0, 0px, 0) scale(1) !important;
}
.fab-opened .fab-buttons a:nth-child(2) {
transition-delay: 50ms;
}
.fab-opened .fab-buttons a:nth-child(3) {
transition-delay: 100ms;
}
.fab-opened .fab-buttons a:nth-child(4) {
transition-delay: 150ms;
}
.fab-opened .fab-buttons a:nth-child(5) {
transition-delay: 200ms;
}
.fab-opened .fab-buttons a:nth-child(6) {
transition-delay: 250ms;
}
.fab-buttons-top,
.fab-buttons-bottom {
left: 50%;
width: 40px;
width: var(--f7-fab-button-size);
margin-left: calc(-1 * 40px / 2);
margin-left: calc(-1 * var(--f7-fab-button-size) / 2);
}
.fab-buttons-top {
bottom: 100%;
margin-bottom: 16px;
flex-direction: column-reverse;
}
.fab-buttons-top a {
transform: translate3d(0, 8px, 0) scale(0.3);
transform-origin: center bottom;
}
.fab-buttons-top a + a {
margin-bottom: 16px;
}
.fab-buttons-bottom {
top: 100%;
margin-top: 16px;
flex-direction: column;
}
.fab-buttons-bottom a {
transform: translate3d(0, -8px, 0) scale(0.3);
transform-origin: center top;
}
.fab-buttons-bottom a + a {
margin-top: 16px;
}
.fab-buttons-left,
.fab-buttons-right {
top: 50%;
height: 40px;
height: var(--f7-fab-button-size);
margin-top: calc(-1 * 40px / 2);
margin-top: calc(-1 * var(--f7-fab-button-size) / 2);
}
.fab-buttons-left {
right: 100%;
margin-right: 16px;
flex-direction: row-reverse;
}
.fab-buttons-left a {
transform: translate3d(8px, 0px, 0) scale(0.3);
transform-origin: right center;
}
.fab-buttons-left a + a {
margin-right: 16px;
}
.fab-buttons-right {
left: 100%;
margin-left: 16px;
}
.fab-buttons-right a {
transform: translate3d(-8px, 0, 0) scale(0.3);
transform-origin: left center;
}
.fab-buttons-right a + a {
margin-left: 16px;
}
.fab-buttons-center {
left: 0%;
top: 0%;
width: 100%;
height: 100%;
}
.fab-buttons-center a {
position: absolute;
}
.fab-buttons-center a:nth-child(1) {
left: 50%;
margin-left: calc(-1 * 40px / 2);
margin-left: calc(-1 * var(--f7-fab-button-size) / 2);
bottom: 100%;
margin-bottom: 16px;
transform: translateY(-8px) scale(0.3);
transform-origin: center bottom;
}
.fab-buttons-center a:nth-child(2) {
left: 100%;
margin-top: calc(-1 * 40px / 2);
margin-top: calc(-1 * var(--f7-fab-button-size) / 2);
top: 50%;
margin-left: 16px;
transform: translateX(-8px) scale(0.3);
transform-origin: left center;
}
.fab-buttons-center a:nth-child(3) {
left: 50%;
margin-left: calc(-1 * 40px / 2);
margin-left: calc(-1 * var(--f7-fab-button-size) / 2);
top: 100%;
margin-top: 16px;
transform: translateY(8px) scale(0.3);
transform-origin: center top;
}
.fab-buttons-center a:nth-child(4) {
right: 100%;
margin-top: calc(-1 * 40px / 2);
margin-top: calc(-1 * var(--f7-fab-button-size) / 2);
top: 50%;
margin-right: 16px;
transform: translateX(8px) scale(0.3);
transform-origin: right center;
}
.fab-morph {
border-radius: calc(var(--f7-fab-size) / 2);
background: var(--f7-theme-color);
background: var(--f7-fab-bg-color, var(--f7-theme-color));
box-shadow: var(--f7-fab-box-shadow);
}
.fab-morph > a {
box-shadow: none;
background: none !important;
}
.fab-opened.fab-morph > a i {
opacity: 0;
}
.fab-morph,
.fab-morph > a,
.fab-morph-target {
transition-duration: 250ms;
}
.fab-morph-target:not(.fab-morph-target-visible) {
display: none;
}
.fab-extended {
width: auto;
min-width: var(--f7-fab-extended-size);
}
.fab-extended > a {
width: 100%;
height: var(--f7-fab-extended-size);
}
.fab-extended > a i {
left: calc(var(--f7-fab-extended-size) / 2);
}
.fab-extended i ~ .fab-text {
padding-left: var(--f7-fab-extended-size);
}
.fab-extended > a {
width: 100% !important;
}
.fab-text {
box-sizing: border-box;
font-size: 14px;
font-size: var(--f7-fab-extended-text-font-size);
padding: 0 20px;
padding: var(--f7-fab-extended-text-padding);
font-weight: var(--f7-fab-extended-text-font-weight);
letter-spacing: var(--f7-fab-extended-text-letter-spacing);
text-transform: uppercase;
}
.fab-label-button {
overflow: visible !important;
}
.fab-label {
position: absolute;
top: 50%;
padding: 4px 12px;
padding: var(--f7-fab-label-padding);
border-radius: 4px;
border-radius: var(--f7-fab-label-border-radius);
background: #fff;
background: var(--f7-fab-label-bg-color);
color: #333;
color: var(--f7-fab-label-text-color);
box-shadow: var(--f7-fab-label-box-shadow);
white-space: nowrap;
transform: translateY(-50%);
pointer-events: none;
font-size: var(--f7-fab-label-font-size);
}
.fab-right-top .fab-label,
.fab-right-center .fab-label,
.fab-right-bottom .fab-label {
right: 100%;
margin-right: 8px;
}
.fab-left-top .fab-label,
.fab-left-center .fab-label,
.fab-left-bottom .fab-label {
left: 100%;
margin-left: 8px;
}
.navbar ~ * .fab-left-top,
.navbar ~ * .fab-center-top,
.navbar ~ * .fab-right-top,
.navbar ~ .fab-left-top,
.navbar ~ .fab-center-top,
.navbar ~ .fab-right-top,
.navbars ~ * .fab-left-top,
.navbars ~ * .fab-center-top,
.navbars ~ * .fab-right-top,
.navbars ~ .fab-left-top,
.navbars ~ .fab-center-top,
.navbars ~ .fab-right-top {
margin-top: calc(var(--f7-navbar-height) + 0px);
margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.toolbar-top ~ * .fab-left-top,
.toolbar-top ~ * .fab-center-top,
.toolbar-top ~ * .fab-right-top,
.toolbar-top ~ .fab-left-top,
.toolbar-top ~ .fab-center-top,
.toolbar-top ~ .fab-right-top,
.ios .toolbar-top-ios ~ * .fab-left-top,
.ios .toolbar-top-ios ~ * .fab-center-top,
.ios .toolbar-top-ios ~ * .fab-right-top,
.ios .toolbar-top-ios ~ .fab-left-top,
.ios .toolbar-top-ios ~ .fab-center-top,
.ios .toolbar-top-ios ~ .fab-right-top,
.md .toolbar-top-md ~ * .fab-left-top,
.md .toolbar-top-md ~ * .fab-center-top,
.md .toolbar-top-md ~ * .fab-right-top,
.md .toolbar-top-md ~ .fab-left-top,
.md .toolbar-top-md ~ .fab-center-top,
.md .toolbar-top-md ~ .fab-right-top {
margin-top: var(--f7-toolbar-height);
}
.toolbar-bottom ~ * .fab-left-bottom,
.toolbar-bottom ~ * .fab-center-bottom,
.toolbar-bottom ~ * .fab-right-bottom,
.toolbar-bottom ~ .fab-left-bottom,
.toolbar-bottom ~ .fab-center-bottom,
.toolbar-bottom ~ .fab-right-bottom,
.ios .toolbar-bottom-ios ~ * .fab-left-bottom,
.ios .toolbar-bottom-ios ~ * .fab-center-bottom,
.ios .toolbar-bottom-ios ~ * .fab-right-bottom,
.ios .toolbar-bottom-ios ~ .fab-left-bottom,
.ios .toolbar-bottom-ios ~ .fab-center-bottom,
.ios .toolbar-bottom-ios ~ .fab-right-bottom,
.md .toolbar-bottom-md ~ * .fab-left-bottom,
.md .toolbar-bottom-md ~ * .fab-center-bottom,
.md .toolbar-bottom-md ~ * .fab-right-bottom,
.md .toolbar-bottom-md ~ .fab-left-bottom,
.md .toolbar-bottom-md ~ .fab-center-bottom,
.md .toolbar-bottom-md ~ .fab-right-bottom {
margin-bottom: var(--f7-toolbar-height);
}
.tabbar-labels.toolbar-bottom ~ * .fab-left-bottom,
.tabbar-labels.toolbar-bottom ~ * .fab-center-bottom,
.tabbar-labels.toolbar-bottom ~ * .fab-right-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-left-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-center-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-right-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-left-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-center-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-right-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-left-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-center-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-right-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-left-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-center-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-right-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-left-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-center-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-right-bottom {
margin-bottom: var(--f7-tabbar-labels-height);
}
.tabbar-labels.toolbar-top ~ * .fab-left-bottom,
.tabbar-labels.toolbar-top ~ * .fab-center-bottom,
.tabbar-labels.toolbar-top ~ * .fab-right-bottom,
.tabbar-labels.toolbar-top ~ .fab-left-bottom,
.tabbar-labels.toolbar-top ~ .fab-center-bottom,
.tabbar-labels.toolbar-top ~ .fab-right-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-left-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-center-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-right-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-left-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-center-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-right-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-left-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-center-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-right-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-left-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-center-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-right-bottom {
margin-top: var(--f7-tabbar-labels-height);
}
.messagebar ~ * .fab-left-bottom,
.messagebar ~ * .fab-center-bottom,
.messagebar ~ * .fab-right-bottom,
.messagebar ~ .fab-left-bottom,
.messagebar ~ .fab-center-bottom,
.messagebar ~ .fab-right-bottom {
margin-bottom: var(--f7-messagebar-height);
}
.navbar + .toolbar-top ~ * .fab-left-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-left-top,
.md .navbar + .toolbar-top-ios ~ * .fab-left-top,
.navbar + .toolbar-top ~ * .fab-center-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-center-top,
.md .navbar + .toolbar-top-ios ~ * .fab-center-top,
.navbar + .toolbar-top ~ * .fab-right-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-right-top,
.md .navbar + .toolbar-top-ios ~ * .fab-right-top,
.navbar + .toolbar-top ~ .fab-left-top,
.ios .navbar + .toolbar-top-ios ~ .fab-left-top,
.md .navbar + .toolbar-top-ios ~ .fab-left-top,
.navbar + .toolbar-top ~ .fab-center-top,
.ios .navbar + .toolbar-top-ios ~ .fab-center-top,
.md .navbar + .toolbar-top-ios ~ .fab-center-top,
.navbar + .toolbar-top ~ .fab-right-top,
.ios .navbar + .toolbar-top-ios ~ .fab-right-top,
.md .navbar + .toolbar-top-ios ~ .fab-right-top {
margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + 0px);
margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbar + .toolbar-top.tabbar-labels ~ * .fab-left-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.navbar + .toolbar-top.tabbar-labels ~ * .fab-center-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.navbar + .toolbar-top.tabbar-labels ~ * .fab-right-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-left-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-center-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-right-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-right-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-right-top {
margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + 0px);
margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbars + .toolbar-top ~ * .fab-left-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-left-top,
.navbars + .toolbar-top ~ * .fab-center-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-center-top,
.navbars + .toolbar-top ~ * .fab-right-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-right-top,
.navbars + .toolbar-top ~ .fab-left-top,
.ios .navbars + .toolbar-top-ios ~ .fab-left-top,
.navbars + .toolbar-top ~ .fab-center-top,
.ios .navbars + .toolbar-top-ios ~ .fab-center-top,
.navbars + .toolbar-top ~ .fab-right-top,
.ios .navbars + .toolbar-top-ios ~ .fab-right-top {
margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + 0px);
margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbars + .toolbar-top.tabbar-labels ~ * .fab-left-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.navbars + .toolbar-top.tabbar-labels ~ * .fab-center-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.navbars + .toolbar-top.tabbar-labels ~ * .fab-right-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-left-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-center-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-right-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-right-top {
margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + 0px);
margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.ios .fab > a.active-state,
.ios .fab-buttons a.active-state {
transition-duration: 0ms;
}
/* === Searchbar === */
:root {
/*
--f7-searchbar-link-color: var(--f7-bars-link-color);
--f7-searchbar-inline-input-font-size: var(--f7-searchbar-input-font-size);
--f7-searchbar-inline-input-height: var(--f7-searchbar-input-height);
*/
--f7-searchbar-input-border-width: 0px;
--f7-searchbar-input-border-color: transparent;
--f7-searchbar-input-text-color: #000;
--f7-searchbar-placeholder-color: rgba(0, 0, 0, 0.4);
}
:root .theme-dark,
:root.theme-dark {
--f7-searchbar-input-text-color: #fff;
--f7-searchbar-placeholder-color: rgba(255, 255, 255, 0.4);
}
.ios {
/*
--f7-searchbar-bg-image: var(--f7-bars-bg-image);
--f7-searchbar-bg-color: var(--f7-bars-bg-color);
--f7-searchbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
--f7-searchbar-border-color: var(--f7-bars-border-color);
*/
--f7-searchbar-height: 44px;
--f7-searchbar-inner-padding-left: 8px;
--f7-searchbar-inner-padding-right: 8px;
/*
--f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color));
*/
--f7-searchbar-input-font-size: 17px;
--f7-searchbar-input-border-radius: 8px;
--f7-searchbar-input-height: 32px;
--f7-searchbar-input-padding-horizontal: 28px;
/*
--f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal);
--f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color);
*/
--f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4);
--f7-searchbar-shadow-image: none;
--f7-searchbar-in-page-content-margin: 0px;
--f7-searchbar-in-page-content-box-shadow: none;
--f7-searchbar-in-page-content-border-radius: 0;
--f7-searchbar-in-page-content-input-border-radius: 0;
--f7-searchbar-search-icon-color: rgba(0, 0, 0, 0.4);
--f7-searchbar-input-bg-color: #e4e4e4;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-searchbar-search-icon-color: rgba(255, 255, 255, 0.4);
--f7-searchbar-input-bg-color: #2a2a2a;
}
.md {
--f7-searchbar-border-color: transparent;
--f7-searchbar-height: 48px;
--f7-searchbar-inner-padding-left: 0px;
--f7-searchbar-inner-padding-right: 0px;
--f7-searchbar-link-color: #737373;
--f7-searchbar-search-icon-color: #737373;
--f7-searchbar-input-font-size: 20px;
--f7-searchbar-input-border-radius: 0px;
--f7-searchbar-input-height: 100%;
--f7-searchbar-input-padding-horizontal: 48px;
--f7-searchbar-inline-input-padding-horizontal: 24px;
--f7-searchbar-input-clear-button-color: #737373;
--f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25);
--f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image);
--f7-searchbar-in-page-content-margin: 8px;
--f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1);
--f7-searchbar-in-page-content-border-radius: 4px;
--f7-searchbar-in-page-content-input-border-radius: 4px;
--f7-searchbar-bg-color: #fff;
--f7-searchbar-input-bg-color: #fff;
}
.md .theme-dark,
.md.theme-dark {
--f7-searchbar-bg-color: #202020;
--f7-searchbar-input-bg-color: #202020;
}
.aurora {
/*
--f7-searchbar-bg-image: var(--f7-bars-bg-image);
--f7-searchbar-bg-color: var(--f7-bars-bg-color);
--f7-searchbar-border-color: var(--f7-bars-border-color);
*/
--f7-searchbar-height: 38px;
--f7-searchbar-inner-padding-left: 8px;
--f7-searchbar-inner-padding-right: 8px;
/*
--f7-searchbar-link-color: var(--f7-bars-link-color, var(--f7-theme-color));
*/
--f7-searchbar-input-font-size: 13px;
--f7-searchbar-input-border-radius: 4px;
--f7-searchbar-input-height: 24px;
--f7-searchbar-input-padding-horizontal: 24px;
/*
--f7-searchbar-inline-input-padding-horizontal: var(--f7-searchbar-input-padding-horizontal;
--f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color);
*/
--f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4);
--f7-searchbar-shadow-image: none;
--f7-searchbar-in-page-content-margin: 0px;
--f7-searchbar-in-page-content-box-shadow: none;
--f7-searchbar-in-page-content-border-radius: 0;
/*
--f7-searchbar-in-page-content-input-border-radius: var(--f7-searchbar-input-border-radius);
*/
--f7-searchbar-search-icon-color: rgba(0, 0, 0, 0.4);
--f7-searchbar-input-bg-color: #fff;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-searchbar-input-bg-color: #333;
--f7-searchbar-search-icon-color: rgba(255, 255, 255, 0.4);
}
.searchbar {
width: 100%;
position: relative;
z-index: 200;
height: var(--f7-searchbar-height);
background-image: var(--f7-bars-bg-image);
background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image));
background-color: var(--f7-bars-bg-color);
background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color));
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .searchbar {
background-color: rgba(var(--f7-bars-bg-color-rgb), 0.8);
background-color: rgba(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.ios .subnavbar .searchbar {
background-color: transparent;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.ios .subnavbar .searchbar:after {
display: none !important;
}
.searchbar.no-hairline:after,
.searchbar.no-border:after {
display: none !important;
}
.searchbar.no-shadow:before {
display: none !important;
}
.searchbar:after {
content: '';
position: absolute;
background-color: var(--f7-bars-border-color);
background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color));
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.page > .searchbar:not(.searchbar-inline) {
z-index: 600;
}
.page > .searchbar:not(.searchbar-inline):before {
content: '';
position: absolute;
right: 0;
width: 100%;
top: 100%;
bottom: auto;
height: 8px;
pointer-events: none;
background: var(--f7-searchbar-shadow-image);
}
.searchbar input[type="text"],
.searchbar input[type="search"] {
box-sizing: border-box;
width: 100%;
height: 100%;
display: block;
border: 0px solid transparent;
border: var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
font-weight: normal;
color: #000;
color: var(--f7-searchbar-input-text-color);
font-size: var(--f7-searchbar-input-font-size);
background-color: var(--f7-searchbar-input-bg-color);
border-radius: var(--f7-searchbar-input-border-radius);
position: relative;
padding: 0;
padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 0px);
padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left, 0px));
padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + 0px);
padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right, 0px));
}
.searchbar input[type="text"]::-webkit-input-placeholder, .searchbar input[type="search"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4);
color: var(--f7-searchbar-placeholder-color);
opacity: 1;
}
.searchbar input[type="text"]::-moz-placeholder, .searchbar input[type="search"]::-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
color: var(--f7-searchbar-placeholder-color);
opacity: 1;
}
.searchbar input[type="text"]::-ms-input-placeholder, .searchbar input[type="search"]::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4);
color: var(--f7-searchbar-placeholder-color);
opacity: 1;
}
.searchbar input[type="text"]::placeholder,
.searchbar input[type="search"]::placeholder {
color: rgba(0, 0, 0, 0.4);
color: var(--f7-searchbar-placeholder-color);
opacity: 1;
}
.searchbar input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.searchbar .searchbar-input-wrap {
flex-shrink: 1;
width: 100%;
height: var(--f7-searchbar-input-height);
position: relative;
}
.searchbar a {
color: var(--f7-theme-color);
color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.page > .searchbar:not(.searchbar-inline) {
position: absolute;
left: 0;
top: 0;
}
.page-content .searchbar:not(.searchbar-inline) {
border-radius: var(--f7-searchbar-in-page-content-border-radius);
margin: var(--f7-searchbar-in-page-content-margin);
width: auto;
box-shadow: var(--f7-searchbar-in-page-content-box-shadow);
}
.page-content .searchbar:not(.searchbar-inline) .searchbar-inner,
.page-content .searchbar:not(.searchbar-inline) input[type="text"],
.page-content .searchbar:not(.searchbar-inline) input[type="search"] {
border-radius: var(--f7-searchbar-input-border-radius);
border-radius: var(--f7-searchbar-in-page-content-input-border-radius, var(--f7-searchbar-input-border-radius));
}
.searchbar .input-clear-button {
color: var(--f7-input-clear-button-color);
color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color));
}
.searchbar-expandable {
--f7-searchbar-expandable-size: var(--f7-searchbar-height);
position: absolute;
transition-duration: 300ms;
pointer-events: none;
}
.navbar .searchbar-expandable {
background: transparent;
}
.navbar .searchbar-expandable:after {
display: none !important;
}
.navbar .searchbar.searchbar-expandable {
--f7-searchbar-expandable-size: var(--f7-navbar-height);
}
.toolbar .searchbar.searchbar-expandable {
--f7-searchbar-expandable-size: var(--f7-toolbar-height);
}
.subnavbar .searchbar.searchbar-expandable {
--f7-searchbar-expandable-size: var(--f7-subnavbar-height);
}
.tabbar-labels .searchbar.searchbar-expandable {
--f7-searchbar-expandable-size: var(--f7-tabbar-labels-height);
}
.searchbar-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 calc(var(--f7-searchbar-inner-padding-right) + 0px) 0 calc(var(--f7-searchbar-inner-padding-left) + 0px);
padding: 0 calc(var(--f7-searchbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) + var(--f7-safe-area-left));
}
.searchbar-disable-button {
cursor: pointer;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
outline: 0;
padding: 0;
margin: 0;
width: auto;
opacity: 0;
}
.searchbar-icon {
pointer-events: none;
background-position: center;
background-repeat: no-repeat;
}
.searchbar-icon:after {
color: var(--f7-searchbar-search-icon-color);
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
}
.searchbar-backdrop {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
pointer-events: none;
transition-duration: 300ms;
transform: translate3d(0, 0, 0);
background: var(--f7-searchbar-backdrop-bg-color);
}
.searchbar-backdrop.searchbar-backdrop-in {
opacity: 1;
pointer-events: auto;
}
.page-content > .searchbar-backdrop {
position: fixed;
}
.searchbar-not-found {
display: none;
}
.hidden-by-searchbar,
.list .hidden-by-searchbar,
.list.li.hidden-by-searchbar,
.list li.hidden-by-searchbar {
display: none !important;
}
.navbar.with-searchbar-expandable-enabled-no-transition,
.navbar.with-searchbar-expandable-enabled-no-transition {
--f7-navbar-large-collapse-progress: 1;
}
.navbar.with-searchbar-expandable-enabled,
.navbar.with-searchbar-expandable-enabled {
--f7-navbar-large-collapse-progress: 1;
}
.navbar.with-searchbar-expandable-enabled .navbar-bg,
.navbar.with-searchbar-expandable-enabled .navbar-bg,
.navbar.with-searchbar-expandable-enabled .title-large,
.navbar.with-searchbar-expandable-enabled .title-large,
.navbar.with-searchbar-expandable-enabled .title-large-text,
.navbar.with-searchbar-expandable-enabled .title-large-text {
transition-duration: 300ms;
}
.navbar.with-searchbar-expandable-closing .navbar-bg,
.navbar.with-searchbar-expandable-closing .navbar-bg,
.navbar.with-searchbar-expandable-closing .title-large,
.navbar.with-searchbar-expandable-closing .title-large,
.navbar.with-searchbar-expandable-closing .title-large-text,
.navbar.with-searchbar-expandable-closing .title-large-text {
transition-duration: 300ms;
}
.page-content.with-searchbar-expandable-enabled {
height: calc(100% + var(--f7-navbar-large-title-height));
transform: translateY(calc(-1 * var(--f7-navbar-large-title-height)));
transition-duration: 300ms;
transition-property: transform;
}
.page-content.with-searchbar-expandable-closing {
transition-duration: 300ms;
}
.navbar ~ .page:not(.no-navbar) > .searchbar,
.navbars ~ .page:not(.no-navbar) > .searchbar,
.page > .navbar ~ .searchbar {
top: calc(var(--f7-navbar-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
}
.navbar ~ .page-with-navbar-large:not(.no-navbar) .searchbar,
.navbars ~ .page-with-navbar-large:not(.no-navbar) .searchbar,
.page-with-navbar-large .navbar ~ .searchbar,
.page-with-navbar-large .navbar ~ * .searchbar {
top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
}
.navbars ~ .page-with-navbar-large:not(.no-navbar) .page-content .searchbar,
.page-with-navbar-large .page-content .searchbar {
top: 0;
transform: none;
}
.searchbar ~ * {
--f7-page-searchbar-offset: var(--f7-searchbar-height);
}
.page > .toolbar-top ~ .searchbar,
.ios .page > .toolbar-top-ios ~ .searchbar,
.md .page > .toolbar-top-md ~ .searchbar,
.aurora .page > .toolbar-top-aurora ~ .searchbar {
top: var(--f7-toolbar-height);
}
.page > .tabbar-labels.toolbar-top ~ .searchbar,
.ios .page > .tabbar-labels.toolbar-top-ios ~ .searchbar,
.md .page > .tabbar-labels.toolbar-top-md ~ .searchbar,
.aurora .page > .tabbar-labels.toolbar-top-aurora ~ .searchbar {
top: var(--f7-tabbar-labels-height);
}
.page > .navbar ~ .toolbar-top ~ .searchbar,
.ios .page > .navbar ~ .toolbar-top-ios ~ .searchbar,
.md .page > .navbar ~ .toolbar-top-md ~ .searchbar,
.aurora .page > .navbar ~ .toolbar-top-aurora ~ .searchbar {
top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top));
}
.page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar,
.ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios ~ .searchbar,
.md .page > .navbar ~ .tabbar-labels.toolbar-top-md ~ .searchbar,
.aurora .page > .navbar ~ .tabbar-labels.toolbar-top-aurora ~ .searchbar {
top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + 0px);
top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top));
}
.searchbar.searchbar-inline {
width: auto;
height: auto;
background-color: transparent;
background-image: none;
}
.searchbar.searchbar-inline:after,
.searchbar.searchbar-inline:before {
display: none !important;
}
.searchbar.searchbar-inline .searchbar-input-wrap {
height: var(--f7-searchbar-input-height);
height: var(--f7-searchbar-inline-input-height, var(--f7-searchbar-input-height));
}
.searchbar.searchbar-inline .searchbar-inner {
padding: 0;
position: static;
width: auto;
height: auto;
}
.searchbar.searchbar-inline input[type="text"],
.searchbar.searchbar-inline input[type="search"] {
font-size: var(--f7-searchbar-input-font-size);
font-size: var(--f7-searchbar-inline-input-font-size, var(--f7-searchbar-input-font-size));
padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + 0px);
padding-left: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left, 0px));
padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + 0px);
padding-right: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-right, 0px));
}
.ios .searchbar input[type="search"],
.ios .searchbar input[type="text"] {
z-index: 30;
}
.ios .searchbar .input-clear-button {
z-index: 40;
right: 7px;
}
.ios .searchbar-icon {
width: 13px;
height: 13px;
position: absolute;
top: 50%;
margin-top: -6px;
z-index: 40;
left: 8px;
}
.ios .searchbar-icon:after {
content: 'search_ios';
line-height: 13px;
}
.ios .searchbar-disable-button {
font-size: 17px;
flex-shrink: 0;
transform: translate3d(0, 0, 0);
transition-duration: 300ms;
color: var(--f7-theme-color);
color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
display: none;
}
.ios .searchbar-disable-button.active-state {
transition-duration: 0ms;
opacity: 0.3 !important;
}
.ios .searchbar-enabled .searchbar-disable-button {
pointer-events: auto;
opacity: 1;
margin-left: 8px;
}
.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
transition-duration: 300ms !important;
}
.ios .searchbar-expandable {
left: 0;
bottom: 0;
opacity: 1;
width: 100%;
height: 0%;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.ios .searchbar-expandable .searchbar-disable-button {
margin-left: 8px;
opacity: 1;
display: block;
}
.ios .searchbar-expandable .searchbar-inner {
height: var(--f7-searchbar-expandable-size);
}
.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,
.ios .navbar.with-searchbar-expandable-closing .navbar-bg {
transition-property: transform, opacity;
}
.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,
.ios .navbar.with-searchbar-expandable-closing .navbar-bg,
.ios .navbar.with-searchbar-expandable-enabled .left,
.ios .navbar.with-searchbar-expandable-closing .left,
.ios .navbar.with-searchbar-expandable-enabled .title,
.ios .navbar.with-searchbar-expandable-closing .title,
.ios .navbar.with-searchbar-expandable-enabled .right,
.ios .navbar.with-searchbar-expandable-closing .right {
transition-duration: 300ms;
}
.ios .navbar.with-searchbar-expandable-enabled .left,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,
.ios .navbar.with-searchbar-expandable-enabled .title,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .title,
.ios .navbar.with-searchbar-expandable-enabled .right,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .right {
transform: translateY(calc(-1 * var(--f7-navbar-height)));
opacity: 0 !important;
}
.ios .searchbar-expandable.searchbar-enabled {
opacity: 1;
height: var(--f7-searchbar-expandable-size);
pointer-events: auto;
}
.md .searchbar-icon,
.md .searchbar-disable-button {
position: absolute;
left: calc(-4px + 0px);
left: calc(-4px + var(--f7-safe-area-left));
top: 50%;
transition-duration: 300ms;
}
.md .searchbar-icon {
width: 24px;
height: 24px;
margin-left: 12px;
margin-top: -12px;
}
.md .searchbar-icon:after {
content: 'search_md';
line-height: 1.2;
}
.md .searchbar-disable-button {
width: 48px;
height: 48px;
transform: rotate(-90deg) scale(0.5);
font-size: 0 !important;
display: block;
margin-top: -24px;
color: var(--f7-theme-color);
color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.md .searchbar-disable-button:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .searchbar-disable-button.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .searchbar-disable-button:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
font-size: 20px;
line-height: 48px;
content: "arrow_left_md";
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button {
transform: rotate(0deg) scale(1);
pointer-events: auto;
opacity: 1;
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon {
opacity: 0;
transform: rotate(90deg) scale(0.5);
}
.md .searchbar {
--f7-searchbar-input-extra-padding-left: 16px;
}
.md .searchbar .input-clear-button {
width: 48px;
height: 48px;
margin-top: -24px;
right: 0;
}
.md .searchbar .input-clear-button:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .searchbar .input-clear-button.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .searchbar .input-clear-button:after {
line-height: 48px;
content: 'delete_md';
opacity: 1;
}
.md .searchbar .input-clear-button:before {
margin-left: 0;
margin-top: 0;
}
.md .page > .searchbar,
.md .subnavbar .searchbar,
.md .searchbar-expandable {
--f7-searchbar-input-extra-padding-left: 24px;
}
.md .page > .searchbar .searchbar-icon,
.md .subnavbar .searchbar .searchbar-icon,
.md .searchbar-expandable .searchbar-icon,
.md .page > .searchbar .searchbar-disable-button,
.md .subnavbar .searchbar .searchbar-disable-button,
.md .searchbar-expandable .searchbar-disable-button {
left: calc(-4px + 8px + 0px);
left: calc(-4px + 8px + var(--f7-safe-area-left));
}
.md .searchbar-expandable {
height: var(--f7-searchbar-expandable-size);
opacity: 0;
bottom: 0;
border-radius: calc(var(--f7-searchbar-expandable-size));
width: calc(var(--f7-searchbar-expandable-size));
margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2);
transform: translate3d(0px, 0px, 0px);
left: 100%;
margin-left: calc(var(--f7-searchbar-expandable-size) * -1);
}
.md .searchbar-expandable.searchbar-enabled {
width: 100%;
border-radius: 0;
opacity: 1;
pointer-events: auto;
margin-top: 0;
left: 0;
margin-left: 0;
}
.aurora .searchbar input[type="search"],
.aurora .searchbar input[type="text"] {
z-index: 30;
}
.aurora .searchbar .input-clear-button {
z-index: 40;
right: 4px;
}
.aurora .searchbar-icon {
width: 13px;
height: 13px;
position: absolute;
top: 50%;
margin-top: -6px;
z-index: 40;
left: 6px;
}
.aurora .searchbar-icon:after {
content: 'search_aurora';
line-height: 13px;
}
.aurora .searchbar-disable-button {
font-size: 14px;
flex-shrink: 0;
transform: translate3d(0, 0, 0);
transition-duration: 300ms;
color: var(--f7-theme-color);
color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
display: none;
}
.aurora .searchbar-disable-button.active-state {
transition-duration: 0ms;
opacity: 0.3 !important;
}
.aurora .searchbar-enabled .searchbar-disable-button {
pointer-events: auto;
opacity: 1;
margin-left: 8px;
}
.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
transition-duration: 300ms !important;
}
.aurora .searchbar-expandable {
left: 0;
top: auto;
bottom: 0;
opacity: 0;
width: 100%;
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.aurora .searchbar-expandable .searchbar-disable-button {
margin-left: 8px;
opacity: 1;
display: block;
}
.aurora .searchbar-expandable .searchbar-inner {
height: var(--f7-searchbar-expandable-size);
}
.aurora .searchbar-expandable.searchbar-enabled {
opacity: 1;
pointer-events: auto;
}
/* === Messages === */
:root {
--f7-message-text-header-text-color: inherit;
--f7-message-text-header-opacity: 0.65;
--f7-message-text-header-font-size: 12px;
--f7-message-text-footer-text-color: inherit;
--f7-message-text-footer-opacity: 0.65;
--f7-message-text-footer-font-size: 12px;
--f7-message-bubble-line-height: 1.2;
--f7-message-header-font-size: 12px;
--f7-message-footer-font-size: 11px;
--f7-message-name-font-size: 12px;
--f7-message-name-font-weight: inherit;
--f7-message-avatar-border-radius: 50%;
--f7-messages-title-font-weight: inherit;
/*
--f7-message-sent-bg-color: var(--f7-theme-color);
*/
--f7-message-sent-text-color: #fff;
--f7-messages-content-bg-color: #fff;
--f7-message-typing-indicator-bg-color: #000;
--f7-message-received-bg-color: #e5e5ea;
--f7-message-received-text-color: #000;
}
:root .theme-dark,
:root.theme-dark {
--f7-messages-title-text-color: rgba(255, 255, 255, 0.54);
--f7-message-header-text-color: rgba(255, 255, 255, 0.54);
--f7-message-name-text-color: rgba(255, 255, 255, 0.54);
--f7-message-footer-text-color: rgba(255, 255, 255, 0.54);
--f7-messages-content-bg-color: transparent;
--f7-message-received-bg-color: #252525;
--f7-message-received-text-color: #fff;
--f7-message-typing-indicator-bg-color: #fff;
}
.ios {
--f7-messages-title-text-color: rgba(0, 0, 0, 0.45);
--f7-messages-title-font-size: 11px;
--f7-message-header-text-color: rgba(0, 0, 0, 0.45);
--f7-message-footer-text-color: rgba(0, 0, 0, 0.45);
--f7-message-name-text-color: rgba(0, 0, 0, 0.45);
--f7-message-avatar-size: 29px;
--f7-message-margin: 10px;
--f7-message-bubble-min-height: 32px;
--f7-message-bubble-font-size: 17px;
--f7-message-bubble-border-radius: 16px;
--f7-message-bubble-padding-vertical: 6px;
--f7-message-bubble-padding-horizontal: 16px;
--f7-message-typing-indicator-opacity: 0.35;
}
.md {
--f7-messages-title-font-size: 12px;
--f7-message-avatar-size: 32px;
--f7-message-margin: 16px;
--f7-message-bubble-min-height: 32px;
--f7-message-bubble-font-size: 16px;
--f7-message-bubble-border-radius: 4px;
--f7-message-bubble-padding-vertical: 6px;
--f7-message-bubble-padding-horizontal: 8px;
--f7-message-typing-indicator-opacity: 0.6;
--f7-messages-title-text-color: rgba(0, 0, 0, 0.51);
--f7-message-header-text-color: rgba(0, 0, 0, 0.51);
--f7-message-footer-text-color: rgba(0, 0, 0, 0.51);
--f7-message-name-text-color: rgba(0, 0, 0, 0.51);
}
.aurora {
--f7-messages-title-font-size: 12px;
--f7-message-avatar-size: 24px;
--f7-message-margin: 10px;
--f7-message-bubble-min-height: 28px;
--f7-message-bubble-font-size: 13px;
--f7-message-bubble-line-height: 1.4;
--f7-message-bubble-border-radius: 14px;
--f7-message-bubble-padding-vertical: 5px;
--f7-message-bubble-padding-horizontal: 10px;
--f7-message-typing-indicator-opacity: 0.5;
--f7-messages-title-text-color: rgba(0, 0, 0, 0.51);
--f7-message-header-text-color: rgba(0, 0, 0, 0.51);
--f7-message-footer-text-color: rgba(0, 0, 0, 0.51);
--f7-message-name-text-color: rgba(0, 0, 0, 0.51);
}
.messages-content,
.messages {
background: #fff;
background: var(--f7-messages-content-bg-color);
}
.messages {
display: flex;
flex-direction: column;
min-height: 100%;
position: relative;
z-index: 1;
}
.messages-title,
.message {
margin-top: var(--f7-message-margin);
}
.messages-title:last-child,
.message:last-child {
margin-bottom: var(--f7-message-margin);
}
.messages-title {
text-align: center;
width: 100%;
line-height: 1;
color: var(--f7-messages-title-text-color);
font-size: var(--f7-messages-title-font-size);
font-weight: inherit;
font-weight: var(--f7-messages-title-font-weight);
}
.message {
max-width: 70%;
box-sizing: border-box;
display: flex;
align-items: flex-end;
position: relative;
z-index: 1;
transform: translate3d(0, 0, 0);
}
.message-avatar {
border-radius: 50%;
border-radius: var(--f7-message-avatar-border-radius);
position: relative;
background-size: cover;
align-self: flex-end;
flex-shrink: 0;
width: var(--f7-message-avatar-size);
height: var(--f7-message-avatar-size);
}
.message-content {
position: relative;
display: flex;
flex-direction: column;
}
.message-header,
.message-footer,
.message-name {
line-height: 1;
}
.message-header {
color: var(--f7-message-header-text-color);
font-size: 12px;
font-size: var(--f7-message-header-font-size);
}
.message-footer {
color: var(--f7-message-footer-text-color);
font-size: 11px;
font-size: var(--f7-message-footer-font-size);
margin-bottom: -1em;
}
.message-name {
color: var(--f7-message-name-text-color);
font-size: 12px;
font-size: var(--f7-message-name-font-size);
font-weight: inherit;
font-weight: var(--f7-message-name-font-weight);
}
.message-bubble {
box-sizing: border-box;
word-break: break-word;
display: flex;
flex-direction: column;
position: relative;
line-height: 1.2;
line-height: var(--f7-message-bubble-line-height);
font-size: var(--f7-message-bubble-font-size);
border-radius: var(--f7-message-bubble-border-radius);
padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal);
min-height: var(--f7-message-bubble-min-height);
}
.message-image img {
display: block;
max-width: 100%;
height: auto;
width: auto;
}
.message-text-header,
.message-text-footer {
line-height: 1;
}
.message-text-header {
color: inherit;
color: var(--f7-message-text-header-text-color);
opacity: 0.65;
opacity: var(--f7-message-text-header-opacity);
font-size: 12px;
font-size: var(--f7-message-text-header-font-size);
}
.message-text-footer {
color: inherit;
color: var(--f7-message-text-footer-text-color);
opacity: 0.65;
opacity: var(--f7-message-text-footer-opacity);
font-size: 12px;
font-size: var(--f7-message-text-footer-font-size);
}
.message-text {
text-align: left;
}
.message-sent {
text-align: right;
flex-direction: row-reverse;
align-self: flex-end;
}
.message-sent .message-bubble {
color: #fff;
color: var(--f7-message-sent-text-color);
background: var(--f7-theme-color);
background: var(--f7-message-sent-bg-color, var(--f7-theme-color));
}
.message-sent .message-content {
align-items: flex-end;
}
.message-sent.message-tail .message-bubble {
border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius);
}
.message-received {
flex-direction: row;
}
.message-received .message-bubble {
color: #000;
color: var(--f7-message-received-text-color);
background: #e5e5ea;
background: var(--f7-message-received-bg-color);
}
.message-received .message-content {
align-items: flex-start;
}
.message-received.message-tail .message-bubble {
border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0;
}
.message:not(.message-last) .message-avatar {
opacity: 0;
}
.message:not(.message-first) .message-name {
display: none;
}
.message.message-same-name .message-name {
display: none;
}
.message.message-same-header .message-header {
display: none;
}
.message.message-same-footer .message-footer {
display: none;
}
.message-appear-from-bottom {
animation: message-appear-from-bottom 300ms;
}
.message-appear-from-top {
animation: message-appear-from-top 300ms;
}
.message-typing-indicator {
display: inline-block;
font-size: 0;
vertical-align: middle;
}
.message-typing-indicator > div {
display: inline-block;
position: relative;
background: #000;
background: var(--f7-message-typing-indicator-bg-color);
opacity: var(--f7-message-typing-indicator-opacity);
vertical-align: middle;
border-radius: 50%;
}
@keyframes message-appear-from-bottom {
from {
transform: translate3d(0, 100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes message-appear-from-top {
from {
transform: translate3d(0, -100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.ios .messages-title b,
.ios .message-header b,
.ios .message-footer b,
.ios .message-name b {
font-weight: 600;
}
.ios .message-header,
.ios .message-name {
margin-bottom: 3px;
}
.ios .message-footer {
margin-top: 3px;
}
.ios .message-bubble {
min-width: 48px;
}
.ios .message-image {
margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal));
}
.ios .message-image:first-child {
margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical));
}
.ios .message-image:first-child img {
border-top-left-radius: var(--f7-message-bubble-border-radius);
border-top-right-radius: var(--f7-message-bubble-border-radius);
}
.ios .message-image:last-child {
margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical));
}
.ios .message-image:last-child img {
border-bottom-left-radius: var(--f7-message-bubble-border-radius);
border-bottom-right-radius: var(--f7-message-bubble-border-radius);
}
.ios .message-text-header {
margin-bottom: 3px;
}
.ios .message-text-footer {
margin-top: 3px;
}
.ios .message-received {
margin-left: calc(10px + 0px);
margin-left: calc(10px + var(--f7-safe-area-left));
}
.ios .message-received .message-header,
.ios .message-received .message-footer,
.ios .message-received .message-name {
margin-left: var(--f7-message-bubble-padding-horizontal);
}
.ios .message-received .message-bubble {
padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px);
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
}
.ios .message-received .message-image {
margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px));
}
.ios .message-received.message-tail:not(.message-typing) .message-bubble {
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
}
.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img {
border-bottom-left-radius: 0px;
}
.ios .message-sent {
margin-right: calc(10px + 0px);
margin-right: calc(10px + var(--f7-safe-area-right));
}
.ios .message-sent .message-header,
.ios .message-sent .message-footer,
.ios .message-sent .message-name {
margin-right: var(--f7-message-bubble-padding-horizontal);
}
.ios .message-sent .message-bubble {
padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px);
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
}
.ios .message-sent .message-image {
margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px));
}
.ios .message-sent.message-tail .message-bubble {
-webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
}
.ios .message-sent.message-tail .message-bubble .message-image:last-child img {
border-bottom-right-radius: 0px;
}
.ios .message + .message:not(.message-first) {
margin-top: 1px;
}
.ios .message-received.message-typing .message-content:after,
.ios .message-received.message-typing .message-content:before {
content: '';
position: absolute;
background: #e5e5ea;
background: var(--f7-message-received-bg-color);
border-radius: 50%;
}
.ios .message-received.message-typing .message-content:after {
width: 11px;
height: 11px;
left: 4px;
bottom: 0px;
}
.ios .message-received.message-typing .message-content:before {
width: 6px;
height: 6px;
left: -1px;
bottom: -4px;
}
.ios .message-typing-indicator > div {
width: 9px;
height: 9px;
}
.ios .message-typing-indicator > div + div {
margin-left: 4px;
}
.ios .message-typing-indicator > div:nth-child(1) {
animation: ios-message-typing-indicator 900ms infinite;
}
.ios .message-typing-indicator > div:nth-child(2) {
animation: ios-message-typing-indicator 900ms 150ms infinite;
}
.ios .message-typing-indicator > div:nth-child(3) {
animation: ios-message-typing-indicator 900ms 300ms infinite;
}
@keyframes ios-message-typing-indicator {
0% {
opacity: 0.35;
}
25% {
opacity: 0.2;
}
50% {
opacity: 0.2;
}
}
.md .messages-title b,
.md .message-header b,
.md .message-footer b,
.md .message-name b {
font-weight: 500;
}
.md .message-header,
.md .message-name {
margin-bottom: 2px;
}
.md .message-footer {
margin-top: 2px;
}
.md .message-text-header {
margin-bottom: 4px;
}
.md .message-text-footer {
margin-top: 4px;
}
.md .message-received.message-tail .message-bubble:before,
.md .message-sent.message-tail .message-bubble:before {
position: absolute;
content: '';
bottom: 0;
width: 0;
height: 0;
}
.md .message-received {
margin-left: calc(8px + 0px);
margin-left: calc(8px + var(--f7-safe-area-left));
}
.md .message-received .message-avatar + .message-content {
margin-left: var(--f7-message-bubble-padding-horizontal);
}
.md .message-received.message-tail .message-bubble:before {
border-left: 8px solid transparent;
border-right: 0 solid transparent;
border-bottom: 8px solid #e5e5ea;
border-bottom: 8px solid var(--f7-message-received-bg-color);
right: 100%;
}
.md .message-sent {
margin-right: calc(8px + 0px);
margin-right: calc(8px + var(--f7-safe-area-right));
}
.md .message-sent .message-avatar + .message-content {
margin-right: var(--f7-message-bubble-padding-horizontal);
}
.md .message-sent.message-tail .message-bubble:before {
border-left: 0 solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--f7-theme-color);
border-bottom: 8px solid var(--f7-message-sent-bg-color, var(--f7-theme-color));
left: 100%;
}
.md .message + .message:not(.message-first) {
margin-top: 8px;
}
.md .message-typing-indicator > div {
width: 6px;
height: 6px;
}
.md .message-typing-indicator > div + div {
margin-left: 6px;
}
.md .message-typing-indicator > div:nth-child(1) {
animation: md-message-typing-indicator 900ms infinite;
}
.md .message-typing-indicator > div:nth-child(2) {
animation: md-message-typing-indicator 900ms 150ms infinite;
}
.md .message-typing-indicator > div:nth-child(3) {
animation: md-message-typing-indicator 900ms 300ms infinite;
}
@keyframes md-message-typing-indicator {
0% {
transform: translateY(0%);
}
25% {
transform: translateY(-5px);
}
50% {
transform: translateY(0%);
}
}
.aurora .messages-title b,
.aurora .message-header b,
.aurora .message-footer b,
.aurora .message-name b {
font-weight: 500;
}
.aurora .message-header,
.aurora .message-name {
margin-bottom: 2px;
}
.aurora .message-footer {
margin-top: 2px;
}
.aurora .message-text-header {
margin-bottom: 2px;
}
.aurora .message-text-footer {
margin-top: 2px;
}
.aurora .message-received.message-tail .message-bubble:before,
.aurora .message-sent.message-tail .message-bubble:before {
position: absolute;
content: '';
bottom: 0;
width: 0;
height: 0;
}
.aurora .message-image {
margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px);
}
.aurora .message-image:first-child {
margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
}
.aurora .message-image:first-child img {
border-top-left-radius: var(--f7-message-bubble-border-radius);
border-top-right-radius: var(--f7-message-bubble-border-radius);
}
.aurora .message-image:last-child {
margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
}
.aurora .message-image:last-child img {
border-bottom-left-radius: var(--f7-message-bubble-border-radius);
border-bottom-right-radius: var(--f7-message-bubble-border-radius);
}
.aurora .message-received {
margin-left: calc(16px + 0px);
margin-left: calc(16px + var(--f7-safe-area-left));
}
.aurora .message-received .message-avatar + .message-content {
margin-left: 5px;
}
.aurora .message-received .message-header,
.aurora .message-received .message-footer,
.aurora .message-received .message-name {
margin-left: var(--f7-message-bubble-padding-horizontal);
}
.aurora .message-received.message-tail .message-bubble:before {
border-left: 6px solid transparent;
border-right: 0 solid transparent;
border-bottom: 6px solid #e5e5ea;
border-bottom: 6px solid var(--f7-message-received-bg-color);
right: 100%;
transform: translate(2px, 0px) rotate(-15deg);
transform-origin: right bottom;
}
.aurora .message-sent {
margin-right: calc(16px + 0px);
margin-right: calc(16px + var(--f7-safe-area-right));
}
.aurora .message-sent .message-avatar + .message-content {
margin-right: 5px;
}
.aurora .message-sent .message-header,
.aurora .message-sent .message-footer,
.aurora .message-sent .message-name {
margin-right: var(--f7-message-bubble-padding-horizontal);
}
.aurora .message-sent.message-tail .message-bubble:before {
border-left: 0 solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid var(--f7-theme-color);
border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color));
left: 100%;
transform: translate(-2px, 0px) rotate(15deg);
transform-origin: left bottom;
}
.aurora .message + .message:not(.message-first) {
margin-top: 5px;
}
.aurora .message-typing-indicator > div {
width: 6px;
height: 6px;
}
.aurora .message-typing-indicator > div + div {
margin-left: 4px;
}
.aurora .message-typing-indicator > div:nth-child(1) {
animation: aurora-message-typing-indicator 900ms infinite;
}
.aurora .message-typing-indicator > div:nth-child(2) {
animation: aurora-message-typing-indicator 900ms 150ms infinite;
}
.aurora .message-typing-indicator > div:nth-child(3) {
animation: aurora-message-typing-indicator 900ms 300ms infinite;
}
@keyframes aurora-message-typing-indicator {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0%);
}
}
/* === Messagebar === */
:root {
--f7-messagebar-shadow-image: none;
--f7-messagebar-textarea-bg-color: transparent;
--f7-messagebar-attachments-height: 155px;
--f7-messagebar-attachment-height: 155px;
--f7-messagebar-attachment-landscape-height: 120px;
--f7-messagebar-sheet-height: 252px;
--f7-messagebar-sheet-landscape-height: 192px;
/*
--f7-messagebar-inner-padding-left: var(--f7-toolbar-inner-padding-left);
--f7-messagebar-inner-padding-right: var(--f7-toolbar-inner-padding-right);
*/
--f7-messagebar-bg-color: #fff;
--f7-messagebar-bg-color-rgb: 255, 255, 255;
}
:root .theme-dark,
:root.theme-dark {
--f7-messagebar-bg-color: var(--f7-bars-bg-color);
--f7-messagebar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
}
.ios {
--f7-messagebar-height: 44px;
--f7-messagebar-font-size: 17px;
/*
--f7-messagebar-link-color: var(--f7-theme-color);
*/
--f7-messagebar-border-color: transparent;
--f7-messagebar-textarea-border-radius: 17px;
--f7-messagebar-textarea-padding: 6px 16px;
--f7-messagebar-textarea-height: 34px;
--f7-messagebar-textarea-font-size: 17px;
--f7-messagebar-textarea-line-height: 20px;
--f7-messagebar-sheet-bg-color: #d1d5da;
--f7-messagebar-attachment-border-radius: 12px;
--f7-messagebar-textarea-text-color: #000;
--f7-messagebar-textarea-border: 1px solid #c8c8cd;
--f7-messagebar-attachments-border-color: #c8c8cd;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-messagebar-textarea-text-color: #fff;
--f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color);
--f7-messagebar-attachments-border-color: var(--f7-bars-border-color);
}
.md {
--f7-messagebar-height: 48px;
--f7-messagebar-font-size: 16px;
--f7-messagebar-textarea-border-radius: 0px;
--f7-messagebar-textarea-padding: 5px 8px;
--f7-messagebar-textarea-height: 32px;
--f7-messagebar-textarea-font-size: 16px;
--f7-messagebar-textarea-line-height: 22px;
--f7-messagebar-textarea-border: 1px solid transparent;
--f7-messagebar-sheet-bg-color: #fff;
--f7-messagebar-attachment-border-radius: 4px;
--f7-messagebar-link-color: #333;
--f7-messagebar-border-color: #d1d1d1;
--f7-messagebar-textarea-text-color: #333;
--f7-messagebar-attachments-border-color: #ddd;
}
.md .theme-dark,
.md.theme-dark {
--f7-messagebar-border-color: transparent;
--f7-messagebar-link-color: rgba(255, 255, 255, 0.87);
--f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87);
--f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2);
}
.aurora {
--f7-messagebar-height: 38px;
--f7-messagebar-font-size: 14px;
/*
--f7-messagebar-link-color: var(--f7-theme-color);
*/
--f7-messagebar-border-color: transparent;
--f7-messagebar-textarea-border-radius: 12px;
--f7-messagebar-textarea-padding: 3px 10px;
--f7-messagebar-textarea-height: 24px;
--f7-messagebar-textarea-font-size: 13px;
--f7-messagebar-textarea-line-height: 16px;
--f7-messagebar-sheet-bg-color: #fff;
--f7-messagebar-attachment-border-radius: 12px;
--f7-messagebar-textarea-text-color: #000;
--f7-messagebar-textarea-border: 1px solid #c8c8cd;
--f7-messagebar-attachments-border-color: #c8c8cd;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-messagebar-textarea-text-color: #fff;
--f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color);
--f7-messagebar-attachments-border-color: var(--f7-bars-border-color);
}
.messagebar {
transform: translate3d(0, 0, 0);
background: #fff;
background: var(--f7-messagebar-bg-color);
height: auto;
min-height: var(--f7-messagebar-height);
font-size: var(--f7-messagebar-font-size);
padding-bottom: 0px;
padding-bottom: var(--f7-safe-area-bottom);
bottom: 0;
}
.messagebar:before {
content: '';
position: absolute;
background-color: var(--f7-messagebar-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.messagebar:after {
content: '';
position: absolute;
right: 0;
width: 100%;
bottom: 100%;
height: 8px;
top: auto;
pointer-events: none;
background: none;
background: var(--f7-messagebar-shadow-image);
transform: translate3d(0, 0, 0);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-bars .messagebar {
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(var(--f7-messagebar-bg-color-rgb), var(--f7-bars-translucent-opacity));
-webkit-backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur));
}
}
.messagebar.no-hairline:before,
.messagebar.no-border:before {
display: none !important;
}
.messagebar.no-shadow:after,
.messagebar.toolbar-hidden:after {
display: none !important;
}
.messagebar .toolbar-inner {
top: auto;
position: relative;
height: auto;
bottom: auto;
padding-left: calc(var(--f7-toolbar-inner-padding-left) + 0px);
padding-left: calc(var(--f7-messagebar-inner-padding-left, var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left));
padding-right: calc(var(--f7-toolbar-inner-padding-right) + 0px);
padding-right: calc(var(--f7-messagebar-inner-padding-right, var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right));
}
.messagebar.messagebar-sheet-visible > .toolbar-inner {
bottom: 0;
}
.messagebar .messagebar-area {
width: 100%;
flex-shrink: 1;
overflow: hidden;
position: relative;
}
.messagebar textarea {
width: 100%;
flex-shrink: 1;
background-color: transparent;
background-color: var(--f7-messagebar-textarea-bg-color);
border-radius: var(--f7-messagebar-textarea-border-radius);
padding: var(--f7-messagebar-textarea-padding);
height: var(--f7-messagebar-textarea-height);
color: var(--f7-messagebar-textarea-text-color);
font-size: var(--f7-messagebar-textarea-font-size);
line-height: var(--f7-messagebar-textarea-line-height);
border: var(--f7-messagebar-textarea-border);
}
.messagebar a.link {
align-self: flex-end;
flex-shrink: 0;
color: var(--f7-theme-color);
color: var(--f7-messagebar-link-color, var(--f7-theme-color));
}
.messagebar-attachments {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size: 0;
white-space: nowrap;
box-sizing: border-box;
position: relative;
}
.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments {
display: none;
}
.messagebar-attachment {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
white-space: normal;
height: 155px;
height: var(--f7-messagebar-attachment-height);
position: relative;
border-radius: var(--f7-messagebar-attachment-border-radius);
}
@media (orientation: landscape) {
.messagebar-attachment {
height: 120px;
height: var(--f7-messagebar-attachment-landscape-height);
}
}
.messagebar-attachment img {
display: block;
width: auto;
height: 100%;
border-radius: var(--f7-messagebar-attachment-border-radius);
}
.messagebar-attachment + .messagebar-attachment {
margin-left: 8px;
}
.messagebar-sheet {
overflow: auto;
-webkit-overflow-scrolling: touch;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-content: flex-start;
height: 252px;
height: var(--f7-messagebar-sheet-height);
background-color: var(--f7-messagebar-sheet-bg-color);
padding-left: 0px;
padding-left: var(--f7-safe-area-left);
padding-right: 0px;
padding-right: var(--f7-safe-area-right);
}
@media (orientation: landscape) {
.messagebar-sheet {
height: 192px;
height: var(--f7-messagebar-sheet-landscape-height);
}
}
.messagebar-sheet-image,
.messagebar-sheet-item {
box-sizing: border-box;
flex-shrink: 0;
margin-top: 1px;
position: relative;
overflow: hidden;
height: calc((252px - 2px) / 2);
height: calc((var(--f7-messagebar-sheet-height) - 2px) / 2);
width: calc((252px - 2px) / 2);
width: calc((var(--f7-messagebar-sheet-height) - 2px) / 2);
margin-left: 1px;
}
@media (orientation: landscape) {
.messagebar-sheet-image,
.messagebar-sheet-item {
width: calc((192px - 2px) / 2);
width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2);
height: calc((192px - 2px) / 2);
height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px) / 2);
}
}
.messagebar-sheet-image .icon-checkbox,
.messagebar-sheet-item .icon-checkbox,
.messagebar-sheet-image .icon-radio,
.messagebar-sheet-item .icon-radio {
position: absolute;
right: 8px;
bottom: 8px;
}
.messagebar-sheet-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.messagebar-attachment-delete {
display: block;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
cursor: pointer;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.messagebar-attachment-delete:after,
.messagebar-attachment-delete:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
}
.messagebar-attachment-delete:after {
transform: rotate(45deg);
}
.messagebar-attachment-delete:before {
transform: rotate(-45deg);
}
.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet {
display: none;
}
.messagebar ~ * {
--f7-page-toolbar-bottom-offset: var(--f7-messagebar-height);
}
.ios .messagebar a.link.icon-only:first-child {
margin-left: -8px;
}
.ios .messagebar a.link.icon-only:last-child {
margin-right: -8px;
}
.ios .messagebar a.link:not(.icon-only) + .messagebar-area {
margin-left: 8px;
}
.ios .messagebar .messagebar-area + a.link:not(.icon-only) {
margin-left: 8px;
}
.ios .messagebar-area {
margin-top: 5px;
margin-bottom: 5px;
}
.ios .messagebar-attachments {
padding: 5px;
border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;
border: 1px solid var(--f7-messagebar-attachments-border-color);
border-bottom: none;
}
.ios .messagebar-attachments-visible .messagebar-attachments + textarea {
border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius);
}
.ios .messagebar-attachment {
font-size: 14px;
}
.ios .messagebar-attachment-delete {
right: 5px;
top: 5px;
width: 20px;
height: 20px;
background: #7d7e80;
border: 2px solid #fff;
}
.ios .messagebar-attachment-delete:after,
.ios .messagebar-attachment-delete:before {
width: 10px;
height: 2px;
background: #fff;
margin-left: -5px;
margin-top: -1px;
}
.md .messagebar-attachments {
padding: 8px;
border-bottom: 1px solid var(--f7-messagebar-attachments-border-color);
}
.md .messagebar-area {
margin-top: 8px;
margin-bottom: 8px;
}
.md .messagebar-sheet-image .icon-checkbox,
.md .messagebar-sheet-item .icon-checkbox {
border-color: #fff;
background: rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.md .messagebar-attachment-delete {
right: 8px;
top: 8px;
width: 24px;
height: 24px;
background-color: #007aff;
background-color: var(--f7-theme-color);
border-radius: 4px;
}
.md .messagebar-attachment-delete:after,
.md .messagebar-attachment-delete:before {
width: 14px;
height: 2px;
background: #fff;
margin-left: -7px;
margin-top: -1px;
}
.aurora .messagebar a.link + .messagebar-area {
margin-left: 5px;
}
.aurora .messagebar .messagebar-area + a.link {
margin-left: 5px;
}
.aurora .messagebar-area {
margin-top: 5px;
margin-bottom: 5px;
}
.aurora .messagebar-sheet-image .icon-checkbox,
.aurora .messagebar-sheet-item .icon-checkbox {
background: rgba(255, 255, 255, 0.25);
}
.aurora .messagebar-attachments {
padding: 5px;
border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0;
border: 1px solid var(--f7-messagebar-attachments-border-color);
border-bottom: none;
}
.aurora .messagebar-attachments-visible .messagebar-attachments + textarea {
border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius);
}
.aurora .messagebar-attachment {
font-size: 14px;
}
.aurora .messagebar-attachment-delete {
right: 5px;
top: 5px;
width: 14px;
height: 14px;
background: #808080;
}
.aurora .messagebar-attachment-delete:after,
.aurora .messagebar-attachment-delete:before {
width: 8px;
height: 1px;
background: #fff;
margin-left: -4px;
margin-top: -1px;
}
/* === Swiper === */
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-theme-color);
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(44px / 44 * 27);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
margin-top: calc(-1 * 44px / 2);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-theme-color);
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: 44px;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
-moz-font-feature-settings: normal, ;
font-feature-settings: normal, ;
font-variant: normal;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
:root {
--swiper-theme-color: var(--f7-theme-color);
}
/* === Photo Browser === */
:root {
--f7-photobrowser-bg-color: #fff;
--f7-photobrowser-bars-bg-image: none;
/*
--f7-photobrowser-bars-bg-color: rgba(var(--f7-bars-bg-color-rgb), 0.95);
--f7-photobrowser-bars-text-color: var(--f7-bars-text-color);
--f7-photobrowser-bars-link-color: var(--f7-bars-link-color);
*/
--f7-photobrowser-caption-font-size: 14px;
--f7-photobrowser-caption-light-text-color: #000;
--f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8);
--f7-photobrowser-caption-dark-text-color: #fff;
--f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8);
--f7-photobrowser-exposed-bg-color: #000;
--f7-photobrowser-dark-bg-color: #000;
--f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8);
--f7-photobrowser-dark-bars-text-color: #fff;
--f7-photobrowser-dark-bars-link-color: #fff;
}
.photo-browser {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 400;
}
.photo-browser-standalone.modal-in {
transition-duration: 0ms;
animation: photo-browser-in 400ms;
}
.photo-browser-standalone.modal-out {
transition-duration: 0ms;
animation: photo-browser-out 400ms !important;
}
.photo-browser-standalone.modal-out.swipe-close-to-bottom,
.photo-browser-standalone.modal-out.swipe-close-to-top {
animation: none !important;
}
.photo-browser-standalone.photo-browser-transitioning {
transition: 400ms;
transition-property: transform;
animation: none !important;
}
.photo-browser-popup.modal-out.swipe-close-to-bottom,
.photo-browser-popup.modal-out.swipe-close-to-top {
transition-duration: 300ms;
}
.photo-browser-popup.modal-out.swipe-close-to-bottom {
transform: translate3d(0, 100vh, 0);
}
.photo-browser-popup.modal-out.swipe-close-to-top {
transform: translate3d(0, -100vh, 0);
}
.photo-browser-page {
background: none;
}
.photo-browser-page .toolbar {
transform: none;
}
.photo-browser-popup {
background: none;
}
.photo-browser-of {
margin: 0 5px;
}
.photo-browser-captions {
pointer-events: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0px;
bottom: var(--f7-safe-area-bottom);
z-index: 10;
opacity: 1;
transition: 400ms;
}
.photo-browser-captions.photo-browser-captions-exposed {
opacity: 0;
}
.toolbar ~ .photo-browser-captions {
bottom: calc(var(--f7-toolbar-height) + 0px);
bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom));
transform: translate3d(0, 0px, 0);
}
.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed {
transform: translate3d(0, 0px, 0);
}
.photo-browser-caption {
box-sizing: border-box;
transition: 300ms;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
padding: 4px 5px;
width: 100%;
text-align: center;
font-size: 14px;
font-size: var(--f7-photobrowser-caption-font-size);
}
.photo-browser-caption:empty {
display: none;
}
.photo-browser-caption.photo-browser-caption-active {
opacity: 1;
}
.photo-browser-captions-light .photo-browser-caption {
color: #000;
color: var(--f7-photobrowser-caption-light-text-color);
background: rgba(255, 255, 255, 0.8);
background: var(--f7-photobrowser-caption-light-bg-color);
}
.photo-browser-captions-dark .photo-browser-caption {
color: #fff;
color: var(--f7-photobrowser-caption-dark-text-color);
background: rgba(0, 0, 0, 0.8);
background: var(--f7-photobrowser-caption-dark-bg-color);
}
.photo-browser-swiper-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
background: var(--f7-photobrowser-bg-color);
transition: 400ms;
transition-property: background-color;
}
.photo-browser-prev.swiper-button-disabled,
.photo-browser-next.swiper-button-disabled {
opacity: 0.3;
pointer-events: none;
}
.photo-browser-slide {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
box-sizing: border-box;
}
.photo-browser-slide span.swiper-zoom-container {
display: none;
}
.photo-browser-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: none;
}
.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,
.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,
.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container {
display: flex;
}
.photo-browser-slide.swiper-slide-active img,
.photo-browser-slide.swiper-slide-next img,
.photo-browser-slide.swiper-slide-prev img {
display: inline;
}
.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
display: block;
}
.photo-browser-slide iframe {
width: 100%;
height: 100%;
}
.photo-browser-slide .preloader {
display: none;
position: absolute;
width: 42px;
height: 42px;
margin-left: -21px;
margin-top: -21px;
left: 50%;
top: 50%;
}
.photo-browser-page .navbar-bg,
.navbar-photo-browser .navbar-bg,
.photo-browser-page .toolbar {
background-color: rgba(247, 247, 248, 0.95);
background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), 0.95));
background-image: none;
background-image: var(--f7-photobrowser-bars-bg-image);
}
.photo-browser-page .navbar,
.photo-browser-page .toolbar {
transition: 400ms;
color: var(--f7-bars-text-color);
color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color));
}
.photo-browser-page .navbar a,
.photo-browser-page .toolbar a {
color: var(--f7-theme-color);
color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
}
.photo-browser-exposed .navbar,
.photo-browser-exposed .toolbar {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.photo-browser-exposed .toolbar ~ .photo-browser-captions {
transform: translate3d(0, var(--f7-toolbar-height), 0);
}
.photo-browser-exposed .photo-browser-swiper-container {
background: #000;
background: var(--f7-photobrowser-exposed-bg-color);
}
.photo-browser-exposed .photo-browser-caption {
color: #fff;
color: var(--f7-photobrowser-caption-dark-text-color);
background: rgba(0, 0, 0, 0.8);
background: var(--f7-photobrowser-caption-dark-bg-color);
}
.view.with-photo-browser-page-exposed .navbar {
opacity: 0;
pointer-events: none;
}
.photo-browser-page-dark .navbar-bg,
.navbar-photo-browser-dark .navbar-bg,
.photo-browser-page-dark .toolbar {
background: rgba(27, 27, 27, 0.8);
background: var(--f7-photobrowser-dark-bars-bg-color);
}
.photo-browser-page-dark .navbar-bg:before,
.navbar-photo-browser-dark .navbar-bg:before,
.photo-browser-page-dark .toolbar:before,
.photo-browser-page-dark .navbar-bg:after,
.navbar-photo-browser-dark .navbar-bg:after,
.photo-browser-page-dark .toolbar:after {
display: none !important;
}
.navbar-photo-browser-dark,
.photo-browser-dark .navbar,
.photo-browser-dark .toolbar,
.photo-browser-dark-page .navbar,
.photo-browser-dark-page .toolbar {
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
--f7-link-highlight-color: var(--f7-link-highlight-white);
color: #fff;
color: var(--f7-photobrowser-dark-bars-text-color);
}
.navbar-photo-browser-dark a,
.photo-browser-dark .navbar a,
.photo-browser-dark .toolbar a,
.photo-browser-dark-page .navbar a,
.photo-browser-dark-page .toolbar a {
color: #fff;
color: var(--f7-photobrowser-dark-bars-link-color);
}
.photo-browser-dark .photo-browser-swiper-container,
.photo-browser-page-dark .photo-browser-swiper-container {
background: #000;
background: var(--f7-photobrowser-dark-bg-color);
}
@keyframes photo-browser-in {
0% {
transform: translate3d(0, 0, 0) scale(0.5);
opacity: 0;
}
50% {
transform: translate3d(0, 0, 0) scale(1.05);
opacity: 1;
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
}
@keyframes photo-browser-out {
0% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
50% {
transform: translate3d(0, 0, 0) scale(1.05);
opacity: 1;
}
100% {
transform: translate3d(0, 0, 0) scale(0.5);
opacity: 0;
}
}
/* === Notifications === */
:root {
--f7-notification-max-width: 568px;
--f7-notification-subtitle-text-transform: none;
--f7-notification-subtitle-line-height: 1.35;
--f7-notification-text-text-transform: none;
--f7-notification-text-font-weight: 400;
}
:root .theme-dark,
:root.theme-dark {
--f7-notification-subtitle-color: #fff;
}
.ios {
--f7-notification-margin: 8px;
--f7-notification-padding: 10px;
--f7-notification-border-radius: 12px;
--f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
--f7-notification-icon-size: 20px;
--f7-notification-title-font-size: 13px;
--f7-notification-title-text-transform: uppercase;
--f7-notification-title-line-height: 1.4;
--f7-notification-title-font-weight: 400;
--f7-notification-title-letter-spacing: 0.02em;
--f7-notification-title-right-font-size: 13px;
--f7-notification-subtitle-font-size: 15px;
--f7-notification-subtitle-font-weight: 600;
--f7-notification-text-font-size: 15px;
--f7-notification-text-line-height: 1.2;
--f7-notification-bg-color: rgba(250, 250, 250, 0.95);
--f7-notification-bg-color-rgb: 255, 255, 255;
--f7-notification-title-color: #000;
--f7-notification-title-right-color: rgba(0, 0, 0, 0.45);
--f7-notification-subtitle-color: #000;
--f7-notification-text-color: #000;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-notification-bg-color: rgba(30, 30, 30, 0.95);
--f7-notification-bg-color-rgb: 30, 30, 30;
--f7-notification-title-color: #fff;
--f7-notification-text-color: #fff;
--f7-notification-title-right-color: rgba(255, 255, 255, 0.55);
}
.md {
--f7-notification-margin: 0px;
--f7-notification-padding: 16px;
--f7-notification-border-radius: 0px;
--f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24);
--f7-notification-icon-size: 16px;
--f7-notification-title-color: var(--f7-theme-color);
--f7-notification-title-font-size: 12px;
--f7-notification-title-text-transform: none;
--f7-notification-title-line-height: 1;
--f7-notification-title-font-weight: 400;
--f7-notification-title-right-font-size: 12px;
--f7-notification-subtitle-font-size: 14px;
--f7-notification-subtitle-font-weight: 400;
--f7-notification-text-font-size: 14px;
--f7-notification-text-line-height: 1.35;
--f7-notification-bg-color: #fff;
--f7-notification-title-right-color: rgba(0, 0, 0, 0.54);
--f7-notification-subtitle-color: #212121;
--f7-notification-text-color: rgba(0, 0, 0, 0.54);
}
.md .theme-dark,
.md.theme-dark {
--f7-notification-bg-color: #242424;
--f7-notification-title-right-color: rgba(255, 255, 255, 0.54);
--f7-notification-text-color: rgba(255, 255, 255, 0.54);
}
.aurora {
--f7-notification-margin: 10px;
--f7-notification-padding: 10px;
--f7-notification-border-radius: 4px;
--f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7);
--f7-notification-icon-size: 18px;
--f7-notification-title-font-size: 13px;
--f7-notification-title-text-transform: uppercase;
--f7-notification-title-line-height: 1.4;
--f7-notification-title-font-weight: 500;
--f7-notification-title-letter-spacing: 0.02em;
--f7-notification-title-right-font-size: 13px;
--f7-notification-subtitle-font-size: 12px;
--f7-notification-subtitle-font-weight: 600;
--f7-notification-text-font-size: 12px;
--f7-notification-text-line-height: 1.2;
--f7-notification-bg-color: #fff;
--f7-notification-title-color: #000;
--f7-notification-title-right-color: rgba(255, 255, 255, 0.6);
--f7-notification-subtitle-color: #000;
--f7-notification-text-color: #000;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-notification-bg-color: #242424;
--f7-notification-title-color: #fff;
--f7-notification-text-color: #fff;
--f7-notification-title-right-color: rgba(255, 255, 255, 0.54);
}
.notification {
--f7-link-highlight-color: var(--f7-link-highlight-black);
--f7-touch-ripple-color: var(--f7-touch-ripple-black);
position: absolute;
left: var(--f7-notification-margin);
top: var(--f7-notification-margin);
width: calc(100% - var(--f7-notification-margin) * 2);
z-index: 20000;
font-size: 14px;
margin: 0;
border: none;
display: none;
box-sizing: border-box;
transition-property: transform;
direction: ltr;
max-width: 568px;
max-width: var(--f7-notification-max-width);
padding: var(--f7-notification-padding);
border-radius: var(--f7-notification-border-radius);
box-shadow: var(--f7-notification-box-shadow);
background: var(--f7-notification-bg-color);
margin-top: 0px;
margin-top: var(--f7-safe-area-top);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
.ios-translucent-modals .notification {
background-color: rgba(var(--f7-notification-bg-color-rgb), 0.8);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
}
@media (min-width: 568px) {
.notification {
left: 50%;
width: 568px;
width: var(--f7-notification-max-width);
margin-left: calc(-1 * 568px / 2);
margin-left: calc(-1 * var(--f7-notification-max-width) / 2);
}
}
.notification-title {
color: var(--f7-theme-color);
color: var(--f7-notification-title-color, var(--f7-theme-color));
font-size: var(--f7-notification-title-font-size);
text-transform: var(--f7-notification-title-text-transform);
line-height: var(--f7-notification-title-line-height);
font-weight: var(--f7-notification-title-font-weight);
letter-spacing: var(--f7-notification-title-letter-spacing);
}
.notification-subtitle {
color: var(--f7-notification-subtitle-color);
font-size: var(--f7-notification-subtitle-font-size);
text-transform: none;
text-transform: var(--f7-notification-subtitle-text-transform);
line-height: 1.35;
line-height: var(--f7-notification-subtitle-line-height);
font-weight: var(--f7-notification-subtitle-font-weight);
}
.notification-text {
color: var(--f7-notification-text-color);
font-size: var(--f7-notification-text-font-size);
text-transform: none;
text-transform: var(--f7-notification-text-text-transform);
line-height: var(--f7-notification-text-line-height);
font-weight: 400;
font-weight: var(--f7-notification-text-font-weight);
}
.notification-title-right-text {
color: var(--f7-notification-title-right-color);
font-size: var(--f7-notification-title-right-font-size);
}
.notification-icon {
font-size: 0;
line-height: var(--f7-notification-icon-size);
}
.notification-icon i,
.notification-icon {
width: var(--f7-notification-icon-size) !important;
height: var(--f7-notification-icon-size) !important;
}
.notification-icon i {
font-size: var(--f7-notification-icon-size);
}
.notification-icon img {
height: var(--f7-notification-icon-size);
}
.notification-header {
display: flex;
justify-content: flex-start;
align-items: center;
}
.notification-close-button {
margin-left: auto;
cursor: pointer;
position: relative;
}
.notification-close-button:after {
font-family: 'framework7-core-icons';
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
display: block;
width: 100%;
height: 100%;
font-size: 20px;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
}
.ios .notification {
transition-duration: 450ms;
transform: translate3d(0%, -200%, 0);
}
.ios .notification.modal-in {
transform: translate3d(0%, 0%, 0);
opacity: 1;
}
.ios .notification.modal-out {
transform: translate3d(0%, -200%, 0);
}
.ios .notification-icon {
margin-right: 8px;
}
.ios .notification-header + .notification-content {
margin-top: 10px;
}
.ios .notification-title-right-text {
margin-right: 6px;
margin-left: auto;
}
.ios .notification-title-right-text + .notification-close-button {
margin-left: 10px;
}
.ios .notification-close-button {
font-size: 14px;
width: 20px;
height: 20px;
opacity: 0.3;
transition-duration: 300ms;
}
.ios .notification-close-button.active-state {
transition-duration: 0ms;
opacity: 0.1;
}
.ios .notification-close-button:after {
color: #000;
content: 'notification_close_ios';
font-size: 0.65em;
line-height: 44px;
width: 44px;
height: 44px;
margin-left: -22px;
margin-top: -22px;
}
.ios .theme-dark .notification-close-button:after,
.ios.theme-dark .notification-close-button:after {
color: #fff;
}
.md .notification {
transform: translate3d(0, -150%, 0);
}
.md .notification.modal-in {
transition-duration: 0ms;
animation: notification-md-in 400ms ease-out;
transform: translate3d(0, 0%, 0);
}
.md .notification.modal-in.notification-transitioning {
transition-duration: 200ms;
}
.md .notification.modal-out {
animation: none;
transition-duration: 200ms;
transition-timing-function: ease-in;
transform: translate3d(0, -150%, 0);
}
.md .notification-icon {
margin-right: 8px;
}
.md .notification-subtitle + .notification-text {
margin-top: 2px;
}
.md .notification-header + .notification-content {
margin-top: 6px;
}
.md .notification-title-right-text {
margin-left: 4px;
}
.md .notification-title-right-text:before {
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
background: var(--f7-notification-title-right-color);
}
.md .notification-close-button {
width: 16px;
height: 16px;
transition-duration: 300ms;
}
.md .notification-close-button:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md .notification-close-button.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .notification-close-button:before,
.md .notification-close-button:after {
width: 48px;
height: 48px;
left: 50%;
top: 50%;
margin-left: -24px;
margin-top: -24px;
}
.md .notification-close-button:after {
color: #737373;
content: 'delete_md';
line-height: 48px;
font-size: 14px;
}
@keyframes notification-md-in {
0% {
transform: translate3d(0, -150%, 0);
}
50% {
transform: translate3d(0, 10%, 0);
}
100% {
transform: translate3d(0, 0%, 0);
}
}
.aurora .notification {
transition-duration: 450ms;
transform: translate3d(0%, -200%, 0);
}
.aurora .notification.modal-in {
transform: translate3d(0%, 0%, 0);
opacity: 1;
}
.aurora .notification.modal-out {
transform: translate3d(0%, -200%, 0);
}
.aurora .notification-icon {
margin-right: 10px;
}
.aurora .notification-header + .notification-content {
margin-top: 10px;
}
.aurora .notification-title-right-text {
margin-right: 0px;
margin-left: auto;
}
.aurora .notification-title-right-text + .notification-close-button {
margin-left: 10px;
}
.aurora .notification-close-button {
font-size: 14px;
width: 16px;
height: 16px;
opacity: 0.4;
transition-duration: 300ms;
}
.aurora .notification-close-button.active-state {
transition-duration: 0ms;
opacity: 0.6;
}
.aurora .notification-close-button:after {
color: #000;
content: 'notification_close_ios';
font-size: 0.5em;
line-height: 38px;
width: 38px;
height: 38px;
margin-left: -19px;
margin-top: -19px;
}
.aurora .theme-dark .notification-close-button:after,
.aurora.theme-dark .notification-close-button:after {
color: #fff;
}
/* === Autocomplete === */
:root {
--f7-autocomplete-dropdown-placeholder-color: #a9a9a9;
--f7-autocomplete-dropdown-preloader-size: 20px;
/*
--f7-autocomplete-dropdown-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2);
*/
--f7-autocomplete-dropdown-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-autocomplete-dropdown-bg-color: #1c1c1d;
}
.ios {
--f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
--f7-autocomplete-dropdown-text-matching-font-weight: 600;
--f7-autocomplete-dropdown-font-size: var(--f7-list-font-size);
--f7-autocomplete-dropdown-text-color: #000;
--f7-autocomplete-dropdown-text-matching-color: #000;
}
.ios .theme-dark,
.ios.theme-dark {
--f7-autocomplete-dropdown-text-color: #fff;
--f7-autocomplete-dropdown-text-matching-color: #fff;
}
.md {
--f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
--f7-autocomplete-dropdown-text-matching-font-weight: 400;
--f7-autocomplete-dropdown-font-size: var(--f7-list-font-size);
--f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54);
--f7-autocomplete-dropdown-text-matching-color: #212121;
}
.md .theme-dark,
.md.theme-dark {
--f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54);
--f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87);
}
.aurora {
--f7-autocomplete-dropdown-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
--f7-autocomplete-dropdown-text-matching-font-weight: 700;
--f7-autocomplete-dropdown-font-size: 13px;
--f7-autocomplete-dropdown-text-color: #000;
--f7-autocomplete-dropdown-text-matching-color: #000;
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-autocomplete-dropdown-text-color: #fff;
--f7-autocomplete-dropdown-text-matching-color: #fff;
}
.autocomplete-page .autocomplete-found {
display: block;
}
.autocomplete-page .autocomplete-not-found {
display: none;
}
.autocomplete-page .autocomplete-values {
display: block;
}
.autocomplete-page .list ul:empty {
display: none;
}
.autocomplete-preloader:not(.autocomplete-preloader-visible) {
visibility: hidden;
}
.autocomplete-preloader:not(.autocomplete-preloader-visible),
.autocomplete-preloader:not(.autocomplete-preloader-visible) * {
animation: none;
}
.autocomplete-dropdown {
background: #fff;
background: var(--f7-autocomplete-dropdown-bg-color);
box-shadow: var(--f7-autocomplete-dropdown-box-shadow);
box-sizing: border-box;
position: absolute;
z-index: 500;
width: 100%;
left: 0;
}
.autocomplete-dropdown .autocomplete-dropdown-inner {
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
z-index: 1;
}
.autocomplete-dropdown .autocomplete-preloader {
display: none;
position: absolute;
bottom: 100%;
width: 20px;
width: var(--f7-autocomplete-dropdown-preloader-size);
height: 20px;
height: var(--f7-autocomplete-dropdown-preloader-size);
}
.autocomplete-dropdown .autocomplete-preloader-visible {
display: block;
}
.autocomplete-dropdown .autocomplete-dropdown-placeholder {
color: #a9a9a9;
color: var(--f7-autocomplete-dropdown-placeholder-color);
}
.autocomplete-dropdown .list {
margin: 0;
color: var(--f7-autocomplete-dropdown-text-color);
font-size: var(--f7-autocomplete-dropdown-font-size);
}
.autocomplete-dropdown .list b {
color: var(--f7-autocomplete-dropdown-text-matching-color);
font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight);
}
.autocomplete-dropdown .list ul {
background: none !important;
}
.autocomplete-dropdown .list ul:before,
.autocomplete-dropdown .list ul:after {
display: none !important;
}
.autocomplete-dropdown .autocomplete-dropdown-selected {
background: rgba(0, 122, 255, 0.2);
background: var(--f7-autocomplete-dropdown-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2));
}
.searchbar-input-wrap .autocomplete-dropdown {
background-color: var(--f7-searchbar-bg-color);
background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color));
border-radius: var(--f7-searchbar-input-border-radius);
}
.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder {
color: rgba(0, 0, 0, 0.4);
color: var(--f7-searchbar-placeholder-color);
}
.searchbar-input-wrap .autocomplete-dropdown li:last-child {
border-radius: 0 0 var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);
position: relative;
overflow: hidden;
}
.searchbar-input-wrap .autocomplete-dropdown .item-content {
padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left));
}
.list .item-content-dropdown-expanded .item-title.item-label {
width: 0;
flex-shrink: 10;
overflow: hidden;
}
.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap {
margin-left: 0;
}
.list .item-content-dropdown-expanded .item-input-wrap {
width: 100%;
}
.ios .autocomplete-dropdown .autocomplete-preloader {
right: 16px;
margin-bottom: 12px;
}
.ios .searchbar-input-wrap .autocomplete-dropdown {
margin-top: calc(-1 * var(--f7-searchbar-input-height));
top: 100%;
z-index: 20;
}
.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner {
padding-top: var(--f7-searchbar-input-height);
}
.md .autocomplete-page .navbar .autocomplete-preloader {
margin-right: 8px;
}
.md .autocomplete-popup .navbar .autocomplete-preloader {
margin-left: 8px;
margin-right: 16px;
}
.md .autocomplete-dropdown .autocomplete-preloader {
right: 16px;
margin-bottom: 8px;
}
.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,
.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle {
border-width: 3px;
}
.aurora .autocomplete-dropdown .autocomplete-preloader {
right: 16px;
margin-bottom: 2px;
}
.aurora .searchbar-input-wrap .autocomplete-dropdown {
margin-top: calc(-1 * var(--f7-searchbar-input-height));
top: 100%;
z-index: 20;
}
.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner {
padding-top: var(--f7-searchbar-input-height);
}
/* === Tooltip === */
:root {
--f7-tooltip-bg-color: rgba(0, 0, 0, 0.87);
--f7-tooltip-text-color: #fff;
--f7-tooltip-border-radius: 4px;
--f7-tooltip-padding: 8px 16px;
--f7-tooltip-font-size: 14px;
--f7-tooltip-font-weight: 500;
--f7-tooltip-desktop-padding: 6px 8px;
--f7-tooltip-desktop-font-size: 12px;
}
.tooltip {
position: absolute;
z-index: 20000;
background: rgba(0, 0, 0, 0.87);
background: var(--f7-tooltip-bg-color);
border-radius: 4px;
border-radius: var(--f7-tooltip-border-radius);
padding: 8px 16px;
padding: var(--f7-tooltip-padding);
color: #fff;
color: var(--f7-tooltip-text-color);
font-size: 14px;
font-size: var(--f7-tooltip-font-size);
font-weight: 500;
font-weight: var(--f7-tooltip-font-weight);
box-sizing: border-box;
line-height: 1.2;
opacity: 0;
transform: scale(0.9);
transition-duration: 150ms;
transition-property: opacity, transform;
z-index: 99000;
}
.tooltip.tooltip-in {
transform: scale(1);
opacity: 1;
}
.tooltip.tooltip-out {
opacity: 0;
transform: scale(1);
}
.device-desktop .tooltip {
font-size: 12px;
font-size: var(--f7-tooltip-desktop-font-size);
padding: 6px 8px;
padding: var(--f7-tooltip-desktop-padding);
}
/* === Gauge === */
.gauge {
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.gauge-svg,
.gauge svg {
max-width: 100%;
height: auto;
}
.gauge-svg circle,
.gauge svg circle,
.gauge-svg path,
.gauge svg path {
transition-duration: 400ms;
}
/* === Skeleton === */
:root {
--f7-skeleton-color: #ccc;
}
.theme-dark {
--f7-skeleton-color: #515151;
}
.skeleton-text {
font-family: 'framework7-skeleton' !important;
}
.skeleton-text,
.skeleton-text * {
color: #ccc !important;
color: var(--f7-skeleton-color) !important;
font-weight: normal !important;
font-style: normal !important;
letter-spacing: -0.015em !important;
}
.skeleton-block {
height: 1em;
background: #ccc !important;
background: var(--f7-skeleton-color) !important;
width: 100%;
}
.skeleton-effect-fade {
animation: skeleton-effect-fade 1s infinite;
}
.skeleton-effect-blink {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
-webkit-mask-position: 50% top;
mask-position: 50% top;
animation: skeleton-effect-blink 1s infinite;
}
.skeleton-effect-pulse {
animation: skeleton-effect-pulse 1s infinite;
}
@keyframes skeleton-effect-fade {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes skeleton-effect-blink {
0% {
-webkit-mask-position: 50% top;
mask-position: 50% top;
}
100% {
-webkit-mask-position: -150% top;
mask-position: -150% top;
}
}
@keyframes skeleton-effect-pulse {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(0.975);
}
100% {
transform: scale(1);
}
}
/* === Menu === */
:root {
--f7-menu-text-color: #fff;
--f7-menu-font-size: 16px;
--f7-menu-font-weight: 500;
--f7-menu-line-height: 1.2;
--f7-menu-bg-color: rgba(0, 0, 0, 0.9);
--f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9);
--f7-menu-item-padding-horizontal: 12px;
--f7-menu-item-spacing: 6px;
--f7-menu-item-height: 40px;
--f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4);
--f7-menu-item-border-radius: 8px;
/*
--f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color);
*/
--f7-menu-dropdown-item-height: 28px;
--f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2);
--f7-menu-dropdown-padding-vertical: 6px;
/*
--f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius);
*/
}
.aurora {
--f7-menu-font-size: 13px;
--f7-menu-item-height: 28px;
--f7-menu-dropdown-item-height: 24px;
--f7-menu-item-border-radius: 5px;
--f7-menu-item-padding-horizontal: 10px;
}
.menu {
z-index: 1000;
position: relative;
transform: translate3d(0, 0, 0);
--f7-touch-ripple-color: var(--f7-touch-ripple-white);
}
.menu-inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-left: 6px;
padding-left: var(--f7-menu-item-spacing);
padding-right: 6px;
padding-right: var(--f7-menu-item-spacing);
}
.menu-inner:after {
content: '';
width: 6px;
width: var(--f7-menu-item-spacing);
height: 100%;
flex-shrink: 0;
}
.menu-item {
height: 40px;
height: var(--f7-menu-item-height);
min-width: 40px;
min-width: var(--f7-menu-item-height);
flex-shrink: 0;
background: rgba(0, 0, 0, 0.9);
background: var(--f7-menu-bg-color);
color: #fff;
color: var(--f7-menu-text-color);
border-radius: 8px;
border-radius: var(--f7-menu-item-border-radius);
position: relative;
box-sizing: border-box;
font-size: 16px;
font-size: var(--f7-menu-font-size);
font-weight: 500;
font-weight: var(--f7-menu-font-weight);
cursor: pointer;
margin-left: 6px;
margin-left: var(--f7-menu-item-spacing);
}
.menu-item:first-child {
margin-left: 0;
}
.menu-item.active-state:not(.menu-item-dropdown-opened) {
background-color: rgba(0, 0, 0, 0.7);
}
.menu-item.icon-only {
padding-left: 0;
padding-right: 0;
}
.menu-item-content {
display: flex;
justify-content: center;
align-items: center;
padding: 0 12px;
padding: 0 var(--f7-menu-item-padding-horizontal);
height: 100%;
box-sizing: border-box;
width: 100%;
overflow: hidden;
border-radius: 8px;
border-radius: var(--f7-menu-item-border-radius);
position: relative;
}
.menu-item-content.icon-only,
.icon-only .menu-item-content {
padding-left: 0;
padding-right: 0;
}
.menu-item-dropdown .menu-item-content:after {
content: '';
position: absolute;
width: 20px;
height: 2px;
left: 50%;
transform: translateX(-50%);
bottom: 4px;
background: rgba(255, 255, 255, 0.4);
background: var(--f7-menu-item-dropdown-icon-color);
border-radius: 4px;
}
.menu-dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
cursor: auto;
height: 10px;
background: rgba(0, 0, 0, 0.9);
background: var(--f7-menu-bg-color);
position: relative;
}
.menu-dropdown-content {
position: absolute;
top: 100%;
border-radius: var(--f7-menu-item-border-radius);
border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius));
padding-top: 6px;
padding-top: var(--f7-menu-dropdown-padding-vertical);
padding-bottom: 6px;
padding-bottom: var(--f7-menu-dropdown-padding-vertical);
box-sizing: border-box;
background: rgba(0, 0, 0, 0.9);
background: var(--f7-menu-bg-color);
overflow: auto;
-webkit-overflow-scrolling: touch;
min-width: calc(100% + 24px);
}
.menu-dropdown-link,
.menu-dropdown-item {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 12px;
padding-left: var(--f7-menu-item-padding-horizontal);
padding-right: 12px;
padding-right: var(--f7-menu-item-padding-horizontal);
min-height: 28px;
min-height: var(--f7-menu-dropdown-item-height);
line-height: 1.2;
line-height: var(--f7-menu-line-height);
font-size: 16px;
font-size: var(--f7-menu-font-size);
color: #fff;
color: var(--f7-menu-text-color);
font-weight: 500;
font-weight: var(--f7-menu-font-weight);
white-space: nowrap;
min-width: 100px;
}
.menu-dropdown-link i,
.menu-dropdown-item i,
.menu-dropdown-link i.icon,
.menu-dropdown-item i.icon,
.menu-dropdown-link i.f7-icons,
.menu-dropdown-item i.f7-icons,
.menu-dropdown-link i.material-icons,
.menu-dropdown-item i.material-icons {
font-size: 20px;
}
.menu-dropdown-link.active-state {
background: var(--f7-theme-color);
background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color));
color: #fff;
color: var(--f7-menu-text-color);
}
.menu-dropdown-divider {
height: 1px;
margin-top: 2px;
margin-bottom: 2px;
background: rgba(255, 255, 255, 0.2);
background: var(--f7-menu-dropdown-divider-color);
}
.menu-item-dropdown-opened {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.menu-item-dropdown-opened .menu-item-content:after {
opacity: 0;
}
.menu-item-dropdown-opened .menu-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.menu-item-dropdown-left .menu-dropdown:after,
.menu-item-dropdown-center .menu-dropdown:after,
.menu-dropdown-left:after,
.menu-dropdown-center:after {
content: '';
position: absolute;
left: 100%;
bottom: 0;
width: 8px;
width: var(--f7-menu-item-border-radius);
height: 8px;
height: var(--f7-menu-item-border-radius);
background-image: radial-gradient(ellipse at 100%, at 0%, transparent 0%, transparent 70%, rgba(0, 0, 0, 0.9) 72%);
background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, rgba(0, 0, 0, 0.9) 72%);
background-image: radial-gradient(ellipse at 100%, at 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%);
background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%);
}
.menu-item-dropdown-right .menu-dropdown:before,
.menu-item-dropdown-center .menu-dropdown:before,
.menu-dropdown-right:before,
.menu-dropdown-center:before {
content: '';
position: absolute;
right: 100%;
bottom: 0;
width: 8px;
width: var(--f7-menu-item-border-radius);
height: 8px;
height: var(--f7-menu-item-border-radius);
background-image: radial-gradient(ellipse at 0%, at 0%, transparent 0%, transparent 70%, rgba(0, 0, 0, 0.9) 72%);
background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, rgba(0, 0, 0, 0.9) 72%);
background-image: radial-gradient(ellipse at 0%, at 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%);
background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%);
}
.menu-item-dropdown-left .menu-dropdown-content,
.menu-dropdown-left .menu-dropdown-content {
left: 0;
border-top-left-radius: 0px;
}
.menu-item-dropdown-right .menu-dropdown-content,
.menu-dropdown-right .menu-dropdown-content {
right: 0;
border-top-right-radius: 0px;
}
.menu-item-dropdown-center .menu-dropdown-content,
.menu-dropdown-center .menu-dropdown-content {
left: 50%;
min-width: calc(100% + 24px + 24px);
transform: translateX(-50%);
}
/* === Color Picker === */
:root {
--f7-color-picker-popover-width: 350px;
--f7-color-picker-slider-size: 6px;
--f7-color-picker-slider-knob-size: 16px;
--f7-color-picker-bar-size: 50px;
--f7-color-picker-bar-min-height: 260px;
--f7-color-picker-value-width: 64px;
--f7-color-picker-value-height: 32px;
--f7-color-picker-value-font-size: 16px;
--f7-color-picker-value-border-radius: 4px;
--f7-color-picker-hex-value-width: 84px;
--f7-color-picker-label-font-size: 14px;
--f7-color-picker-label-width: 10px;
--f7-color-picker-label-height: 14px;
--f7-color-picker-sb-spectrum-height: 260px;
--f7-color-picker-sb-spectrum-handle-size: 16px;
--f7-color-picker-wheel-width: 330px;
--f7-color-picker-palette-value-width: 36px;
--f7-color-picker-palette-value-height: 36px;
--f7-color-picker-initial-current-color-height: 40px;
--f7-color-picker-initial-current-color-border-radius: 4px;
--f7-color-picker-sheet-bg-color: #fff;
--f7-color-picker-popup-bg-color: #fff;
--f7-color-picker-value-bg-color: rgba(0, 0, 0, 0.05);
--f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05);
--f7-color-picker-group-value-bg-color: #fff;
}
:root .theme-dark,
:root.theme-dark {
--f7-color-picker-sheet-bg-color: #121212;
--f7-color-picker-popup-bg-color: #121212;
--f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1);
--f7-color-picker-group-bg-color: #000;
--f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12);
}
.color-picker {
overflow: hidden;
width: 100%;
display: flex;
flex-direction: column;
}
.color-picker.color-picker-inline,
.color-picker-popover .color-picker,
.color-picker-popup .color-picker {
position: relative;
}
.color-picker-sheet-modal {
background: #fff;
background: var(--f7-color-picker-sheet-bg-color);
}
.color-picker-sheet-modal:before {
z-index: 600;
}
.color-picker-sheet-modal .sheet-modal-inner {
margin-bottom: 0px;
margin-bottom: var(--f7-safe-area-bottom);
}
.color-picker-popup .page {
background: #fff;
background: var(--f7-color-picker-popup-bg-color);
}
.color-picker-popup .page-content {
padding-bottom: 0px;
padding-bottom: var(--f7-safe-area-bottom);
}
.color-picker-popover .color-picker,
.color-picker-popup .color-picker,
.color-picker-page .color-picker {
height: 100%;
}
.color-picker-popover .color-picker .toolbar,
.color-picker-popup .color-picker .toolbar,
.color-picker-page .color-picker .toolbar {
position: absolute;
}
.color-picker-popover {
width: 350px;
width: var(--f7-color-picker-popover-width);
max-width: 90vw;
max-height: 80vh;
}
.color-picker-popover .color-picker {
max-height: 80vh;
}
.color-picker-popover .toolbar-top {
border-top-left-radius: var(--f7-popover-border-radius);
border-top-right-radius: var(--f7-popover-border-radius);
}
.color-picker-popover .color-picker-module-palette {
overflow: hidden;
flex-shrink: 0;
}
.color-picker-popover .color-picker-module-palette:first-child {
border-top-left-radius: var(--f7-popover-border-radius);
border-top-right-radius: var(--f7-popover-border-radius);
}
.color-picker-popover .color-picker-module-palette:last-child {
border-bottom-left-radius: var(--f7-popover-border-radius);
border-bottom-right-radius: var(--f7-popover-border-radius);
}
.color-picker-popover .color-picker-module-palette:first-child:last-child {
border-radius: var(--f7-popover-border-radius);
}
.color-picker-popover .toolbar ~ .page-content .color-picker-module-palette:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.color-picker-popup .page-content,
.color-picker-popover .page-content,
.color-picker-sheet-modal .page-content,
.color-picker-page .page-content {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-direction: column;
overflow-x: hidden;
}
.color-picker-module {
margin-top: 5px;
}
.color-picker-module:last-child {
margin-bottom: 5px;
}
.color-picker-module-sb-spectrum,
.color-picker-module-hs-spectrum {
margin-left: 10px;
margin-right: 10px;
}
.color-picker-module-sb-spectrum:first-child,
.color-picker-module-hs-spectrum:first-child {
margin-top: 10px;
}
.color-picker-module-sb-spectrum .color-picker-sb-spectrum,
.color-picker-module-hs-spectrum .color-picker-sb-spectrum,
.color-picker-module-sb-spectrum .color-picker-hs-spectrum,
.color-picker-module-hs-spectrum .color-picker-hs-spectrum {
border-radius: 4px;
height: 260px;
height: var(--f7-color-picker-sb-spectrum-height);
}
.color-picker-sb-spectrum {
background-color: #000;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
position: relative;
}
.color-picker-hs-spectrum {
position: relative;
background-image: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.color-picker-hs-spectrum:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.color-picker-sb-spectrum-handle,
.color-picker-hs-spectrum-handle {
width: 4px;
height: 4px;
position: absolute;
left: -2px;
top: -2px;
z-index: 1;
}
.color-picker-sb-spectrum-handle:after,
.color-picker-hs-spectrum-handle:after {
background-color: inherit;
content: '';
position: absolute;
width: 16px;
width: var(--f7-color-picker-sb-spectrum-handle-size);
height: 16px;
height: var(--f7-color-picker-sb-spectrum-handle-size);
border: 1px solid #fff;
border-radius: 50%;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
box-sizing: border-box;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: 150ms;
transition-property: transform;
transform-origin: center;
}
.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,
.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after,
.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after,
.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed:after {
transform: scale(1.5) translate(-33.333%, -33.333%);
}
.color-picker-module-wheel {
margin-left: 10px;
margin-right: 10px;
}
.color-picker-wheel {
position: relative;
width: 330px;
width: var(--f7-color-picker-wheel-width);
max-width: 100%;
height: auto;
font-size: 0;
margin-left: auto;
margin-right: auto;
}
.color-picker-wheel svg {
width: 100%;
height: auto;
}
.color-picker-wheel .color-picker-wheel-handle {
width: calc(100% / 6);
height: calc(100% / 6);
position: absolute;
box-sizing: border-box;
border: 2px solid #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
background: red;
border-radius: 50%;
left: 0;
top: 0;
}
.color-picker-wheel .color-picker-sb-spectrum {
width: 45%;
height: 45%;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
position: absolute;
}
.color-picker-slider-wrap {
display: flex;
align-items: center;
margin-bottom: 2px;
}
.color-picker-slider-wrap + .color-picker-slider-wrap {
margin-top: 5px;
}
.color-picker-hex-wrap {
justify-content: space-between;
display: flex;
align-items: center;
}
.color-picker-slider-label,
.color-picker-hex-label {
font-size: 14px;
font-size: var(--f7-color-picker-label-font-size);
width: var(--f7-color-picker-label-size);
flex-shrink: 0;
margin-right: 12px;
}
.color-picker-hex-label {
width: auto;
}
.color-picker-bar-value,
.color-picker-slider-value,
.color-picker-hex-value {
width: 64px;
width: var(--f7-color-picker-value-width);
height: 32px;
height: var(--f7-color-picker-value-height);
background: rgba(0, 0, 0, 0.05);
background: var(--f7-color-picker-value-bg-color);
border-radius: 4px;
border-radius: var(--f7-color-picker-value-border-radius);
text-align: center;
font-size: 16px;
font-size: var(--f7-color-picker-value-font-size);
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-left: 10px;
}
.color-picker-bar-value input,
.color-picker-slider-value input,
.color-picker-hex-value input {
width: 100%;
height: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: 0;
background: transparent;
color: inherit;
font-family: inherit;
font-size: inherit;
text-align: center;
display: block;
border-radius: 4px;
}
.color-picker-bar-value input::-webkit-inner-spin-button,
.color-picker-slider-value input::-webkit-inner-spin-button,
.color-picker-hex-value input::-webkit-inner-spin-button,
.color-picker-bar-value input::-webkit-outer-spin-button,
.color-picker-slider-value input::-webkit-outer-spin-button,
.color-picker-hex-value input::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
display: none;
}
.color-picker-hex-value {
width: 84px;
width: var(--f7-color-picker-hex-value-width);
}
.color-picker-hex-value:first-child {
margin-left: auto;
}
.color-picker-slider {
--f7-range-bar-active-bg-color: transparent;
--f7-range-bar-size: var(--f7-color-picker-slider-size);
--f7-range-bar-border-radius: var(--f7-color-picker-slider-size);
--f7-range-knob-size: var(--f7-color-picker-slider-knob-size);
--f7-range-knob-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.color-picker-slider .range-knob {
transition-duration: 200ms;
transition-property: transform;
}
.color-picker-slider .range-knob:after {
width: 30px;
height: 30px;
margin-left: -16px;
margin-top: -16px;
}
.color-picker-slider .range-knob-active-state .range-knob {
transform: scale(1.5);
}
.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob {
background: var(--f7-range-knob-color) !important;
border: none;
}
.color-picker-module-rgb-bars {
display: flex;
justify-content: space-around;
justify-content: space-evenly;
align-items: stretch;
height: 100%;
min-height: 260px;
min-height: var(--f7-color-picker-bar-min-height);
padding-bottom: 10px;
padding-top: 10px;
box-sizing: border-box;
}
.color-picker-bar-wrap {
display: flex;
align-items: center;
flex-direction: column-reverse;
}
.color-picker-bar {
--f7-range-bar-active-bg-color: transparent;
--f7-range-bar-size: var(--f7-color-picker-bar-size);
--f7-range-bar-border-radius: 2px;
--f7-range-knob-size: 6px;
--f7-range-knob-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
--f7-range-knob-color: #fff;
}
.color-picker-bar .range-knob {
transition-duration: 0ms;
transition-property: transform;
border-radius: 3px;
}
.color-picker-bar .range-knob-wrap {
height: 6px;
width: calc(50px - 4px);
width: calc(var(--f7-color-picker-bar-size) - 4px);
margin-left: calc(-0.5 * (50px - 4px));
margin-left: calc(-0.5 * (var(--f7-color-picker-bar-size) - 4px));
}
.color-picker-bar .range-knob-active-state .range-knob {
transform: scale(1);
}
.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob {
background: var(--f7-range-knob-color) !important;
border: none;
}
.color-picker-bar-label {
font-size: var(--f7-color-picker-label-size);
margin-top: 12px;
line-height: 1;
height: 14px;
height: var(--f7-color-picker-label-height);
flex-shrink: 0;
}
.color-picker-bar-value {
margin-left: 0;
margin-bottom: 10px;
}
.color-picker-slider-alpha {
--f7-range-knob-color: #fff;
}
.color-picker-slider-alpha .range-bar {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000), linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
background-size: 100% 100%, 6px 3px, 6px 3px;
background-position: 0 0, 0px 3px, 0 0;
background-repeat: repeat-y, repeat-x, repeat-x;
}
.color-picker-slider-hue .range-bar {
background-image: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.color-picker-slider-brightness .range-bar {
background-image: linear-gradient(to right, #000, #fff);
}
.color-picker-module-palette {
margin-top: 16px;
}
.color-picker-module-palette:first-child {
margin-top: 0;
}
.color-picker-module-palette:last-child {
margin-bottom: 0;
}
.color-picker-module-palette:first-child:last-child {
margin: 0;
}
.color-picker-palette {
display: flex;
flex-wrap: wrap;
}
.color-picker-palette-row {
width: 100%;
display: flex;
flex-wrap: nowrap;
}
.color-picker-palette-row .color-picker-palette-value {
width: 100%;
}
.color-picker-palette-value {
width: 36px;
width: var(--f7-color-picker-palette-value-width);
height: 36px;
height: var(--f7-color-picker-palette-value-height);
cursor: pointer;
}
.color-picker-module-initial-current-colors,
.color-picker-module-current-color {
margin-left: 10px;
margin-right: 10px;
border-radius: 4px;
border-radius: var(--f7-color-picker-initial-current-color-border-radius);
overflow: hidden;
flex-shrink: 0;
}
.color-picker-initial-color,
.color-picker-current-color {
height: 40px;
height: var(--f7-color-picker-initial-current-color-height);
}
.color-picker-initial-current-colors {
display: flex;
}
.color-picker-initial-current-colors .color-picker-initial-color,
.color-picker-initial-current-colors .color-picker-current-color {
width: 50%;
}
.color-picker-module-rgb-sliders,
.color-picker-module-hsb-sliders,
.color-picker-module-alpha-slider,
.color-picker-module-hue-slider,
.color-picker-module-brightness-slider,
.color-picker-module-hex {
margin-left: 10px;
margin-right: 10px;
}
.color-picker-grouped-modules .color-picker-module-rgb-sliders,
.color-picker-grouped-modules .color-picker-module-hsb-sliders,
.color-picker-grouped-modules .color-picker-module-alpha-slider,
.color-picker-grouped-modules .color-picker-module-hue-slider,
.color-picker-grouped-modules .color-picker-module-brightness-slider,
.color-picker-grouped-modules .color-picker-module-hex {
background: rgba(0, 0, 0, 0.05);
background: var(--f7-color-picker-group-bg-color);
padding: 5px;
border-radius: 4px;
margin-top: 16px;
margin-left: 5px;
margin-right: 5px;
}
.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child,
.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child,
.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child,
.color-picker-grouped-modules .color-picker-module-hue-slider:last-child,
.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child,
.color-picker-grouped-modules .color-picker-module-hex:last-child {
margin-bottom: 16px;
}
.color-picker-grouped-modules .color-picker-slider-value,
.color-picker-grouped-modules .color-picker-hex-value {
background: #fff;
background: var(--f7-color-picker-group-value-bg-color);
}
.color-picker-grouped-modules .color-picker-slider-label,
.color-picker-grouped-modules .color-picker-hex-label {
margin-left: 5px;
}
.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child,
.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child,
.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child,
.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child,
.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child {
margin-left: 5px;
}
.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child,
.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child,
.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child,
.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,
.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child {
margin-right: 5px;
}
/* === Treeview === */
:root {
--f7-treeview-item-padding-left: 16px;
--f7-treeview-item-padding-right: 16px;
--f7-treeview-toggle-size: 24px;
--f7-treeview-children-offset: 29px;
--f7-treeview-label-font-weight: 400;
--f7-treeview-label-text-color: inherit;
/*
--f7-treeview-selectable-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.2);
*/
--f7-treeview-toggle-color: rgba(0, 0, 0, 0.5);
--f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1);
--f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15);
--f7-treeview-icon-color: rgba(0, 0, 0, 0.5);
--f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1);
--f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1);
--f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
--f7-treeview-toggle-color: rgba(255, 255, 255, 0.5);
--f7-treeview-toggle-hover-bg-color: rgba(255, 255, 255, 0.03);
--f7-treeview-toggle-pressed-bg-color: rgba(255, 255, 255, 0.1);
--f7-treeview-icon-color: rgba(255, 255, 255, 0.75);
--f7-treeview-selectable-hover-bg-color: rgba(255, 255, 255, 0.03);
--f7-treeview-link-hover-bg-color: rgba(255, 255, 255, 0.03);
--f7-treeview-link-pressed-bg-color: rgba(255, 255, 255, 0.11);
}
.ios {
--f7-treeview-item-height: 34px;
--f7-treeview-label-font-size: 17px;
--f7-treeview-icon-size: 24px;
}
.md {
--f7-treeview-item-height: 34px;
--f7-treeview-label-font-size: 16px;
--f7-treeview-icon-size: 24px;
}
.aurora {
--f7-treeview-item-height: 28px;
--f7-treeview-label-font-size: 14px;
--f7-treeview-icon-size: 20px;
}
.treeview-item-root {
padding-left: 16px;
padding-left: var(--f7-treeview-item-padding-left);
padding-right: 16px;
padding-right: var(--f7-treeview-item-padding-right);
min-height: var(--f7-treeview-item-height);
display: flex;
align-items: center;
justify-content: flex-start;
}
.treeview-item-content {
display: flex;
justify-content: flex-start;
align-items: center;
}
.treeview-item-content > i,
.treeview-item-content > .f7-icons,
.treeview-item-content > .material-icons {
font-size: var(--f7-treeview-icon-size);
color: rgba(0, 0, 0, 0.5);
color: var(--f7-treeview-icon-color);
}
.treeview-item-content:first-child {
margin-left: calc(24px + 5px);
margin-left: calc(var(--f7-treeview-toggle-size) + 5px);
}
.treeview-item-content > * + * {
margin-left: 5px;
}
.treeview-item-label {
font-size: var(--f7-treeview-label-font-size);
font-weight: 400;
font-weight: var(--f7-treeview-label-font-weight);
color: inherit;
color: var(--f7-treeview-label-text-color);
}
.treeview-toggle {
width: 24px;
width: var(--f7-treeview-toggle-size);
height: 24px;
height: var(--f7-treeview-toggle-size);
cursor: pointer;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
transition-duration: 200ms;
position: relative;
margin-right: 5px;
}
.treeview-toggle.active-state {
background-color: rgba(0, 0, 0, 0.15);
background-color: var(--f7-treeview-toggle-pressed-bg-color);
}
.treeview-toggle:after {
transition-duration: 200ms;
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
transform: translate(-50%, -50%);
border-left: 6px solid rgba(0, 0, 0, 0.5);
border-left: 6px solid var(--f7-treeview-toggle-color);
}
.treeview-toggle-hidden {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.treeview-preloader {
--f7-preloader-size: var(--f7-treeview-toggle-size);
margin-right: calc(-1 * 24px);
margin-right: calc(-1 * var(--f7-treeview-toggle-size));
}
.treeview-item-children {
display: none;
}
.treeview-item-opened > .treeview-item-children {
display: block;
}
.treeview-item-opened > .treeview-item-root .treeview-toggle:after {
transform: translate(-50%, -50%) rotate(90deg);
}
a.treeview-item-root {
color: inherit;
color: var(--f7-treeview-label-text-color);
}
.treeview-item-selectable > .treeview-item-root,
.treeview-item-selectable.treeview-item-root {
cursor: pointer;
transition-duration: 150ms;
}
a.treeview-item-root {
transition-duration: 150ms;
}
a.treeview-item-root.active-state {
background: rgba(0, 0, 0, 0.15);
background: var(--f7-treeview-link-pressed-bg-color);
}
.treeview-item-toggle > .treeview-item-root,
.treeview-item-toggle.treeview-item-root {
cursor: pointer;
}
.treeview-item-selected > .treeview-item-root,
.treeview-item-selected.treeview-item-root {
background: rgba(0, 122, 255, 0.2);
background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2));
}
.treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 1);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 1);
}
.treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 2);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 2);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 3);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 4);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 5);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 6);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 7);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 8);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 9);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9);
}
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root {
padding-left: calc(16px + 29px * 10);
padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10);
}
.aurora .treeview-toggle:hover {
background-color: rgba(0, 0, 0, 0.1);
background-color: var(--f7-treeview-toggle-hover-bg-color);
}
.aurora .treeview-toggle.active-state {
background-color: rgba(0, 0, 0, 0.15);
background-color: var(--f7-treeview-toggle-pressed-bg-color);
}
.aurora .treeview-item-selectable > .treeview-item-root:hover,
.aurora .treeview-item-selectable.treeview-item-root:hover {
background: rgba(0, 0, 0, 0.1);
background: var(--f7-treeview-selectable-hover-bg-color);
}
.aurora a.treeview-item-root:hover {
background: rgba(0, 0, 0, 0.1);
background: var(--f7-treeview-link-hover-bg-color);
}
.aurora a.treeview-item-root.active-state {
background: rgba(0, 0, 0, 0.15);
background: var(--f7-treeview-link-pressed-bg-color);
}
.aurora .treeview-item-selected > .treeview-item-root:hover,
.aurora .treeview-item-selected.treeview-item-root:hover {
background: rgba(0, 122, 255, 0.2);
background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), 0.2));
}
/* === Stepper === */
:root {
--f7-text-editor-font-size: inherit;
--f7-text-editor-font-weight: inherit;
--f7-text-editor-border-width: 1px;
--f7-text-editor-height: 250px;
--f7-text-editor-margin: 16px;
--f7-text-editor-padding: 8px;
--f7-text-editor-button-bg-color: transparent;
--f7-text-editor-button-size: 28px;
--f7-text-editor-button-icon-size: 20px;
--f7-text-editor-button-margin: 2px;
--f7-text-editor-button-border-radius: 2px;
--f7-text-editor-text-color: #000;
--f7-text-editor-bg-color: #fff;
--f7-text-editor-border-color: rgba(0, 0, 0, 0.1);
--f7-text-editor-toolbar-bg-color: #fff;
--f7-text-editor-button-text-color: #333;
--f7-text-editor-button-divider-color: rgba(0, 0, 0, 0.15);
--f7-text-editor-placeholder-color: rgba(0, 0, 0, 0.35);
}
:root .theme-dark,
:root.theme-dark {
--f7-text-editor-bg-color: #121212;
--f7-text-editor-border-color: rgba(255, 255, 255, 0.1);
--f7-text-editor-toolbar-bg-color: #202020;
--f7-text-editor-text-color: #fff;
--f7-text-editor-placeholder-color: rgba(255, 255, 255, 0.35);
--f7-text-editor-button-text-color: #fff;
--f7-text-editor-button-divider-color: rgba(255, 255, 255, 0.15);
}
.ios {
--f7-text-editor-toolbar-padding: 6px;
--f7-text-editor-toolbar-border-color: rgba(0, 0, 0, 0.25);
}
.ios .theme-dark,
.ios.theme-dark {
--f7-text-editor-toolbar-bg-color: #121212;
--f7-text-editor-toolbar-border-color: rgba(255, 255, 255, 0.1);
}
.md {
--f7-text-editor-toolbar-padding: 8px;
--f7-text-editor-toolbar-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.25);
}
.aurora {
--f7-text-editor-toolbar-padding: 3px;
--f7-text-editor-toolbar-border-color: rgba(0, 0, 0, 0.25);
}
.aurora .theme-dark,
.aurora.theme-dark {
--f7-text-editor-toolbar-border-color: rgba(255, 255, 255, 0.1);
}
.text-editor {
margin: 16px;
margin: var(--f7-text-editor-margin);
background-color: #fff;
background-color: var(--f7-text-editor-bg-color);
display: block;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
border: var(--f7-text-editor-border-width) solid var(--f7-text-editor-border-color);
display: flex;
flex-direction: column;
align-items: stretch;
height: 250px;
height: var(--f7-text-editor-height);
box-sizing: border-box;
}
.text-editor.text-editor-resizable {
height: auto;
}
.text-editor-toolbar {
display: flex;
flex-wrap: wrap;
background: #fff;
background: var(--f7-text-editor-toolbar-bg-color);
z-index: 100;
position: relative;
position: -webkit-sticky;
position: sticky;
left: 0;
top: 0;
padding: var(--f7-text-editor-toolbar-padding);
flex-shrink: 0;
box-shadow: var(--f7-text-editor-toolbar-box-shadow);
box-sizing: border-box;
}
.text-editor-toolbar:after {
content: '';
position: absolute;
background-color: var(--f7-text-editor-toolbar-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
button.text-editor-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0;
margin: 0;
outline: 0;
font-family: inherit;
background: transparent;
cursor: pointer;
box-shadow: none;
border-radius: 2px;
border-radius: var(--f7-text-editor-button-border-radius);
position: relative;
z-index: 1;
display: flex;
width: auto;
overflow: hidden;
width: 28px;
width: var(--f7-text-editor-button-size);
height: 28px;
height: var(--f7-text-editor-button-size);
align-items: center;
justify-content: center;
margin: 2px;
margin: var(--f7-text-editor-button-margin);
box-sizing: border-box;
color: #333;
color: var(--f7-text-editor-button-text-color);
background-color: transparent;
background-color: var(--f7-text-editor-button-bg-color);
flex-shrink: 0;
}
button.text-editor-button i {
font-size: 20px;
font-size: var(--f7-text-editor-button-icon-size);
font-style: normal;
}
button.text-editor-button i sup,
button.text-editor-button i sub {
font-size: 60%;
}
.text-editor-button-divider {
width: 1px;
background: rgba(0, 0, 0, 0.15);
background: var(--f7-text-editor-button-divider-color);
margin: 0 2px;
flex-shrink: 0;
}
.text-editor-content {
-webkit-user-modify: read-write;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: 0;
height: 100%;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
padding: 8px;
padding: var(--f7-text-editor-padding);
overflow: auto;
flex-shrink: 10;
box-sizing: border-box;
color: #000;
color: var(--f7-text-editor-text-color);
font-size: inherit;
font-size: var(--f7-text-editor-font-size);
font-weight: inherit;
font-weight: var(--f7-text-editor-font-weight);
}
.text-editor-content .text-editor-placeholder {
pointer-events: none;
color: rgba(0, 0, 0, 0.35);
color: var(--f7-text-editor-placeholder-color);
}
.text-editor-content img {
max-width: 100%;
}
.text-editor-content a {
pointer-events: none;
}
.text-editor-popover {
z-index: 12500;
width: auto;
max-width: 80vw;
}
.text-editor-popover .popover-inner {
display: flex;
flex-wrap: wrap;
padding: 3px;
}
.text-editor-keyboard-toolbar {
position: absolute;
z-index: 6000;
--f7-safe-area-bottom: 0px;
}
.text-editor-keyboard-toolbar .toolbar-inner {
justify-content: flex-start !important;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.text-editor-keyboard-toolbar .toolbar-inner::-webkit-scrollbar {
display: none;
}
.text-editor-keyboard-toolbar .toolbar-inner .text-editor-button-divider {
height: 100%;
}
.item-input .text-editor {
border: none;
margin: 0;
background-color: transparent;
background-color: var(--f7-input-bg-color, transparent);
}
.item-input .text-editor-content {
padding-top: var(--f7-textarea-padding-vertical);
padding-bottom: var(--f7-textarea-padding-vertical);
padding-left: 0px;
padding-left: var(--f7-input-padding-left);
padding-right: 0px;
padding-right: var(--f7-input-padding-right);
color: var(--f7-input-text-color);
font-size: var(--f7-input-font-size);
}
.item-input .text-editor-toolbar {
box-shadow: none;
}
.item-input .text-editor-toolbar:after {
display: none !important;
}
.item-input-outline .text-editor-content {
border-radius: 4px;
border-radius: var(--f7-input-outline-border-radius);
padding-left: 12px;
padding-left: var(--f7-input-outline-padding-horizontal);
padding-right: 12px;
padding-right: var(--f7-input-outline-padding-horizontal);
}
.ios button.text-editor-button {
transition: opacity 300ms;
}
.ios button.text-editor-button.active-state {
opacity: 0.3;
transition-duration: 0ms;
}
.md button.text-editor-button:before {
content: '';
width: 152%;
height: 152%;
position: absolute;
left: -26%;
top: -26%;
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
opacity: 0;
pointer-events: none;
transition-duration: 600ms;
}
.md button.text-editor-button.active-state:before {
opacity: 1;
transition-duration: 150ms;
}
.md .text-editor-keyboard-toolbar .toolbar-inner {
padding-left: 8px;
padding-right: 8px;
}
.aurora button.text-editor-button {
transition: opacity 300ms;
}
.aurora button.text-editor-button.active-state {
opacity: 0.3;
transition-duration: 0ms;
}
/* === Elevation === */
:root {
--f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0);
--f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.elevation-0 {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
box-shadow: var(--f7-elevation-0) !important;
}
.elevation-1 {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-1) !important;
}
.elevation-2 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-2) !important;
}
.elevation-3 {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-3) !important;
}
.elevation-4 {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-4) !important;
}
.elevation-5 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-5) !important;
}
.elevation-6 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-6) !important;
}
.elevation-7 {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-7) !important;
}
.elevation-8 {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-8) !important;
}
.elevation-9 {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-9) !important;
}
.elevation-10 {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-10) !important;
}
.elevation-11 {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-11) !important;
}
.elevation-12 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-12) !important;
}
.elevation-13 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-13) !important;
}
.elevation-14 {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-14) !important;
}
.elevation-15 {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-15) !important;
}
.elevation-16 {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-16) !important;
}
.elevation-17 {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-17) !important;
}
.elevation-18 {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-18) !important;
}
.elevation-19 {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-19) !important;
}
.elevation-20 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-20) !important;
}
.elevation-21 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-21) !important;
}
.elevation-22 {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-22) !important;
}
.elevation-23 {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-23) !important;
}
.elevation-24 {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-24) !important;
}
.device-desktop .elevation-hover-0:hover {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
box-shadow: var(--f7-elevation-0) !important;
}
.device-desktop .elevation-hover-1:hover {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-1) !important;
}
.device-desktop .elevation-hover-2:hover {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-2) !important;
}
.device-desktop .elevation-hover-3:hover {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-3) !important;
}
.device-desktop .elevation-hover-4:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-4) !important;
}
.device-desktop .elevation-hover-5:hover {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-5) !important;
}
.device-desktop .elevation-hover-6:hover {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-6) !important;
}
.device-desktop .elevation-hover-7:hover {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-7) !important;
}
.device-desktop .elevation-hover-8:hover {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-8) !important;
}
.device-desktop .elevation-hover-9:hover {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-9) !important;
}
.device-desktop .elevation-hover-10:hover {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-10) !important;
}
.device-desktop .elevation-hover-11:hover {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-11) !important;
}
.device-desktop .elevation-hover-12:hover {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-12) !important;
}
.device-desktop .elevation-hover-13:hover {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-13) !important;
}
.device-desktop .elevation-hover-14:hover {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-14) !important;
}
.device-desktop .elevation-hover-15:hover {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-15) !important;
}
.device-desktop .elevation-hover-16:hover {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-16) !important;
}
.device-desktop .elevation-hover-17:hover {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-17) !important;
}
.device-desktop .elevation-hover-18:hover {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-18) !important;
}
.device-desktop .elevation-hover-19:hover {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-19) !important;
}
.device-desktop .elevation-hover-20:hover {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-20) !important;
}
.device-desktop .elevation-hover-21:hover {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-21) !important;
}
.device-desktop .elevation-hover-22:hover {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-22) !important;
}
.device-desktop .elevation-hover-23:hover {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-23) !important;
}
.device-desktop .elevation-hover-24:hover {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-24) !important;
}
.active-state.elevation-pressed-0,
.device-desktop .active-state.elevation-pressed-0 {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
box-shadow: var(--f7-elevation-0) !important;
}
.active-state.elevation-pressed-1,
.device-desktop .active-state.elevation-pressed-1 {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-1) !important;
}
.active-state.elevation-pressed-2,
.device-desktop .active-state.elevation-pressed-2 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-2) !important;
}
.active-state.elevation-pressed-3,
.device-desktop .active-state.elevation-pressed-3 {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-3) !important;
}
.active-state.elevation-pressed-4,
.device-desktop .active-state.elevation-pressed-4 {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-4) !important;
}
.active-state.elevation-pressed-5,
.device-desktop .active-state.elevation-pressed-5 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-5) !important;
}
.active-state.elevation-pressed-6,
.device-desktop .active-state.elevation-pressed-6 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-6) !important;
}
.active-state.elevation-pressed-7,
.device-desktop .active-state.elevation-pressed-7 {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-7) !important;
}
.active-state.elevation-pressed-8,
.device-desktop .active-state.elevation-pressed-8 {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-8) !important;
}
.active-state.elevation-pressed-9,
.device-desktop .active-state.elevation-pressed-9 {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-9) !important;
}
.active-state.elevation-pressed-10,
.device-desktop .active-state.elevation-pressed-10 {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-10) !important;
}
.active-state.elevation-pressed-11,
.device-desktop .active-state.elevation-pressed-11 {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-11) !important;
}
.active-state.elevation-pressed-12,
.device-desktop .active-state.elevation-pressed-12 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-12) !important;
}
.active-state.elevation-pressed-13,
.device-desktop .active-state.elevation-pressed-13 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-13) !important;
}
.active-state.elevation-pressed-14,
.device-desktop .active-state.elevation-pressed-14 {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-14) !important;
}
.active-state.elevation-pressed-15,
.device-desktop .active-state.elevation-pressed-15 {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-15) !important;
}
.active-state.elevation-pressed-16,
.device-desktop .active-state.elevation-pressed-16 {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-16) !important;
}
.active-state.elevation-pressed-17,
.device-desktop .active-state.elevation-pressed-17 {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-17) !important;
}
.active-state.elevation-pressed-18,
.device-desktop .active-state.elevation-pressed-18 {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-18) !important;
}
.active-state.elevation-pressed-19,
.device-desktop .active-state.elevation-pressed-19 {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-19) !important;
}
.active-state.elevation-pressed-20,
.device-desktop .active-state.elevation-pressed-20 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-20) !important;
}
.active-state.elevation-pressed-21,
.device-desktop .active-state.elevation-pressed-21 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-21) !important;
}
.active-state.elevation-pressed-22,
.device-desktop .active-state.elevation-pressed-22 {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-22) !important;
}
.active-state.elevation-pressed-23,
.device-desktop .active-state.elevation-pressed-23 {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-23) !important;
}
.active-state.elevation-pressed-24,
.device-desktop .active-state.elevation-pressed-24 {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
box-shadow: var(--f7-elevation-24) !important;
}
.elevation-transition-100 {
transition-duration: 100ms;
transition-property: box-shadow;
}
.elevation-transition,
.elevation-transition-200 {
transition-duration: 200ms;
transition-property: box-shadow;
}
.elevation-transition-300 {
transition-duration: 300ms;
transition-property: box-shadow;
}
.elevation-transition-400 {
transition-duration: 400ms;
transition-property: box-shadow;
}
.elevation-transition-500 {
transition-duration: 500ms;
transition-property: box-shadow;
}
/* === Typography === */
:root {
--f7-typography-padding: 16px;
--f7-typography-margin: 16px;
}
.display-flex {
display: flex !important;
}
.display-block {
display: block !important;
}
.display-inline-flex {
display: inline-flex !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-inline {
display: inline !important;
}
.display-none {
display: none !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-shrink-2 {
flex-shrink: 2 !important;
}
.flex-shrink-3 {
flex-shrink: 3 !important;
}
.flex-shrink-4 {
flex-shrink: 4 !important;
}
.flex-shrink-5 {
flex-shrink: 5 !important;
}
.flex-shrink-6 {
flex-shrink: 6 !important;
}
.flex-shrink-7 {
flex-shrink: 7 !important;
}
.flex-shrink-8 {
flex-shrink: 8 !important;
}
.flex-shrink-9 {
flex-shrink: 9 !important;
}
.flex-shrink-10 {
flex-shrink: 10 !important;
}
.flex-direction-row {
flex-direction: row !important;
}
.flex-direction-row-reverse {
flex-direction: row-reverse !important;
}
.flex-direction-column {
flex-direction: column !important;
}
.flex-direction-column-reverse {
flex-direction: column-reverse !important;
}
.justify-content-flex-start {
justify-content: flex-start !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-flex-end {
justify-content: flex-end !important;
}
.justify-content-space-between {
justify-content: space-between !important;
}
.justify-content-space-around {
justify-content: space-around !important;
}
.justify-content-space-evenly {
justify-content: space-evenly !important;
}
.justify-content-stretch {
justify-content: stretch !important;
}
.justify-content-start {
justify-content: start !important;
}
.justify-content-end {
justify-content: end !important;
}
.justify-content-left {
justify-content: left !important;
}
.justify-content-right {
justify-content: right !important;
}
.align-content-flex-start {
align-content: flex-start !important;
}
.align-content-flex-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-space-between {
align-content: space-between !important;
}
.align-content-space-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-flex-start {
align-items: flex-start !important;
}
.align-items-flex-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-self-flex-start {
align-self: flex-start !important;
}
.align-self-flex-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.text-align-left {
text-align: left !important;
}
.text-align-center {
text-align: center !important;
}
.text-align-right {
text-align: right !important;
}
.text-align-justify {
text-align: justify !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
.vertical-align-bottom {
vertical-align: bottom !important;
}
.vertical-align-middle {
vertical-align: middle !important;
}
.vertical-align-top {
vertical-align: top !important;
}
.no-padding {
padding: 0 !important;
}
.no-padding-left {
padding-left: 0 !important;
}
.no-padding-right {
padding-right: 0 !important;
}
.no-padding-horizontal {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.no-padding-vertical {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-margin-left {
margin-left: 0 !important;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-margin-horizontal {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.no-margin-vertical {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.width-auto {
width: auto !important;
}
.width-100 {
width: 100% !important;
}
.padding {
padding: 16px !important;
padding: var(--f7-typography-padding) !important;
}
.padding-half {
padding: calc(16px / 2) !important;
padding: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-top {
padding-top: 16px !important;
padding-top: var(--f7-typography-padding) !important;
}
.padding-top-half {
padding-top: calc(16px / 2) !important;
padding-top: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-bottom {
padding-bottom: 16px !important;
padding-bottom: var(--f7-typography-padding) !important;
}
.padding-bottom-half {
padding-bottom: calc(16px / 2) !important;
padding-bottom: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-left {
padding-left: 16px !important;
padding-left: var(--f7-typography-padding) !important;
}
.padding-left-half {
padding-left: calc(16px / 2) !important;
padding-left: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-right {
padding-right: 16px !important;
padding-right: var(--f7-typography-padding) !important;
}
.padding-right-half {
padding-right: calc(16px / 2) !important;
padding-right: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-vertical {
padding-top: 16px !important;
padding-top: var(--f7-typography-padding) !important;
padding-bottom: 16px !important;
padding-bottom: var(--f7-typography-padding) !important;
}
.padding-vertical-half {
padding-top: calc(16px / 2) !important;
padding-top: calc(var(--f7-typography-padding) / 2) !important;
padding-bottom: calc(16px / 2) !important;
padding-bottom: calc(var(--f7-typography-padding) / 2) !important;
}
.padding-horizontal {
padding-left: 16px !important;
padding-left: var(--f7-typography-padding) !important;
padding-right: 16px !important;
padding-right: var(--f7-typography-padding) !important;
}
.padding-horizontal-half {
padding-left: calc(16px / 2) !important;
padding-left: calc(var(--f7-typography-padding) / 2) !important;
padding-right: calc(16px / 2) !important;
padding-right: calc(var(--f7-typography-padding) / 2) !important;
}
.margin {
margin: 16px !important;
margin: var(--f7-typography-margin) !important;
}
.margin-half {
margin: calc(16px / 2) !important;
margin: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-top {
margin-top: 16px !important;
margin-top: var(--f7-typography-margin) !important;
}
.margin-top-half {
margin-top: calc(16px / 2) !important;
margin-top: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-bottom {
margin-bottom: 16px !important;
margin-bottom: var(--f7-typography-margin) !important;
}
.margin-bottom-half {
margin-bottom: calc(16px / 2) !important;
margin-bottom: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-left {
margin-left: 16px !important;
margin-left: var(--f7-typography-margin) !important;
}
.margin-left-half {
margin-left: calc(16px / 2) !important;
margin-left: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-right {
margin-right: 16px !important;
margin-right: var(--f7-typography-margin) !important;
}
.margin-right-half {
margin-right: calc(16px / 2) !important;
margin-right: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-vertical {
margin-top: 16px !important;
margin-top: var(--f7-typography-margin) !important;
margin-bottom: 16px !important;
margin-bottom: var(--f7-typography-margin) !important;
}
.margin-vertical-half {
margin-top: calc(16px / 2) !important;
margin-top: calc(var(--f7-typography-margin) / 2) !important;
margin-bottom: calc(16px / 2) !important;
margin-bottom: calc(var(--f7-typography-margin) / 2) !important;
}
.margin-horizontal {
margin-left: 16px !important;
margin-left: var(--f7-typography-margin) !important;
margin-right: 16px !important;
margin-right: var(--f7-typography-margin) !important;
}
.margin-horizontal-half {
margin-left: calc(16px / 2) !important;
margin-left: calc(var(--f7-typography-margin) / 2) !important;
margin-right: calc(16px / 2) !important;
margin-right: calc(var(--f7-typography-margin) / 2) !important;
}
[class*="text-color-"] {
color: var(--f7-theme-color-text-color) !important;
}
[class*="bg-color-"] {
background-color: var(--f7-theme-color-bg-color) !important;
}
[class*="border-color-"] {
border-color: var(--f7-theme-color-border-color) !important;
}
iframe#viAd {
z-index: 12900 !important;
background: #000 !important;
}
.vi-overlay {
background: rgba(0, 0, 0, 0.85);
z-index: 13100;
position: absolute;
left: 0%;
top: 0%;
width: 100%;
height: 100%;
border-radius: 3px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
align-content: center;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.vi-overlay {
background: rgba(0, 0, 0, 0.65);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
.vi-overlay .vi-overlay-text {
text-align: center;
color: #fff;
max-width: 80%;
}
.vi-overlay .vi-overlay-text + .vi-overlay-play-button {
margin-top: 15px;
}
.vi-overlay .vi-overlay-play-button {
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #fff;
position: relative;
}
.vi-overlay .vi-overlay-play-button.active-state {
opacity: 0.55;
}
.vi-overlay .vi-overlay-play-button:before {
content: '';
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 14px solid #fff;
position: absolute;
left: 50%;
top: 50%;
margin-left: 2px;
transform: translate(-50%, -50%);
}
@font-face {
font-family: 'Framework7 Icons';
font-style: normal;
font-weight: 400;
src: url(../fonts/Framework7Icons-Regular.woff2) format('woff2'),
url(../fonts/Framework7Icons-Regular.woff) format('woff'),
url(../fonts/Framework7Icons-Regular.ttf) format('truetype');
}
.f7-icons,
.framework7-icons {
font-family: 'Framework7 Icons';
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga=1';
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga';
text-align: center;
}
/*!
* Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
* Copyright 2019-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
*/
@font-face {
font-display: block;
font-family: "bootstrap-icons";
src: url(../fonts/bootstrap-icons.woff2) format("woff2"),
url(../fonts/bootstrap-icons.woff) format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
-moz-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perforated-fill::before { content: "\f6c9"; }
.bi-ticket-perforated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-terminal-x::before { content: "\f6ff"; }
.bi-arrow-through-heart-fill::before { content: "\f700"; }
.bi-arrow-through-heart::before { content: "\f701"; }
.bi-badge-sd-fill::before { content: "\f702"; }
.bi-badge-sd::before { content: "\f703"; }
.bi-bag-heart-fill::before { content: "\f704"; }
.bi-bag-heart::before { content: "\f705"; }
.bi-balloon-fill::before { content: "\f706"; }
.bi-balloon-heart-fill::before { content: "\f707"; }
.bi-balloon-heart::before { content: "\f708"; }
.bi-balloon::before { content: "\f709"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2::before { content: "\f70d"; }
.bi-braces-asterisk::before { content: "\f70e"; }
.bi-calendar-heart-fill::before { content: "\f70f"; }
.bi-calendar-heart::before { content: "\f710"; }
.bi-calendar2-heart-fill::before { content: "\f711"; }
.bi-calendar2-heart::before { content: "\f712"; }
.bi-chat-heart-fill::before { content: "\f713"; }
.bi-chat-heart::before { content: "\f714"; }
.bi-chat-left-heart-fill::before { content: "\f715"; }
.bi-chat-left-heart::before { content: "\f716"; }
.bi-chat-right-heart-fill::before { content: "\f717"; }
.bi-chat-right-heart::before { content: "\f718"; }
.bi-chat-square-heart-fill::before { content: "\f719"; }
.bi-chat-square-heart::before { content: "\f71a"; }
.bi-clipboard-check-fill::before { content: "\f71b"; }
.bi-clipboard-data-fill::before { content: "\f71c"; }
.bi-clipboard-fill::before { content: "\f71d"; }
.bi-clipboard-heart-fill::before { content: "\f71e"; }
.bi-clipboard-heart::before { content: "\f71f"; }
.bi-clipboard-minus-fill::before { content: "\f720"; }
.bi-clipboard-plus-fill::before { content: "\f721"; }
.bi-clipboard-pulse::before { content: "\f722"; }
.bi-clipboard-x-fill::before { content: "\f723"; }
.bi-clipboard2-check-fill::before { content: "\f724"; }
.bi-clipboard2-check::before { content: "\f725"; }
.bi-clipboard2-data-fill::before { content: "\f726"; }
.bi-clipboard2-data::before { content: "\f727"; }
.bi-clipboard2-fill::before { content: "\f728"; }
.bi-clipboard2-heart-fill::before { content: "\f729"; }
.bi-clipboard2-heart::before { content: "\f72a"; }
.bi-clipboard2-minus-fill::before { content: "\f72b"; }
.bi-clipboard2-minus::before { content: "\f72c"; }
.bi-clipboard2-plus-fill::before { content: "\f72d"; }
.bi-clipboard2-plus::before { content: "\f72e"; }
.bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.bi-clipboard2-pulse::before { content: "\f730"; }
.bi-clipboard2-x-fill::before { content: "\f731"; }
.bi-clipboard2-x::before { content: "\f732"; }
.bi-clipboard2::before { content: "\f733"; }
.bi-emoji-kiss-fill::before { content: "\f734"; }
.bi-emoji-kiss::before { content: "\f735"; }
.bi-envelope-heart-fill::before { content: "\f736"; }
.bi-envelope-heart::before { content: "\f737"; }
.bi-envelope-open-heart-fill::before { content: "\f738"; }
.bi-envelope-open-heart::before { content: "\f739"; }
.bi-envelope-paper-fill::before { content: "\f73a"; }
.bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.bi-envelope-paper-heart::before { content: "\f73c"; }
.bi-envelope-paper::before { content: "\f73d"; }
.bi-filetype-aac::before { content: "\f73e"; }
.bi-filetype-ai::before { content: "\f73f"; }
.bi-filetype-bmp::before { content: "\f740"; }
.bi-filetype-cs::before { content: "\f741"; }
.bi-filetype-css::before { content: "\f742"; }
.bi-filetype-csv::before { content: "\f743"; }
.bi-filetype-doc::before { content: "\f744"; }
.bi-filetype-docx::before { content: "\f745"; }
.bi-filetype-exe::before { content: "\f746"; }
.bi-filetype-gif::before { content: "\f747"; }
.bi-filetype-heic::before { content: "\f748"; }
.bi-filetype-html::before { content: "\f749"; }
.bi-filetype-java::before { content: "\f74a"; }
.bi-filetype-jpg::before { content: "\f74b"; }
.bi-filetype-js::before { content: "\f74c"; }
.bi-filetype-jsx::before { content: "\f74d"; }
.bi-filetype-key::before { content: "\f74e"; }
.bi-filetype-m4p::before { content: "\f74f"; }
.bi-filetype-md::before { content: "\f750"; }
.bi-filetype-mdx::before { content: "\f751"; }
.bi-filetype-mov::before { content: "\f752"; }
.bi-filetype-mp3::before { content: "\f753"; }
.bi-filetype-mp4::before { content: "\f754"; }
.bi-filetype-otf::before { content: "\f755"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-filetype-php::before { content: "\f757"; }
.bi-filetype-png::before { content: "\f758"; }
.bi-filetype-ppt::before { content: "\f75a"; }
.bi-filetype-psd::before { content: "\f75b"; }
.bi-filetype-py::before { content: "\f75c"; }
.bi-filetype-raw::before { content: "\f75d"; }
.bi-filetype-rb::before { content: "\f75e"; }
.bi-filetype-sass::before { content: "\f75f"; }
.bi-filetype-scss::before { content: "\f760"; }
.bi-filetype-sh::before { content: "\f761"; }
.bi-filetype-svg::before { content: "\f762"; }
.bi-filetype-tiff::before { content: "\f763"; }
.bi-filetype-tsx::before { content: "\f764"; }
.bi-filetype-ttf::before { content: "\f765"; }
.bi-filetype-txt::before { content: "\f766"; }
.bi-filetype-wav::before { content: "\f767"; }
.bi-filetype-woff::before { content: "\f768"; }
.bi-filetype-xls::before { content: "\f76a"; }
.bi-filetype-xml::before { content: "\f76b"; }
.bi-filetype-yml::before { content: "\f76c"; }
.bi-heart-arrow::before { content: "\f76d"; }
.bi-heart-pulse-fill::before { content: "\f76e"; }
.bi-heart-pulse::before { content: "\f76f"; }
.bi-heartbreak-fill::before { content: "\f770"; }
.bi-heartbreak::before { content: "\f771"; }
.bi-hearts::before { content: "\f772"; }
.bi-hospital-fill::before { content: "\f773"; }
.bi-hospital::before { content: "\f774"; }
.bi-house-heart-fill::before { content: "\f775"; }
.bi-house-heart::before { content: "\f776"; }
.bi-incognito::before { content: "\f777"; }
.bi-magnet-fill::before { content: "\f778"; }
.bi-magnet::before { content: "\f779"; }
.bi-person-heart::before { content: "\f77a"; }
.bi-person-hearts::before { content: "\f77b"; }
.bi-phone-flip::before { content: "\f77c"; }
.bi-plugin::before { content: "\f77d"; }
.bi-postage-fill::before { content: "\f77e"; }
.bi-postage-heart-fill::before { content: "\f77f"; }
.bi-postage-heart::before { content: "\f780"; }
.bi-postage::before { content: "\f781"; }
.bi-postcard-fill::before { content: "\f782"; }
.bi-postcard-heart-fill::before { content: "\f783"; }
.bi-postcard-heart::before { content: "\f784"; }
.bi-postcard::before { content: "\f785"; }
.bi-search-heart-fill::before { content: "\f786"; }
.bi-search-heart::before { content: "\f787"; }
.bi-sliders2-vertical::before { content: "\f788"; }
.bi-sliders2::before { content: "\f789"; }
.bi-trash3-fill::before { content: "\f78a"; }
.bi-trash3::before { content: "\f78b"; }
.bi-valentine::before { content: "\f78c"; }
.bi-valentine2::before { content: "\f78d"; }
.bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.bi-wrench-adjustable-circle::before { content: "\f78f"; }
.bi-wrench-adjustable::before { content: "\f790"; }
.bi-filetype-json::before { content: "\f791"; }
.bi-filetype-pptx::before { content: "\f792"; }
.bi-filetype-xlsx::before { content: "\f793"; }
.bi-1-circle-fill::before { content: "\f796"; }
.bi-1-circle::before { content: "\f797"; }
.bi-1-square-fill::before { content: "\f798"; }
.bi-1-square::before { content: "\f799"; }
.bi-2-circle-fill::before { content: "\f79c"; }
.bi-2-circle::before { content: "\f79d"; }
.bi-2-square-fill::before { content: "\f79e"; }
.bi-2-square::before { content: "\f79f"; }
.bi-3-circle-fill::before { content: "\f7a2"; }
.bi-3-circle::before { content: "\f7a3"; }
.bi-3-square-fill::before { content: "\f7a4"; }
.bi-3-square::before { content: "\f7a5"; }
.bi-4-circle-fill::before { content: "\f7a8"; }
.bi-4-circle::before { content: "\f7a9"; }
.bi-4-square-fill::before { content: "\f7aa"; }
.bi-4-square::before { content: "\f7ab"; }
.bi-5-circle-fill::before { content: "\f7ae"; }
.bi-5-circle::before { content: "\f7af"; }
.bi-5-square-fill::before { content: "\f7b0"; }
.bi-5-square::before { content: "\f7b1"; }
.bi-6-circle-fill::before { content: "\f7b4"; }
.bi-6-circle::before { content: "\f7b5"; }
.bi-6-square-fill::before { content: "\f7b6"; }
.bi-6-square::before { content: "\f7b7"; }
.bi-7-circle-fill::before { content: "\f7ba"; }
.bi-7-circle::before { content: "\f7bb"; }
.bi-7-square-fill::before { content: "\f7bc"; }
.bi-7-square::before { content: "\f7bd"; }
.bi-8-circle-fill::before { content: "\f7c0"; }
.bi-8-circle::before { content: "\f7c1"; }
.bi-8-square-fill::before { content: "\f7c2"; }
.bi-8-square::before { content: "\f7c3"; }
.bi-9-circle-fill::before { content: "\f7c6"; }
.bi-9-circle::before { content: "\f7c7"; }
.bi-9-square-fill::before { content: "\f7c8"; }
.bi-9-square::before { content: "\f7c9"; }
.bi-airplane-engines-fill::before { content: "\f7ca"; }
.bi-airplane-engines::before { content: "\f7cb"; }
.bi-airplane-fill::before { content: "\f7cc"; }
.bi-airplane::before { content: "\f7cd"; }
.bi-alexa::before { content: "\f7ce"; }
.bi-alipay::before { content: "\f7cf"; }
.bi-android::before { content: "\f7d0"; }
.bi-android2::before { content: "\f7d1"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-box-seam-fill::before { content: "\f7d3"; }
.bi-browser-chrome::before { content: "\f7d4"; }
.bi-browser-edge::before { content: "\f7d5"; }
.bi-browser-firefox::before { content: "\f7d6"; }
.bi-browser-safari::before { content: "\f7d7"; }
.bi-c-circle-fill::before { content: "\f7da"; }
.bi-c-circle::before { content: "\f7db"; }
.bi-c-square-fill::before { content: "\f7dc"; }
.bi-c-square::before { content: "\f7dd"; }
.bi-capsule-pill::before { content: "\f7de"; }
.bi-capsule::before { content: "\f7df"; }
.bi-car-front-fill::before { content: "\f7e0"; }
.bi-car-front::before { content: "\f7e1"; }
.bi-cassette-fill::before { content: "\f7e2"; }
.bi-cassette::before { content: "\f7e3"; }
.bi-cc-circle-fill::before { content: "\f7e6"; }
.bi-cc-circle::before { content: "\f7e7"; }
.bi-cc-square-fill::before { content: "\f7e8"; }
.bi-cc-square::before { content: "\f7e9"; }
.bi-cup-hot-fill::before { content: "\f7ea"; }
.bi-cup-hot::before { content: "\f7eb"; }
.bi-currency-rupee::before { content: "\f7ec"; }
.bi-dropbox::before { content: "\f7ed"; }
.bi-escape::before { content: "\f7ee"; }
.bi-fast-forward-btn-fill::before { content: "\f7ef"; }
.bi-fast-forward-btn::before { content: "\f7f0"; }
.bi-fast-forward-circle-fill::before { content: "\f7f1"; }
.bi-fast-forward-circle::before { content: "\f7f2"; }
.bi-fast-forward-fill::before { content: "\f7f3"; }
.bi-fast-forward::before { content: "\f7f4"; }
.bi-filetype-sql::before { content: "\f7f5"; }
.bi-fire::before { content: "\f7f6"; }
.bi-google-play::before { content: "\f7f7"; }
.bi-h-circle-fill::before { content: "\f7fa"; }
.bi-h-circle::before { content: "\f7fb"; }
.bi-h-square-fill::before { content: "\f7fc"; }
.bi-h-square::before { content: "\f7fd"; }
.bi-indent::before { content: "\f7fe"; }
.bi-lungs-fill::before { content: "\f7ff"; }
.bi-lungs::before { content: "\f800"; }
.bi-microsoft-teams::before { content: "\f801"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-square-fill::before { content: "\f806"; }
.bi-p-square::before { content: "\f807"; }
.bi-pass-fill::before { content: "\f808"; }
.bi-pass::before { content: "\f809"; }
.bi-prescription::before { content: "\f80a"; }
.bi-prescription2::before { content: "\f80b"; }
.bi-r-circle-fill::before { content: "\f80e"; }
.bi-r-circle::before { content: "\f80f"; }
.bi-r-square-fill::before { content: "\f810"; }
.bi-r-square::before { content: "\f811"; }
.bi-repeat-1::before { content: "\f812"; }
.bi-repeat::before { content: "\f813"; }
.bi-rewind-btn-fill::before { content: "\f814"; }
.bi-rewind-btn::before { content: "\f815"; }
.bi-rewind-circle-fill::before { content: "\f816"; }
.bi-rewind-circle::before { content: "\f817"; }
.bi-rewind-fill::before { content: "\f818"; }
.bi-rewind::before { content: "\f819"; }
.bi-train-freight-front-fill::before { content: "\f81a"; }
.bi-train-freight-front::before { content: "\f81b"; }
.bi-train-front-fill::before { content: "\f81c"; }
.bi-train-front::before { content: "\f81d"; }
.bi-train-lightrail-front-fill::before { content: "\f81e"; }
.bi-train-lightrail-front::before { content: "\f81f"; }
.bi-truck-front-fill::before { content: "\f820"; }
.bi-truck-front::before { content: "\f821"; }
.bi-ubuntu::before { content: "\f822"; }
.bi-unindent::before { content: "\f823"; }
.bi-unity::before { content: "\f824"; }
.bi-universal-access-circle::before { content: "\f825"; }
.bi-universal-access::before { content: "\f826"; }
.bi-virus::before { content: "\f827"; }
.bi-virus2::before { content: "\f828"; }
.bi-wechat::before { content: "\f829"; }
.bi-yelp::before { content: "\f82a"; }
.bi-sign-stop-fill::before { content: "\f82b"; }
.bi-sign-stop-lights-fill::before { content: "\f82c"; }
.bi-sign-stop-lights::before { content: "\f82d"; }
.bi-sign-stop::before { content: "\f82e"; }
.bi-sign-turn-left-fill::before { content: "\f82f"; }
.bi-sign-turn-left::before { content: "\f830"; }
.bi-sign-turn-right-fill::before { content: "\f831"; }
.bi-sign-turn-right::before { content: "\f832"; }
.bi-sign-turn-slight-left-fill::before { content: "\f833"; }
.bi-sign-turn-slight-left::before { content: "\f834"; }
.bi-sign-turn-slight-right-fill::before { content: "\f835"; }
.bi-sign-turn-slight-right::before { content: "\f836"; }
.bi-sign-yield-fill::before { content: "\f837"; }
.bi-sign-yield::before { content: "\f838"; }
.bi-ev-station-fill::before { content: "\f839"; }
.bi-ev-station::before { content: "\f83a"; }
.bi-fuel-pump-diesel-fill::before { content: "\f83b"; }
.bi-fuel-pump-diesel::before { content: "\f83c"; }
.bi-fuel-pump-fill::before { content: "\f83d"; }
.bi-fuel-pump::before { content: "\f83e"; }
.bi-0-circle-fill::before { content: "\f83f"; }
.bi-0-circle::before { content: "\f840"; }
.bi-0-square-fill::before { content: "\f841"; }
.bi-0-square::before { content: "\f842"; }
.bi-rocket-fill::before { content: "\f843"; }
.bi-rocket-takeoff-fill::before { content: "\f844"; }
.bi-rocket-takeoff::before { content: "\f845"; }
.bi-rocket::before { content: "\f846"; }
.bi-stripe::before { content: "\f847"; }
.bi-subscript::before { content: "\f848"; }
.bi-superscript::before { content: "\f849"; }
.bi-trello::before { content: "\f84a"; }
.bi-envelope-at-fill::before { content: "\f84b"; }
.bi-envelope-at::before { content: "\f84c"; }
.bi-regex::before { content: "\f84d"; }
.bi-text-wrap::before { content: "\f84e"; }
.bi-sign-dead-end-fill::before { content: "\f84f"; }
.bi-sign-dead-end::before { content: "\f850"; }
.bi-sign-do-not-enter-fill::before { content: "\f851"; }
.bi-sign-do-not-enter::before { content: "\f852"; }
.bi-sign-intersection-fill::before { content: "\f853"; }
.bi-sign-intersection-side-fill::before { content: "\f854"; }
.bi-sign-intersection-side::before { content: "\f855"; }
.bi-sign-intersection-t-fill::before { content: "\f856"; }
.bi-sign-intersection-t::before { content: "\f857"; }
.bi-sign-intersection-y-fill::before { content: "\f858"; }
.bi-sign-intersection-y::before { content: "\f859"; }
.bi-sign-intersection::before { content: "\f85a"; }
.bi-sign-merge-left-fill::before { content: "\f85b"; }
.bi-sign-merge-left::before { content: "\f85c"; }
.bi-sign-merge-right-fill::before { content: "\f85d"; }
.bi-sign-merge-right::before { content: "\f85e"; }
.bi-sign-no-left-turn-fill::before { content: "\f85f"; }
.bi-sign-no-left-turn::before { content: "\f860"; }
.bi-sign-no-parking-fill::before { content: "\f861"; }
.bi-sign-no-parking::before { content: "\f862"; }
.bi-sign-no-right-turn-fill::before { content: "\f863"; }
.bi-sign-no-right-turn::before { content: "\f864"; }
.bi-sign-railroad-fill::before { content: "\f865"; }
.bi-sign-railroad::before { content: "\f866"; }
.bi-building-add::before { content: "\f867"; }
.bi-building-check::before { content: "\f868"; }
.bi-building-dash::before { content: "\f869"; }
.bi-building-down::before { content: "\f86a"; }
.bi-building-exclamation::before { content: "\f86b"; }
.bi-building-fill-add::before { content: "\f86c"; }
.bi-building-fill-check::before { content: "\f86d"; }
.bi-building-fill-dash::before { content: "\f86e"; }
.bi-building-fill-down::before { content: "\f86f"; }
.bi-building-fill-exclamation::before { content: "\f870"; }
.bi-building-fill-gear::before { content: "\f871"; }
.bi-building-fill-lock::before { content: "\f872"; }
.bi-building-fill-slash::before { content: "\f873"; }
.bi-building-fill-up::before { content: "\f874"; }
.bi-building-fill-x::before { content: "\f875"; }
.bi-building-fill::before { content: "\f876"; }
.bi-building-gear::before { content: "\f877"; }
.bi-building-lock::before { content: "\f878"; }
.bi-building-slash::before { content: "\f879"; }
.bi-building-up::before { content: "\f87a"; }
.bi-building-x::before { content: "\f87b"; }
.bi-buildings-fill::before { content: "\f87c"; }
.bi-buildings::before { content: "\f87d"; }
.bi-bus-front-fill::before { content: "\f87e"; }
.bi-bus-front::before { content: "\f87f"; }
.bi-ev-front-fill::before { content: "\f880"; }
.bi-ev-front::before { content: "\f881"; }
.bi-globe-americas::before { content: "\f882"; }
.bi-globe-asia-australia::before { content: "\f883"; }
.bi-globe-central-south-asia::before { content: "\f884"; }
.bi-globe-europe-africa::before { content: "\f885"; }
.bi-house-add-fill::before { content: "\f886"; }
.bi-house-add::before { content: "\f887"; }
.bi-house-check-fill::before { content: "\f888"; }
.bi-house-check::before { content: "\f889"; }
.bi-house-dash-fill::before { content: "\f88a"; }
.bi-house-dash::before { content: "\f88b"; }
.bi-house-down-fill::before { content: "\f88c"; }
.bi-house-down::before { content: "\f88d"; }
.bi-house-exclamation-fill::before { content: "\f88e"; }
.bi-house-exclamation::before { content: "\f88f"; }
.bi-house-gear-fill::before { content: "\f890"; }
.bi-house-gear::before { content: "\f891"; }
.bi-house-lock-fill::before { content: "\f892"; }
.bi-house-lock::before { content: "\f893"; }
.bi-house-slash-fill::before { content: "\f894"; }
.bi-house-slash::before { content: "\f895"; }
.bi-house-up-fill::before { content: "\f896"; }
.bi-house-up::before { content: "\f897"; }
.bi-house-x-fill::before { content: "\f898"; }
.bi-house-x::before { content: "\f899"; }
.bi-person-add::before { content: "\f89a"; }
.bi-person-down::before { content: "\f89b"; }
.bi-person-exclamation::before { content: "\f89c"; }
.bi-person-fill-add::before { content: "\f89d"; }
.bi-person-fill-check::before { content: "\f89e"; }
.bi-person-fill-dash::before { content: "\f89f"; }
.bi-person-fill-down::before { content: "\f8a0"; }
.bi-person-fill-exclamation::before { content: "\f8a1"; }
.bi-person-fill-gear::before { content: "\f8a2"; }
.bi-person-fill-lock::before { content: "\f8a3"; }
.bi-person-fill-slash::before { content: "\f8a4"; }
.bi-person-fill-up::before { content: "\f8a5"; }
.bi-person-fill-x::before { content: "\f8a6"; }
.bi-person-gear::before { content: "\f8a7"; }
.bi-person-lock::before { content: "\f8a8"; }
.bi-person-slash::before { content: "\f8a9"; }
.bi-person-up::before { content: "\f8aa"; }
.bi-scooter::before { content: "\f8ab"; }
.bi-taxi-front-fill::before { content: "\f8ac"; }
.bi-taxi-front::before { content: "\f8ad"; }
.bi-amd::before { content: "\f8ae"; }
.bi-database-add::before { content: "\f8af"; }
.bi-database-check::before { content: "\f8b0"; }
.bi-database-dash::before { content: "\f8b1"; }
.bi-database-down::before { content: "\f8b2"; }
.bi-database-exclamation::before { content: "\f8b3"; }
.bi-database-fill-add::before { content: "\f8b4"; }
.bi-database-fill-check::before { content: "\f8b5"; }
.bi-database-fill-dash::before { content: "\f8b6"; }
.bi-database-fill-down::before { content: "\f8b7"; }
.bi-database-fill-exclamation::before { content: "\f8b8"; }
.bi-database-fill-gear::before { content: "\f8b9"; }
.bi-database-fill-lock::before { content: "\f8ba"; }
.bi-database-fill-slash::before { content: "\f8bb"; }
.bi-database-fill-up::before { content: "\f8bc"; }
.bi-database-fill-x::before { content: "\f8bd"; }
.bi-database-fill::before { content: "\f8be"; }
.bi-database-gear::before { content: "\f8bf"; }
.bi-database-lock::before { content: "\f8c0"; }
.bi-database-slash::before { content: "\f8c1"; }
.bi-database-up::before { content: "\f8c2"; }
.bi-database-x::before { content: "\f8c3"; }
.bi-database::before { content: "\f8c4"; }
.bi-houses-fill::before { content: "\f8c5"; }
.bi-houses::before { content: "\f8c6"; }
.bi-nvidia::before { content: "\f8c7"; }
.bi-person-vcard-fill::before { content: "\f8c8"; }
.bi-person-vcard::before { content: "\f8c9"; }
.bi-sina-weibo::before { content: "\f8ca"; }
.bi-tencent-qq::before { content: "\f8cb"; }
.bi-wikipedia::before { content: "\f8cc"; }
.bi-alphabet-uppercase::before { content: "\f2a5"; }
.bi-alphabet::before { content: "\f68a"; }
.bi-amazon::before { content: "\f68d"; }
.bi-arrows-collapse-vertical::before { content: "\f690"; }
.bi-arrows-expand-vertical::before { content: "\f695"; }
.bi-arrows-vertical::before { content: "\f698"; }
.bi-arrows::before { content: "\f6a2"; }
.bi-ban-fill::before { content: "\f6a3"; }
.bi-ban::before { content: "\f6b6"; }
.bi-bing::before { content: "\f6c2"; }
.bi-cake::before { content: "\f6e0"; }
.bi-cake2::before { content: "\f6ed"; }
.bi-cookie::before { content: "\f6ee"; }
.bi-copy::before { content: "\f759"; }
.bi-crosshair::before { content: "\f769"; }
.bi-crosshair2::before { content: "\f794"; }
.bi-emoji-astonished-fill::before { content: "\f795"; }
.bi-emoji-astonished::before { content: "\f79a"; }
.bi-emoji-grimace-fill::before { content: "\f79b"; }
.bi-emoji-grimace::before { content: "\f7a0"; }
.bi-emoji-grin-fill::before { content: "\f7a1"; }
.bi-emoji-grin::before { content: "\f7a6"; }
.bi-emoji-surprise-fill::before { content: "\f7a7"; }
.bi-emoji-surprise::before { content: "\f7ac"; }
.bi-emoji-tear-fill::before { content: "\f7ad"; }
.bi-emoji-tear::before { content: "\f7b2"; }
.bi-envelope-arrow-down-fill::before { content: "\f7b3"; }
.bi-envelope-arrow-down::before { content: "\f7b8"; }
.bi-envelope-arrow-up-fill::before { content: "\f7b9"; }
.bi-envelope-arrow-up::before { content: "\f7be"; }
.bi-feather::before { content: "\f7bf"; }
.bi-feather2::before { content: "\f7c4"; }
.bi-floppy-fill::before { content: "\f7c5"; }
.bi-floppy::before { content: "\f7d8"; }
.bi-floppy2-fill::before { content: "\f7d9"; }
.bi-floppy2::before { content: "\f7e4"; }
.bi-gitlab::before { content: "\f7e5"; }
.bi-highlighter::before { content: "\f7f8"; }
.bi-marker-tip::before { content: "\f802"; }
.bi-nvme-fill::before { content: "\f803"; }
.bi-nvme::before { content: "\f80c"; }
.bi-opencollective::before { content: "\f80d"; }
.bi-pci-card-network::before { content: "\f8cd"; }
.bi-pci-card-sound::before { content: "\f8ce"; }
.bi-radar::before { content: "\f8cf"; }
.bi-send-arrow-down-fill::before { content: "\f8d0"; }
.bi-send-arrow-down::before { content: "\f8d1"; }
.bi-send-arrow-up-fill::before { content: "\f8d2"; }
.bi-send-arrow-up::before { content: "\f8d3"; }
.bi-sim-slash-fill::before { content: "\f8d4"; }
.bi-sim-slash::before { content: "\f8d5"; }
.bi-sourceforge::before { content: "\f8d6"; }
.bi-substack::before { content: "\f8d7"; }
.bi-threads-fill::before { content: "\f8d8"; }
.bi-threads::before { content: "\f8d9"; }
.bi-transparency::before { content: "\f8da"; }
.bi-twitter-x::before { content: "\f8db"; }
.bi-type-h4::before { content: "\f8dc"; }
.bi-type-h5::before { content: "\f8dd"; }
.bi-type-h6::before { content: "\f8de"; }
.bi-backpack-fill::before { content: "\f8df"; }
.bi-backpack::before { content: "\f8e0"; }
.bi-backpack2-fill::before { content: "\f8e1"; }
.bi-backpack2::before { content: "\f8e2"; }
.bi-backpack3-fill::before { content: "\f8e3"; }
.bi-backpack3::before { content: "\f8e4"; }
.bi-backpack4-fill::before { content: "\f8e5"; }
.bi-backpack4::before { content: "\f8e6"; }
.bi-brilliance::before { content: "\f8e7"; }
.bi-cake-fill::before { content: "\f8e8"; }
.bi-cake2-fill::before { content: "\f8e9"; }
.bi-duffle-fill::before { content: "\f8ea"; }
.bi-duffle::before { content: "\f8eb"; }
.bi-exposure::before { content: "\f8ec"; }
.bi-gender-neuter::before { content: "\f8ed"; }
.bi-highlights::before { content: "\f8ee"; }
.bi-luggage-fill::before { content: "\f8ef"; }
.bi-luggage::before { content: "\f8f0"; }
.bi-mailbox-flag::before { content: "\f8f1"; }
.bi-mailbox2-flag::before { content: "\f8f2"; }
.bi-noise-reduction::before { content: "\f8f3"; }
.bi-passport-fill::before { content: "\f8f4"; }
.bi-passport::before { content: "\f8f5"; }
.bi-person-arms-up::before { content: "\f8f6"; }
.bi-person-raised-hand::before { content: "\f8f7"; }
.bi-person-standing-dress::before { content: "\f8f8"; }
.bi-person-standing::before { content: "\f8f9"; }
.bi-person-walking::before { content: "\f8fa"; }
.bi-person-wheelchair::before { content: "\f8fb"; }
.bi-shadows::before { content: "\f8fc"; }
.bi-suitcase-fill::before { content: "\f8fd"; }
.bi-suitcase-lg-fill::before { content: "\f8fe"; }
.bi-suitcase-lg::before { content: "\f8ff"; }
.bi-suitcase::before { content: "\f900"; }
.bi-suitcase2-fill::before { content: "\f901"; }
.bi-suitcase2::before { content: "\f902"; }
.bi-vignette::before { content: "\f903"; }
.bi-bluesky::before { content: "\f7f9"; }
.bi-tux::before { content: "\f904"; }
.bi-beaker-fill::before { content: "\f905"; }
.bi-beaker::before { content: "\f906"; }
.bi-flask-fill::before { content: "\f907"; }
.bi-flask-florence-fill::before { content: "\f908"; }
.bi-flask-florence::before { content: "\f909"; }
.bi-flask::before { content: "\f90a"; }
.bi-leaf-fill::before { content: "\f90b"; }
.bi-leaf::before { content: "\f90c"; }
.bi-measuring-cup-fill::before { content: "\f90d"; }
.bi-measuring-cup::before { content: "\f90e"; }
.bi-unlock2-fill::before { content: "\f90f"; }
.bi-unlock2::before { content: "\f910"; }
.bi-battery-low::before { content: "\f911"; }
.bi-anthropic::before { content: "\f912"; }
.bi-apple-music::before { content: "\f913"; }
.bi-claude::before { content: "\f914"; }
.bi-openai::before { content: "\f915"; }
.bi-perplexity::before { content: "\f916"; }
.bi-css::before { content: "\f917"; }
.bi-javascript::before { content: "\f918"; }
.bi-typescript::before { content: "\f919"; }
.bi-fork-knife::before { content: "\f91a"; }
.bi-globe-americas-fill::before { content: "\f91b"; }
.bi-globe-asia-australia-fill::before { content: "\f91c"; }
.bi-globe-central-south-asia-fill::before { content: "\f91d"; }
.bi-globe-europe-africa-fill::before { content: "\f91e"; }
/* Material Icons Font (for MD theme) */
@font-face {
font-family: 'Material Icons';
font-display: swap;
font-weight: 400;
src: url(../fonts/MaterialIcons-Regular.eot);
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(../fonts/MaterialIcons-Regular.woff) format('woff'),
url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga';
}
/* Framework7 Icons Font (for iOS theme) */
@font-face {
font-family: 'Framework7 Icons';
font-weight: 400;
/* src: url("../fonts/Framework7Icons-Regular.eot"); */
/* src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
url("../fonts/Framework7Icons-Regular.woff") format("woff"),
url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); */
}
.f7-icons {
font-family: 'Framework7 Icons';
font-weight: normal;
font-size: 28px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
}
@font-face {
font-family: 'TENGXZTB';
font-weight: 400;
src: url(../fonts/TENGXZT.woff) format("woff");
}
@font-face {
font-family: 'Manrope';
src: url(../fonts/Manrope-VariableFont_wght.ttf) format('truetype-variations');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
/**
* Entry of basic styles
*/
html {
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}
a {
text-decoration: none;
}
input,
button,
textarea {
color: inherit;
font: inherit;
}
a:focus,
input:focus,
button:focus,
textarea:focus,
[class*='van-']:focus {
outline: none;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
.van-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.van-multi-ellipsis--l2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.van-multi-ellipsis--l3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.van-clearfix::after {
display: table;
clear: both;
content: '';
}
[class*='van-hairline']::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
border: 0 solid #ebedf0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.van-hairline,
.van-hairline--top,
.van-hairline--left,
.van-hairline--right,
.van-hairline--bottom,
.van-hairline--surround,
.van-hairline--top-bottom {
position: relative;
}
.van-hairline--top::after {
border-top-width: 1px;
}
.van-hairline--left::after {
border-left-width: 1px;
}
.van-hairline--right::after {
border-right-width: 1px;
}
.van-hairline--bottom::after {
border-bottom-width: 1px;
}
.van-hairline--top-bottom::after,
.van-hairline-unset--top-bottom::after {
border-width: 1px 0;
}
.van-hairline--surround::after {
border-width: 1px;
}
@-webkit-keyframes van-slide-up-enter {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes van-slide-up-enter {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes van-slide-up-leave {
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes van-slide-up-leave {
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes van-slide-down-enter {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes van-slide-down-enter {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes van-slide-down-leave {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes van-slide-down-leave {
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes van-slide-left-enter {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes van-slide-left-enter {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes van-slide-left-leave {
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes van-slide-left-leave {
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes van-slide-right-enter {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes van-slide-right-enter {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes van-slide-right-leave {
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes van-slide-right-leave {
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes van-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes van-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes van-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes van-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes van-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes van-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.van-fade-enter-active {
-webkit-animation: 0.3s van-fade-in both ease-out;
animation: 0.3s van-fade-in both ease-out;
}
.van-fade-leave-active {
-webkit-animation: 0.3s van-fade-out both ease-in;
animation: 0.3s van-fade-out both ease-in;
}
.van-slide-up-enter-active {
-webkit-animation: van-slide-up-enter 0.3s both ease-out;
animation: van-slide-up-enter 0.3s both ease-out;
}
.van-slide-up-leave-active {
-webkit-animation: van-slide-up-leave 0.3s both ease-in;
animation: van-slide-up-leave 0.3s both ease-in;
}
.van-slide-down-enter-active {
-webkit-animation: van-slide-down-enter 0.3s both ease-out;
animation: van-slide-down-enter 0.3s both ease-out;
}
.van-slide-down-leave-active {
-webkit-animation: van-slide-down-leave 0.3s both ease-in;
animation: van-slide-down-leave 0.3s both ease-in;
}
.van-slide-left-enter-active {
-webkit-animation: van-slide-left-enter 0.3s both ease-out;
animation: van-slide-left-enter 0.3s both ease-out;
}
.van-slide-left-leave-active {
-webkit-animation: van-slide-left-leave 0.3s both ease-in;
animation: van-slide-left-leave 0.3s both ease-in;
}
.van-slide-right-enter-active {
-webkit-animation: van-slide-right-enter 0.3s both ease-out;
animation: van-slide-right-enter 0.3s both ease-out;
}
.van-slide-right-leave-active {
-webkit-animation: van-slide-right-leave 0.3s both ease-in;
animation: van-slide-right-leave 0.3s both ease-in;
}
.van-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.van-info {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
min-width: 16px;
padding: 0 3px;
color: #fff;
font-weight: 500;
font-size: 12px;
font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
line-height: 1.2;
text-align: center;
background-color: #ee0a24;
border: 1px solid #fff;
border-radius: 16px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.van-info--dot {
width: 8px;
min-width: 0;
height: 8px;
background-color: #ee0a24;
border-radius: 100%;
}
.van-sidebar-item {
position: relative;
display: block;
box-sizing: border-box;
padding: 20px 12px;
overflow: hidden;
color: #323233;
font-size: 14px;
line-height: 20px;
background-color: #f7f8fa;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-sidebar-item:active {
background-color: #f2f3f5;
}
.van-sidebar-item__text {
position: relative;
display: inline-block;
word-break: break-all;
}
.van-sidebar-item:not(:last-child)::after {
border-bottom-width: 1px;
}
.van-sidebar-item--select {
color: #323233;
font-weight: 500;
}
.van-sidebar-item--select,
.van-sidebar-item--select:active {
background-color: #fff;
}
.van-sidebar-item--select::before {
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 16px;
background-color: #ee0a24;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
.van-sidebar-item--disabled {
color: #c8c9cc;
cursor: not-allowed;
}
.van-sidebar-item--disabled:active {
background-color: #f7f8fa;
}
.van-icon {
position: relative;
display: inline-block;
font: normal normal normal 14px/1 'vant-icon';
font: normal normal normal 14px/1 'vant-icon';
font: normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.van-icon:before {
display: inline-block;
}
.van-icon-contact:before {
content: '\e753';
}
.van-icon-notes:before {
content: '\e63c';
}
.van-icon-records:before {
content: '\e63d';
}
.van-icon-cash-back-record:before {
content: '\e63e';
}
.van-icon-newspaper:before {
content: '\e63f';
}
.van-icon-discount:before {
content: '\e640';
}
.van-icon-completed:before {
content: '\e641';
}
.van-icon-user:before {
content: '\e642';
}
.van-icon-description:before {
content: '\e643';
}
.van-icon-list-switch:before {
content: '\e6ad';
}
.van-icon-list-switching:before {
content: '\e65a';
}
.van-icon-link-o:before {
content: '\e751';
}
.van-icon-miniprogram-o:before {
content: '\e752';
}
.van-icon-qq:before {
content: '\e74e';
}
.van-icon-wechat-moments:before {
content: '\e74f';
}
.van-icon-weibo:before {
content: '\e750';
}
.van-icon-cash-o:before {
content: '\e74d';
}
.van-icon-guide-o:before {
content: '\e74c';
}
.van-icon-invitation:before {
content: '\e6d6';
}
.van-icon-shield-o:before {
content: '\e74b';
}
.van-icon-exchange:before {
content: '\e6af';
}
.van-icon-eye:before {
content: '\e6b0';
}
.van-icon-enlarge:before {
content: '\e6b1';
}
.van-icon-expand-o:before {
content: '\e6b2';
}
.van-icon-eye-o:before {
content: '\e6b3';
}
.van-icon-expand:before {
content: '\e6b4';
}
.van-icon-filter-o:before {
content: '\e6b5';
}
.van-icon-fire:before {
content: '\e6b6';
}
.van-icon-fail:before {
content: '\e6b7';
}
.van-icon-failure:before {
content: '\e6b8';
}
.van-icon-fire-o:before {
content: '\e6b9';
}
.van-icon-flag-o:before {
content: '\e6ba';
}
.van-icon-font:before {
content: '\e6bb';
}
.van-icon-font-o:before {
content: '\e6bc';
}
.van-icon-gem-o:before {
content: '\e6bd';
}
.van-icon-flower-o:before {
content: '\e6be';
}
.van-icon-gem:before {
content: '\e6bf';
}
.van-icon-gift-card:before {
content: '\e6c0';
}
.van-icon-friends:before {
content: '\e6c1';
}
.van-icon-friends-o:before {
content: '\e6c2';
}
.van-icon-gold-coin:before {
content: '\e6c3';
}
.van-icon-gold-coin-o:before {
content: '\e6c4';
}
.van-icon-good-job-o:before {
content: '\e6c5';
}
.van-icon-gift:before {
content: '\e6c6';
}
.van-icon-gift-o:before {
content: '\e6c7';
}
.van-icon-gift-card-o:before {
content: '\e6c8';
}
.van-icon-good-job:before {
content: '\e6c9';
}
.van-icon-home-o:before {
content: '\e6ca';
}
.van-icon-goods-collect:before {
content: '\e6cb';
}
.van-icon-graphic:before {
content: '\e6cc';
}
.van-icon-goods-collect-o:before {
content: '\e6cd';
}
.van-icon-hot-o:before {
content: '\e6ce';
}
.van-icon-info:before {
content: '\e6cf';
}
.van-icon-hotel-o:before {
content: '\e6d0';
}
.van-icon-info-o:before {
content: '\e6d1';
}
.van-icon-hot-sale-o:before {
content: '\e6d2';
}
.van-icon-hot:before {
content: '\e6d3';
}
.van-icon-like:before {
content: '\e6d4';
}
.van-icon-idcard:before {
content: '\e6d5';
}
.van-icon-like-o:before {
content: '\e6d7';
}
.van-icon-hot-sale:before {
content: '\e6d8';
}
.van-icon-location-o:before {
content: '\e6d9';
}
.van-icon-location:before {
content: '\e6da';
}
.van-icon-label:before {
content: '\e6db';
}
.van-icon-lock:before {
content: '\e6dc';
}
.van-icon-label-o:before {
content: '\e6dd';
}
.van-icon-map-marked:before {
content: '\e6de';
}
.van-icon-logistics:before {
content: '\e6df';
}
.van-icon-manager:before {
content: '\e6e0';
}
.van-icon-more:before {
content: '\e6e1';
}
.van-icon-live:before {
content: '\e6e2';
}
.van-icon-manager-o:before {
content: '\e6e3';
}
.van-icon-medal:before {
content: '\e6e4';
}
.van-icon-more-o:before {
content: '\e6e5';
}
.van-icon-music-o:before {
content: '\e6e6';
}
.van-icon-music:before {
content: '\e6e7';
}
.van-icon-new-arrival-o:before {
content: '\e6e8';
}
.van-icon-medal-o:before {
content: '\e6e9';
}
.van-icon-new-o:before {
content: '\e6ea';
}
.van-icon-free-postage:before {
content: '\e6eb';
}
.van-icon-newspaper-o:before {
content: '\e6ec';
}
.van-icon-new-arrival:before {
content: '\e6ed';
}
.van-icon-minus:before {
content: '\e6ee';
}
.van-icon-orders-o:before {
content: '\e6ef';
}
.van-icon-new:before {
content: '\e6f0';
}
.van-icon-paid:before {
content: '\e6f1';
}
.van-icon-notes-o:before {
content: '\e6f2';
}
.van-icon-other-pay:before {
content: '\e6f3';
}
.van-icon-pause-circle:before {
content: '\e6f4';
}
.van-icon-pause:before {
content: '\e6f5';
}
.van-icon-pause-circle-o:before {
content: '\e6f6';
}
.van-icon-peer-pay:before {
content: '\e6f7';
}
.van-icon-pending-payment:before {
content: '\e6f8';
}
.van-icon-passed:before {
content: '\e6f9';
}
.van-icon-plus:before {
content: '\e6fa';
}
.van-icon-phone-circle-o:before {
content: '\e6fb';
}
.van-icon-phone-o:before {
content: '\e6fc';
}
.van-icon-printer:before {
content: '\e6fd';
}
.van-icon-photo-fail:before {
content: '\e6fe';
}
.van-icon-phone:before {
content: '\e6ff';
}
.van-icon-photo-o:before {
content: '\e700';
}
.van-icon-play-circle:before {
content: '\e701';
}
.van-icon-play:before {
content: '\e702';
}
.van-icon-phone-circle:before {
content: '\e703';
}
.van-icon-point-gift-o:before {
content: '\e704';
}
.van-icon-point-gift:before {
content: '\e705';
}
.van-icon-play-circle-o:before {
content: '\e706';
}
.van-icon-shrink:before {
content: '\e707';
}
.van-icon-photo:before {
content: '\e708';
}
.van-icon-qr:before {
content: '\e709';
}
.van-icon-qr-invalid:before {
content: '\e70a';
}
.van-icon-question-o:before {
content: '\e70b';
}
.van-icon-revoke:before {
content: '\e70c';
}
.van-icon-replay:before {
content: '\e70d';
}
.van-icon-service:before {
content: '\e70e';
}
.van-icon-question:before {
content: '\e70f';
}
.van-icon-search:before {
content: '\e710';
}
.van-icon-refund-o:before {
content: '\e711';
}
.van-icon-service-o:before {
content: '\e712';
}
.van-icon-scan:before {
content: '\e713';
}
.van-icon-share:before {
content: '\e714';
}
.van-icon-send-gift-o:before {
content: '\e715';
}
.van-icon-share-o:before {
content: '\e716';
}
.van-icon-setting:before {
content: '\e717';
}
.van-icon-points:before {
content: '\e718';
}
.van-icon-photograph:before {
content: '\e719';
}
.van-icon-shop:before {
content: '\e71a';
}
.van-icon-shop-o:before {
content: '\e71b';
}
.van-icon-shop-collect-o:before {
content: '\e71c';
}
.van-icon-shop-collect:before {
content: '\e71d';
}
.van-icon-smile:before {
content: '\e71e';
}
.van-icon-shopping-cart-o:before {
content: '\e71f';
}
.van-icon-sign:before {
content: '\e720';
}
.van-icon-sort:before {
content: '\e721';
}
.van-icon-star-o:before {
content: '\e722';
}
.van-icon-smile-comment-o:before {
content: '\e723';
}
.van-icon-stop:before {
content: '\e724';
}
.van-icon-stop-circle-o:before {
content: '\e725';
}
.van-icon-smile-o:before {
content: '\e726';
}
.van-icon-star:before {
content: '\e727';
}
.van-icon-success:before {
content: '\e728';
}
.van-icon-stop-circle:before {
content: '\e729';
}
.van-icon-records-o:before {
content: '\e72a';
}
.van-icon-shopping-cart:before {
content: '\e72b';
}
.van-icon-tosend:before {
content: '\e72c';
}
.van-icon-todo-list:before {
content: '\e72d';
}
.van-icon-thumb-circle-o:before {
content: '\e72e';
}
.van-icon-thumb-circle:before {
content: '\e72f';
}
.van-icon-umbrella-circle:before {
content: '\e730';
}
.van-icon-underway:before {
content: '\e731';
}
.van-icon-upgrade:before {
content: '\e732';
}
.van-icon-todo-list-o:before {
content: '\e733';
}
.van-icon-tv-o:before {
content: '\e734';
}
.van-icon-underway-o:before {
content: '\e735';
}
.van-icon-user-o:before {
content: '\e736';
}
.van-icon-vip-card-o:before {
content: '\e737';
}
.van-icon-vip-card:before {
content: '\e738';
}
.van-icon-send-gift:before {
content: '\e739';
}
.van-icon-wap-home:before {
content: '\e73a';
}
.van-icon-wap-nav:before {
content: '\e73b';
}
.van-icon-volume-o:before {
content: '\e73c';
}
.van-icon-video:before {
content: '\e73d';
}
.van-icon-wap-home-o:before {
content: '\e73e';
}
.van-icon-volume:before {
content: '\e73f';
}
.van-icon-warning:before {
content: '\e740';
}
.van-icon-weapp-nav:before {
content: '\e741';
}
.van-icon-wechat-pay:before {
content: '\e742';
}
.van-icon-warning-o:before {
content: '\e743';
}
.van-icon-wechat:before {
content: '\e744';
}
.van-icon-setting-o:before {
content: '\e745';
}
.van-icon-youzan-shield:before {
content: '\e746';
}
.van-icon-warn-o:before {
content: '\e747';
}
.van-icon-smile-comment:before {
content: '\e748';
}
.van-icon-user-circle-o:before {
content: '\e749';
}
.van-icon-video-o:before {
content: '\e74a';
}
.van-icon-add-square:before {
content: '\e65c';
}
.van-icon-add:before {
content: '\e65d';
}
.van-icon-arrow-down:before {
content: '\e65e';
}
.van-icon-arrow-up:before {
content: '\e65f';
}
.van-icon-arrow:before {
content: '\e660';
}
.van-icon-after-sale:before {
content: '\e661';
}
.van-icon-add-o:before {
content: '\e662';
}
.van-icon-alipay:before {
content: '\e663';
}
.van-icon-ascending:before {
content: '\e664';
}
.van-icon-apps-o:before {
content: '\e665';
}
.van-icon-aim:before {
content: '\e666';
}
.van-icon-award:before {
content: '\e667';
}
.van-icon-arrow-left:before {
content: '\e668';
}
.van-icon-award-o:before {
content: '\e669';
}
.van-icon-audio:before {
content: '\e66a';
}
.van-icon-bag-o:before {
content: '\e66b';
}
.van-icon-balance-list:before {
content: '\e66c';
}
.van-icon-back-top:before {
content: '\e66d';
}
.van-icon-bag:before {
content: '\e66e';
}
.van-icon-balance-pay:before {
content: '\e66f';
}
.van-icon-balance-o:before {
content: '\e670';
}
.van-icon-bar-chart-o:before {
content: '\e671';
}
.van-icon-bars:before {
content: '\e672';
}
.van-icon-balance-list-o:before {
content: '\e673';
}
.van-icon-birthday-cake-o:before {
content: '\e674';
}
.van-icon-bookmark:before {
content: '\e675';
}
.van-icon-bill:before {
content: '\e676';
}
.van-icon-bell:before {
content: '\e677';
}
.van-icon-browsing-history-o:before {
content: '\e678';
}
.van-icon-browsing-history:before {
content: '\e679';
}
.van-icon-bookmark-o:before {
content: '\e67a';
}
.van-icon-bulb-o:before {
content: '\e67b';
}
.van-icon-bullhorn-o:before {
content: '\e67c';
}
.van-icon-bill-o:before {
content: '\e67d';
}
.van-icon-calendar-o:before {
content: '\e67e';
}
.van-icon-brush-o:before {
content: '\e67f';
}
.van-icon-card:before {
content: '\e680';
}
.van-icon-cart-o:before {
content: '\e681';
}
.van-icon-cart-circle:before {
content: '\e682';
}
.van-icon-cart-circle-o:before {
content: '\e683';
}
.van-icon-cart:before {
content: '\e684';
}
.van-icon-cash-on-deliver:before {
content: '\e685';
}
.van-icon-cash-back-record-o:before {
content: '\e686';
}
.van-icon-cashier-o:before {
content: '\e687';
}
.van-icon-chart-trending-o:before {
content: '\e688';
}
.van-icon-certificate:before {
content: '\e689';
}
.van-icon-chat:before {
content: '\e68a';
}
.van-icon-clear:before {
content: '\e68b';
}
.van-icon-chat-o:before {
content: '\e68c';
}
.van-icon-checked:before {
content: '\e68d';
}
.van-icon-clock:before {
content: '\e68e';
}
.van-icon-clock-o:before {
content: '\e68f';
}
.van-icon-close:before {
content: '\e690';
}
.van-icon-closed-eye:before {
content: '\e691';
}
.van-icon-circle:before {
content: '\e692';
}
.van-icon-cluster-o:before {
content: '\e693';
}
.van-icon-column:before {
content: '\e694';
}
.van-icon-comment-circle-o:before {
content: '\e695';
}
.van-icon-cluster:before {
content: '\e696';
}
.van-icon-comment:before {
content: '\e697';
}
.van-icon-comment-o:before {
content: '\e698';
}
.van-icon-comment-circle:before {
content: '\e699';
}
.van-icon-completed-o:before {
content: '\e69a';
}
.van-icon-credit-pay:before {
content: '\e69b';
}
.van-icon-coupon:before {
content: '\e69c';
}
.van-icon-debit-pay:before {
content: '\e69d';
}
.van-icon-coupon-o:before {
content: '\e69e';
}
.van-icon-contact-o:before {
content: '\e69f';
}
.van-icon-descending:before {
content: '\e6a0';
}
.van-icon-desktop-o:before {
content: '\e6a1';
}
.van-icon-diamond-o:before {
content: '\e6a2';
}
.van-icon-description-o:before {
content: '\e6a3';
}
.van-icon-delete:before {
content: '\e6a4';
}
.van-icon-diamond:before {
content: '\e6a5';
}
.van-icon-delete-o:before {
content: '\e6a6';
}
.van-icon-cross:before {
content: '\e6a7';
}
.van-icon-edit:before {
content: '\e6a8';
}
.van-icon-ellipsis:before {
content: '\e6a9';
}
.van-icon-down:before {
content: '\e6aa';
}
.van-icon-discount-o:before {
content: '\e6ab';
}
.van-icon-ecard-pay:before {
content: '\e6ac';
}
.van-icon-envelop-o:before {
content: '\e6ae';
}
@font-face {
font-weight: normal;
font-family: 'vant-icon';
font-style: normal;
font-display: auto;
src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2'), url('//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022') format('woff');
}
.van-icon__image {
display: block;
width: 1em;
height: 1em;
object-fit: contain;
}
.van-tabbar-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #646566;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
.van-tabbar-item__icon {
position: relative;
margin-bottom: 4px;
font-size: 22px;
}
.van-tabbar-item__icon .van-icon {
display: block;
}
.van-tabbar-item__icon img {
display: block;
height: 20px;
}
.van-tabbar-item--active {
color: #1989fa;
background-color: #fff;
}
.van-tabbar-item .van-info {
margin-top: 4px;
}
.van-step {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #969799;
font-size: 14px;
}
.van-step__circle {
display: block;
width: 5px;
height: 5px;
background-color: #969799;
border-radius: 50%;
}
.van-step__line {
position: absolute;
background-color: #ebedf0;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.van-step--horizontal {
float: left;
}
.van-step--horizontal:first-child .van-step__title {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
.van-step--horizontal:last-child {
position: absolute;
right: 1px;
width: auto;
}
.van-step--horizontal:last-child .van-step__title {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
.van-step--horizontal:last-child .van-step__circle-container {
right: -9px;
left: auto;
}
.van-step--horizontal .van-step__circle-container {
position: absolute;
top: 30px;
left: -8px;
z-index: 1;
padding: 0 8px;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.van-step--horizontal .van-step__title {
display: inline-block;
margin-left: 3px;
font-size: 12px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 321px) {
.van-step--horizontal .van-step__title {
font-size: 11px;
}
}
.van-step--horizontal .van-step__line {
top: 30px;
left: 0;
width: 100%;
height: 1px;
}
.van-step--horizontal .van-step__icon {
display: block;
font-size: 12px;
}
.van-step--horizontal .van-step--process {
color: #323233;
}
.van-step--vertical {
display: block;
float: none;
padding: 10px 10px 10px 0;
line-height: 18px;
}
.van-step--vertical:not(:last-child)::after {
border-bottom-width: 1px;
}
.van-step--vertical .van-step__circle-container {
position: absolute;
top: 19px;
left: -15px;
z-index: 1;
font-size: 12px;
line-height: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.van-step--vertical .van-step__line {
top: 16px;
left: -15px;
width: 1px;
height: 100%;
}
.van-step:last-child .van-step__line {
width: 0;
}
.van-step--finish {
color: #323233;
}
.van-step--finish .van-step__circle,
.van-step--finish .van-step__line {
background-color: #07c160;
}
.van-step__icon,
.van-step__title {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.van-step__icon--active,
.van-step__title--active,
.van-step__icon--finish,
.van-step__title--finish {
color: #07c160;
}
.van-rate {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-rate__item {
position: relative;
}
.van-rate__item:not(:last-child) {
padding-right: 4px;
}
.van-rate__icon {
display: block;
width: 1em;
color: #c8c9cc;
font-size: 20px;
}
.van-rate__icon--half {
position: absolute;
top: 0;
left: 0;
width: 0.5em;
overflow: hidden;
}
.van-rate__icon--full {
color: #ee0a24;
}
.van-rate__icon--disabled {
color: #c8c9cc;
}
.van-rate--disabled {
cursor: not-allowed;
}
.van-rate--readonly {
cursor: default;
}
.van-notice-bar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 40px;
padding: 0 16px;
color: #ed6a0c;
font-size: 14px;
line-height: 24px;
background-color: #fffbe8;
}
.van-notice-bar__left-icon,
.van-notice-bar__right-icon {
min-width: 24px;
font-size: 16px;
}
.van-notice-bar__right-icon {
text-align: right;
cursor: pointer;
}
.van-notice-bar__wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
overflow: hidden;
}
.van-notice-bar__content {
position: absolute;
white-space: nowrap;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.van-notice-bar__content.van-ellipsis {
max-width: 100%;
}
.van-notice-bar--wrapable {
height: auto;
padding: 8px 16px;
}
.van-notice-bar--wrapable .van-notice-bar__wrap {
height: auto;
}
.van-notice-bar--wrapable .van-notice-bar__content {
position: relative;
white-space: normal;
word-wrap: break-word;
}
.van-nav-bar {
position: relative;
z-index: 1;
line-height: 22px;
text-align: center;
background-color: #fff;
-webkit-user-select: none;
user-select: none;
}
.van-nav-bar--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.van-nav-bar--safe-area-inset-top {
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
}
.van-nav-bar .van-icon {
color: #1989fa;
}
.van-nav-bar__content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 46px;
}
.van-nav-bar__arrow {
margin-right: 4px;
font-size: 16px;
}
.van-nav-bar__title {
max-width: 60%;
margin: 0 auto;
color: #323233;
font-weight: 500;
font-size: 16px;
}
.van-nav-bar__left,
.van-nav-bar__right {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 16px;
font-size: 14px;
cursor: pointer;
}
.van-nav-bar__left:active,
.van-nav-bar__right:active {
opacity: 0.7;
}
.van-nav-bar__left {
left: 0;
}
.van-nav-bar__right {
right: 0;
}
.van-nav-bar__text {
color: #1989fa;
}
.van-grid-item {
position: relative;
box-sizing: border-box;
}
.van-grid-item--square {
height: 0;
}
.van-grid-item__icon {
font-size: 28px;
}
.van-grid-item__icon-wrapper {
position: relative;
}
.van-grid-item__text {
color: #646566;
font-size: 12px;
line-height: 1.5;
word-break: break-all;
}
.van-grid-item__icon + .van-grid-item__text {
margin-top: 8px;
}
.van-grid-item__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
height: 100%;
padding: 16px 8px;
background-color: #fff;
}
.van-grid-item__content::after {
z-index: 1;
border-width: 0 1px 1px 0;
}
.van-grid-item__content--square {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.van-grid-item__content--center {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.van-grid-item__content--horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
}
.van-grid-item__content--horizontal .van-grid-item__icon + .van-grid-item__text {
margin-top: 0;
margin-left: 8px;
}
.van-grid-item__content--surround::after {
border-width: 1px;
}
.van-grid-item__content--clickable {
cursor: pointer;
}
.van-grid-item__content--clickable:active {
background-color: #f2f3f5;
}
.van-goods-action-icon {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
min-width: 48px;
height: 100%;
color: #646566;
font-size: 10px;
line-height: 1;
text-align: center;
background-color: #fff;
cursor: pointer;
}
.van-goods-action-icon:active {
background-color: #f2f3f5;
}
.van-goods-action-icon__icon {
position: relative;
width: 1em;
margin: 0 auto 5px;
color: #323233;
font-size: 18px;
}
.van-checkbox {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-checkbox--disabled {
cursor: not-allowed;
}
.van-checkbox--label-disabled {
cursor: default;
}
.van-checkbox--horizontal {
margin-right: 12px;
}
.van-checkbox__icon {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
height: 1em;
font-size: 20px;
line-height: 1em;
cursor: pointer;
}
.van-checkbox__icon .van-icon {
display: block;
box-sizing: border-box;
width: 1.25em;
height: 1.25em;
color: transparent;
font-size: 0.8em;
line-height: 1.25;
text-align: center;
border: 1px solid #c8c9cc;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: color, border-color, background-color;
transition-property: color, border-color, background-color;
}
.van-checkbox__icon--round .van-icon {
border-radius: 100%;
}
.van-checkbox__icon--checked .van-icon {
color: #fff;
background-color: #1989fa;
border-color: #1989fa;
}
.van-checkbox__icon--disabled {
cursor: not-allowed;
}
.van-checkbox__icon--disabled .van-icon {
background-color: #ebedf0;
border-color: #c8c9cc;
}
.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
color: #c8c9cc;
}
.van-checkbox__label {
margin-left: 8px;
color: #323233;
line-height: 20px;
}
.van-checkbox__label--left {
margin: 0 8px 0 0;
}
.van-checkbox__label--disabled {
color: #c8c9cc;
}
.van-coupon {
margin: 0 12px 12px;
overflow: hidden;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.van-coupon:active {
background-color: #f2f3f5;
}
.van-coupon__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
min-height: 84px;
padding: 14px 0;
color: #323233;
}
.van-coupon__head {
position: relative;
min-width: 96px;
padding: 0 8px;
color: #ee0a24;
text-align: center;
}
.van-coupon__amount,
.van-coupon__condition,
.van-coupon__name,
.van-coupon__valid {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.van-coupon__amount {
margin-bottom: 6px;
font-weight: 500;
font-size: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.van-coupon__amount span {
font-weight: normal;
font-size: 40%;
}
.van-coupon__amount span:not(:empty) {
margin-left: 2px;
}
.van-coupon__condition {
font-size: 12px;
line-height: 16px;
white-space: pre-wrap;
}
.van-coupon__body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
border-radius: 0 8px 8px 0;
}
.van-coupon__name {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}
.van-coupon__valid {
font-size: 12px;
}
.van-coupon__corner {
position: absolute;
top: 0;
right: 16px;
bottom: 0;
}
.van-coupon__description {
padding: 8px 16px;
font-size: 12px;
border-top: 1px dashed #ebedf0;
}
.van-coupon--disabled:active {
background-color: #fff;
}
.van-coupon--disabled .van-coupon-item__content {
height: 74px;
}
.van-coupon--disabled .van-coupon__head {
color: inherit;
}
.van-image {
position: relative;
display: inline-block;
}
.van-image--round {
overflow: hidden;
border-radius: 50%;
}
.van-image--round img {
border-radius: inherit;
}
.van-image__img,
.van-image__error,
.van-image__loading {
display: block;
width: 100%;
height: 100%;
}
.van-image__error,
.van-image__loading {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #969799;
font-size: 14px;
background-color: #f7f8fa;
}
.van-image__loading-icon {
color: #dcdee0;
font-size: 32px;
}
.van-image__error-icon {
color: #dcdee0;
font-size: 32px;
}
.van-radio {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-radio--disabled {
cursor: not-allowed;
}
.van-radio--label-disabled {
cursor: default;
}
.van-radio--horizontal {
margin-right: 12px;
}
.van-radio__icon {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
height: 1em;
font-size: 20px;
line-height: 1em;
cursor: pointer;
}
.van-radio__icon .van-icon {
display: block;
box-sizing: border-box;
width: 1.25em;
height: 1.25em;
color: transparent;
font-size: 0.8em;
line-height: 1.25;
text-align: center;
border: 1px solid #c8c9cc;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: color, border-color, background-color;
transition-property: color, border-color, background-color;
}
.van-radio__icon--round .van-icon {
border-radius: 100%;
}
.van-radio__icon--checked .van-icon {
color: #fff;
background-color: #1989fa;
border-color: #1989fa;
}
.van-radio__icon--disabled {
cursor: not-allowed;
}
.van-radio__icon--disabled .van-icon {
background-color: #ebedf0;
border-color: #c8c9cc;
}
.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
color: #c8c9cc;
}
.van-radio__label {
margin-left: 8px;
color: #323233;
line-height: 20px;
}
.van-radio__label--left {
margin: 0 8px 0 0;
}
.van-radio__label--disabled {
color: #c8c9cc;
}
.van-tag {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 4px;
color: #fff;
font-size: 12px;
line-height: 16px;
border-radius: 2px;
}
.van-tag--default {
background-color: #969799;
}
.van-tag--default.van-tag--plain {
color: #969799;
}
.van-tag--danger {
background-color: #ee0a24;
}
.van-tag--danger.van-tag--plain {
color: #ee0a24;
}
.van-tag--primary {
background-color: #1989fa;
}
.van-tag--primary.van-tag--plain {
color: #1989fa;
}
.van-tag--success {
background-color: #07c160;
}
.van-tag--success.van-tag--plain {
color: #07c160;
}
.van-tag--warning {
background-color: #ff976a;
}
.van-tag--warning.van-tag--plain {
color: #ff976a;
}
.van-tag--plain {
background-color: #fff;
border-color: currentColor;
}
.van-tag--plain::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid;
border-color: inherit;
border-radius: inherit;
content: '';
pointer-events: none;
}
.van-tag--medium {
padding: 2px 6px;
}
.van-tag--large {
padding: 4px 8px;
font-size: 14px;
border-radius: 4px;
}
.van-tag--mark {
border-radius: 0 999px 999px 0;
}
.van-tag--mark::after {
display: block;
width: 2px;
content: '';
}
.van-tag--round {
border-radius: 999px;
}
.van-tag__close {
margin-left: 2px;
cursor: pointer;
}
.van-card {
position: relative;
box-sizing: border-box;
padding: 8px 16px;
color: #323233;
font-size: 12px;
background-color: #fafafa;
}
.van-card:not(:first-child) {
margin-top: 8px;
}
.van-card__header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.van-card__thumb {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
width: 88px;
height: 88px;
margin-right: 8px;
}
.van-card__thumb img {
border-radius: 8px;
}
.van-card__content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-width: 0;
/* hack for flex box ellipsis */
min-height: 88px;
}
.van-card__content--centered {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.van-card__title,
.van-card__desc {
word-wrap: break-word;
}
.van-card__title {
max-height: 32px;
font-weight: 500;
line-height: 16px;
}
.van-card__desc {
max-height: 20px;
color: #646566;
line-height: 20px;
}
.van-card__bottom {
line-height: 20px;
}
.van-card__price {
display: inline-block;
color: #323233;
font-weight: 500;
font-size: 12px;
}
.van-card__price-integer {
font-size: 16px;
font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}
.van-card__price-decimal {
font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}
.van-card__origin-price {
display: inline-block;
margin-left: 5px;
color: #969799;
font-size: 10px;
text-decoration: line-through;
}
.van-card__num {
float: right;
color: #969799;
}
.van-card__tag {
position: absolute;
top: 2px;
left: 0;
}
.van-card__footer {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
text-align: right;
}
.van-card__footer .van-button {
margin-left: 5px;
}
.van-cell {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: border-box;
width: 100%;
padding: 10px 16px;
overflow: hidden;
color: #323233;
font-size: 14px;
line-height: 24px;
background-color: #fff;
}
.van-cell::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
right: 16px;
bottom: 0;
left: 16px;
border-bottom: 1px solid #ebedf0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-cell:last-child::after,
.van-cell--borderless::after {
display: none;
}
.van-cell__label {
margin-top: 4px;
color: #969799;
font-size: 12px;
line-height: 18px;
}
.van-cell__title,
.van-cell__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.van-cell__value {
position: relative;
overflow: hidden;
color: #969799;
text-align: right;
vertical-align: middle;
word-wrap: break-word;
}
.van-cell__value--alone {
color: #323233;
text-align: left;
}
.van-cell__left-icon,
.van-cell__right-icon {
height: 24px;
font-size: 16px;
line-height: 24px;
}
.van-cell__left-icon {
margin-right: 4px;
}
.van-cell__right-icon {
margin-left: 4px;
color: #969799;
}
.van-cell--clickable {
cursor: pointer;
}
.van-cell--clickable:active {
background-color: #f2f3f5;
}
.van-cell--required {
overflow: visible;
}
.van-cell--required::before {
position: absolute;
left: 8px;
color: #ee0a24;
font-size: 14px;
content: '*';
}
.van-cell--center {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.van-cell--large {
padding-top: 12px;
padding-bottom: 12px;
}
.van-cell--large .van-cell__title {
font-size: 16px;
}
.van-cell--large .van-cell__label {
font-size: 14px;
}
.van-coupon-cell__value--selected {
color: #323233;
}
.van-contact-card {
padding: 16px;
}
.van-contact-card__value {
margin-left: 5px;
line-height: 20px;
}
.van-contact-card--add .van-contact-card__value {
line-height: 40px;
}
.van-contact-card--add .van-cell__left-icon {
color: #1989fa;
font-size: 40px;
}
.van-contact-card::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
background-size: 80px;
content: '';
}
.van-collapse-item {
position: relative;
}
.van-collapse-item--border::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
top: 0;
right: 16px;
left: 16px;
border-top: 1px solid #ebedf0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-collapse-item__title .van-cell__right-icon::before {
-webkit-transform: rotate(90deg) translateZ(0);
transform: rotate(90deg) translateZ(0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.van-collapse-item__title::after {
right: 16px;
display: none;
}
.van-collapse-item__title--expanded .van-cell__right-icon::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.van-collapse-item__title--expanded::after {
display: block;
}
.van-collapse-item__title--borderless::after {
display: none;
}
.van-collapse-item__title--disabled {
cursor: not-allowed;
}
.van-collapse-item__title--disabled,
.van-collapse-item__title--disabled .van-cell__right-icon {
color: #c8c9cc;
}
.van-collapse-item__title--disabled:active {
background-color: #fff;
}
.van-collapse-item__wrapper {
overflow: hidden;
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
will-change: height;
}
.van-collapse-item__content {
padding: 12px 16px;
color: #969799;
font-size: 14px;
line-height: 1.5;
background-color: #fff;
}
.van-field__label {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 6.2em;
margin-right: 12px;
color: #646566;
text-align: left;
word-wrap: break-word;
}
.van-field__label--center {
text-align: center;
}
.van-field__label--right {
text-align: right;
}
.van-field--disabled .van-field__label {
color: #c8c9cc;
}
.van-field__value {
overflow: visible;
}
.van-field__body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.van-field__control {
display: block;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
color: #323233;
line-height: inherit;
text-align: left;
background-color: transparent;
border: 0;
resize: none;
}
.van-field__control::-webkit-input-placeholder {
color: #c8c9cc;
}
.van-field__control::placeholder {
color: #c8c9cc;
}
.van-field__control:disabled {
color: #c8c9cc;
cursor: not-allowed;
opacity: 1;
-webkit-text-fill-color: #c8c9cc;
}
.van-field__control:read-only {
cursor: default;
}
.van-field__control--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
.van-field__control--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.van-field__control--custom {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: 24px;
}
.van-field__control[type='date'],
.van-field__control[type='time'],
.van-field__control[type='datetime-local'] {
min-height: 24px;
}
.van-field__control[type='search'] {
-webkit-appearance: none;
}
.van-field__clear,
.van-field__icon,
.van-field__button,
.van-field__right-icon {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.van-field__clear,
.van-field__right-icon {
margin-right: -8px;
padding: 0 8px;
line-height: inherit;
}
.van-field__clear {
color: #c8c9cc;
font-size: 16px;
cursor: pointer;
}
.van-field__left-icon .van-icon,
.van-field__right-icon .van-icon {
display: block;
font-size: 16px;
line-height: inherit;
}
.van-field__left-icon {
margin-right: 4px;
}
.van-field__right-icon {
color: #969799;
}
.van-field__button {
padding-left: 8px;
}
.van-field__error-message {
color: #ee0a24;
font-size: 12px;
text-align: left;
}
.van-field__error-message--center {
text-align: center;
}
.van-field__error-message--right {
text-align: right;
}
.van-field__word-limit {
margin-top: 4px;
color: #646566;
font-size: 12px;
line-height: 16px;
text-align: right;
}
.van-field--error .van-field__control::-webkit-input-placeholder {
color: #ee0a24;
-webkit-text-fill-color: currentColor;
}
.van-field--error .van-field__control,
.van-field--error .van-field__control::placeholder {
color: #ee0a24;
-webkit-text-fill-color: currentColor;
}
.van-field--min-height .van-field__control {
min-height: 60px;
}
.van-search {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
padding: 10px 12px;
background-color: #fff;
}
.van-search__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding-left: 12px;
background-color: #f7f8fa;
border-radius: 2px;
}
.van-search__content--round {
border-radius: 999px;
}
.van-search__label {
padding: 0 5px;
color: #323233;
font-size: 14px;
line-height: 34px;
}
.van-search .van-cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 5px 8px 5px 0;
background-color: transparent;
}
.van-search .van-cell .van-field__left-icon {
color: #969799;
}
.van-search--show-action {
padding-right: 0;
}
.van-search input::-webkit-search-decoration,
.van-search input::-webkit-search-cancel-button,
.van-search input::-webkit-search-results-button,
.van-search input::-webkit-search-results-decoration {
display: none;
}
.van-search__action {
padding: 0 8px;
color: #323233;
font-size: 14px;
line-height: 34px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-search__action:active {
background-color: #f2f3f5;
}
.van-overflow-hidden {
overflow: hidden !important;
}
.van-popup {
position: fixed;
max-height: 100%;
overflow-y: auto;
background-color: #fff;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-overflow-scrolling: touch;
}
.van-popup--center {
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.van-popup--center.van-popup--round {
border-radius: 16px;
}
.van-popup--top {
top: 0;
left: 0;
width: 100%;
}
.van-popup--top.van-popup--round {
border-radius: 0 0 16px 16px;
}
.van-popup--right {
top: 50%;
right: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.van-popup--right.van-popup--round {
border-radius: 16px 0 0 16px;
}
.van-popup--bottom {
bottom: 0;
left: 0;
width: 100%;
}
.van-popup--bottom.van-popup--round {
border-radius: 16px 16px 0 0;
}
.van-popup--left {
top: 50%;
left: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.van-popup--left.van-popup--round {
border-radius: 0 16px 16px 0;
}
.van-popup--safe-area-inset-bottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.van-popup-slide-top-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-bottom-enter-active {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.van-popup-slide-top-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-bottom-leave-active {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.van-popup-slide-top-enter,
.van-popup-slide-top-leave-active {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.van-popup-slide-right-enter,
.van-popup-slide-right-leave-active {
-webkit-transform: translate3d(100%, -50%, 0);
transform: translate3d(100%, -50%, 0);
}
.van-popup-slide-bottom-enter,
.van-popup-slide-bottom-leave-active {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.van-popup-slide-left-enter,
.van-popup-slide-left-leave-active {
-webkit-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0);
}
.van-popup__close-icon {
position: absolute;
z-index: 1;
color: #c8c9cc;
font-size: 22px;
cursor: pointer;
}
.van-popup__close-icon:active {
color: #969799;
}
.van-popup__close-icon--top-left {
top: 16px;
left: 16px;
}
.van-popup__close-icon--top-right {
top: 16px;
right: 16px;
}
.van-popup__close-icon--bottom-left {
bottom: 16px;
left: 16px;
}
.van-popup__close-icon--bottom-right {
right: 16px;
bottom: 16px;
}
.van-share-sheet__header {
padding: 12px 16px 4px;
text-align: center;
}
.van-share-sheet__title {
margin-top: 8px;
color: #323233;
font-weight: normal;
font-size: 14px;
line-height: 20px;
}
.van-share-sheet__description {
display: block;
margin-top: 8px;
color: #969799;
font-size: 12px;
line-height: 16px;
}
.van-share-sheet__options {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 16px 0 16px 8px;
overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
}
.van-share-sheet__options--border::before {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
top: 0;
right: 0;
left: 16px;
border-top: 1px solid #ebedf0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-share-sheet__options::-webkit-scrollbar {
height: 0;
}
.van-share-sheet__option {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-share-sheet__option:active {
opacity: 0.7;
}
.van-share-sheet__icon {
width: 48px;
height: 48px;
margin: 0 16px;
}
.van-share-sheet__name {
margin-top: 8px;
padding: 0 4px;
color: #646566;
font-size: 12px;
}
.van-share-sheet__option-description {
padding: 0 4px;
color: #c8c9cc;
font-size: 12px;
}
.van-share-sheet__cancel {
display: block;
width: 100%;
padding: 0;
font-size: 16px;
line-height: 48px;
text-align: center;
background: #fff;
border: none;
cursor: pointer;
}
.van-share-sheet__cancel::before {
display: block;
height: 8px;
background-color: #f7f8fa;
content: ' ';
}
.van-share-sheet__cancel:active {
background-color: #f2f3f5;
}
.van-popover {
position: absolute;
overflow: visible;
background-color: transparent;
-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity 0.15s, transform 0.15s;
transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
.van-popover__wrapper {
display: inline-block;
}
.van-popover__arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
}
.van-popover__content {
overflow: hidden;
border-radius: 8px;
}
.van-popover__action {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
width: 128px;
height: 44px;
padding: 0 16px;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.van-popover__action:last-child .van-popover__action-text::after {
display: none;
}
.van-popover__action-text {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
}
.van-popover__action-icon {
margin-right: 8px;
font-size: 20px;
}
.van-popover__action--with-icon .van-popover__action-text {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.van-popover[data-popper-placement^='top'] .van-popover__arrow {
bottom: 0;
border-top-color: currentColor;
border-bottom-width: 0;
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
.van-popover[data-popper-placement='top'] {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.van-popover[data-popper-placement='top'] .van-popover__arrow {
left: 50%;
}
.van-popover[data-popper-placement='top-start'] {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.van-popover[data-popper-placement='top-start'] .van-popover__arrow {
left: 16px;
}
.van-popover[data-popper-placement='top-end'] {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.van-popover[data-popper-placement='top-end'] .van-popover__arrow {
right: 16px;
}
.van-popover[data-popper-placement^='left'] .van-popover__arrow {
right: 0;
border-right-width: 0;
border-left-color: currentColor;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.van-popover[data-popper-placement='left'] {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.van-popover[data-popper-placement='left'] .van-popover__arrow {
top: 50%;
}
.van-popover[data-popper-placement='left-start'] {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.van-popover[data-popper-placement='left-start'] .van-popover__arrow {
top: 16px;
}
.van-popover[data-popper-placement='left-end'] {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.van-popover[data-popper-placement='left-end'] .van-popover__arrow {
bottom: 16px;
}
.van-popover[data-popper-placement^='right'] .van-popover__arrow {
left: 0;
border-right-color: currentColor;
border-left-width: 0;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.van-popover[data-popper-placement='right'] {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.van-popover[data-popper-placement='right'] .van-popover__arrow {
top: 50%;
}
.van-popover[data-popper-placement='right-start'] {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.van-popover[data-popper-placement='right-start'] .van-popover__arrow {
top: 16px;
}
.van-popover[data-popper-placement='right-end'] {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.van-popover[data-popper-placement='right-end'] .van-popover__arrow {
bottom: 16px;
}
.van-popover[data-popper-placement^='bottom'] .van-popover__arrow {
top: 0;
border-top-width: 0;
border-bottom-color: currentColor;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.van-popover[data-popper-placement='bottom'] {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.van-popover[data-popper-placement='bottom'] .van-popover__arrow {
left: 50%;
}
.van-popover[data-popper-placement='bottom-start'] {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.van-popover[data-popper-placement='bottom-start'] .van-popover__arrow {
left: 16px;
}
.van-popover[data-popper-placement='bottom-end'] {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.van-popover[data-popper-placement='bottom-end'] .van-popover__arrow {
right: 16px;
}
.van-popover--light {
color: #323233;
}
.van-popover--light .van-popover__content {
background-color: #fff;
box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12);
}
.van-popover--light .van-popover__arrow {
color: #fff;
}
.van-popover--light .van-popover__action:active {
background-color: #f2f3f5;
}
.van-popover--light .van-popover__action--disabled {
color: #c8c9cc;
cursor: not-allowed;
}
.van-popover--light .van-popover__action--disabled:active {
background-color: transparent;
}
.van-popover--dark {
color: #fff;
}
.van-popover--dark .van-popover__content {
background-color: #4a4a4a;
}
.van-popover--dark .van-popover__arrow {
color: #4a4a4a;
}
.van-popover--dark .van-popover__action:active {
background-color: rgba(0, 0, 0, 0.2);
}
.van-popover--dark .van-popover__action--disabled {
color: #969799;
}
.van-popover--dark .van-popover__action--disabled:active {
background-color: transparent;
}
.van-popover--dark .van-popover__action-text::after {
border-color: #646566;
}
.van-popover-zoom-enter,
.van-popover-zoom-leave-active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.van-popover-zoom-enter-active {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.van-popover-zoom-leave-active {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.van-notify {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 8px 16px;
color: #fff;
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
text-align: center;
word-wrap: break-word;
}
.van-notify--primary {
background-color: #1989fa;
}
.van-notify--success {
background-color: #07c160;
}
.van-notify--danger {
background-color: #ee0a24;
}
.van-notify--warning {
background-color: #ff976a;
}
.van-dropdown-item {
position: fixed;
right: 0;
left: 0;
z-index: 10;
overflow: hidden;
}
.van-dropdown-item__icon {
display: block;
line-height: inherit;
}
.van-dropdown-item__option {
text-align: left;
}
.van-dropdown-item__option--active {
color: #ee0a24;
}
.van-dropdown-item__option--active .van-dropdown-item__icon {
color: #ee0a24;
}
.van-dropdown-item--up {
top: 0;
}
.van-dropdown-item--down {
bottom: 0;
}
.van-dropdown-item__content {
position: absolute;
max-height: 80%;
}
.van-loading {
position: relative;
color: #c8c9cc;
font-size: 0;
vertical-align: middle;
}
.van-loading__spinner {
position: relative;
display: inline-block;
width: 30px;
max-width: 100%;
height: 30px;
max-height: 100%;
vertical-align: middle;
-webkit-animation: van-rotate 0.8s linear infinite;
animation: van-rotate 0.8s linear infinite;
}
.van-loading__spinner--spinner {
-webkit-animation-timing-function: steps(12);
animation-timing-function: steps(12);
}
.van-loading__spinner--spinner i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.van-loading__spinner--spinner i::before {
display: block;
width: 2px;
height: 25%;
margin: 0 auto;
background-color: currentColor;
border-radius: 40%;
content: ' ';
}
.van-loading__spinner--circular {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.van-loading__circular {
display: block;
width: 100%;
height: 100%;
}
.van-loading__circular circle {
-webkit-animation: van-circular 1.5s ease-in-out infinite;
animation: van-circular 1.5s ease-in-out infinite;
stroke: currentColor;
stroke-width: 3;
stroke-linecap: round;
}
.van-loading__text {
display: inline-block;
margin-left: 8px;
color: #969799;
font-size: 14px;
vertical-align: middle;
}
.van-loading--vertical {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.van-loading--vertical .van-loading__text {
margin: 8px 0 0;
}
@-webkit-keyframes van-circular {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120;
}
}
@keyframes van-circular {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120;
}
}
.van-loading__spinner--spinner i:nth-of-type(1) {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
opacity: 1;
}
.van-loading__spinner--spinner i:nth-of-type(2) {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
opacity: 0.9375;
}
.van-loading__spinner--spinner i:nth-of-type(3) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0.875;
}
.van-loading__spinner--spinner i:nth-of-type(4) {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
opacity: 0.8125;
}
.van-loading__spinner--spinner i:nth-of-type(5) {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
opacity: 0.75;
}
.van-loading__spinner--spinner i:nth-of-type(6) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0.6875;
}
.van-loading__spinner--spinner i:nth-of-type(7) {
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
opacity: 0.625;
}
.van-loading__spinner--spinner i:nth-of-type(8) {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
opacity: 0.5625;
}
.van-loading__spinner--spinner i:nth-of-type(9) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
opacity: 0.5;
}
.van-loading__spinner--spinner i:nth-of-type(10) {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
opacity: 0.4375;
}
.van-loading__spinner--spinner i:nth-of-type(11) {
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
opacity: 0.375;
}
.van-loading__spinner--spinner i:nth-of-type(12) {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0.3125;
}
.van-pull-refresh {
overflow: hidden;
-webkit-user-select: none;
user-select: none;
}
.van-pull-refresh__track {
position: relative;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.van-pull-refresh__head {
position: absolute;
left: 0;
width: 100%;
height: 50px;
overflow: hidden;
color: #969799;
font-size: 14px;
line-height: 50px;
text-align: center;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.van-number-keyboard {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
padding-bottom: 22px;
background-color: #f2f3f5;
-webkit-user-select: none;
user-select: none;
}
.van-number-keyboard--with-title {
border-radius: 20px 20px 0 0;
}
.van-number-keyboard__header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: content-box;
height: 34px;
padding-top: 6px;
color: #646566;
font-size: 16px;
}
.van-number-keyboard__title {
display: inline-block;
font-weight: normal;
}
.van-number-keyboard__title-left {
position: absolute;
left: 0;
}
.van-number-keyboard__body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 6px 0 0 6px;
}
.van-number-keyboard__keys {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 3;
-webkit-flex: 3;
flex: 3;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-number-keyboard__close {
position: absolute;
right: 0;
height: 100%;
padding: 0 16px;
color: #576b95;
font-size: 14px;
background-color: transparent;
border: none;
cursor: pointer;
}
.van-number-keyboard__close:active {
opacity: 0.7;
}
.van-number-keyboard__sidebar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.van-number-keyboard--unfit {
padding-bottom: 0;
}
.van-key {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 48px;
font-size: 28px;
line-height: 1.5;
background-color: #fff;
border-radius: 8px;
cursor: pointer;
}
.van-key--large {
position: absolute;
top: 0;
right: 6px;
bottom: 6px;
left: 0;
height: auto;
}
.van-key--blue,
.van-key--delete {
font-size: 16px;
}
.van-key--active {
background-color: #ebedf0;
}
.van-key--blue {
color: #fff;
background-color: #1989fa;
}
.van-key--blue.van-key--active {
background-color: #0570db;
}
.van-key__wrapper {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 33%;
flex-basis: 33%;
box-sizing: border-box;
padding: 0 6px 6px 0;
}
.van-key__wrapper--wider {
-webkit-flex-basis: 66%;
flex-basis: 66%;
}
.van-key__delete-icon {
width: 32px;
height: 22px;
}
.van-key__collapse-icon {
width: 30px;
height: 24px;
}
.van-key__loading-icon {
color: #fff;
}
.van-list__loading,
.van-list__finished-text,
.van-list__error-text {
color: #969799;
font-size: 14px;
line-height: 50px;
text-align: center;
}
.van-list__placeholder {
height: 0;
pointer-events: none;
}
.van-switch {
position: relative;
display: inline-block;
box-sizing: content-box;
width: 2em;
height: 1em;
font-size: 30px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 1em;
cursor: pointer;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.van-switch__node {
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
font-size: inherit;
background-color: #fff;
border-radius: 100%;
box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
}
.van-switch__loading {
top: 25%;
left: 25%;
width: 50%;
height: 50%;
line-height: 1;
}
.van-switch--on {
background-color: #1989fa;
}
.van-switch--on .van-switch__node {
-webkit-transform: translateX(1em);
transform: translateX(1em);
}
.van-switch--on .van-switch__loading {
color: #1989fa;
}
.van-switch--disabled {
cursor: not-allowed;
opacity: 0.5;
}
.van-switch--loading {
cursor: default;
}
.van-switch-cell {
padding-top: 9px;
padding-bottom: 9px;
}
.van-switch-cell--large {
padding-top: 11px;
padding-bottom: 11px;
}
.van-switch-cell .van-switch {
float: right;
}
.van-button {
position: relative;
display: inline-block;
box-sizing: border-box;
height: 44px;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.2;
text-align: center;
border-radius: 2px;
cursor: pointer;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-appearance: none;
}
.van-button::before {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
border: inherit;
border-color: #000;
border-radius: inherit;
/* inherit parent's border radius */
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
content: ' ';
}
.van-button:active::before {
opacity: 0.1;
}
.van-button--loading::before,
.van-button--disabled::before {
display: none;
}
.van-button--default {
color: #323233;
background-color: #fff;
border: 1px solid #ebedf0;
}
.van-button--primary {
color: #fff;
background-color: #07c160;
border: 1px solid #07c160;
}
.van-button--info {
color: #fff;
background-color: #1989fa;
border: 1px solid #1989fa;
}
.van-button--danger {
color: #fff;
background-color: #ee0a24;
border: 1px solid #ee0a24;
}
.van-button--warning {
color: #fff;
background-color: #ff976a;
border: 1px solid #ff976a;
}
.van-button--plain {
background-color: #fff;
}
.van-button--plain.van-button--primary {
color: #07c160;
}
.van-button--plain.van-button--info {
color: #1989fa;
}
.van-button--plain.van-button--danger {
color: #ee0a24;
}
.van-button--plain.van-button--warning {
color: #ff976a;
}
.van-button--large {
width: 100%;
height: 50px;
}
.van-button--normal {
padding: 0 15px;
font-size: 14px;
}
.van-button--small {
height: 32px;
padding: 0 8px;
font-size: 12px;
}
.van-button__loading {
color: inherit;
font-size: inherit;
}
.van-button--mini {
height: 24px;
padding: 0 4px;
font-size: 10px;
}
.van-button--mini + .van-button--mini {
margin-left: 4px;
}
.van-button--block {
display: block;
width: 100%;
}
.van-button--disabled {
cursor: not-allowed;
opacity: 0.5;
}
.van-button--loading {
cursor: default;
}
.van-button--round {
border-radius: 999px;
}
.van-button--square {
border-radius: 0;
}
.van-button__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
}
.van-button__content::before {
content: ' ';
}
.van-button__icon {
font-size: 1.2em;
line-height: inherit;
}
.van-button__icon + .van-button__text,
.van-button__loading + .van-button__text,
.van-button__text + .van-button__icon,
.van-button__text + .van-button__loading {
margin-left: 4px;
}
.van-button--hairline {
border-width: 0;
}
.van-button--hairline::after {
border-color: inherit;
border-radius: 4px;
}
.van-button--hairline.van-button--round::after {
border-radius: 999px;
}
.van-button--hairline.van-button--square::after {
border-radius: 0;
}
.van-submit-bar {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff;
-webkit-user-select: none;
user-select: none;
}
.van-submit-bar__tip {
padding: 8px 12px;
color: #f56723;
font-size: 12px;
line-height: 1.5;
background-color: #fff7cc;
}
.van-submit-bar__tip-icon {
min-width: 18px;
font-size: 12px;
vertical-align: middle;
}
.van-submit-bar__tip-text {
vertical-align: middle;
}
.van-submit-bar__bar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
height: 50px;
padding: 0 16px;
font-size: 14px;
}
.van-submit-bar__text {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding-right: 12px;
color: #323233;
text-align: right;
}
.van-submit-bar__text span {
display: inline-block;
}
.van-submit-bar__suffix-label {
margin-left: 5px;
font-weight: 500;
}
.van-submit-bar__price {
color: #ee0a24;
font-weight: 500;
font-size: 12px;
}
.van-submit-bar__price--integer {
font-size: 20px;
font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
}
.van-submit-bar__button {
width: 110px;
height: 40px;
font-weight: 500;
border: none;
}
.van-submit-bar__button--danger {
background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
background: linear-gradient(to right, #ff6034, #ee0a24);
}
.van-submit-bar--unfit {
padding-bottom: 0;
}
.van-goods-action-button {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 40px;
font-weight: 500;
font-size: 14px;
border: none;
border-radius: 0;
}
.van-goods-action-button--first {
margin-left: 5px;
border-top-left-radius: 999px;
border-bottom-left-radius: 999px;
}
.van-goods-action-button--last {
margin-right: 5px;
border-top-right-radius: 999px;
border-bottom-right-radius: 999px;
}
.van-goods-action-button--warning {
background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
background: linear-gradient(to right, #ffd01e, #ff8917);
}
.van-goods-action-button--danger {
background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
background: linear-gradient(to right, #ff6034, #ee0a24);
}
@media (max-width: 321px) {
.van-goods-action-button {
font-size: 13px;
}
}
.van-toast {
position: fixed;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: content-box;
width: 88px;
max-width: 70%;
min-height: 88px;
padding: 16px;
color: #fff;
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
text-align: center;
word-break: break-all;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 8px;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.van-toast--unclickable {
overflow: hidden;
}
.van-toast--unclickable * {
pointer-events: none;
}
.van-toast--text,
.van-toast--html {
width: -webkit-fit-content;
width: fit-content;
min-width: 96px;
min-height: 0;
padding: 8px 12px;
}
.van-toast--text .van-toast__text,
.van-toast--html .van-toast__text {
margin-top: 0;
}
.van-toast--top {
top: 20%;
}
.van-toast--bottom {
top: auto;
bottom: 20%;
}
.van-toast__icon {
font-size: 36px;
}
.van-toast__loading {
padding: 4px;
color: #fff;
}
.van-toast__text {
margin-top: 8px;
}
.van-calendar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
background-color: #fff;
}
.van-calendar__popup.van-popup--top,
.van-calendar__popup.van-popup--bottom {
height: 80%;
}
.van-calendar__popup.van-popup--left,
.van-calendar__popup.van-popup--right {
height: 100%;
}
.van-calendar__popup .van-popup__close-icon {
top: 11px;
}
.van-calendar__header {
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
}
.van-calendar__month-title,
.van-calendar__header-title,
.van-calendar__header-subtitle {
height: 44px;
font-weight: 500;
line-height: 44px;
text-align: center;
}
.van-calendar__header-title {
font-size: 16px;
}
.van-calendar__header-subtitle {
font-size: 14px;
}
.van-calendar__month-title {
font-size: 14px;
}
.van-calendar__weekdays {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.van-calendar__weekday {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 12px;
line-height: 30px;
text-align: center;
}
.van-calendar__body {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.van-calendar__days {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-user-select: none;
user-select: none;
}
.van-calendar__month-mark {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
color: rgba(242, 243, 245, 0.8);
font-size: 160px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.van-calendar__day,
.van-calendar__selected-day {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
.van-calendar__day {
position: relative;
width: 14.285%;
height: 64px;
font-size: 16px;
cursor: pointer;
}
.van-calendar__day--end,
.van-calendar__day--start,
.van-calendar__day--start-end,
.van-calendar__day--multiple-middle,
.van-calendar__day--multiple-selected {
color: #fff;
background-color: #ee0a24;
}
.van-calendar__day--start {
border-radius: 4px 0 0 4px;
}
.van-calendar__day--end {
border-radius: 0 4px 4px 0;
}
.van-calendar__day--start-end,
.van-calendar__day--multiple-selected {
border-radius: 4px;
}
.van-calendar__day--middle {
color: #ee0a24;
}
.van-calendar__day--middle::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.1;
content: '';
}
.van-calendar__day--disabled {
color: #c8c9cc;
cursor: default;
}
.van-calendar__top-info,
.van-calendar__bottom-info {
position: absolute;
right: 0;
left: 0;
font-size: 10px;
line-height: 14px;
}
@media (max-width: 350px) {
.van-calendar__top-info,
.van-calendar__bottom-info {
font-size: 9px;
}
}
.van-calendar__top-info {
top: 6px;
}
.van-calendar__bottom-info {
bottom: 6px;
}
.van-calendar__selected-day {
width: 54px;
height: 54px;
color: #fff;
background-color: #ee0a24;
border-radius: 4px;
}
.van-calendar__footer {
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding: 0 16px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.van-calendar__footer--unfit {
padding-bottom: 0;
}
.van-calendar__confirm {
height: 36px;
margin: 7px 0;
}
.van-picker {
position: relative;
background-color: #fff;
-webkit-user-select: none;
user-select: none;
}
.van-picker__toolbar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 44px;
}
.van-picker__cancel,
.van-picker__confirm {
height: 100%;
padding: 0 16px;
font-size: 14px;
background-color: transparent;
border: none;
cursor: pointer;
}
.van-picker__cancel:active,
.van-picker__confirm:active {
opacity: 0.7;
}
.van-picker__confirm {
color: #576b95;
}
.van-picker__cancel {
color: #969799;
}
.van-picker__title {
max-width: 50%;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
}
.van-picker__columns {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
cursor: grab;
}
.van-picker__loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #1989fa;
background-color: rgba(255, 255, 255, 0.9);
}
.van-picker__frame {
position: absolute;
top: 50%;
right: 16px;
left: 16px;
z-index: 2;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
.van-picker__mask {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
background-repeat: no-repeat;
background-position: top, bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
}
.van-picker-column {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden;
font-size: 16px;
}
.van-picker-column__wrapper {
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}
.van-picker-column__item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 4px;
color: #000;
}
.van-picker-column__item--disabled {
cursor: not-allowed;
opacity: 0.3;
}
.van-action-sheet {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
max-height: 80%;
overflow: hidden;
color: #323233;
}
.van-action-sheet__content {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
flex: 1 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.van-action-sheet__item,
.van-action-sheet__cancel {
display: block;
width: 100%;
padding: 14px 16px;
font-size: 16px;
background-color: #fff;
border: none;
cursor: pointer;
}
.van-action-sheet__item:active,
.van-action-sheet__cancel:active {
background-color: #f2f3f5;
}
.van-action-sheet__item {
line-height: 22px;
}
.van-action-sheet__item--loading,
.van-action-sheet__item--disabled {
color: #c8c9cc;
}
.van-action-sheet__item--loading:active,
.van-action-sheet__item--disabled:active {
background-color: #fff;
}
.van-action-sheet__item--disabled {
cursor: not-allowed;
}
.van-action-sheet__item--loading {
cursor: default;
}
.van-action-sheet__cancel {
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-sizing: border-box;
color: #646566;
}
.van-action-sheet__subname {
margin-top: 8px;
color: #969799;
font-size: 12px;
line-height: 18px;
}
.van-action-sheet__gap {
display: block;
height: 8px;
background-color: #f7f8fa;
}
.van-action-sheet__header {
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-weight: 500;
font-size: 16px;
line-height: 48px;
text-align: center;
}
.van-action-sheet__description {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding: 20px 16px;
color: #969799;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.van-action-sheet__description::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
right: 16px;
bottom: 0;
left: 16px;
border-bottom: 1px solid #ebedf0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-action-sheet__loading-icon .van-loading__spinner {
width: 22px;
height: 22px;
}
.van-action-sheet__close {
position: absolute;
top: 0;
right: 0;
z-index: 1;
padding: 0 16px;
color: #c8c9cc;
font-size: 22px;
line-height: inherit;
}
.van-action-sheet__close:active {
color: #969799;
}
.van-goods-action {
position: fixed;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: content-box;
height: 50px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff;
}
.van-goods-action--unfit {
padding-bottom: 0;
}
.van-dialog {
position: fixed;
top: 45%;
left: 50%;
width: 320px;
overflow: hidden;
font-size: 16px;
background-color: #fff;
border-radius: 16px;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
@media (max-width: 321px) {
.van-dialog {
width: 90%;
}
}
.van-dialog__header {
padding-top: 26px;
font-weight: 500;
line-height: 24px;
text-align: center;
}
.van-dialog__header--isolated {
padding: 24px 0;
}
.van-dialog__content--isolated {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: 104px;
}
.van-dialog__message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
max-height: 60vh;
padding: 26px 24px;
overflow-y: auto;
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
text-align: center;
word-wrap: break-word;
-webkit-overflow-scrolling: touch;
}
.van-dialog__message--has-title {
padding-top: 8px;
color: #646566;
}
.van-dialog__message--left {
text-align: left;
}
.van-dialog__message--right {
text-align: right;
}
.van-dialog__footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
}
.van-dialog__confirm,
.van-dialog__cancel {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 48px;
margin: 0;
border: 0;
}
.van-dialog__confirm,
.van-dialog__confirm:active {
color: #ee0a24;
}
.van-dialog--round-button .van-dialog__footer {
position: relative;
height: auto;
padding: 8px 24px 16px;
}
.van-dialog--round-button .van-dialog__message {
padding-bottom: 16px;
color: #323233;
}
.van-dialog--round-button .van-dialog__confirm,
.van-dialog--round-button .van-dialog__cancel {
height: 36px;
}
.van-dialog--round-button .van-dialog__confirm {
color: #fff;
}
.van-dialog-bounce-enter {
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.7);
transform: translate3d(-50%, -50%, 0) scale(0.7);
opacity: 0;
}
.van-dialog-bounce-leave-active {
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
transform: translate3d(-50%, -50%, 0) scale(0.9);
opacity: 0;
}
.van-contact-edit {
padding: 16px;
}
.van-contact-edit__fields {
overflow: hidden;
border-radius: 4px;
}
.van-contact-edit__fields .van-field__label {
width: 4.1em;
}
.van-contact-edit__switch-cell {
margin-top: 10px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 4px;
}
.van-contact-edit__buttons {
padding: 32px 0;
}
.van-contact-edit .van-button {
margin-bottom: 12px;
font-size: 16px;
}
.van-address-edit {
padding: 12px;
}
.van-address-edit__fields {
overflow: hidden;
border-radius: 8px;
}
.van-address-edit__fields .van-field__label {
width: 4.1em;
}
.van-address-edit__default {
margin-top: 12px;
overflow: hidden;
border-radius: 8px;
}
.van-address-edit__buttons {
padding: 32px 4px;
}
.van-address-edit__buttons .van-button {
margin-bottom: 12px;
}
.van-address-edit-detail {
padding: 0;
}
.van-address-edit-detail__search-item {
background-color: #f2f3f5;
}
.van-address-edit-detail__keyword {
color: #ee0a24;
}
.van-address-edit-detail__finish {
color: #1989fa;
font-size: 12px;
}
.van-radio-group--horizontal {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-contact-list {
box-sizing: border-box;
height: 100%;
padding-bottom: 80px;
}
.van-contact-list__item {
padding: 16px;
}
.van-contact-list__item-value {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding-right: 32px;
padding-left: 8px;
}
.van-contact-list__item-tag {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
margin-left: 8px;
padding-top: 0;
padding-bottom: 0;
line-height: 1.4em;
}
.van-contact-list__group {
box-sizing: border-box;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.van-contact-list__edit {
font-size: 16px;
}
.van-contact-list__bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
padding: 0 16px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff;
}
.van-contact-list__add {
height: 40px;
margin: 5px 0;
}
.van-address-list {
box-sizing: border-box;
height: 100%;
padding: 12px 12px 80px;
}
.van-address-list__bottom {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
box-sizing: border-box;
width: 100%;
padding: 0 16px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff;
}
.van-address-list__add {
height: 40px;
margin: 5px 0;
}
.van-address-list__disabled-text {
padding: 20px 0 16px;
color: #969799;
font-size: 14px;
line-height: 20px;
}
.van-address-item {
padding: 12px;
background-color: #fff;
border-radius: 8px;
}
.van-address-item:not(:last-child) {
margin-bottom: 12px;
}
.van-address-item__value {
padding-right: 44px;
}
.van-address-item__name {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 8px;
font-size: 16px;
line-height: 22px;
}
.van-address-item__tag {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
margin-left: 8px;
padding-top: 0;
padding-bottom: 0;
line-height: 1.4em;
}
.van-address-item__address {
color: #323233;
font-size: 13px;
line-height: 18px;
}
.van-address-item--disabled .van-address-item__name,
.van-address-item--disabled .van-address-item__address {
color: #c8c9cc;
}
.van-address-item__edit {
position: absolute;
top: 50%;
right: 16px;
color: #969799;
font-size: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.van-address-item .van-cell {
padding: 0;
}
.van-address-item .van-radio__label {
margin-left: 12px;
}
.van-address-item .van-radio__icon--checked .van-icon {
background-color: #ee0a24;
border-color: #ee0a24;
}
.van-badge {
display: inline-block;
box-sizing: border-box;
min-width: 16px;
padding: 0 3px;
color: #fff;
font-weight: 500;
font-size: 12px;
font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
line-height: 1.2;
text-align: center;
background-color: #ee0a24;
border: 1px solid #fff;
border-radius: 999px;
}
.van-badge--fixed {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.van-badge--dot {
width: 8px;
min-width: 0;
height: 8px;
background-color: #ee0a24;
border-radius: 100%;
}
.van-badge__wrapper {
position: relative;
display: inline-block;
}
.van-tab__pane,
.van-tab__pane-wrapper {
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-sizing: border-box;
width: 100%;
}
.van-tab__pane-wrapper--inactive {
height: 0;
overflow: visible;
}
.van-sticky--fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
}
.van-tab {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 0 4px;
color: #646566;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.van-tab--active {
color: #323233;
font-weight: 500;
}
.van-tab--disabled {
color: #c8c9cc;
cursor: not-allowed;
}
.van-tab__text--ellipsis {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.van-tab__text-wrapper {
position: relative;
}
.van-tabs {
position: relative;
}
.van-tabs__wrap {
overflow: hidden;
}
.van-tabs__wrap--page-top {
position: fixed;
}
.van-tabs__wrap--content-bottom {
top: auto;
bottom: 0;
}
.van-tabs__wrap--scrollable .van-tab {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 12px;
}
.van-tabs__wrap--scrollable .van-tabs__nav {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
display: none;
}
.van-tabs__nav {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: #fff;
-webkit-user-select: none;
user-select: none;
}
.van-tabs__nav--line {
box-sizing: content-box;
height: 100%;
padding-bottom: 15px;
/* 15px padding to hide scrollbar in mobile safari */
}
.van-tabs__nav--line.van-tabs__nav--complete {
padding-right: 8px;
padding-left: 8px;
}
.van-tabs__nav--card {
box-sizing: border-box;
height: 30px;
margin: 0 16px;
border: 1px solid #ee0a24;
border-radius: 2px;
}
.van-tabs__nav--card .van-tab {
color: #ee0a24;
border-right: 1px solid #ee0a24;
}
.van-tabs__nav--card .van-tab:last-child {
border-right: none;
}
.van-tabs__nav--card .van-tab.van-tab--active {
color: #fff;
background-color: #ee0a24;
}
.van-tabs__nav--card .van-tab--disabled {
color: #c8c9cc;
}
.van-tabs__line {
position: absolute;
bottom: 15px;
left: 0;
z-index: 1;
width: 40px;
height: 3px;
background-color: #ee0a24;
border-radius: 3px;
}
.van-tabs__track {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
will-change: left;
}
.van-tabs__content--animated {
overflow: hidden;
}
.van-tabs--line .van-tabs__wrap {
height: 44px;
}
.van-tabs--card > .van-tabs__wrap {
height: 30px;
}
.van-coupon-list {
position: relative;
height: 100%;
background-color: #f7f8fa;
}
.van-coupon-list__field {
padding: 5px 0 5px 16px;
}
.van-coupon-list__field .van-field__body {
height: 34px;
padding-left: 12px;
line-height: 34px;
background: #f7f8fa;
border-radius: 17px;
}
.van-coupon-list__field .van-field__body::-webkit-input-placeholder {
color: #c8c9cc;
}
.van-coupon-list__field .van-field__body::placeholder {
color: #c8c9cc;
}
.van-coupon-list__field .van-field__clear {
margin-right: 0;
}
.van-coupon-list__exchange-bar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #fff;
}
.van-coupon-list__exchange {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
height: 32px;
font-size: 16px;
line-height: 30px;
border: 0;
}
.van-coupon-list .van-tabs__wrap {
box-shadow: 0 6px 12px -12px #969799;
}
.van-coupon-list__list {
box-sizing: border-box;
padding: 16px 0 24px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.van-coupon-list__list--with-bottom {
padding-bottom: 66px;
}
.van-coupon-list__bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
box-sizing: border-box;
width: 100%;
padding: 5px 16px;
font-weight: 500;
background-color: #fff;
}
.van-coupon-list__close {
height: 40px;
}
.van-coupon-list__empty {
padding-top: 60px;
text-align: center;
}
.van-coupon-list__empty p {
margin: 16px 0;
color: #969799;
font-size: 14px;
line-height: 20px;
}
.van-coupon-list__empty img {
width: 200px;
height: 200px;
}
.van-cascader__header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 48px;
padding: 0 16px;
}
.van-cascader__title {
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.van-cascader__close-icon {
color: #c8c9cc;
font-size: 22px;
}
.van-cascader__close-icon:active {
color: #969799;
}
.van-cascader__tabs .van-tab {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
padding: 0 10px;
}
.van-cascader__tabs.van-tabs--line .van-tabs__wrap {
height: 48px;
}
.van-cascader__tabs .van-tabs__nav--complete {
padding-right: 6px;
padding-left: 6px;
}
.van-cascader__tab {
color: #323233;
font-weight: 500;
}
.van-cascader__tab--unselected {
color: #969799;
font-weight: normal;
}
.van-cascader__option {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 10px 16px;
font-size: 14px;
line-height: 20px;
}
.van-cascader__option:active {
background-color: #f2f3f5;
}
.van-cascader__option--selected {
color: #ee0a24;
font-weight: 500;
}
.van-cascader__selected-icon {
font-size: 18px;
}
.van-cascader__options {
box-sizing: border-box;
height: 384px;
padding-top: 6px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.van-cell-group {
background-color: #fff;
}
.van-cell-group--inset {
margin: 0 16px;
overflow: hidden;
border-radius: 8px;
}
.van-cell-group__title {
padding: 16px 16px 8px;
color: #969799;
font-size: 14px;
line-height: 16px;
}
.van-cell-group__title--inset {
padding: 16px 16px 8px 32px;
}
.van-panel {
background: #fff;
}
.van-panel__header-value {
color: #ee0a24;
}
.van-panel__footer {
padding: 8px 16px;
}
.van-checkbox-group--horizontal {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-circle {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
text-align: center;
}
.van-circle svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.van-circle__layer {
stroke: #fff;
}
.van-circle__hover {
fill: none;
stroke: #1989fa;
stroke-linecap: round;
}
.van-circle__text {
position: absolute;
top: 50%;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0 4px;
color: #323233;
font-weight: 500;
font-size: 14px;
line-height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.van-col {
float: left;
box-sizing: border-box;
min-height: 1px;
}
.van-col--1 {
width: 4.16666667%;
}
.van-col--offset-1 {
margin-left: 4.16666667%;
}
.van-col--2 {
width: 8.33333333%;
}
.van-col--offset-2 {
margin-left: 8.33333333%;
}
.van-col--3 {
width: 12.5%;
}
.van-col--offset-3 {
margin-left: 12.5%;
}
.van-col--4 {
width: 16.66666667%;
}
.van-col--offset-4 {
margin-left: 16.66666667%;
}
.van-col--5 {
width: 20.83333333%;
}
.van-col--offset-5 {
margin-left: 20.83333333%;
}
.van-col--6 {
width: 25%;
}
.van-col--offset-6 {
margin-left: 25%;
}
.van-col--7 {
width: 29.16666667%;
}
.van-col--offset-7 {
margin-left: 29.16666667%;
}
.van-col--8 {
width: 33.33333333%;
}
.van-col--offset-8 {
margin-left: 33.33333333%;
}
.van-col--9 {
width: 37.5%;
}
.van-col--offset-9 {
margin-left: 37.5%;
}
.van-col--10 {
width: 41.66666667%;
}
.van-col--offset-10 {
margin-left: 41.66666667%;
}
.van-col--11 {
width: 45.83333333%;
}
.van-col--offset-11 {
margin-left: 45.83333333%;
}
.van-col--12 {
width: 50%;
}
.van-col--offset-12 {
margin-left: 50%;
}
.van-col--13 {
width: 54.16666667%;
}
.van-col--offset-13 {
margin-left: 54.16666667%;
}
.van-col--14 {
width: 58.33333333%;
}
.van-col--offset-14 {
margin-left: 58.33333333%;
}
.van-col--15 {
width: 62.5%;
}
.van-col--offset-15 {
margin-left: 62.5%;
}
.van-col--16 {
width: 66.66666667%;
}
.van-col--offset-16 {
margin-left: 66.66666667%;
}
.van-col--17 {
width: 70.83333333%;
}
.van-col--offset-17 {
margin-left: 70.83333333%;
}
.van-col--18 {
width: 75%;
}
.van-col--offset-18 {
margin-left: 75%;
}
.van-col--19 {
width: 79.16666667%;
}
.van-col--offset-19 {
margin-left: 79.16666667%;
}
.van-col--20 {
width: 83.33333333%;
}
.van-col--offset-20 {
margin-left: 83.33333333%;
}
.van-col--21 {
width: 87.5%;
}
.van-col--offset-21 {
margin-left: 87.5%;
}
.van-col--22 {
width: 91.66666667%;
}
.van-col--offset-22 {
margin-left: 91.66666667%;
}
.van-col--23 {
width: 95.83333333%;
}
.van-col--offset-23 {
margin-left: 95.83333333%;
}
.van-col--24 {
width: 100%;
}
.van-col--offset-24 {
margin-left: 100%;
}
.van-count-down {
color: #323233;
font-size: 14px;
line-height: 20px;
}
.van-divider {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: 16px 0;
color: #969799;
font-size: 14px;
line-height: 24px;
border-color: #ebedf0;
border-style: solid;
border-width: 0;
}
.van-divider::before,
.van-divider::after {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
box-sizing: border-box;
height: 1px;
border-color: inherit;
border-style: inherit;
border-width: 1px 0 0;
}
.van-divider::before {
content: '';
}
.van-divider--hairline::before,
.van-divider--hairline::after {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-divider--dashed {
border-style: dashed;
}
.van-divider--content-center::before,
.van-divider--content-left::before,
.van-divider--content-right::before {
margin-right: 16px;
}
.van-divider--content-center::after,
.van-divider--content-left::after,
.van-divider--content-right::after {
margin-left: 16px;
content: '';
}
.van-divider--content-left::before {
max-width: 10%;
}
.van-divider--content-right::after {
max-width: 10%;
}
.van-dropdown-menu {
-webkit-user-select: none;
user-select: none;
}
.van-dropdown-menu__bar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 48px;
background-color: #fff;
box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
}
.van-dropdown-menu__bar--opened {
z-index: 11;
}
.van-dropdown-menu__item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
min-width: 0;
cursor: pointer;
}
.van-dropdown-menu__item:active {
opacity: 0.7;
}
.van-dropdown-menu__item--disabled:active {
opacity: 1;
}
.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
color: #969799;
}
.van-dropdown-menu__title {
position: relative;
box-sizing: border-box;
max-width: 100%;
padding: 0 8px;
color: #323233;
font-size: 15px;
line-height: 22px;
}
.van-dropdown-menu__title::after {
position: absolute;
top: 50%;
right: -4px;
margin-top: -5px;
border: 3px solid;
border-color: transparent transparent #dcdee0 #dcdee0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0.8;
content: '';
}
.van-dropdown-menu__title--active {
color: #ee0a24;
}
.van-dropdown-menu__title--active::after {
border-color: transparent transparent currentColor currentColor;
}
.van-dropdown-menu__title--down::after {
margin-top: -1px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.van-empty {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 32px 0;
}
.van-empty__image {
width: 160px;
height: 160px;
}
.van-empty__image img {
width: 100%;
height: 100%;
}
.van-empty__description {
margin-top: 16px;
padding: 0 60px;
color: #969799;
font-size: 14px;
line-height: 20px;
}
.van-empty__bottom {
margin-top: 24px;
}
.van-grid {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-swipe {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
cursor: grab;
-webkit-user-select: none;
user-select: none;
}
.van-swipe__track {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%;
}
.van-swipe__track--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.van-swipe__indicators {
position: absolute;
bottom: 12px;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.van-swipe__indicators--vertical {
top: 50%;
bottom: auto;
left: 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
margin-bottom: 6px;
}
.van-swipe__indicator {
width: 6px;
height: 6px;
background-color: #ebedf0;
border-radius: 100%;
opacity: 0.3;
-webkit-transition: opacity 0.2s, background-color 0.2s;
transition: opacity 0.2s, background-color 0.2s;
}
.van-swipe__indicator:not(:last-child) {
margin-right: 6px;
}
.van-swipe__indicator--active {
background-color: #1989fa;
opacity: 1;
}
.van-swipe-item {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
}
.van-image-preview {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.van-image-preview__swipe {
height: 100%;
}
.van-image-preview__swipe-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
overflow: hidden;
}
.van-image-preview__cover {
position: absolute;
top: 0;
left: 0;
}
.van-image-preview__image {
width: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.van-image-preview__image--vertical {
width: auto;
height: 100%;
}
.van-image-preview__image img {
-webkit-user-drag: none;
}
.van-image-preview__image .van-image__error {
top: 30%;
height: 40%;
}
.van-image-preview__image .van-image__error-icon {
font-size: 36px;
}
.van-image-preview__image .van-image__loading {
background-color: transparent;
}
.van-image-preview__index {
position: absolute;
top: 16px;
left: 50%;
color: #fff;
font-size: 14px;
line-height: 20px;
text-shadow: 0 1px 1px #323233;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.van-image-preview__overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.van-image-preview__close-icon {
position: absolute;
z-index: 1;
color: #c8c9cc;
font-size: 22px;
cursor: pointer;
}
.van-image-preview__close-icon:active {
color: #969799;
}
.van-image-preview__close-icon--top-left {
top: 16px;
left: 16px;
}
.van-image-preview__close-icon--top-right {
top: 16px;
right: 16px;
}
.van-image-preview__close-icon--bottom-left {
bottom: 16px;
left: 16px;
}
.van-image-preview__close-icon--bottom-right {
right: 16px;
bottom: 16px;
}
.van-uploader {
position: relative;
display: inline-block;
}
.van-uploader__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-uploader__wrapper--disabled {
opacity: 0.5;
}
.van-uploader__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
opacity: 0;
}
.van-uploader__input-wrapper {
position: relative;
}
.van-uploader__input:disabled {
cursor: not-allowed;
}
.van-uploader__upload {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
width: 80px;
height: 80px;
margin: 0 8px 8px 0;
background-color: #f7f8fa;
}
.van-uploader__upload:active {
background-color: #f2f3f5;
}
.van-uploader__upload--readonly:active {
background-color: #f7f8fa;
}
.van-uploader__upload-icon {
color: #dcdee0;
font-size: 24px;
}
.van-uploader__upload-text {
margin-top: 8px;
color: #969799;
font-size: 12px;
}
.van-uploader__preview {
position: relative;
margin: 0 8px 8px 0;
cursor: pointer;
}
.van-uploader__preview-image {
display: block;
width: 80px;
height: 80px;
overflow: hidden;
}
.van-uploader__preview-delete {
position: absolute;
top: 0;
right: 0;
width: 14px;
height: 14px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0 0 0 12px;
}
.van-uploader__preview-delete-icon {
position: absolute;
top: -2px;
right: -2px;
color: #fff;
font-size: 16px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.van-uploader__preview-cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.van-uploader__mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #fff;
background-color: rgba(50, 50, 51, 0.88);
}
.van-uploader__mask-icon {
font-size: 22px;
}
.van-uploader__mask-message {
margin-top: 6px;
padding: 0 4px;
font-size: 12px;
line-height: 14px;
}
.van-uploader__loading {
width: 22px;
height: 22px;
color: #fff;
}
.van-uploader__file {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 80px;
height: 80px;
background-color: #f7f8fa;
}
.van-uploader__file-icon {
color: #646566;
font-size: 20px;
}
.van-uploader__file-name {
box-sizing: border-box;
width: 100%;
margin-top: 8px;
padding: 0 4px;
color: #646566;
font-size: 12px;
text-align: center;
}
.van-index-anchor {
z-index: 1;
box-sizing: border-box;
padding: 0 16px;
color: #323233;
font-weight: 500;
font-size: 14px;
line-height: 32px;
background-color: transparent;
}
.van-index-anchor--sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
color: #ee0a24;
background-color: #fff;
}
.van-index-bar__sidebar {
position: fixed;
top: 50%;
right: 0;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-index-bar__index {
padding: 0 8px 0 16px;
font-weight: 500;
font-size: 10px;
line-height: 14px;
}
.van-index-bar__index--active {
color: #ee0a24;
}
.van-pagination {
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 14px;
}
.van-pagination__item,
.van-pagination__page-desc {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.van-pagination__item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
box-sizing: border-box;
min-width: 36px;
height: 40px;
color: #1989fa;
background-color: #fff;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.van-pagination__item:active {
color: #fff;
background-color: #1989fa;
}
.van-pagination__item::after {
border-width: 1px 0 1px 1px;
}
.van-pagination__item:last-child::after {
border-right-width: 1px;
}
.van-pagination__item--active {
color: #fff;
background-color: #1989fa;
}
.van-pagination__prev,
.van-pagination__next {
padding: 0 4px;
cursor: pointer;
}
.van-pagination__item--disabled,
.van-pagination__item--disabled:active {
color: #646566;
background-color: #f7f8fa;
cursor: not-allowed;
opacity: 0.5;
}
.van-pagination__page {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
flex-grow: 0;
}
.van-pagination__page-desc {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 40px;
color: #646566;
}
.van-pagination--simple .van-pagination__prev::after,
.van-pagination--simple .van-pagination__next::after {
border-width: 1px;
}
.van-password-input {
position: relative;
margin: 0 16px;
-webkit-user-select: none;
user-select: none;
}
.van-password-input__info,
.van-password-input__error-info {
margin-top: 16px;
font-size: 14px;
text-align: center;
}
.van-password-input__info {
color: #969799;
}
.van-password-input__error-info {
color: #ee0a24;
}
.van-password-input__security {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 50px;
cursor: pointer;
}
.van-password-input__security::after {
border-radius: 6px;
}
.van-password-input__security li {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
font-size: 20px;
line-height: 1.2;
background-color: #fff;
}
.van-password-input__security i {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background-color: #000;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
}
.van-password-input__cursor {
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 40%;
background-color: #323233;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: 1s van-cursor-flicker infinite;
animation: 1s van-cursor-flicker infinite;
}
@-webkit-keyframes van-cursor-flicker {
from {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes van-cursor-flicker {
from {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.van-progress {
position: relative;
height: 4px;
background: #ebedf0;
border-radius: 4px;
}
.van-progress__portion {
position: absolute;
left: 0;
height: 100%;
background: #1989fa;
border-radius: inherit;
}
.van-progress__pivot {
position: absolute;
top: 50%;
box-sizing: border-box;
min-width: 3.6em;
padding: 0 5px;
color: #fff;
font-size: 10px;
line-height: 1.6;
text-align: center;
word-break: keep-all;
background-color: #1989fa;
border-radius: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.van-row::after {
display: table;
clear: both;
content: '';
}
.van-row--flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.van-row--flex::after {
display: none;
}
.van-row--justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.van-row--justify-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.van-row--justify-space-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.van-row--justify-space-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.van-row--align-center {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.van-row--align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.van-sidebar {
width: 80px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.van-tree-select {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 14px;
-webkit-user-select: none;
user-select: none;
}
.van-tree-select__nav {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow-y: auto;
background-color: #f7f8fa;
-webkit-overflow-scrolling: touch;
}
.van-tree-select__nav-item {
padding: 14px 12px;
}
.van-tree-select__content {
-webkit-box-flex: 2;
-webkit-flex: 2;
flex: 2;
overflow-y: auto;
background-color: #fff;
-webkit-overflow-scrolling: touch;
}
.van-tree-select__item {
position: relative;
padding: 0 32px 0 16px;
font-weight: 500;
line-height: 48px;
cursor: pointer;
}
.van-tree-select__item--active {
color: #ee0a24;
}
.van-tree-select__item--disabled {
color: #c8c9cc;
cursor: not-allowed;
}
.van-tree-select__selected {
position: absolute;
top: 50%;
right: 16px;
margin-top: -8px;
font-size: 16px;
}
.van-skeleton {
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 16px;
}
.van-skeleton__avatar {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 32px;
height: 32px;
margin-right: 16px;
background-color: #f2f3f5;
}
.van-skeleton__avatar--round {
border-radius: 999px;
}
.van-skeleton__content {
width: 100%;
}
.van-skeleton__avatar + .van-skeleton__content {
padding-top: 8px;
}
.van-skeleton__row,
.van-skeleton__title {
height: 16px;
background-color: #f2f3f5;
}
.van-skeleton__title {
width: 40%;
margin: 0;
}
.van-skeleton__row:not(:first-child) {
margin-top: 12px;
}
.van-skeleton__title + .van-skeleton__row {
margin-top: 20px;
}
.van-skeleton--animate {
-webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite;
animation: van-skeleton-blink 1.2s ease-in-out infinite;
}
.van-skeleton--round .van-skeleton__row,
.van-skeleton--round .van-skeleton__title {
border-radius: 999px;
}
@-webkit-keyframes van-skeleton-blink {
50% {
opacity: 0.6;
}
}
@keyframes van-skeleton-blink {
50% {
opacity: 0.6;
}
}
.van-stepper {
font-size: 0;
-webkit-user-select: none;
user-select: none;
}
.van-stepper__minus,
.van-stepper__plus {
position: relative;
box-sizing: border-box;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
color: #323233;
vertical-align: middle;
background-color: #f2f3f5;
border: 0;
cursor: pointer;
}
.van-stepper__minus::before,
.van-stepper__plus::before {
width: 50%;
height: 1px;
}
.van-stepper__minus::after,
.van-stepper__plus::after {
width: 1px;
height: 50%;
}
.van-stepper__minus::before,
.van-stepper__plus::before,
.van-stepper__minus::after,
.van-stepper__plus::after {
position: absolute;
top: 50%;
left: 50%;
background-color: currentColor;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '';
}
.van-stepper__minus:active,
.van-stepper__plus:active {
background-color: #e8e8e8;
}
.van-stepper__minus--disabled,
.van-stepper__plus--disabled {
color: #c8c9cc;
background-color: #f7f8fa;
cursor: not-allowed;
}
.van-stepper__minus--disabled:active,
.van-stepper__plus--disabled:active {
background-color: #f7f8fa;
}
.van-stepper__minus {
border-radius: 4px 0 0 4px;
}
.van-stepper__minus::after {
display: none;
}
.van-stepper__plus {
border-radius: 0 4px 4px 0;
}
.van-stepper__input {
box-sizing: border-box;
width: 32px;
height: 28px;
margin: 0 2px;
padding: 0;
color: #323233;
font-size: 14px;
line-height: normal;
text-align: center;
vertical-align: middle;
background-color: #f2f3f5;
border: 0;
border-width: 1px 0;
border-radius: 0;
-webkit-appearance: none;
}
.van-stepper__input:disabled {
color: #c8c9cc;
background-color: #f2f3f5;
-webkit-text-fill-color: #c8c9cc;
opacity: 1;
}
.van-stepper__input:read-only {
cursor: default;
}
.van-stepper--round .van-stepper__input {
background-color: transparent;
}
.van-stepper--round .van-stepper__plus,
.van-stepper--round .van-stepper__minus {
border-radius: 100%;
}
.van-stepper--round .van-stepper__plus:active,
.van-stepper--round .van-stepper__minus:active {
opacity: 0.7;
}
.van-stepper--round .van-stepper__plus--disabled,
.van-stepper--round .van-stepper__minus--disabled,
.van-stepper--round .van-stepper__plus--disabled:active,
.van-stepper--round .van-stepper__minus--disabled:active {
opacity: 0.3;
}
.van-stepper--round .van-stepper__plus {
color: #fff;
background-color: #ee0a24;
}
.van-stepper--round .van-stepper__minus {
color: #ee0a24;
background-color: #fff;
border: 1px solid #ee0a24;
}
.van-sku {
/* sku row */
}
.van-sku-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
min-height: 50%;
max-height: 80%;
overflow-y: visible;
font-size: 14px;
background: #fff;
}
.van-sku-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 44px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.van-sku-body::-webkit-scrollbar {
display: none;
}
.van-sku-header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin: 0 16px;
}
.van-sku-header__img-wrap {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 96px;
height: 96px;
margin: 12px 12px 12px 0;
overflow: hidden;
border-radius: 4px;
}
.van-sku-header__goods-info {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 12px 20px 12px 0;
}
.van-sku-header-item {
margin-top: 8px;
color: #969799;
font-size: 12px;
line-height: 16px;
}
.van-sku__price-symbol {
font-size: 16px;
vertical-align: bottom;
}
.van-sku__price-num {
font-weight: 500;
font-size: 22px;
vertical-align: bottom;
word-wrap: break-word;
}
.van-sku__goods-price {
margin-left: -2px;
color: #ee0a24;
}
.van-sku__price-tag {
position: relative;
display: inline-block;
margin-left: 8px;
padding: 0 5px;
overflow: hidden;
color: #ee0a24;
font-size: 12px;
line-height: 16px;
border-radius: 8px;
}
.van-sku__price-tag::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: currentColor;
opacity: 0.1;
content: '';
}
.van-sku-group-container {
padding-top: 12px;
}
.van-sku-group-container--hide-soldout .van-sku-row__item--disabled {
display: none;
}
.van-sku-row {
margin: 0 16px 12px;
}
.van-sku-row:last-child {
margin-bottom: 0;
}
.van-sku-row__item,
.van-sku-row__image-item {
position: relative;
overflow: hidden;
color: #323233;
border-radius: 4px;
cursor: pointer;
}
.van-sku-row__item::before,
.van-sku-row__image-item::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f7f8fa;
content: '';
}
.van-sku-row__item--active,
.van-sku-row__image-item--active {
color: #ee0a24;
}
.van-sku-row__item--active::before,
.van-sku-row__image-item--active::before {
background: currentColor;
opacity: 0.1;
}
.van-sku-row__item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
min-width: 40px;
margin: 0 12px 12px 0;
font-size: 13px;
line-height: 16px;
vertical-align: middle;
}
.van-sku-row__item-img {
z-index: 1;
width: 24px;
height: 24px;
margin: 4px 0 4px 4px;
object-fit: cover;
border-radius: 2px;
}
.van-sku-row__item-name {
z-index: 1;
padding: 8px;
}
.van-sku-row__item--disabled {
color: #c8c9cc;
background: #f2f3f5;
cursor: not-allowed;
}
.van-sku-row__item--disabled .van-sku-row__item-img {
opacity: 0.3;
}
.van-sku-row__image {
margin-right: 0;
}
.van-sku-row__image-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 110px;
margin: 0 4px 4px 0;
border: 1px solid transparent;
}
.van-sku-row__image-item:last-child {
margin-right: 0;
}
.van-sku-row__image-item-img {
width: 100%;
height: 110px;
}
.van-sku-row__image-item-img-icon {
position: absolute;
top: 0;
right: 0;
z-index: 3;
width: 18px;
height: 18px;
color: #fff;
line-height: 18px;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
border-bottom-left-radius: 4px;
}
.van-sku-row__image-item-name {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
height: 40px;
padding: 4px;
font-size: 12px;
line-height: 16px;
}
.van-sku-row__image-item-name span {
word-wrap: break-word;
}
.van-sku-row__image-item--active {
border-color: currentColor;
}
.van-sku-row__image-item--disabled {
color: #c8c9cc;
cursor: not-allowed;
}
.van-sku-row__image-item--disabled::before {
z-index: 2;
background: #f2f3f5;
opacity: 0.4;
}
.van-sku-row__title {
padding-bottom: 12px;
}
.van-sku-row__title-multiple {
color: #969799;
}
.van-sku-row__scroller {
margin: 0 -16px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.van-sku-row__scroller::-webkit-scrollbar {
display: none;
}
.van-sku-row__row {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
margin-bottom: 4px;
padding: 0 16px;
}
.van-sku-row__indicator {
width: 40px;
height: 4px;
background: #ebedf0;
border-radius: 2px;
}
.van-sku-row__indicator-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding-bottom: 16px;
}
.van-sku-row__indicator-slider {
width: 50%;
height: 100%;
background-color: #ee0a24;
border-radius: 2px;
}
.van-sku-stepper-stock {
padding: 12px 16px;
overflow: hidden;
line-height: 30px;
}
.van-sku__stepper {
float: right;
padding-left: 4px;
}
.van-sku__stepper-title {
float: left;
}
.van-sku__stepper-quota {
float: right;
color: #ee0a24;
font-size: 12px;
}
.van-sku__stock {
display: inline-block;
margin-right: 8px;
color: #969799;
font-size: 12px;
}
.van-sku__stock-num--highlight {
color: #ee0a24;
}
.van-sku-messages {
padding-bottom: 32px;
}
.van-sku-messages__image-cell .van-cell__title {
max-width: 6.2em;
margin-right: 12px;
color: #646566;
text-align: left;
word-wrap: break-word;
}
.van-sku-messages__image-cell .van-cell__value {
overflow: visible;
text-align: left;
}
.van-sku-messages__image-cell-label {
color: #969799;
font-size: 12px;
line-height: 18px;
}
.van-sku-messages__cell-block {
position: relative;
}
.van-sku-messages__cell-block::after {
position: absolute;
box-sizing: border-box;
content: ' ';
pointer-events: none;
right: 16px;
bottom: 0;
left: 16px;
border-bottom: 1px solid #ebedf0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.van-sku-messages__cell-block:last-child::after {
display: none;
}
.van-sku-messages__extra-message {
margin-top: -2px;
padding: 0 16px 12px;
color: #969799;
font-size: 12px;
line-height: 18px;
}
.van-sku-actions {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding: 8px 16px;
}
.van-sku-actions .van-button {
height: 40px;
font-weight: 500;
font-size: 14px;
border: none;
border-radius: 0;
}
.van-sku-actions .van-button:first-of-type {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.van-sku-actions .van-button:last-of-type {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.van-sku-actions .van-button--warning {
background: -webkit-linear-gradient(left, #ffd01e, #ff8917);
background: linear-gradient(to right, #ffd01e, #ff8917);
}
.van-sku-actions .van-button--danger {
background: -webkit-linear-gradient(left, #ff6034, #ee0a24);
background: linear-gradient(to right, #ff6034, #ee0a24);
}
.van-slider {
position: relative;
width: 100%;
height: 2px;
background-color: #ebedf0;
border-radius: 999px;
cursor: pointer;
}
.van-slider::before {
position: absolute;
top: -8px;
right: 0;
bottom: -8px;
left: 0;
content: '';
}
.van-slider__bar {
position: relative;
width: 100%;
height: 100%;
background-color: #1989fa;
border-radius: inherit;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.van-slider__button {
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.van-slider__button-wrapper,
.van-slider__button-wrapper-right {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate3d(50%, -50%, 0);
transform: translate3d(50%, -50%, 0);
cursor: grab;
}
.van-slider__button-wrapper-left {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
cursor: grab;
}
.van-slider--disabled {
cursor: not-allowed;
opacity: 0.5;
}
.van-slider--disabled .van-slider__button-wrapper,
.van-slider--disabled .van-slider__button-wrapper-left,
.van-slider--disabled .van-slider__button-wrapper-right {
cursor: not-allowed;
}
.van-slider--vertical {
display: inline-block;
width: 2px;
height: 100%;
}
.van-slider--vertical .van-slider__button-wrapper,
.van-slider--vertical .van-slider__button-wrapper-right {
top: auto;
right: 50%;
bottom: 0;
-webkit-transform: translate3d(50%, 50%, 0);
transform: translate3d(50%, 50%, 0);
}
.van-slider--vertical .van-slider__button-wrapper-left {
top: 0;
right: 50%;
left: auto;
-webkit-transform: translate3d(50%, -50%, 0);
transform: translate3d(50%, -50%, 0);
}
.van-slider--vertical::before {
top: 0;
right: -8px;
bottom: 0;
left: -8px;
}
.van-steps {
overflow: hidden;
background-color: #fff;
}
.van-steps--horizontal {
padding: 10px 10px 0;
}
.van-steps--horizontal .van-steps__items {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0 0 10px;
padding-bottom: 22px;
}
.van-steps--vertical {
padding: 0 0 0 32px;
}
.van-swipe-cell {
position: relative;
overflow: hidden;
cursor: grab;
}
.van-swipe-cell__wrapper {
-webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.van-swipe-cell__left,
.van-swipe-cell__right {
position: absolute;
top: 0;
height: 100%;
}
.van-swipe-cell__left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.van-swipe-cell__right {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.van-tabbar {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: content-box;
width: 100%;
height: 50px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff;
}
.van-tabbar--fixed {
position: fixed;
bottom: 0;
left: 0;
}
.van-tabbar--unfit {
padding-bottom: 0;
}
:root,
.ios {
/* (top,right,bottom,left) size for px */
--f7-size-ps-0: 0px;
--f7-size-ps-5: 5px;
--f7-size-ps-8: 8px;
--f7-size-ps-12: 12px;
--f7-size-ps-35: 35px;
/* z-index for number */
--f7-z-index-1: 1;
--f7-z-index-2: 2;
--f7-z-index-3: 3;
/* (background-size)size for percent */
--f7-size-percent-10: 10%;
--f7-size-percent-50: 50%;
--f7-size-percent-80: 80%;
--f7-size-percent-90: 90%;
--f7-size-percent-93: 93%;
--f7-size-percent-100: 100%;
/* custom color */
--f7-color-toolbar-active: #5295fc;
--f7-color-white: #fff;
--f7-color-lightblue: #27418b;
--f7-color-gray-tint: #a8b5c5;
--f7-color-gray-1: #b0b4bf;
--f7-color-yellow-lamp: #5295fc;
--f7-color-yellow-game-border: #bd9b4b;
--f7-color-blue-lamp: #fff;
--f7-color-blue-menu: #05369d;
--f7-color-blue-active: #154bd2;
--f7-color-marquee-bg: #152759;
--f7-color-blue-tip: #03a9f4;
--f7-color-bg-copy: #00a8fd;
--f7-color-bg-transparent: transparent;
--f7-color-gray-gray: #c7b8b8;
--f7-color-active: #03f1dd;
--f7-color-blue-keba: #27418b;
--f7-color-black: #000;
--f7-color-white-celi: #acb4c1;
--f7-color-icon: #DA291C;
--f7-input-error-text-color: #ff3b30;
--f7-THEME-color: #2366cc;
--f7-THEME-colorbg: #2366cc;
--f7-THEME-color2: #ddeeff;
--f7-main-color: #2366cc;
--f7-common-border-color: #2366cc;
/* Padding */
--f7-padding-size-0: 0px;
--f7-padding-size-1: 1px;
--f7-padding-size-2: 2px;
--f7-padding-size-3: 3px;
--f7-padding-size-4: 4px;
--f7-padding-size-5: 5px;
--f7-padding-size-6: 6px;
--f7-padding-size-7: 7px;
--f7-padding-size-8: 8px;
--f7-padding-size-9: 9px;
--f7-padding-size-10: 10px;
--f7-padding-size-20: 20px;
/* Margin */
--f7-margin-size-f2: -2px;
--f7-margin-size-0: 0px;
--f7-margin-size-8: 8px;
--f7-margin-size-10: 10px;
--f7-margin-size-15: 15px;
--f7-margin-size-20: 20px;
/* Height */
--f7-height-size-0: 0px;
--f7-height-size-2: 2px;
--f7-height-size-30: 30px;
--f7-height-size-70: 70px;
--f7-height-size-140: 140px;
--f7-height-size-pt100: 100%;
/* width */
--f7-width-size-0: 0px;
--f7-width-size-2: 2px;
--f7-width-size-pt60: 60%;
--f7-width-size-pt92: 92%;
--f7-width-size-pt100: 100%;
/* font size */
--f7-font-size-14: 14px;
--f7-font-size-24: 24px;
--f7-font-size-40: 40px;
/* display */
--f7-display-block: block;
--f7-display-none: none;
--f7-display-inline-block: inline-block;
--f7-display-flex: flex;
/* text-align */
--f7-text-center: center;
--f7-text-left: left;
--f7-text-right: right;
/* common */
--f7-auto: auto;
--f7-hidden: hidden;
--f7-border-none: none;
--f7-border-box: border-box;
--f7-postion-relative: relative;
--f7-postion-absolute: absolute;
--f7-postion-fixed: fixed;
--f7-flex-direction: column;
--f7-font-weight-normal: normal;
--f7-px-f5: -5px;
--f7-px-0: 0px;
--f7-px-1: 1px;
--f7-px-2: 2px;
--f7-px-3: 3px;
--f7-px-4: 4px;
--f7-px-5: 5px;
--f7-px-6: 6px;
--f7-px-8: 8px;
--f7-px-10: 10px;
--f7-px-13: 13px;
--f7-px-15: 15px;
--f7-px-16: 16px;
--f7-px-17: 17px;
--f7-px-20: 20px;
--f7-px-22: 22px;
--f7-px-24: 24px;
--f7-px-26: 26px;
--f7-px-28: 28px;
--f7-px-32: 32px;
--f7-px-34: 34px;
--f7-px-36: 36px;
--f7-px-40: 40px;
--f7-px-49: 49px;
--f7-px-50: 50px;
--f7-px-80: 80px;
--f7-px-84: 84px;
--f7-px-100: 100px;
--f7-px-160: 160px;
--f7-px-180: 180px;
--f7-px-210: 210px;
--f7-px-215: 215px;
--f7-px-220: 220px;
--f7-px-240: 240px;
--f7-px-320: 320px;
}
:root .row.no-gap,
.ios .row.no-gap {
--f7-grid-gap: 5px;
}
:root.theme-yt888 {
/* navbar*/
--f7-bars-bg-color: #fff;
--f7-bars-text-color: #464646;
--f7-toolbar-border-color: #2366cc;
/* login content*/
--f7-login-screen-content-bg-color: #fff;
--f7-comm-line-color: rgba(255,255,255,0.25098);
--f7-badge-bg-color: #2366cc;
}
.ios.theme-yt888 {
--f7-tabbar-labels-height: 60px;
--f7-tabbar-labels-tablet-height: 56px;
--f7-tabbar-link-inactive-color: #464646;
--f7-tabbar-icon-size: 30px;
--f7-tabbar-label-font-size: 14px;
--f7-page-bg-color: #fff;
--f7-color-toolbar-active: #E42313;
--f7-list-item-padding-vertical: 2px;
/* Navnar */
--f7-navbar-height: 45px;
--f7-navbar-title-font-weight: normal;
/* input */
--f7-input-font-size: 12px;
--f7-input-text-color: #70788f;
/* Button */
--f7-button-bg-color: #2366cc;
--f7-button-fill-bg-color: #2366cc;
--f7-button-text-color: #ffffff;
--f7-button-fill-text-color: #fff;
/* Block */
--f7-block-strong-bg-color: #fff;
/* toggle */
--f7-toggle-width: 40px;
--f7-toggle-height: 20px;
/* login screen */
--f7-login-screen-blocks-margin-vertical: 15px;
/* dialog bg color */
--f7-dialog-bg-color: #fff;
--f7-dialog-text-color: #464646;
--f7-dialog-title-font-size: 18px;
--f7-dialog-title-font-weight: normal;
--f7-actions-border-radius: 8px;
--f7-dialog-border-color: #d1d1d1;
--f7-dialog-button-bg-color-left: #dddddd;
--f7-dialog-button-text-color-left: #000;
--f7-dialog-button-bg-color-right: #2366cc;
--f7-dialog-button-text-color-right: #ffffff;
--f7-dialog-button-text-disable-color-right: #ab9090;
}
.searchGameBar.ng-enter {
top: -150px;
}
.searchGameBar.ng-enter-active {
top: 0px;
}
.searchGameBar.ng-leave {
top: 0px;
}
.searchGameBar.ng-leave-active {
top: -150px;
}
@keyframes upApp {
0% {
transform: scale(0);
opacity: 0;
display: block;
}
100% {
transform: scale(1);
opacity: 1;
display: block;
}
}
@keyframes smartCodeLine {
0% {
top: 5px;
}
50% {
top: 220px;
}
100% {
top: 5px;
}
}
/* transferMove start */
@keyframes transferMove {
from {
transform: translateX(800px);
}
to {
transform: translateX(0px);
}
}
/* transferMove end */
/* transferHide start */
@keyframes transferHide {
from {
transform: translateX(0px);
}
to {
transform: translateX(-800px);
}
}
/* transferHide end */
/* move start */
@keyframes move {
from {
transform: translate3d(80px, -500px, 0);
}
to {
transform: translate3d(0, -50%, 0);
}
}
/* move end */
/* popupHide start */
@keyframes popupHide {
from {
transform: translate3d(0, -50%, 0);
}
to {
transform: translate3d(80px, -500px, 0);
}
}
/* popupHide end */
@keyframes colorchange {
0% {
color: #8b93ff;
}
10% {
color: #eca7fd;
}
20% {
color: #90f9f0;
}
30% {
color: #ffe082;
}
40% {
color: #8b93ff;
}
50% {
color: #eca7fd;
}
60% {
color: #90f9f0;
}
70% {
color: #fdd566;
}
80% {
color: #8b93ff;
}
90% {
color: #eca7fd;
}
100% {
color: #90f9f0;
}
}
@keyframes superScaleIn {
from {
transform: translate3d(0, -50%, 0) scale(1.2);
}
to {
transform: translate3d(0, -50%, 0) scale(1);
}
}
@keyframes scaleOut {
from {
transform: translate3d(0, -50%, 0) scale(1);
}
to {
transform: translate3d(0, -50%, 0) scale(0.8);
}
}
@keyframes rotate-360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes home-active {
0% {
transform: translateY(0);
}
25% {
transform: translateY(-20px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}
to {
transform: translateY(0);
}
}
@font-face {
font-family: "iconfont"; /* Project id */
src: url(../fonts/iconfont.ttf) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-qq:before {
content: "\e663";
}
.icon-jifenmingxi:before {
content: "\e6d0";
}
.icon-iconfonttuijianren:before {
content: "\e60d";
}
.icon-gerenziliao:before {
content: "\e608";
}
.icon-jifen:before {
content: "\e60a";
}
.icon-mimasuo:before {
content: "\e84a";
}
.icon-typecar107:before {
content: "\e62f";
}
.icon-jilu:before {
content: "\e66b";
}
.icon-tuijianren:before {
content: "\e636";
}
.icon-vip:before {
content: "\e6ba";
}
.icon-churukujilu:before {
content: "\e61e";
}
.icon-list_chukushenhe:before {
content: "\e638";
}
.icon-qiandao:before {
content: "\e60f";
}
.icon-bukejian:before {
content: "\e69f";
}
.icon-tikuanjilu:before {
content: "\e56f";
}
.icon-duanxin:before {
content: "\e772";
}
.icon-shouji:before {
content: "\e78c";
}
.icon-icon--:before {
content: "\e790";
}
.icon-mima:before {
content: "\e619";
}
.icon-qukuan:before {
content: "\e610";
}
.icon-zijinchizhangbumingxitiaozhang:before {
content: "\e65f";
}
.icon-kuahangzhanghuduiwaizhuanzhang:before {
content: "\e673";
}
.icon-mima1:before {
content: "\e60c";
}
.icon-yaoqingma:before {
content: "\e639";
}
.icon-yinhangqia:before {
content: "\e61a";
}
.icon-yonghuziliaogerenxinxigerenziliao-xianxing:before {
content: "\e7ea";
}
.icon-tuijian:before {
content: "\e620";
}
.icon-vip1:before {
content: "\e618";
}
.icon-weixin:before {
content: "\e627";
}
.icon-jiaoyijilu:before {
content: "\e66c";
}
.icon-wj-mxjl:before {
content: "\e742";
}
.icon-xiugaimima:before {
content: "\e718";
}
.icon-tixianjilu:before {
content: "\e672";
}
.icon-yanzhengma:before {
content: "\e667";
}
.icon-yonghu:before {
content: "\e668";
}
.icon-gerenziliao1:before {
content: "\e61c";
}
.icon--vip-:before {
content: "\e61f";
}
.icon-jinbi:before {
content: "\e6c6";
}
.icon-zhanghu:before {
content: "\e7e5";
}
.icon-youxiang:before {
content: "\e678";
}
.icon-lianxinxi:before {
content: "\e625";
}
.icon-lishitonghuajilu:before {
content: "\e611";
}
.icon-check:before {
content: "\e621";
}
.icon-cunkuan:before {
content: "\e609";
}
.icon-gonggao:before {
content: "\e633";
}
.icon-mendianzhuanxiangshenhe:before {
content: "\e62d";
}
.icon-jifenmingxi1:before {
content: "\e63c";
}
.icon-reshengji:before {
content: "\e6b3";
}
.icon-Giftliwu1:before {
content: "\e72b";
}
.icon-duorenzhuanzhang:before {
content: "\e612";
}
.icon-history:before {
content: "\e7a8";
}
.icon-mingxiqingdanlei:before {
content: "\e623";
}
.icon-huiyuanvip:before {
content: "\e73a";
}
.icon-qingdan:before {
content: "\e62b";
}
.icon-vip2-01:before {
content: "\e647";
}
.icon-zhuanzhang:before {
content: "\e66d";
}
.icon-bukejian1:before {
content: "\ee34";
}
.icon-jifenjilu:before {
content: "\e640";
}
.icon-VIP:before {
content: "\e71d";
}
.icon-chongzhijilu:before {
content: "\e679";
}
.icon-VIP1:before {
content: "\e74c";
}
.icon-xiugaimima1:before {
content: "\e669";
}
.icon-yonghuxinxi:before {
content: "\e63a";
}
.icon-cunkuan1:before {
content: "\e691";
}
.icon-liwu3:before {
content: "\e63b";
}
.icon-a-huiyuanVIP:before {
content: "\e63d";
}
.icon-a-huiyuanVIPVIPka:before {
content: "\e63e";
}
.icon-a-yonghuxinxigerenziliao:before {
content: "\e63f";
}
.icon-yuyan:before {
content: "\e641";
}
/* Your app custom styles here */
/* Global Manrope Font Setting */
html,
body {
font-family: 'Manrope', -apple-system, Hiragino Sans GB, Monospaced Number, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.ios {
--f7-subnavbar-inner-padding-left: 0px;
--f7-subnavbar-inner-padding-right: 0px;
/* Toolbar */
/* Navbar */
/* login page */
/* hom swiper */
}
.ios .symbol {
font-size: 10px;
margin-right: 3px;
}
.ios .f7-icons {
font-style: normal;
}
.ios .iconfont {
font-style: normal;
}
.ios .page-content {
padding-bottom: 0;
overflow-x: hidden;
}
.ios .page-content::after {
content: "";
display: block;
height: 57px;
width: 100%;
}
.ios .iframe-onlineCustom {
width: 100%;
height: calc(100% - 0px);
min-height: calc(100% - 0px);
}
.ios .toolbar {
background-color: transparent;
background-image: none;
height: calc(55px + var(--f7-safe-area-bottom));
}
.ios .toolbar .toolbar-inner {
padding: var(--f7-padding-size-0);
}
.ios .toolbar .toolbar-inner img {
width: 24px;
height: 24px;
}
.ios .toolbar .toolbar-inner a.tab-link {
position: relative;
justify-content: flex-end;
overflow: visible;
}
.ios .toolbar .toolbar-inner a.tab-link span {
font-size: 12px;
color: #CBCBCB;
}
.ios .toolbar .toolbar-inner a.tab-link .home-icon {
position: relative;
width: 54px;
}
.ios .toolbar .toolbar-inner a.tab-link .img-home {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB7ZnRbcIwEIYvIbxnBEYACXgOG5QJSidomYB2AugEbSdgBHgDAVLKBnSDDgCk/0ntW53YsROn6n2SFaTEF//2/bZxiAThfxNQBez3+wSXGUoXJUZZZ1k2HQ6H7+QY5wJ2u919EAQLxe3HwWDwRA5xKgA9P8floeAxpyKcCEjTND6fz0v8TDSrrKMoGvd6vU+yxFrAZrPptNvtFXK8Y1IPaXZqtVojiDiRBSFZgHzvlmk8w3Uul8uKY5AFpQV8mzUt0/gfuC7H2G63Rb5RUkoAzDrLmWmMQSrNOSaVwMgDbFYM+xw9N6EKQKe8QszUxNzaAtismDl4prHK2SJMza0lgI0WhuHSJt9NMBFR6IHD4XCDgKu6Gs/wu7CupPzuomdzBbCxEIzTJqb6ifndReZWphDSZoKef6FmMML2Y/3bDeUIoPG31ByUo5CXQgk1h0R1w2or0QREgG9EgG9EgG/+vICIHMK7SOxf7lTLfhW7WqcjcL1ex6rGM3ywxQLJIU4F6Jy85Qksg5jYNyLANyLANyLAN3l/6k9khvbnI5exlQKw5D+TASaHvS5jKwVgyV/wvgWVj5Qf/Igy6ff7b6SJbmzwYRpbEAShXr4AxT+76G8x4K4AAAAASUVORK5CYII=);
}
.ios .toolbar .toolbar-inner a.tab-link .img-home-act {
content: url(data:image/png;base64,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);
}
.ios .toolbar .toolbar-inner a.tab-link .img-promotion {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJySURBVHgB7ZhRTsJAEIaHAu94A7mBJMAzR/AG1hPoDYwnMJ5AvIE3UJ8gQMIR9AbyyAME56+UAN12Z9vZ1od+CWkLu93/39mZLEtUU1NTUyUNacPJZHLZarXu+DbkT4f8sGo0Gm/NZvOx1+t9SzqIDEB8u91+3+12l1QCbOKbTbCH3srWNiABLP6hLPEAY202mwdJW2sE9kvniyqAx+3alpI1AvySJ6oIjsKLrU2mgdlsFvLlmqpjNJ/PR1kNMg0EQSBahz7hhM6MQqoBnv27MhM3DWiYTqf3ab8bk7jssilgtU/oRFk1RqDssimgk1ZWExGosmzaMJXVRAQw+/RPMZXVEwMom7x0QpLxxjNywS/t4p4c4XFe4/64F3ZLlNWTJbRYLL6ka/88nGx+zCXvRtIXgofDYRg/L5dLrPEfSV/sk/r9fjd+PkSAxV87Ju5JRYAgyUyeiwfr9Vq8u4XG4ygERz9ckQPb7TaxxbCZMIkHOfJuFN8c54B163omJuSoJZIqzUSaeLzDIe8ieBkdquTBAK/pMXkyoSkeGvm/wmf8cJLEqEK2vYcJ7jPmxLo9/x6JjauieEzGLb9vfBjbMKiqCRNa4qNxTQ19mtAUH42Z1sGHCW3x0XhZHTVN+BAfjUUW8pqgv+3FM/ftsAgcx4zIEZt4IDpWKWAiNxLxQHywVaYJqXggNgDKMOEiHjgZAD5NuIoHzgaADxN5xINcBoCmibziQW4DQMNEEfGgkAFQxERR8aCwAZDHhIZ4oGIAuJjQEg/UDACJCU3xQNUAyDKhLR6oGwAmEz7EAy8GAI5p+IJd6IrFPw8Ggw+qqalR5xfkeqx7N9gB2gAAAABJRU5ErkJggg==);
}
.ios .toolbar .toolbar-inner a.tab-link .img-promotion-act {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKWSURBVHgB7ZlNbtNAFMffjBFCXYUbuDUHICqwzhF6A1KJhOzCDRAngO6qFonkBr0BsKWpegGs+gZkA6t6hnlJY9X12PPGnrG78G+TOPHH/zcfL2MHoKenp6dLGHXHcHYdcinmTMixOmoAPpCwBs4uUsY/JafDhHIISQDDB0J8V1cIoRVYku7xYfJluDbtyYFAIMXH9sIjMuT/8JpmjD2wbf30Bjog5cG+aSgZe0CF/wwdEaTpN9M+lQLR5NdYvRxBVzAYvZhdjqp2qe4BFpDGoU+k4JW9UCpwMFnN2524ZcjwYHr5oexb7SRuv2waWad7akJryqq2B9ovm0YGZWW10ANdlk0TurJa6IFt6z9OdGU1J7Apm1KtdWhcqHH5HFsF34M9y+x4AUvSEZqymhtC0fTqhjr2H3Zn9G61UM3xFmgs47NX491GOL4eBE/TP7RDWRKfHe7vtrIeiKarI6uJ+wxyFSH+qgLRWjIX/u5cFqtbGd7vhUyAgXwJFgR/RWGJQZAohoca807AaPeW3/vQuHTNweQ4mlwVJlWFhDZ89F6dgz7vNkhgWZXMBG5vnyzUiy8JZ+HxpkfNv59ZhNwJZ6oKGdYe+pOyRXx+ePzw47uJDc7Cb64ljuPzN4vdZuGHzLWEDlfhEe1ayKeEy/BI6R2ZDwnX4ZHKW0qXEj7CI8Z74toSannBuDyRgg1U5ZjjMgBsMYRHSI9VGkjUhxAeIT/YalWCGB4hCyCtSFiER6wEEK8SluERawHEi0SN8EgtAcSpRM3wSG0BxIlEg/BIIwGkkUTD8EhjAaSWhIPwiBMBxErCUXjEmQBCknAYHnEqgFRKOA6POBdAtBIewiNeBBB8TMO2q1D1x508+X36+gf09PQ45z/liIlU9Sxv4AAAAABJRU5ErkJggg==);
}
.ios .toolbar .toolbar-inner a.tab-link .img-balance {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFPSURBVHgB7ZjdTYRAEIAHoYAr5XiA9yvBCizBWIFYgXZirMB3IIFSLIAEZxInQcMeu7CzE3PzvdxlScj3Ef4GAMP43wzDcGrb9hF2cgeKkPw0TZ9Zlr11XfcMO8hACZbHv+fFclNV1QsE4AzAIzLDAVDEuW+HPBMUkfwU2pAnmpDTKWmAhzzjHZEsIECe8YpIErBDntmMEA84IM9cjRANiCDPOCPEAiLKM6sRYgEo/w7x5Jmm7/uH5YJYwDzPT/jzBXEZ8zz/WC6IBdR1PWLEBeJFjEVRXMqy/LU/0Ys4YsSqPCF+G40Q4ZQnkjzIDkRclSeSvUrsiNiUJ5K+zAVEeMkTKgMNjpBnnMLoIXda2ewtT6hNZI6IIHlCLYD4ExEsT6gGED8Rryh/HypPJJuJpWZs1c8qMbAAbSxAGwvQxgK0sQBtLEAbCzAMw7htvgHp6sTxjQBPWwAAAABJRU5ErkJggg==);
}
.ios .toolbar .toolbar-inner a.tab-link .img-balance-act {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgB7ZgxTsMwFEC/na0sPQIqYi8CsfcInICJMgInoJyAzuUQiBN0R0V0RyCOwAJbYvIruWqrJrEdf39V/W9JlEjOe1ISxwEQhN3m8Pa927ue3UAgGhhBef2XT5WBcW/4dg8BKGBiKQ/Qt8cMqNHX5PTBY5jqgKPhzEALPidnlWNvk7f4RiS/herkEQVm5HM7JQ1okrf4RCQLcJW3uEYkCfCVt7hEkAeEyluaIkgD2spb6iLIAmLJW6oiyAKy3/w5lrwFI8r56XL1GFmAhuKu3PxARMqZdZ53spf16xDx8XQ+16YYQKQIlC862eB7fLI2HulDHCuiSh4hf422jaiTR5JMZKERTfJIsk8J3wgXeSTpx5xrhKs8wrKgOb567RdKT8vd7uY5H3mEbUW2LcJXHmELQFYjQuQR1gBkEQH6MT/ILnzlkWRrYqo1NutvlRhIADcSwI0EcCMB3EgANxLAjQQIgiDsN/90ac6cfitKswAAAABJRU5ErkJggg==);
}
.ios .toolbar .toolbar-inner a.tab-link .img-login {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIxSURBVHgB7ZnLbcJAEIbHBu6UkFQASHB3KoipIKSCkAogFQQqCFSQpALMCfGQSDqgBN95OP8EHyLE+jkbE2U/ybKlXfD8Ozu7M2sig+F/Y8V1WCwWHcuy7vBYx1Wl38PDe0fNZnMc1SlSwHK5nODmULF45XK53Wg0/HONtupXML5HxRvPOLvdrqtqVAqA+zp0OTyoGpQCgiC4ostBGXs2/XGMgKLRKoDXcdzeSCNl0gSM35RKpSc8+vv9vq5rUdDpgT42nw1vQDD+njShRcBpCtBqtTgtGJIGJAX4bDiuNqbO42kjBHW5Dd4Y8/QiIXLHAAyawqA+j3JcX4jggP4OaqQqDm7PdEwSM5PbAzC+BhF+2t8hv9lQTuMZiSlUtW37db1eJ061Z7PZVaVSmZAAIjHASyRG9CVpfxjfk1pWJYPYnc/nblyn1WrlwvgOCSG6jCIeYqfR4XAQrepMLhQFB3aa4M6CllyI13g+CEBgc0xUMe9HuL+H+4AoVoQRAaXHo4jTC96Bwz0j9fqPjfKsrdIecKIadWSkJoiLxggoGiOgaIyAKLBxfUqWj+fQIYBPIbiAv0HqUMd1zc9cC5MGJFMJro0HKOg91Vk+V2Jod1DBpS5oVKlEXgFs6BAfIAYqoyP+3+HCJvz6E4u0gCmuRCcRcST1ioSAzKOdlB9euaWTjDZLNvpBx7RXbLTjCN/hcRG03W5deKULQbVMKxm7Fl8oc5/b5IVt0F3VGQyGAvkCoJ7etQqkTLIAAAAASUVORK5CYII=);
}
.ios .toolbar .toolbar-inner a.tab-link .img-service {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARLSURBVHgB7ZrfUdtAEMZXxjzH6UBUEHsGGHhCriBOBTgVmFSAqCB2BZgKcCpAPDEDzIhUEKUD8sy/fBufEnE6CZ90dyKDfjMa2SfL0qe73dvdE1FLS8v/jEeGuLq6CrD7iI33PraeOHTjed7N09PTydbWVkQNU1uwEHpIS6HlF/O8BLtwc3PzhBqilmCIZaEh6ROit4+oASoLriF2eWHPm6OnP5NjKgm+vLyc4IanBYdvcSziPS3tuA/79Qt+67yntQVfXFz43W43pn9OKYUFHuHYfDAY3GYP4AGNO53OYYHwoUtn1iFN1tfXeSg/E8vOCEIHuPGpLJbZ3t6e393dDYXTkjkkh2gLRi+N5La1tbUhhCZl5+3u7iYsmpYjIUsQx3GPHKElWExBcu/OXxKbwqKxm8nt9/f3Y3KEbg8HcgMHFKQBxM3lNjy0D+QILcG4sdzQg+0mpIHo5Wc8PDy8J0doCX58fLRia/Dgr9OGVV4WjkjrZlUOCv/7gxyhJRj2mshtuNkRaYAHNFL873dyhJZgzMELRfNEZ1rhAETRfEOO0BIsgopIau7B856ucj6mta9ytMVm4jLS6pI+HPsGUlsAMTE89ifVnMwjAA/lGB9Vwz8kh1RKHq6vr6foqUnB4QWORdj/wvYOQ7gvojPVsD9H7wbkkCo9zKFkiB7bw8e+4vAo68ggVvkfPJTxP2NyTOV8WAzTM1KLLr/oUuxw1ZDUJCZKPCFpZDwQO+MRosqqXGCkiMc5MouAve4V5Ly3HHND7KLpQp6xqmWKKBD46XeOtZsYui0tbwQjNpxZdfDhmJ5VKXkKEkkHx8vfqjgtURI+EF+ndSqddefhibiRlZMHkWJG8OpHqzgzrnjinONsGwoGX3Z2dqZUAe0iHsNPHGI5hw1JQyzDvY9tzOdzMvFSpgWx+4q2gCqiJZinHE4SqILQAg7QW9Ac+zon1amQrCwYQ6svCvDaoWQZ3OPc20hI9skBKwlmsRhGHDdbqz1B+NyF6BezJR7GlsTyGhSnkj/TBnzeYJu2GWeXCmaxKOuc4UZMiv2zBsXLMtQApYJ5Halk5U+bJtPClEIbZrvl6YPMEjadSBQGHph+2G4DMkeunCPWmbmtzGT6pF6aLa10igX33DKQckiLUDEgsyyka9R5g4AfQFD2A4xOLixu4CGH2XblkFZFNwaQe+SA7JMrNCoFW7Bda+tSuuQEi+Fs/kKdji81zcg+uWvkbJhLrEWl1Zpw+vh37mXbgtNK8CBKzQf3onRa/LJbyWlcQztXzfU5L23BO2fRfoGl4H4qF/BVNmzT1k51MyPTqAT7ZA8uGsSuMiMVqnnYtjfticwoxJ7tUF4bjmzWrlWC0zforCJidN5UK4oRWUI1pBt56dMVuR5mV460cJFdPXAJbDwhiyhjafFqUUKvA6PFgEpVS8ecyw1y2VYH44tpNhBLsmkiMJMzoJaWlrfDb5bcz2hFi1kqAAAAAElFTkSuQmCC);
}
.ios .toolbar .toolbar-inner a.tab-link .img-service-act {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS5SURBVHgB7ZpPcts2FMa/B8m7dqregLYOUCs9QJQTxD1B1KnV6c7pCSyfoPKu07oT+QRxTxBl2xmX7gGcsDdQ17Xw+kDRqkRAEkGRUDLRb+zxGCIBfgLw8P4Q2LNnz8cMoSKi07irFJ5DowtwJE2tbIg7ItxNGdfJVWeMHbO1YCO0AZwzuLvxYkJCRIP7XzrX2BFbCT46jc9lNgfwhgbvrjoX2AGlBZcXmw3MNLr/rfMtAlNK8FE/PgPzcMXHE1m2Y/NXflsMHMu1kfvS8DPtLTjqxZFqcoy5UZojAvlCf6ZGybAzWfyg3Y97IvzcJVyDnoU0ZgqeqAN58LxYMUa6SZ13V18P82IN9792RrqBZyBK8p8Zg4eAeAuWWTrJN+mGzNLPnWTdbebzVPRsqf/fnVh3WTUtBMJLsDmCYM0ujTaJfWR2HV/m21VT9xAIL8EKuptv0+JQwAPdVKN8G5H6CoHwW9IMe+k1kcAD12rQzF8iEF6CmaiWvaaAD3MPEzixGqd+D+s0UETvEQg/wVolVgesT+BB48C+nln/hUB4CZ5q3NitdOZzrDCUde5qqDsEwktwMupMCKnbuEir0cTrIveL//2T5W2J0xLS02rCkylwId9Sd7HNOA8iJtYP+Ea+lCR/j1kBjQO8YofTYsJFBKRc8PDd7VCe9MzZIdGN+M1jmuIfbuALGeA4E9pyDP72/upJFwHxnmGDnqqBauKpzO1x/rNM3AmbzcLpjxtZytMG9RCY0vGwWaYi+o1LdIFRkyL+dx1sneI5Or0dSDfFIx7mS/25GriiqhBUksSLfogjeuCB7N+nK4L9iaQ4rjWrm10n8irLWj5ixOMB0bxBfO1dLN09ez4RqjFaWdWBGBFryVLSguFikuQ7EjmX77TG72WMVpYSfjn7j4bbZDq3PYfPsgcpHiKa6oP449N/ceFyQ/O0+7c9Znq13Mo/moQhSuCfxMPsG5dU7fssEe8XvJtVwNwz95tgYmOkxeqF3QV1URK/JJ7kpA/7cVxKqBN+qQ44Nv363LVNhqSw4Kj3x7FJwBOXcCXXITNuZrv9ffwCASgkeCa2KX5zfbkn1jwKIXpjtJSVVuoQO0lDSdZ/PzaI6EOzp02iATWxVnAq9kAiIq5UbFqDKmtlt2Wt4LSOtLLyV4J5WPgkwY5YuYejfmzKnD1UiEnn7DqQWOl4tE/jN4VeYyg+kJXOMXVmMvmxNVuGZwkGqzQrzsv6TKfCyPVqhXNJG1exSrEG6W8pxZu6i8wDRilaG59PQxKLt4diKwaLzc4lrQiVHw927vnRN64TO9Ho3sMV793ZSNNg9aN1WIKzGnD1A2mKllvsOnH12GNYezitFVHlmR8xWuq5/JmfvWZvtftxIpt77fYpZbQIE3Fo3rrOektZ1dZ5kTIvsLieZ5sEvrWkpfPa9poCv/aNjKp/BpsI9dEyEVeoyMiF6xyu25q2TGR01P9zYPZhvjYsx9e4zty1S3D6Bh3qxmQ+0rduaamiqESyMEZNOJY07+Slz1BYM2xMuVQPbpaqByFp2m/rVdq9qzGLaBJ8CMiZipIOt4tSWcuQGAfCalT5tG1xqnepaiAryWaBAF/mI6A9e/Z8OvwH9KrrAlox2NsAAAAASUVORK5CYII=);
}
.ios .toolbar .toolbar-inner a.tab-link .img-vip {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJxSURBVHgB7ZjbUcJAFIZPuLxrB1iBMAPPYgVqBdKBdGBSgVgBWoFYgfAEA8zEDrQE3rn5H1kdBsgS9hwJDvlmMgu5TM6/e24bopSU48YjRQaDQRXDFQ4eCzhOcIxwvM/n81Y+n38tlUqfpIiKgG63W8jlck1aGL6NBu4NIGRECogF9Pv9oud5b7SY7Xgv9bzPbDZ7qbEaIgFm5kPawfjfFy9ElKQrkSEB8OmdZn4ZxERhMpnckxBnAXCdGhtBMuom8J1xFpDJZMSzx8CVrkmAkwAOXIXZ/+GKBDgJwOwXSAmeiDAMneLo2xZyYDabOb8wgv0KOCRcXUiliv4gKWhOAlCA2qRHhwTkyAGunsjfbVrpfVCVT22VdTgcXiNoX5bPIY02SYAkBoLVE6isddsDMP5u+T+3E+Vy+ZkEOAuoVCptDK2V0/dYmbUCx2kS5x9ovVv1SYiomWPDptNpuKGofe8BzG9OkcUNjweYBJ+EiNtpFjEejxtwh9uYj7A4Nr5BCqjtyLi5Q3qtYzXOI24ZQWQLGSzQ3JWpbimNS1Uhooa/FzhOOFBRuTsYn0zcqCIWYNphNpZH9nVbW8Du0zYr0UlsR2b8/ta0wlVyh8U8IpW2yJGdBLDhyPWcyznfqzV07GYYfJeaEFsAuwpXTcV9wCbeUc1vdnGtWIXMFKG3PzaeKWKFw16vV4/7wNYVQP/SNFll3/jIWsG2m6wCTFvgU0LAZW+2BXikAPPN54OSZQQbzmwdbmQM4JuPylcHIZz1arYbIgXA70WfO7SAG53brtuykPbG3QlM5Jnt+nFu6g+JVEDSpAKS5t8LSElJSUmWLwwe4fG1neENAAAAAElFTkSuQmCC);
}
.ios .toolbar .toolbar-inner a.tab-link .img-vip-act {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK0SURBVHgB7ZhNUhpBFMff67ayYEVuMEpcC5W4lpxAPYFsIFY2cgPhBCE7iw3mBCEnALaoNR7AJHMENqFSKbtfXo/EsvgYhu6OaDm/zUz1dE+/f3+99xogI+Nlg+CRN8cXZU1iH4jKSBDw3/NAMOJP1wTQ1VJ+i85KEXjEi4DgOAykUh3+W3lZXQJs6ZxoRq3SCDzgLGC7OixqEL14tNN3Gykh3vuYDScBk5EPVzP+vutI5UTJdSYEOCC17tkZb6BAjPUpOGItoFAdVowR4AAC1c3GBwfsZwCl8+gZiPAAHLASsP1xWHQd/XsI98EBKwH6VgTgDQqCemi5j2yXEGnrDufyGx5ZwBPCTgAKL170Hy4OzUqA+iP74AkkGoADG2BBdF4aFaqX/enYR+Xk6yTPWqhdmiPz68MyQuyAA9Z7ACU1p8s2xrf1xEYEJ1N/ib63330BB6wF3Jzt9vnRfVjGkebpVu1qxsGZY5LLP81Gq9QAR9yCuUqYl690OOPUJjlA/MqxEndSnO2Ymjft3QY44hxO34lQLX49StWAxSHGxrfAA94yMhPcIYg6j/jO3ApmVgR2FXIy4zEr85pSmrUux4rTSarwfti7C7UxYusHKOh8sm+84iwgzoO12GOjy2DWelJ+YGYBoc9vXSXkYG0ZmRlp8UsdceODNHnwQgiML/nMR2kXLFlJQGz4WJ/waNftM7G5ZkTmSLXxCakFmKVCWnS85QFzIIJrvno5XGVppXJkxgmRxt7/NN6ACEWpVbhVu6inbrOsQuHDVYeHpgKPDJ9ijR/tt81l9RIFmLAAPbh7Bw6XbfCFAuI7H61+wnoZcYS7mRThLtwDkrSXWwdH8hzhVpIqLN7ERE7XHb4gFDtJ35NOIb+JuyWo9WbS9xea1D8hMgHrJhOwbp69gIyMjIz18heh8/an69VUgwAAAABJRU5ErkJggg==);
}
.ios .toolbar .toolbar-inner a.tab-link:last-child:after {
width: var(--f7-width-size-0);
}
.ios .toolbar .toolbar-inner a.tab-service {
padding: var(--f7-padding-size-7) 0 var(--f7-padding-size-10);
}
.ios .toolbar .toolbar-inner a.tab-link.tab-link-active span {
color: var(--f7-main-color);
}
.ios .toolbar.toolbar-footer .toolbar-inner {
background-color: #fff;
width: 100%;
height: 100%;
overflow: visible;
box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.18);
padding-bottom: var(--f7-safe-area-bottom);
}
.ios .toolbar.toolbar-footer a.tab-link:after {
content: "";
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.ios .toolbar.toolbar-footer a.tab-link:last-child:after {
height: var(--f7-height-size-0);
}
.ios .toolbar.toolbar-footer::before {
display: none;
}
.ios .toolbar-hidden .img-home {
visibility: hidden;
transform: translate3d(0, 50%, 0);
}
.ios .navbar .navbar-inner {
padding: var(--f7-padding-size-0);
padding-top: var(--f7-safe-area-top);
}
.ios .navbar .inner-betting .button-total {
margin-right: 10px;
padding-right: 5px;
padding-left: 5px;
background-color: transparent;
border: 1px solid #ada5a5;
height: 24px;
line-height: 22px;
}
.ios .navbar .inner-bankInfo .left {
margin-left: 6px;
}
.ios .navbar .navbar-inner-message .left .link .f7-icons {
width: 40px;
}
.ios .navbar a {
color: #464646;
}
.ios .navbar .nav-app {
margin-left: var(--f7-padding-size-10);
}
.ios .navbar .nav-balance {
margin-right: var(--f7-padding-size-10);
}
.ios .navbar .nav-title-svg {
width: var(--f7-px-160);
margin-top: var(--f7-px-6);
}
.ios .navbar .subnavbar {
margin-top: 0px;
padding-top: 0px;
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab {
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
border-bottom: var(--f7-padding-size-1) solid var(--f7-color-blue-menu);
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab a.tab-link {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: var(--f7-color-gray-tint);
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab a.tab-link i {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-28);
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab a.tab-link span {
margin-top: -14px;
font-size: var(--f7-px-16);
margin-left: 0;
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab a.tab-link.tab-link-active {
color: #fff;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.ios .navbar .subnavbar .subnavbar-inner .nav-buttons-tab a.tab-link.tab-link-active i.iconfont {
color: #74d5ff;
}
.ios .navbar .subnavbar:after {
height: 0px;
}
.ios .navbar .right a + a {
margin-left: 8px;
}
.ios .navbar .btn-currency {
border: 1px solid #5983ef;
border-radius: 8px;
height: auto;
line-height: 1;
padding: 1px 4px 1px 1px;
}
.ios .navbar .btn-currency .code {
font-size: 12px;
font-weight: bold;
color: #5e89fc;
}
.ios .navbar .btn-currency .icon-currency {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 22px;
height: 18px;
display: inline-block;
background-position-y: 0px;
background-size: cover;
}
.ios .navbar .btn-currency .icon-currency.icon-BRL {
background-position-x: 0px;
}
.ios .navbar .btn-currency .icon-currency.icon-CNY {
background-position-x: -36px;
}
.ios .navbar .btn-currency .icon-currency.icon-ENR {
background-position-x: -72px;
}
.ios .navbar .btn-currency .icon-currency.icon-IDRK {
background-position-x: -108px;
}
.ios .navbar .btn-currency .icon-currency.icon-INR {
background-position-x: -144px;
}
.ios .navbar .btn-currency .icon-currency.icon-KMMK {
background-position-x: -180px;
}
.ios .navbar .btn-currency .icon-currency.icon-MMK {
background-position-x: -216px;
}
.ios .navbar .btn-currency .icon-currency.icon-MYR {
background-position-x: -252px;
}
.ios .navbar .btn-currency .icon-currency.icon-THB {
background-position-x: -288px;
}
.ios .navbar .btn-currency .icon-currency.icon-USD {
background-position-x: -324px;
}
.ios .navbar .btn-currency .icon-currency.icon-USDT {
background-position-x: -360px;
}
.ios .navbar .btn-currency .icon-currency.icon-VNDK {
background-position-x: -396px;
}
.ios .login-screen-page {
display: block;
}
.ios .login-screen-content .login-screen-title img {
width: 160px;
}
.ios .login-screen-content .list .item-content {
margin-bottom: var(--f7-margin-size-10);
}
.ios .login-screen-content .list .item-content .input-clear-button {
right: var(--f7-size-ps-12);
}
.ios .login-screen-content .list .item-content .iconfont {
color: #464646;
font-style: normal;
}
.ios .login-screen-content .list .item-content .icon-yanjing,
.ios .login-screen-content .list .item-content .icon-eye {
position: absolute;
right: var(--f7-size-ps-35);
top: var(--f7-size-ps-8);
color: var(--f7-color-gray-1);
z-index: var(--f7-z-index-1);
font-size: var(--f7-font-size-24);
}
.ios .login-screen-content .list .item-content .input-eyes {
position: absolute;
right: 10px;
top: 12px;
font-size: 20px;
}
.ios .login-screen-content .list .item-inner:after {
width: var(--f7-width-size-pt92);
}
.ios .login-screen-content .list li:last-child > .item-inner:after {
display: var(--f7-display-block) !important;
}
.ios .login-screen-content .block-strong {
padding-right: --f7-block-padding-horizontal;
padding-right: var(--f7-padding-size-20, --f7-block-padding-horizontal);
padding-left: --f7-block-padding-horizontal;
padding-left: var(--f7-padding-size-20, --f7-block-padding-horizontal);
margin: var(--f7-margin-size-0) auto;
}
.ios .login-screen-content .block-strong a.link {
border-bottom: 1px solid var(--f7-color-lightblue);
}
.ios .login-screen-content .block-strong:before,
.ios .login-screen-content .block-strong:after {
height: var(--f7-height-size-0);
}
.ios .login-screen-content .panel-forgetpwd {
margin: var(--f7-margin-size-15) var(--f7-margin-size-8) var(--f7-margin-size-0);
}
.ios .login-screen-content .panel-forgetpwd .toggle {
margin-top: var(--f7-margin-size-f2);
}
.ios .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-gamelist {
top: var(--f7-px-215);
}
.ios .page-home .main-title {
width: 90%;
margin: 0 auto;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
color: #fcd667;
}
.ios .page-home .main-title .small {
font-size: 12px;
}
.ios .page-home .main-suggest-content {
margin-top: 4px;
}
.ios .page-home .main-suggest-content .swiper-slide {
width: 85%;
font-size: 14px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
}
.ios .page-home .main-suggest-content .swiper-slide .row {
--f7-grid-gap: 4px;
}
.ios .page-home .main-suggest-content .swiper-slide img {
width: 100%;
}
.ios .page-home .main-category {
margin: 20px 10px;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.ios .page-home .main-category .user-info {
margin: 0 auto;
color: #464646;
}
.ios .page-home .main-category .user-info .title {
font-size: 14px;
height: 30px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: linear-gradient(#f9faff, #e5ebff);
}
.ios .page-home .main-category .user-info .title .welcome {
padding-left: 8px;
line-height: 30px;
}
.ios .page-home .main-category .user-info .title .welcome-member {
padding-left: 8px;
line-height: 30px;
}
.ios .page-home .main-category .user-info .title .member-center {
height: 30px;
text-align: right;
}
.ios .page-home .main-category .user-info .title .member-center .go {
font-size: 12px;
line-height: 18px;
margin-right: 12px;
margin-top: 4px;
border: 1px solid #bdbcbc;
text-align: center;
border-radius: 10px;
}
.ios .page-home .main-category .user-info .user-detail {
align-items: center;
}
.ios .page-home .main-category .user-info .user-detail .left-area {
align-items: center;
position: relative;
text-align: center;
margin-left: 20px;
margin-top: 12px;
}
.ios .page-home .main-category .user-info .user-detail .left-area .balance-title {
font-size: 12px;
font-weight: bold;
}
.ios .page-home .main-category .user-info .user-detail .left-area .login-balance {
font-size: 12px;
margin-top: 3px;
color: #DA291C;
}
.ios .page-home .main-category .user-info .user-detail .left-area .non-balance {
border-radius: 10px;
color: #5295fc;
font-size: 12px;
}
.ios .page-home .main-category .user-info .user-detail .right-area .action {
margin: 0 auto;
text-align: right;
}
.ios .page-home .main-category .user-info .user-detail .right-area .action a p {
margin: 0 auto;
color: #464646;
}
.ios .page-home .main-category .user-info .user-detail .right-area .action a p img {
width: 54px;
}
.ios .page-home .main-category .user-info .user-detail .right-area .action .action-title {
margin-top: -4px;
font-size: 12px;
}
.ios .page-home .empty-area {
height: 12px;
}
.ios .page-home .block-banner {
margin: 0px 0px;
padding: var(--f7-padding-size-0);
}
.ios .page-home .block-banner .swiper-wrapper .swiper-slide {
width: 100%;
font-size: 14px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
}
.ios .page-home .block-banner .swiper-wrapper .swiper-slide img {
width: 100%;
}
.ios .page-home .buttons-tab {
height: var(--f7-px-80);
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
border-bottom: var(--f7-padding-size-1) solid var(--f7-color-blue-menu);
}
.ios .page-home .buttons-tab a.tab-link {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: var(--f7-color-gray-tint);
}
.ios .page-home .buttons-tab a.tab-link i {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-28);
}
.ios .page-home .buttons-tab a.tab-link span {
margin-bottom: var(--f7-padding-size-10);
font-size: var(--f7-px-16);
margin-left: 0;
}
.ios .page-home .buttons-tab a.tab-link.tab-link-active {
color: #fff;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.ios .page-home .buttons-tab a.tab-link.tab-link-active i.iconfont {
color: var(--f7-color-blue-active);
}
.ios .page-home .tabs-game {
position: relative;
}
.ios .page-home .tabs-game .page-content {
padding: var(--f7-padding-size-0);
}
.ios .page-home .tabs-game .page-content .block {
padding: var(--f7-padding-size-0) var(--f7-padding-size-5);
margin: var(--f7-margin-size-8) var(--f7-margin-size-0);
}
.ios .page-home .tabs-game .tab-card .card-child-menu,
.ios .page-home .tabs-game .tab-lottery .card-child-menu {
height: 29px;
width: 97%;
border-bottom: 1px solid #545453;
margin: 5px 4px 0;
position: relative;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul,
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
padding: 0;
margin: 0;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li,
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li {
list-style: none;
position: absolute;
top: 0;
height: 28px;
width: 120px;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li:nth-of-type(1),
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li:nth-of-type(1) {
left: 0px;
z-index: 4;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li:nth-of-type(2),
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li:nth-of-type(2) {
left: 100px;
z-index: 3;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li:nth-of-type(3),
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li:nth-of-type(3) {
left: 200px;
z-index: 2;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li:nth-of-type(4),
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li:nth-of-type(4) {
left: 300px;
z-index: 1;
}
.ios .page-home .tabs-game .tab-card .card-child-menu ul li:nth-of-type(5),
.ios .page-home .tabs-game .tab-lottery .card-child-menu ul li:nth-of-type(5) {
left: 400px;
z-index: 0;
}
.ios .page-home .tabs-game .tab-lottery .block-lottery .row .col-25 {
border-radius: 4px;
border: 1px solid #af9e84;
background-color: #141f3f;
text-align: center;
padding: 5px;
margin: 3px 0;
}
.ios .page-home .tabs-game .tab-lottery .block-lottery .row .col-25 p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
color: #fff;
font-size: 12px;
}
.ios .page-home .tabs-game .tab-lottery .block-lottery .row .col-25:last-child img {
border-radius: 35px;
}
.ios .page-home .tabs-game-home {
position: relative;
}
.ios .page-home .tabs-game-home .page-content {
padding: var(--f7-padding-size-0);
}
.ios .page-home .tabs-game-home .page-content .block {
padding: var(--f7-padding-size-0) var(--f7-padding-size-0);
margin: var(--f7-margin-size-0) var(--f7-margin-size-0);
}
.ios .page-home .tabs-game-home .page-content .block img {
border-radius: 4px;
box-shadow: 0 0.04rem 0.28rem 0 rgb(187 197 4%);
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu,
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu {
height: 28px;
width: 99%;
border-bottom: 1px solid #3e67c7;
position: relative;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul,
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center;
padding: 0;
margin: 0;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li,
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li {
list-style: none;
position: absolute;
top: 0;
height: 28px;
width: 75px;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li:nth-of-type(1),
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li:nth-of-type(1) {
left: 0px;
z-index: 4;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li:nth-of-type(2),
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li:nth-of-type(2) {
left: 62px;
z-index: 3;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li:nth-of-type(3),
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li:nth-of-type(3) {
left: 124px;
z-index: 2;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li:nth-of-type(4),
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li:nth-of-type(4) {
left: 186px;
z-index: 1;
}
.ios .page-home .tabs-game-home .tab-card .card-child-menu ul li:nth-of-type(5),
.ios .page-home .tabs-game-home .tab-lottery .card-child-menu ul li:nth-of-type(5) {
left: 248px;
z-index: 0;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-25 {
border-radius: 4px;
border: 1px solid #af9e84;
background-color: #141f3f;
padding: 5px;
margin: 3px 0;
text-align: center;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-25 p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
color: #fff;
text-align: center;
display: block;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-25 .forcefontsize10 {
font-size: 12px;
-webkit-text-size-adjust: none;
-webkit-transform: scale(0.83, 0.83);
text-align: center;
padding: 0;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-25:last-child img {
border-radius: 35px;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-33 {
border-radius: 4px;
border: 1px solid #37609a;
background-color: #37609a;
padding: 8px;
margin: 3px 0;
text-align: center;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-33 p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
color: #fff;
font-size: 12px;
text-align: center;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-33 .forcefontsize11 {
font-size: 12px;
-webkit-text-size-adjust: none;
-webkit-transform: scale(0.9, 0.9);
text-align: center;
padding: 0;
}
.ios .page-home .tabs-game-home .tab-lottery .block-lottery .row .col-33:last-child img {
border-radius: 35px;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content {
margin-top: -12px;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing {
margin: 0 auto;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul {
list-style-type: none;
padding-left: 0px;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item {
background: linear-gradient(#f9fbff, #e3eaff);
border: 1px solid #c6d2ec;
border-radius: 6px;
margin-bottom: 5px;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-img {
width: 70px;
height: 70px;
float: left;
margin-left: 5px;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-img img {
height: 60px;
width: 72px;
border-radius: 4px;
margin-top: 4px;
border: 1px solid #324876;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content-border {
border-bottom: 1px dashed rgba(76,96,138,0.65098);
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content {
height: 70px;
margin-left: 85px;
align-items: left;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-title .text {
padding-top: 10px;
color: #306b8c;
font-size: 16px;
font-weight: bold;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-title .desc {
margin-top: 2px;
color: #464646;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button {
--f7-button-padding-horizontal: 4px;
height: 28px;
text-align: center;
font-size: 13px;
margin-top: 18px;
padding-left: 5px;
padding-top: 0px;
border: 1px solid #7992c8;
background-color: #3b558e;
color: #fff;
}
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:active,
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:focus,
.ios .page-home .tabs-game-home .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:hover {
color: #c6e9ff;
}
.ios .page-fish-list .page-content .tab-fish {
padding-top: 5px;
padding-bottom: 0px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content {
margin-top: 0;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing {
margin: 0 auto;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul {
list-style-type: none;
padding-left: 0px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item {
background: linear-gradient(#f9fbff, #e3eaff);
border: 1px solid #c6d2ec;
border-radius: 6px;
margin-bottom: 5px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-img {
width: 70px;
height: 70px;
float: left;
margin-left: 5px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-img img {
height: 60px;
width: 72px;
border-radius: 4px;
margin-top: 4px;
border: 1px solid #324876;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content-border {
border-bottom: 1px dashed rgba(76,96,138,0.65098);
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content {
min-height: 70px;
margin-left: 85px;
align-items: left;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-title {
min-height: inherit;
padding: 5px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-title .text {
color: #306b8c;
font-size: 16px;
font-weight: bold;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-title .desc {
line-height: 16px;
color: #464646;
padding-right: 10px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry {
margin-right: 4px;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button {
--f7-button-padding-horizontal: 4px;
height: 28px;
text-align: center;
font-size: 13px;
margin-top: 20px;
padding-left: 5px;
padding-top: 0px;
border: 1px solid #7992c8;
background-color: #3b558e;
color: #fff;
}
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:active,
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:focus,
.ios .page-fish-list .page-content .tab-fish .tab-content .card-fishing ul li .item .item-content .item-entry button:hover {
color: #c6e9ff;
}
.ios .page-member-center {
overflow: hidden;
position: fixed;
}
.ios .page-member-center .card-user-info {
background-size: 100% 62%;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
margin: var(--f7-margin-size-0);
border-radius: 0;
}
.ios .page-member-center .card-user-info .card-content {
width: var(--f7-size-percent-93);
padding: var(--f7-padding-size-5);
margin: 0 auto;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
margin-bottom: var(--f7-px-4);
margin-top: var(--f7-px-4);
padding-bottom: 0;
}
.ios .page-member-center .card-user-info .card-content .row {
align-items: center;
padding: var(--f7-padding-size-6) 0;
}
.ios .page-member-center .card-user-info .card-content .row .user-vip-img {
text-align: left;
}
.ios .page-member-center .card-user-info .card-content .row .user-vip-img .img-brand {
height: 38px;
}
.ios .page-member-center .card-user-info .card-content .row-level {
width: 90px;
height: 44px;
}
.ios .page-member-center .card-user-info .card-content .position-user-level {
color: var(--f7-color-black);
position: var(--f7-postion-absolute);
right: var(--f7-size-ps-0);
top: var(--f7-px-17);
font-size: var(--f7-px-15);
font-weight: bold;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.ios .page-member-center .card-user-info .card-content .panel-login-info {
border-radius: 10px;
color: #fff;
font-size: var(--f7-px-16);
background-size: cover;
background: var(--f7-THEME-color);
}
.ios .page-member-center .card-user-info .card-content .panel-login-info i.f7-icons {
font-size: var(--f7-px-16);
color: #efcf00;
margin-right: var(--f7-px-f5);
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .welcome {
font-weight: 400;
font-size: 14px;
margin-top: 40px;
position: absolute;
left: 30px;
font-weight: bold;
font-style: italic;
width: 85%;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-info {
margin-top: -8px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-info .title {
font-size: 13px;
font-weight: 400;
line-height: 26px;
margin-top: 40px;
position: absolute;
left: 30px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-info .detail {
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-top: 40px;
margin-left: 100px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt {
margin-top: -13px;
line-height: 26px;
min-height: 34px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt .title {
font-weight: 400;
font-size: 13px;
line-height: 26px;
position: absolute;
left: 30px;
margin-top: 9px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt .detail {
margin-left: 100px;
margin-top: 6px;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt .detail .symbol {
font-weight: 700;
font-size: 10px;
color: #fff;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt .detail .amount {
font-weight: 700;
font-size: 15px;
color: #fff;
}
.ios .page-member-center .card-user-info .card-content .panel-login-info .login-amt .loader {
justify-content: flex-end;
}
.ios .page-member-center .card-no-login {
width: var(--f7-width-size-pt100);
margin: 0 auto;
height: var(--f7-px-220);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
position: relative;
border-radius: var(--f7-size-ps-0);
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-end;
}
.ios .page-member-center .card-no-login .button {
width: var(--f7-size-percent-50);
height: var(--f7-font-size-40);
line-height: var(--f7-px-36);
background-color: var(--f7-color-bg-transparent);
border: 2px solid var(--f7-color-white);
color: var(--f7-color-white);
font-weight: bold;
margin-bottom: var(--f7-px-16);
}
.ios .page-member-center .buttons-tab-mem-center {
height: auto;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
border-bottom: 1px solid #e7e7e7;
width: 95%;
margin: auto;
}
.ios .page-member-center .buttons-tab-mem-center .lnk-i {
width: 32px;
height: 32px;
background-size: cover !important;
}
.ios .page-member-center .buttons-tab-mem-center .lnk-p {
font-weight: 400;
font-size: 12px;
line-height: 17px;
height: 34px;
padding-top: 7px;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link {
width: var(--f7-width-size-pt100);
height: auto;
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #606163;
text-align: center;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link i {
margin-top: var(--f7-padding-size-2);
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link i .badge {
top: 5px;
left: 70%;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link .icon-huiyuanvip {
color: #1e64f8;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link .icon-mendianzhuanxiangshenhe {
color: #baa04c;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link .icon-qingdan {
color: #0ba0ca;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link .icon-gerenziliao1 {
color: #8088eb;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link .icon-youxiang {
color: #1fc99a;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link span {
font-size: 12px;
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link:last-child:after {
height: var(--f7-height-size-0);
}
.ios .page-member-center .buttons-tab-mem-center a.tab-link.tab-link-active {
color: #606163;
}
.ios .page-member-center .buttons-tab {
height: var(--f7-px-80);
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
background: linear-gradient(179deg, white, #fdf8ff);
box-shadow: 2px 3px 8px 0 rgba(203, 165, 230, 0.54);
}
.ios .page-member-center .buttons-tab a.tab-link {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #606163;
}
.ios .page-member-center .buttons-tab a.tab-link i {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.ios .page-member-center .buttons-tab a.tab-link i .badge {
top: 5px;
left: 70%;
}
.ios .page-member-center .buttons-tab a.tab-link .icon-huiyuanvip {
color: #1e64f8;
}
.ios .page-member-center .buttons-tab a.tab-link .icon-mendianzhuanxiangshenhe {
color: #baa04c;
}
.ios .page-member-center .buttons-tab a.tab-link .icon-qingdan {
color: #0ba0ca;
}
.ios .page-member-center .buttons-tab a.tab-link .icon-gerenziliao1 {
color: #8088eb;
}
.ios .page-member-center .buttons-tab a.tab-link .icon-youxiang {
color: #1fc99a;
}
.ios .page-member-center .buttons-tab a.tab-link span {
margin-bottom: var(--f7-padding-size-10);
font-size: var(--f7-px-15);
margin-left: var(--f7-margin-size-0);
}
.ios .page-member-center .buttons-tab a.tab-link:after {
content: "";
background: radial-gradient(#b5ddf6, transparent, transparent);
width: 1px;
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
}
.ios .page-member-center .buttons-tab a.tab-link:last-child:after {
height: var(--f7-height-size-0);
}
.ios .page-member-center .buttons-tab a.tab-link.tab-link-active {
color: #5691ed;
}
.ios .page-member-center .tabs-member-center {
position: relative;
margin-bottom: 10px;
}
.ios .page-member-center .tabs-member-center .page-content {
padding: var(--f7-padding-size-0);
}
.ios .page-member-center .tabs-member-center .page-content .block {
padding: var(--f7-padding-size-0) var(--f7-padding-size-5);
margin: var(--f7-margin-size-0) var(--f7-margin-size-0) var(--f7-margin-size-10) var(--f7-margin-size-0);
}
.ios .page-member-center .tabs-member-center .page-content .block .list {
margin: var(--f7-margin-size-0) var(--f7-margin-size-10);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul {
background-color: var(--f7-color-bg-transparent);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link {
color: #5a5a5a;
border-bottom: 1px solid #ededed;
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content {
min-height: var(--f7-px-49);
padding-left: var(--f7-padding-size-0);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content .item-media i.iconfont {
color: #DA291C;
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content .item-inner {
min-height: var(--f7-px-49);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content .item-inner .item-after {
color: #e63636;
font-size: 14px;
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content .item-inner.before {
right: var(--f7-size-ps-5);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link .item-content .item-inner:after {
height: var(--f7-height-size-0);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .item-link.active-state {
background-color: var(--f7-color-bg-transparent);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .icon-color .item-link .item-media i.iconfont {
color: var(--f7-color-icon);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .icon-color .item-link .item-inner:before {
color: var(--f7-color-icon);
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul .icon-animation .item-link .item-media .iconfont {
animation: colorchange 20s infinite alternate;
}
.ios .page-member-center .tabs-member-center .page-content .block .list ul:before,
.ios .page-member-center .tabs-member-center .page-content .block .list ul:after {
height: var(--f7-height-size-0);
}
.ios .page-member-center .showinfo {
display: grid;
grid-template-columns: 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
text-align: left;
}
.ios .page-member-center .showinfo .left {
border-radius: 5px;
padding: 15px 0px;
background: #e9f7e9;
padding-left: 8px;
position: relative;
color: #000;
}
.ios .page-member-center .showinfo .left div:nth-child(1) {
font-size: 12px;
}
.ios .page-member-center .showinfo .left div:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.ios .page-member-center .showinfo .right {
border-radius: 5px;
padding: 15px 0px;
background: #fff7ee;
padding-left: 8px;
position: relative;
}
.ios .page-member-center .showinfo .right div:nth-child(1) {
font-size: 12px;
}
.ios .page-member-center .showinfo .right div:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.ios .page-member-center .showinfo .jiaoimg {
width: 15px;
position: absolute;
top: 37%;
right: 7px;
}
.ios .page-member-center .allyi {
margin-bottom: 10px;
border: 1px solid #e8e8e8;
padding: 15px 10px;
border-radius: 5px;
background: var(--f7-THEME-color2);
}
.ios .page-order-center .page-content {
display: flex;
flex-direction: column;
padding-bottom: 0;
}
.ios .page-order-center .block-banner {
margin: 0px 0px;
padding: var(--f7-padding-size-0);
}
.ios .page-order-center .block-banner .swiper-wrapper .swiper-slide {
width: 100%;
font-size: 14px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
}
.ios .page-order-center .block-banner .swiper-wrapper .swiper-slide img {
width: 100%;
}
.ios .page-home .page-content {
display: flex;
flex-direction: column;
padding-bottom: 0;
}
.ios .page-gamelist .page-content {
padding-bottom: var(--f7-padding-size-10);
}
.ios .page-gamelist .infinite-scroll-preloader {
margin-top: var(--f7-margin-size-10);
margin-bottom: var(--f7-margin-size-10);
}
.ios .page-deposit .page-content {
padding-bottom: var(--f7-padding-size-0);
}
.ios .page-deposit .page-content .buttons-deposit {
height: var(--f7-px-50);
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link i {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link span {
font-size: var(--f7-px-14);
margin-left: var(--f7-margin-size-0);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link:after {
content: "";
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link:last-child:after {
height: var(--f7-height-size-0);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link.tab-link-active {
color: var(--f7-main-color);
border-bottom: 1px solid var(--f7-common-border-color);
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link.tab-link-active i.iconfont {
color: var(--f7-color-blue-active);
}
.ios .page-deposit .page-content .tabs-deposit {
position: relative;
overflow: hidden;
}
.ios .page-deposit .page-content .tabs-deposit .tab.page-content {
padding: var(--f7-padding-size-0);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-img {
width: 100%;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode {
margin: var(--f7-margin-size-0);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
border-bottom: 1px solid #D0D0D0;
padding-bottom: var(--f7-px-15);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info {
width: 75%;
margin: 0 auto;
padding: var(--f7-padding-size-5) 0;
background: #e9e9e9;
margin-top: var(--f7-margin-size-10);
padding-top: var(--f7-padding-size-8);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info img {
width: 90%;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info p {
margin: var(--f7-px-5) 12px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info .qrcode-detail-list a.button {
height: 32px;
line-height: 32px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info .click-copy {
border-radius: unset;
background-color: #e9e9e9;
color: #0070e4;
text-transform: none;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info p.qr-selectCode {
font-size: var(--f7-font-size-14);
color: #464646;
word-break: break-word;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info p.qr-remark {
font-size: var(--f7-font-size-14);
color: #d41e1e;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-info .qr-name {
background: #0c214e;
color: #fff;
padding: var(--f7-padding-size-6) 0;
width: 50%;
margin: 0 auto;
text-align: center;
border: 1px solid #21438a;
border-radius: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-list-type-btn a.button {
background-color: var(--f7-THEME-color2);
color: #000;
overflow: visible;
text-transform: none;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-list-type-btn a.button-active {
color: #fff;
background-color: var(--f7-THEME-color);
text-transform: none;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-list-btn {
width: var(--f7-size-percent-90);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-list-btn a.button {
height: var(--f7-px-40);
line-height: var(--f7-px-40);
background-color: var(--f7-color-bg-transparent);
color: #000;
border-color: #D0D0D0;
padding: var(--f7-padding-size-0);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .panel-qrcode .qrcode-list-btn a.button-active {
color: #000;
background: #FFFFFF;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .block-title-payinfo {
margin-top: var(--f7-margin-size-15);
margin-bottom: var(--f7-margin-size-15);
font-size: var(--f7-px-16);
color: #464646;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul {
background-color: var(--f7-color-bg-transparent);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-input .item-inner .item-title {
padding-top: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-title {
color: #464646;
width: auto;
text-align: left;
font-size: var(--f7-px-16);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-input-wrap label {
color: #d43030;
font-size: 14px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner input {
font-size: var(--f7-font-size-14);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-after {
font-size: var(--f7-font-size-14);
color: #464646;
width: auto;
max-width: unset;
flex: 1;
padding-left: 8px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul:before,
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul:after {
height: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-btn {
margin-top: 15px;
margin-bottom: 15px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list-btn ul {
background: var(--f7-button-bg-color);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .block-title-tip {
margin-top: var(--f7-margin-size-10);
font-size: var(--f7-px-16);
color: var(--f7-color-white);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .block-tip {
margin-bottom: var(--f7-px-160);
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .block-tip p {
color: #464646;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list .item-inner:after {
right: 10px;
left: 0px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-offline .list li:last-child > .item-link.smart-select > .item-content > .item-inner:after {
display: var(--f7-display-block) !important;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .bank li {
border: 1px solid #cccccc;
border-radius: 5px;
padding: 5px 10px;
margin-bottom: 7px;
display: flex;
align-items: center;
font-size: 14px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .bankActive {
background: var(--f7-THEME-color2);
color: #000;
border: 1px solid var(--f7-THEME-color) !important;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .bankActive::after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZFNDsIgEEaHehPRvYt6D2+gK4xeovUUJt1YT6DnUBsvYG+ircBEg8X+Ad3xEkKAmfdlAoDH04fp9jKr3gXgCMpuy+IZ3Mcsi5wHCDnfUhQWRH0jYIkqJ1DuHsk8dhbQJsf7AeX4NqBcoH0yXWcHupECaznW/DYv+HaShxGs8n14tJFrE+RJeBaN8vCCVJ3ERI61f5iwa1wCiT6T8DAwkdcGaCHf4n7yxoBqiIm8EyJELPB46ngDOmdfyT9aszQAAAAASUVORK5CYII=);
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top: 2px;
right: 1px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .bankActive1 {
background: var(--f7-THEME-color2);
color: #000;
border: 1px solid var(--f7-THEME-color) !important;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .bankActive1::after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZFNDsIgEEaHehPRvYt6D2+gK4xeovUUJt1YT6DnUBsvYG+ircBEg8X+Ad3xEkKAmfdlAoDH04fp9jKr3gXgCMpuy+IZ3Mcsi5wHCDnfUhQWRH0jYIkqJ1DuHsk8dhbQJsf7AeX4NqBcoH0yXWcHupECaznW/DYv+HaShxGs8n14tJFrE+RJeBaN8vCCVJ3ERI61f5iwa1wCiT6T8DAwkdcGaCHf4n7yxoBqiIm8EyJELPB46ngDOmdfyT9aszQAAAAASUVORK5CYII=);
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top: 8px;
right: 5px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-title-online {
margin-top: var(--f7-margin-size-15);
font-size: var(--f7-px-14);
color: #464646;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list {
padding: var(--f7-padding-size-0) var(--f7-padding-size-8);
margin-bottom: var(--f7-margin-size-8);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap {
--f7-grid-gap: var(--f7-px-8);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item {
padding: 0;
text-align: center;
border: 1px solid #c7cbd2;
border-radius: var(--f7-px-5);
margin-bottom: var(--f7-px-10);
height: 80px;
font-size: 11px;
position: relative;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p {
margin: var(--f7-px-1) var(--f7-margin-size-0) var(--f7-px-6);
color: #000;
font-size: 12px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p:nth-child(1) {
border-bottom: 1px solid #c7cbd2;
padding: 5px 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.active {
background: var(--f7-THEME-color2);
color: #000;
border: 1px solid var(--f7-THEME-color) !important;
padding: 0;
text-align: center;
border: none;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.active p {
color: #000;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.active p:nth-child(1) {
border-bottom: 1px solid var(--f7-THEME-color);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.active::after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZFNDsIgEEaHehPRvYt6D2+gK4xeovUUJt1YT6DnUBsvYG+ircBEg8X+Ad3xEkKAmfdlAoDH04fp9jKr3gXgCMpuy+IZ3Mcsi5wHCDnfUhQWRH0jYIkqJ1DuHsk8dhbQJsf7AeX4NqBcoH0yXWcHupECaznW/DYv+HaShxGs8n14tJFrE+RJeBaN8vCCVJ3ERI61f5iwa1wCiT6T8DAwkdcGaCHf4n7yxoBqiIm8EyJELPB46ngDOmdfyT9aszQAAAAASUVORK5CYII=);
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top: 2px;
right: 1px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay {
margin: var(--f7-margin-size-8) 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul {
background-color: var(--f7-color-bg-transparent);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-input .item-inner .item-title {
padding-top: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-title {
color: #464646;
width: auto;
text-align: left;
font-size: var(--f7-px-16);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner input {
font-size: var(--f7-font-size-14);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-after {
font-size: var(--f7-font-size-14);
color: #464646;
width: auto;
max-width: unset;
flex: 1;
padding-left: 8px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul:before,
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul:after {
height: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay .money {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
padding: 8px;
text-align: center;
font-weight: bold;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay .money .one {
border: 1px solid #ccc;
border-radius: 7px;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: 100;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay .money .active {
border: 1px solid var(--f7-THEME-color);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list .item-inner:after {
right: 10px;
left: 0px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list li:last-child > .item-link.smart-select > .item-content > .item-inner:after {
display: var(--f7-display-block) !important;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-btn {
margin-top: 15px;
margin-bottom: 15px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .list-btn ul {
background: var(--f7-button-bg-color);
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order {
margin: var(--f7-px-5);
padding: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card {
margin: 0;
color: #f4fcff;
border-radius: 4px;
border: 1px solid #2352c6;
background-color: #293158;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul {
background-color: transparent;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-media {
padding: 4px 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-media img {
width: 55px;
height: 55px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-inner {
padding-top: 8px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-inner span.order-title {
display: inline-block;
min-width: 70px;
font-size: 14px;
font-weight: normal;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-inner span.order-number {
display: inline-block;
font-size: 14px;
font-weight: normal;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .card .card-content .list ul .item-content .item-inner span.order-price {
display: inline-block;
font-size: 14px;
color: #ff6600;
font-weight: bold;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-qrcode {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin: var(--f7-margin-size-8) 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-qrcode .express-date {
color: #fff;
margin-top: 5px;
font-size: 15px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-qrcode .express-date .color-date {
color: #40baff;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-desc {
padding: 0 15px !important;
color: #fff;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-desc p {
margin: 8px 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-desc .color-blue {
color: #40baff;
}
.ios .page-deposit .page-content .tabs-deposit .tab-online .block-order .order-desc .color-red {
color: #e63030;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block {
margin: var(--f7-margin-size-0);
padding: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list {
margin: 5px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul {
background-color: transparent;
color: #464646;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul .smart-select .item-content .item-inner .item-after {
font-size: 14px;
color: #464646;
max-width: unset;
flex: 1;
padding-left: 8px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul .smart-select.active-state {
background-color: transparent;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul .item-input .item-inner .item-title {
padding-top: 0px;
width: auto;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul .item-input .item-inner input {
color: #464646;
font-size: 14px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul .item-title {
font-size: 16px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul:before,
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list ul:after {
height: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card {
margin: 5px 15px;
background: -mos-linear-gradient(#6d9af6, #6d9af6);
background: linear-gradient(#6d9af6, #6d9af6);
border-radius: 8px;
color: #fff;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-header {
justify-content: flex-start;
margin: 0 12px;
padding-right: 0;
padding-left: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-header .card-avatar img {
vertical-align: middle;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-header .card-name,
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-header .card-accountname {
margin: 0 10px;
font-size: 16px;
position: relative;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-header:after {
height: 2px;
box-shadow: inset 0px 20px 20px -10px #417aff;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-info {
position: relative;
margin: 5px 0 0px 10px;
padding: 5px 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-info .label {
font-size: 14px;
color: #cedcfc;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-info .value {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-info .button {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
border-radius: 100px 0 0 100px;
background-color: #6689e6;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-remarks {
width: 94%;
border: 1px solid #e8e8e8;
border-radius: 4px;
background-color: #a3c1ff;
padding-left: 3px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-remarks .tips {
color: #b30f0f;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-content .card-remarks .tips-remarks {
color: #464646;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-footer {
padding: 15px 8px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-footer .block {
width: 100%;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-footer .block .button {
background-color: #4e70ca;
color: #ffffff;
border-radius: 100px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .bank-card .card-footer:before {
height: 0;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .remarks {
margin: 10px 15px;
padding: 10px;
background: #b3c7fa;
border-radius: 10px;
color: #29428b;
font-size: 14px;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .remarks .tips {
color: #a92926;
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list-btn {
margin: var(--f7-margin-size-20) var(--f7-margin-size-15) var(--f7-px-160);
}
.ios .page-deposit .page-content .tabs-deposit .tab-bank-transfer .block .list-btn ul {
background: var(--f7-button-bg-color);
}
.ios .page-deposit .page-content .tabs-deposit .no-data {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.ios .page-transfer .ptr-preloader .preloader {
display: none;
visibility: hidden;
}
.ios .page-sign-in {
--f7-page-toolbar-bottom-offset: 0px;
}
.ios .page-sign-in .buttons-signIn {
height: 49px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.ios .page-sign-in .buttons-signIn a.tab-link {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
font-size: var(--f7-px-14);
}
.ios .page-sign-in .buttons-signIn a.tab-link.tab-link-active {
color: #464646;
border-bottom: 1px solid #c8c8c8;
}
.ios .page-sign-in .tabs-signIn {
position: relative;
overflow: hidden;
min-height: calc(100% - 55px);
height: calc(100% - 55px);
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center {
padding-top: 0px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn {
margin: 0;
padding: 10px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-title p {
color: #464646;
margin: 0 0 10px 0;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-title p span {
color: var(--f7-THEME-color);
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main {
overflow: hidden;
width: 100%;
background: url(../images/calendar-bg.png) no-repeat;
background-size: 100% 100%;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main .header {
width: 100%;
height: 52px;
margin: 0 auto;
border-bottom: 1px solid rgba(160, 160, 160, 0.3);
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main .header div {
float: left;
width: 14.2%;
height: 50px;
text-align: center;
line-height: 50px;
color: #113c39;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list {
list-style: none;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.sign-date {
float: left;
width: 14.2%;
text-align: center;
height: 50px;
line-height: 50px;
background-position: 0 0;
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
color: #64666d;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.sign-date .signin-icon {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: none;
width: 100%;
height: 50px;
line-height: 50px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA5CAYAAABj2ui7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA2LTIxVDEzOjI2OjEyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNi0yMVQxMzo0OTowMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNi0yMVQxMzo0OTowMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjMjA0YWVkMC05NzFi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) no-repeat center center;
background-size: 100%;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.signIn-cls .signin-icon {
display: block;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date1:after {
content: " 1";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date2:after {
content: " 2";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date3:after {
content: " 3";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date4:after {
content: " 4";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date5:after {
content: " 5";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date6:after {
content: " 6";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date7:after {
content: " 7";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date8:after {
content: " 8";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date9:after {
content: " 9";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date10:after {
content: "10";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date11:after {
content: "11";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date12:after {
content: "12";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date13:after {
content: "13";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date14:after {
content: "14";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date15:after {
content: "15";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date16:after {
content: "16";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date17:after {
content: "17";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date18:after {
content: "18";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date19:after {
content: "19";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date20:after {
content: "20";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date21:after {
content: "21";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date22:after {
content: "22";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date23:after {
content: "23";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date24:after {
content: "24";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date25:after {
content: "25";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date26:after {
content: "26";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date27:after {
content: "27";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date28:after {
content: "28";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date29:after {
content: "29";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date30:after {
content: "30";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-main ul.signIn-list li.date31:after {
content: "31";
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .button-signIn {
margin: 15px 0px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .button-signIn ul {
background: var(--f7-button-bg-color);
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .button-signIn ul a {
color: #fff;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .button-signIn.disabled-status ul {
background: #cccccc;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .button-signIn.disabled-status ul a {
color: #696969;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-footer {
margin-left: 8px;
font-size: 16px;
color: #464646;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-center .block-signIn .signIn-footer span {
color: #c71818;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions {
padding-top: 0px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block {
margin: 0;
padding: 8px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header {
background: #d4e8f2;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header th {
padding: 8px 4px;
color: #464646;
text-align: center;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-detail td {
text-align: center;
padding: 10px 4px;
color: #585d68;
font-size: 11px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-detail .daily-amount {
color: #c71818;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-detail .signIn-reward {
color: #053cb5;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-detail:nth-child(1n) {
background: #fff;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-detail:nth-child(2n) {
background: #d4e8f2;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block .instructions-footer {
margin: 10px 0 0 5px;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block .instructions-footer p {
margin: 8px 0;
color: #464646;
}
.ios .page-sign-in .tabs-signIn .tab-signIn-instructions .block .instructions-footer .footer-title {
color: #000;
}
.ios .page-vip-monthly-salary .button-salary {
margin: 10px 8px;
}
.ios .page-vip-monthly-salary .button-salary ul {
background: var(--f7-button-bg-color);
}
.ios .page-vip-monthly-salary .button-salary.disabled-status ul {
background: #ccc;
}
.ios .page-betting-records .block-records {
margin: 0;
padding: 0;
}
.ios .page-betting-records .block-records .accordion-item {
margin: 6px;
border-radius: 4px;
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
color: #464646;
font-size: 14px;
}
.ios .page-betting-records .block-records .accordion-item .col-red {
color: #c50d0d;
}
.ios .page-betting-records .block-records .accordion-item .col-green {
color: #17903a;
}
.ios .page-betting-records .block-records .accordion-item .col-yellow {
color: 706404;
}
.ios .page-betting-records .block-records .accordion-item .col-blue {
color: #028cb3;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-toggle {
padding: 8px 10px;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-toggle .row {
padding: 3px 0;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-toggle .row .col-detail {
color: #0f9fe6;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-toggle .row .col-detail i.f7-icons {
font-size: 16px;
vertical-align: middle;
margin-top: -2px;
margin-right: -4px;
margin-left: -4px;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-content p {
margin: 6px 0;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-content .card {
margin: var(--f7-card-margin-vertical) 50px;
padding: 10px 30px;
background-color: #d0d0d0;
border: 1px solid #b2a176;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-content .card .card-content {
text-align: center;
color: #000;
}
.ios .page-betting-records .block-records .accordion-item .accordion-item-content .card .card-content .no-detail {
color: #000;
}
.ios .page-betting-records .block-records .accordion-item-opened .accordion-item-content {
border-top: 1px solid #c9cace;
}
.ios .page-betting-records .no-data {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.fab-right-bottom {
bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom) + var(--f7-toolbar-height)) !important;
}
.fab-right-bottom a {
background: transparent;
box-shadow: none;
}
.with-modal-dialog .fab-right-bottom {
display: none;
}
.form .smart-select .item-after:after {
content: "chevron_right";
font-family: "framework7-core-icons";
line-height: 1;
text-align: center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: #c7c7cc;
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(var(--f7-list-item-padding-horizontal) + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.form .cc:after {
content: "chevron_right";
font-family: "framework7-core-icons";
line-height: 1;
text-align: center;
display: block;
width: 100%;
height: 100%;
position: absolute;
width: 8px;
height: 14px;
margin-top: -17px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: #c7c7cc;
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(var(--f7-list-item-padding-horizontal) + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
}
.dialog {
box-shadow: 0 0 5px #8e8e8e;
}
.lang-enUS .page-member-center .buttons-tab,
.lang-ptPT .page-member-center .buttons-tab {
height: 90px;
}
.lang-enUS .page-member-center .buttons-tab a.tab-link,
.lang-ptPT .page-member-center .buttons-tab a.tab-link {
justify-content: flex-start;
}
.lang-enUS .page-member-center .buttons-tab a.tab-link span,
.lang-ptPT .page-member-center .buttons-tab a.tab-link span {
font-size: 12px;
text-align: center;
}
.lang-enUS .page-member-center .card-user-info .card-content .panel-login-info,
.lang-ptPT .page-member-center .card-user-info .card-content .panel-login-info {
font-size: 12px;
}
.lang-enUS .page-deposit .qrcode-list-type-btn,
.lang-ptPT .page-deposit .qrcode-list-type-btn {
width: 100%;
}
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p {
font-size: 12px;
}
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 {
background-size: cover;
height: auto;
padding-top: 5px;
}
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 p,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 p {
font-size: 12px;
}
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-title,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-title,
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-title,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-title,
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner .item-title,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner input,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner input,
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner input,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner input,
.lang-enUS .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner input,
.lang-ptPT .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner input {
font-size: 12px;
}
.lang-enUS .page-withdraw .block-withdraw .list-withdraw ul li .item-input .item-inner .item-title,
.lang-ptPT .page-withdraw .block-withdraw .list-withdraw ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 70px;
font-size: 14px;
}
.lang-enUS .page-withdraw .block-withdraw .item-input .item-inner input,
.lang-ptPT .page-withdraw .block-withdraw .item-input .item-inner input {
font-size: 14px;
}
.lang-enUS .page-withdraw .page-content .block-table .row,
.lang-ptPT .page-withdraw .page-content .block-table .row {
font-size: 12px;
}
.lang-enUS .page-withdraw .block-tip,
.lang-ptPT .page-withdraw .block-tip {
font-size: 12px;
}
.lang-enUS .page-vip-club .block-banner,
.lang-ptPT .page-vip-club .block-banner {
line-height: 1;
}
.lang-enUS .page-vip-club .page-content .buttons-club a.tab-link,
.lang-ptPT .page-vip-club .page-content .buttons-club a.tab-link {
font-size: 12px;
}
.lang-enUS .page-vip-club .tabs-vip-club .tab .block-conditions .conditions-content .content-remark,
.lang-ptPT .page-vip-club .tabs-vip-club .tab .block-conditions .conditions-content .content-remark {
padding: 10px 10px;
font-size: 12px;
line-height: unset;
height: auto;
}
.lang-enUS .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header,
.lang-ptPT .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header {
font-size: 11px;
}
.lang-enUS .page-vip-monthly-salary .card-user-info .card-content .panel-login-info,
.lang-ptPT .page-vip-monthly-salary .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-enUS .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row,
.lang-ptPT .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-enUS .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div,
.lang-ptPT .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-enUS .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div + div,
.lang-ptPT .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-vip-birthday-gift .block-birthday .row,
.lang-ptPT .page-vip-birthday-gift .block-birthday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-enUS .page-vip-birthday-gift .block-birthday .row .col-25,
.lang-ptPT .page-vip-birthday-gift .block-birthday .row .col-25 {
width: auto;
min-width: 120px;
}
.lang-enUS .page-vip-birthday-gift .block-birthday .row .col-75,
.lang-ptPT .page-vip-birthday-gift .block-birthday .row .col-75 {
flex: 1;
}
.lang-enUS .page-vip-holiday-gift .page-content .block-holiday .row,
.lang-ptPT .page-vip-holiday-gift .page-content .block-holiday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-enUS .page-vip-holiday-gift .page-content .block-holiday .row .col-35,
.lang-ptPT .page-vip-holiday-gift .page-content .block-holiday .row .col-35 {
width: auto;
min-width: 120px;
}
.lang-enUS .page-vip-holiday-gift .page-content .block-holiday .row .col-65,
.lang-ptPT .page-vip-holiday-gift .page-content .block-holiday .row .col-65 {
flex: 1;
}
.lang-enUS .page-buffet-promotion .card-user-info .card-content .panel-login-info,
.lang-ptPT .page-buffet-promotion .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-enUS .page-buffet-promotion .card-user-info .card-content .panel-login-info .row,
.lang-ptPT .page-buffet-promotion .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-enUS .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div,
.lang-ptPT .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-enUS .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div + div,
.lang-ptPT .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-buffet-promotion .block-remark .list ul .smart-select .item-content .item-inner .item-title,
.lang-ptPT .page-buffet-promotion .block-remark .list ul .smart-select .item-content .item-inner .item-title {
font-size: 12px;
}
.lang-enUS .page-buffet-promotion .block-remark .list ul li .smart-select .item-content .item-inner .item-after,
.lang-ptPT .page-buffet-promotion .block-remark .list ul li .smart-select .item-content .item-inner .item-after {
max-width: 82%;
width: 55%;
font-size: 12px;
white-space: normal;
}
.lang-enUS .page-daily-task-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-daily-task-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
width: 28%;
}
.lang-enUS .page-daily-task-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-daily-task-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-daily-task-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-daily-task-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-activities-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-activities-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-activities-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-activities-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-activities-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-activities-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-deposit-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-deposit-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-deposit-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-deposit-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-deposit-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-deposit-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-withdraw-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-withdraw-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-withdraw-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-withdraw-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-withdraw-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-withdraw-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-withdraw-search .list-button,
.lang-ptPT .page-withdraw-search .list-button {
color: #fff;
}
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-header,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-header,
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-content,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-withdraw-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-withdraw-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-deposit-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-deposit-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-funds-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-funds-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-funds-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-funds-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-funds-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-funds-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-funds-search .block-search .list ul .item-content .item-title,
.lang-ptPT .page-funds-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-enUS .page-funds-search .list-button,
.lang-ptPT .page-funds-search .list-button {
color: #fff;
}
.lang-enUS .page-funds-records .page-content .block-records .card .card-header,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-header,
.lang-enUS .page-funds-records .page-content .block-records .card .card-content,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-funds-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-funds-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-funds-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-funds-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-funds-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-funds-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-integral-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-integral-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-integral-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-integral-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-integral-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-integral-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-integral-search .block-search .list ul .item-content .item-title,
.lang-ptPT .page-integral-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-enUS .page-integral-search .list-button,
.lang-ptPT .page-integral-search .list-button {
color: #fff;
}
.lang-enUS .page-integral-records .page-content .block-records .card .card-header,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-header,
.lang-enUS .page-integral-records .page-content .block-records .card .card-content,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-integral-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-integral-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-integral-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-integral-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-integral-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-integral-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-activity-records .page-content .block-records .card .card-header,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-header,
.lang-enUS .page-activity-records .page-content .block-records .card .card-content,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-enUS .page-activity-records .page-content .block-records .card .card-header .col-25,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-header .col-25,
.lang-enUS .page-activity-records .page-content .block-records .card .card-content .col-25,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-enUS .page-activity-records .page-content .block-records .card .card-header .col-75,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-header .col-75,
.lang-enUS .page-activity-records .page-content .block-records .card .card-content .col-75,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-enUS .page-activity-records .page-content .block-records .card .card-footer,
.lang-ptPT .page-activity-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-enUS .page-betting-search .block-search .list ul li .item-input .item-inner .item-title,
.lang-ptPT .page-betting-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-enUS .page-betting-search .block-search .list ul li .item-input .item-inner input,
.lang-ptPT .page-betting-search .block-search .list ul li .item-input .item-inner input,
.lang-enUS .page-betting-search .block-search .list ul li .item-input .item-inner input.input-title,
.lang-ptPT .page-betting-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-enUS .page-betting-search .block-search .list ul .item-content .item-title,
.lang-ptPT .page-betting-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-enUS .page-betting-search .list-button,
.lang-ptPT .page-betting-search .list-button {
color: #fff;
}
.lang-enUS .page-betting-records .page-content .block-records .accordion-item,
.lang-ptPT .page-betting-records .page-content .block-records .accordion-item {
font-size: 12px;
}
.lang-enUS .page-betting-records .page-content .block-records .accordion-item .accordion-item-content,
.lang-ptPT .page-betting-records .page-content .block-records .accordion-item .accordion-item-content {
font-size: 12px;
}
.lang-enUS .page-member-info .block-member-info .list-member-info ul li .item-input .item-inner .item-title,
.lang-ptPT .page-member-info .block-member-info .list-member-info ul li .item-input .item-inner .item-title {
font-size: 12px;
padding-top: 0;
align-self: center;
}
.lang-enUS .page-member-info .item-input-wrap input,
.lang-ptPT .page-member-info .item-input-wrap input {
font-size: 12px;
}
.lang-enUS .page-bank-info .card-header,
.lang-ptPT .page-bank-info .card-header {
font-size: 16px;
}
.lang-enUS .page-bank-info .card-footer .block,
.lang-ptPT .page-bank-info .card-footer .block {
padding: 0;
}
.lang-enUS .page-bank-info .card-footer .button,
.lang-ptPT .page-bank-info .card-footer .button {
font-size: 12px;
}
.lang-enUS .page-bank-info .block-bank-info .list-bank-info ul li .item-title,
.lang-ptPT .page-bank-info .block-bank-info .list-bank-info ul li .item-title {
font-size: 12px;
}
.lang-enUS .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner input,
.lang-ptPT .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner input {
font-size: 12px;
}
.lang-enUS .page-bank-info .block-bank-info .list-bank-info ul li .smart-select .item-content .item-inner .item-after,
.lang-ptPT .page-bank-info .block-bank-info .list-bank-info ul li .smart-select .item-content .item-inner .item-after {
font-size: 12px;
}
.lang-enUS .page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul li .item-input .item-inner .item-title,
.lang-ptPT .page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 70px;
font-size: 12px;
}
.lang-enUS .page-change-login-pwd .block-change-login-pwd ul li .item-input .item-inner .item-input-wrap input,
.lang-ptPT .page-change-login-pwd .block-change-login-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-enUS .page-change-login-pwd .page-content .block-table .row,
.lang-ptPT .page-change-login-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-enUS .page-change-login-pwd .block-tip,
.lang-ptPT .page-change-login-pwd .block-tip {
font-size: 12px;
}
.lang-enUS .page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul li .item-input .item-inner .item-title,
.lang-ptPT .page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 70px;
font-size: 12px;
}
.lang-enUS .page-change-security-pwd .block-change-security-pwd ul li .item-input .item-inner .item-input-wrap input,
.lang-ptPT .page-change-security-pwd .block-change-security-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-enUS .page-change-security-pwd .page-content .block-table .row,
.lang-ptPT .page-change-security-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-enUS .page-change-security-pwd .block-tip,
.lang-ptPT .page-change-security-pwd .block-tip {
font-size: 12px;
}
.lang-enUS .page-transfer .block-transfer-from .trnasfer-from .col,
.lang-ptPT .page-transfer .block-transfer-from .trnasfer-from .col {
font-size: 12px;
}
.lang-enUS .page-transfer .list-transfer ul li .item-input .item-inner .item-title,
.lang-ptPT .page-transfer .list-transfer ul li .item-input .item-inner .item-title {
width: auto;
padding-top: 0;
}
.lang-enUS .page-transfer .list-transfer ul li .item-input .item-inner .item-input-wrap input,
.lang-ptPT .page-transfer .list-transfer ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-enUS .main-category .menu .enUs_style_mon,
.lang-ptPT .main-category .menu .enUs_style_mon {
font-size: 11px;
}
.lang-enUS .plain .heading,
.lang-ptPT .plain .heading {
height: 100px!important;
}
.lang-enUS .vipgo,
.lang-ptPT .vipgo {
padding-bottom: 7px!important;
}
.lang-enUS .buypopup .one .enUs_style_money,
.lang-ptPT .buypopup .one .enUs_style_money {
position: relative;
left: -40px;
}
.lang-enUS .page-member-center .buttons-tab-mem-center .enUs_style_menu,
.lang-ptPT .page-member-center .buttons-tab-mem-center .enUs_style_menu {
font-size: 11px!important;
}
.lang-enUS .enUs_fontSize_12px,
.lang-ptPT .enUs_fontSize_12px {
font-size: 12px!important;
}
.lang-enUS .vipcontent .custom-table,
.lang-ptPT .vipcontent .custom-table {
font-size: 12px;
}
.lang-enUS .commission .one p:nth-child(1),
.lang-ptPT .commission .one p:nth-child(1) {
line-height: 55px!important;
height: 40px;
}
.lang-enUS .van .title,
.lang-ptPT .van .title {
align-items: center;
line-height: 16px!important;
font-size: 12px;
}
.lang-thTH .actions-common .actions-group .actions-button .actions-button-text {
font-size: 12px;
}
.lang-thTH .page-member-center .buttons-tab-mem-center .lnk-p {
font-size: 13px !important;
}
.lang-thTH .page-member-center .buttons-tab {
height: 90px;
}
.lang-thTH .page-member-center .buttons-tab a.tab-link {
justify-content: flex-start;
}
.lang-thTH .page-member-center .buttons-tab a.tab-link span {
font-size: 12px;
text-align: center;
}
.lang-thTH .page-member-center .card-user-info .card-content .panel-login-info {
font-size: 12px;
}
.lang-thTH .page-member-center .tabs-member-center .item-title {
font-size: 14px;
}
.lang-thTH .page-deposit .qrcode-list-type-btn {
width: 100%;
}
.lang-thTH .page-deposit .page-content .tabs .tab-online .block-title-online {
font-size: 12px;
}
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p {
font-size: 12px;
}
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 {
background-size: cover;
height: auto;
padding-top: 5px;
}
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 p {
font-size: 12px;
}
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-title,
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-title,
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner input,
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner input,
.lang-thTH .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner input {
font-size: 12px;
}
.lang-thTH .page-withdraw .block-withdraw .list-withdraw ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 70px;
font-size: 14px;
}
.lang-thTH .page-withdraw .block-withdraw .item-input .item-inner input {
font-size: 14px;
}
.lang-thTH .page-withdraw .page-content .block-table .row {
font-size: 12px;
}
.lang-thTH .page-withdraw .block-tip {
font-size: 12px;
}
.lang-thTH .page-vip-club .block-banner {
line-height: 1;
}
.lang-thTH .page-vip-club .page-content .buttons-club a.tab-link {
font-size: 12px;
}
.lang-thTH .page-vip-club .tabs-vip-club .tab .block-conditions .conditions-content .content-remark {
padding: 10px 10px;
font-size: 12px;
line-height: unset;
height: auto;
}
.lang-thTH .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header {
font-size: 12px;
}
.lang-thTH .page-vip-monthly-salary .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-thTH .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-thTH .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-thTH .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-vip-birthday-gift .block-birthday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-thTH .page-vip-birthday-gift .block-birthday .row .col-25 {
width: auto;
min-width: 120px;
}
.lang-thTH .page-vip-birthday-gift .block-birthday .row .col-75 {
flex: 1;
}
.lang-thTH .page-vip-holiday-gift .page-content .block-holiday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-thTH .page-vip-holiday-gift .page-content .block-holiday .row .col-35 {
width: auto;
min-width: 120px;
}
.lang-thTH .page-vip-holiday-gift .page-content .block-holiday .row .col-65 {
flex: 1;
}
.lang-thTH .page-buffet-promotion .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-thTH .page-buffet-promotion .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-thTH .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-thTH .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-buffet-promotion .block-remark .list ul li .smart-select .item-content .item-inner .item-after {
max-width: 82%;
width: 82%;
font-size: 12px;
white-space: normal;
}
.lang-thTH .page-point-center .page-content .block-proportion {
font-size: 14px;
}
.lang-thTH .page-daily-task-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
}
.lang-thTH .page-daily-task-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-daily-task-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-activities-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
width: 33%;
}
.lang-thTH .page-activities-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-activities-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-deposit-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
text-align: right;
white-space: normal;
width: 33%;
}
.lang-thTH .page-deposit-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-deposit-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-withdraw-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
text-align: right;
white-space: normal;
width: 33%;
}
.lang-thTH .page-withdraw-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-withdraw-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-withdraw-search .list-button {
color: #fff;
}
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-header,
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-withdraw-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-funds-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
}
.lang-thTH .page-funds-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-funds-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-funds-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-thTH .page-funds-search .list-button {
color: #fff;
}
.lang-thTH .page-funds-records .page-content .block-records .card .card-header,
.lang-thTH .page-funds-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-funds-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-funds-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-funds-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-funds-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-funds-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-integral-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
width: 33%;
}
.lang-thTH .page-integral-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-integral-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-integral-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-thTH .page-integral-search .list-button {
color: #fff;
}
.lang-thTH .page-integral-records .page-content .block-records .card .card-header,
.lang-thTH .page-integral-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-integral-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-integral-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-integral-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-integral-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-integral-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-activity-records .page-content .block-records .card .card-header,
.lang-thTH .page-activity-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-thTH .page-activity-records .page-content .block-records .card .card-header .col-25,
.lang-thTH .page-activity-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-thTH .page-activity-records .page-content .block-records .card .card-header .col-75,
.lang-thTH .page-activity-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-thTH .page-activity-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-thTH .page-betting-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
width: 28%;
text-align: right;
}
.lang-thTH .page-betting-search .block-search .list ul li .item-input .item-inner input,
.lang-thTH .page-betting-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-thTH .page-betting-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-thTH .page-betting-search .list-button {
color: #fff;
}
.lang-thTH .page-betting-records .page-content .block-records .accordion-item {
font-size: 12px;
}
.lang-thTH .page-betting-records .page-content .block-records .accordion-item .accordion-item-content {
font-size: 12px;
}
.lang-thTH .page-member-info .block-member-info .list-member-info ul li .item-input .item-inner .item-title {
width: 37%;
font-size: 12px;
padding-top: 0;
align-self: center;
}
.lang-thTH .page-member-info .item-input-wrap input {
font-size: 12px;
}
.lang-thTH .page-bank-info .card-header {
font-size: 16px;
}
.lang-thTH .page-bank-info .card-footer .block {
padding: 0;
}
.lang-thTH .page-bank-info .card-footer .button {
font-size: 12px;
}
.lang-thTH .page-bank-info .block-bank-info .list-bank-info ul li .item-title {
padding-top: 0;
align-self: center;
font-size: 12px;
white-space: normal;
width: 70px;
padding-right: 5px;
}
.lang-thTH .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
font-size: 12px;
white-space: normal;
width: 70px;
}
.lang-thTH .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner input {
font-size: 12px;
}
.lang-thTH .page-bank-info .block-bank-info .list-bank-info ul li .smart-select .item-content .item-inner .item-after {
font-size: 12px;
}
.lang-thTH .page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 85px;
font-size: 12px;
white-space: normal;
text-align: right;
}
.lang-thTH .page-change-login-pwd .block-change-login-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-thTH .page-change-login-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-thTH .page-change-login-pwd .block-tip {
font-size: 12px;
}
.lang-thTH .page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
text-align: right;
width: 30%;
font-size: 12px;
}
.lang-thTH .page-change-security-pwd .block-change-security-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-thTH .page-change-security-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-thTH .page-change-security-pwd .block-tip {
font-size: 12px;
}
.lang-thTH .page-transfer .block-transfer-from .trnasfer-from .col {
font-size: 12px;
}
.lang-thTH .page-transfer .list-transfer ul li .item-input .item-inner .item-title {
width: auto;
padding-top: 0;
}
.lang-thTH .page-transfer .list-transfer ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-zhTW .page-home .game-list-area .top .name {
font-family: '-apple-system, Hiragino Sans GB, Monospaced Number, Helvetica Neue, Helvetica, Arial, sans-serif';
}
.lang-zhTW .toolbar .toolbar-inner a.tab-link span {
font-family: inherit;
}
.lang-myMY .actions-common .actions-group .actions-button .actions-button-text {
font-size: 12px;
}
.lang-myMY .actions-common .actions-group .actions-button .actions-button-text a.link {
line-height: 1;
display: flex;
overflow: unset;
white-space: normal;
text-overflow: unset;
}
.lang-myMY .actions-common .actions-group .actions-button .actions-button-text a.link span {
text-align: left;
}
.lang-myMY .tabs-promotion .tab .card-all .card-content .row .title-all {
flex: 1;
}
.lang-myMY .tabs-promotion .tab .card-all .card-content .row .apply-all {
width: auto;
}
.lang-myMY .page-home .main-category .user-info .user-detail .left-area .non-balance {
width: auto;
}
.lang-myMY .toolbar .toolbar-inner a.tab-link {
flex: 1;
width: 20%;
}
.lang-myMY .toolbar .toolbar-inner a.tab-link span {
font-family: inherit;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: 100%;
text-align: center;
}
.lang-myMY .page-member-center .buttons-tab {
height: 105px;
}
.lang-myMY .page-member-center .buttons-tab a.tab-link {
justify-content: flex-start;
}
.lang-myMY .page-member-center .buttons-tab a.tab-link span {
font-size: 12px;
text-align: center;
padding: 0 3px;
}
.lang-myMY .page-member-center .card-user-info .card-content .panel-login-info {
font-size: 12px;
}
.lang-myMY .page-member-center .tabs-member-center .item-title {
font-size: 14px;
}
.lang-myMY .page-member-center .tabs-member-center .page-content .block .list ul li.vip .item-link .item-content .item-inner .item-after {
position: absolute;
left: -6px;
bottom: 0;
font-size: 12px;
}
.lang-myMY .page-deposit .qrcode-list-type-btn {
width: 100%;
}
.lang-myMY .page-deposit .page-content .buttons-deposit a.tab-link span {
text-align: center;
padding: 0 5px;
}
.lang-myMY .page-deposit .page-content .tabs .tab-online .block-title-online {
font-size: 12px;
}
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item p {
font-size: 12px;
}
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 {
background-size: cover;
height: auto;
padding-top: 5px;
}
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-online .onlinepay-list .row.no-gap .onlinepay-item.col-33 p {
font-size: 12px;
}
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner .item-title,
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner .item-title,
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
}
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-online .list-onlinepay ul .item-content .item-inner input,
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-offline .list-pay ul .item-content .item-inner input,
.lang-myMY .page-deposit .page-content .tabs-deposit .tab-bank-transfer .list-transfer ul .item-content .item-inner input {
font-size: 12px;
}
.lang-myMY .page-withdraw .block-withdraw .list-withdraw ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
font-size: 12px;
white-space: normal;
}
.lang-myMY .page-withdraw .block-withdraw .item-input .item-inner input {
font-size: 12px;
}
.lang-myMY .page-withdraw .block-withdraw .smart-select .item-content .item-inner .item-title {
font-size: 12px;
}
.lang-myMY .page-withdraw .col .button {
font-size: 12px;
}
.lang-myMY .page-withdraw .page-content .block-table .row {
font-size: 12px;
}
.lang-myMY .page-withdraw .block-tip {
font-size: 12px;
}
.lang-myMY .page-vip-club .block-banner {
line-height: 1;
}
.lang-myMY .page-vip-club .page-content .buttons-club a.tab-link {
font-size: 12px;
}
.lang-myMY .page-vip-club .tabs-vip-club .tab .block-conditions .conditions-content .content-remark {
padding: 10px 10px;
font-size: 12px;
line-height: unset;
height: auto;
}
.lang-myMY .page-sign-in .tabs-signIn .tab-signIn-instructions .block table .row-header {
font-size: 12px;
}
.lang-myMY .page-vip-monthly-salary .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-myMY .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-myMY .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-myMY .page-vip-monthly-salary .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-vip-birthday-gift .block-birthday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-myMY .page-vip-birthday-gift .block-birthday .row .col-25 {
width: auto;
min-width: 120px;
}
.lang-myMY .page-vip-birthday-gift .block-birthday .row .col-75 {
flex: 1;
}
.lang-myMY .page-vip-holiday-gift .page-content .block-holiday .row {
justify-content: flex-start;
font-size: 14px;
}
.lang-myMY .page-vip-holiday-gift .page-content .block-holiday .row .col-35 {
width: auto;
min-width: 120px;
}
.lang-myMY .page-vip-holiday-gift .page-content .block-holiday .row .col-65 {
flex: 1;
}
.lang-myMY .page-buffet-promotion .card-user-info .card-content .panel-login-info {
font-size: 14px;
}
.lang-myMY .page-buffet-promotion .card-user-info .card-content .panel-login-info .row {
display: flex;
justify-content: flex-start;
}
.lang-myMY .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div {
width: auto;
}
.lang-myMY .page-buffet-promotion .card-user-info .card-content .panel-login-info .row div + div {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-buffet-promotion .block-remark .list ul li .smart-select .item-content .item-inner .item-after {
max-width: 82%;
width: 82%;
font-size: 12px;
white-space: normal;
}
.lang-myMY .page-point-center .page-content .block-proportion {
font-size: 14px;
}
.lang-myMY .page-daily-task-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
}
.lang-myMY .page-daily-task-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-daily-task-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-activities-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
width: 33%;
}
.lang-myMY .page-activities-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-activities-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-deposit-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
text-align: right;
white-space: normal;
width: 33%;
}
.lang-myMY .page-deposit-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-deposit-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-withdraw-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
text-align: right;
white-space: normal;
width: 33%;
}
.lang-myMY .page-withdraw-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-withdraw-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-withdraw-search .list-button {
color: #fff;
}
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-header,
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-withdraw-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-deposit-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-deposit-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-funds-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
}
.lang-myMY .page-funds-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-funds-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-funds-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-myMY .page-funds-search .list-button {
color: #fff;
}
.lang-myMY .page-funds-records .page-content .block-records .card .card-header,
.lang-myMY .page-funds-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-funds-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-funds-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-funds-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-funds-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-funds-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-integral-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
white-space: normal;
text-align: right;
width: 33%;
}
.lang-myMY .page-integral-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-integral-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-integral-search .block-search .list ul .item-content .item-title {
font-size: 12px;
}
.lang-myMY .page-integral-search .list-button {
color: #fff;
}
.lang-myMY .page-integral-records .page-content .block-records .card .card-header,
.lang-myMY .page-integral-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-integral-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-integral-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-integral-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-integral-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-integral-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-activity-records .page-content .block-records .card .card-header,
.lang-myMY .page-activity-records .page-content .block-records .card .card-content {
font-size: 12px;
}
.lang-myMY .page-activity-records .page-content .block-records .card .card-header .col-25,
.lang-myMY .page-activity-records .page-content .block-records .card .card-content .col-25 {
width: 33%;
}
.lang-myMY .page-activity-records .page-content .block-records .card .card-header .col-75,
.lang-myMY .page-activity-records .page-content .block-records .card .card-content .col-75 {
flex: 1;
padding-left: 10px;
}
.lang-myMY .page-activity-records .page-content .block-records .card .card-footer {
font-size: 12px;
}
.lang-myMY .page-betting-search .block-search .list ul li .item-input .item-inner .item-title {
padding-top: 0;
font-size: 12px;
align-self: center;
width: 33%;
text-align: right;
}
.lang-myMY .page-betting-search .block-search .list ul li .item-input .item-inner input,
.lang-myMY .page-betting-search .block-search .list ul li .item-input .item-inner input.input-title {
font-size: 12px;
}
.lang-myMY .page-betting-search .block-search .list ul .item-content .item-title {
font-size: 12px;
white-space: normal;
text-align: right;
width: 26%;
}
.lang-myMY .page-betting-search .list-button {
color: #fff;
}
.lang-myMY .page-betting-records .page-content .block-records .accordion-item {
font-size: 12px;
}
.lang-myMY .page-betting-records .page-content .block-records .accordion-item .accordion-item-content {
font-size: 12px;
}
.lang-myMY .page-member-info .block-member-info .list-member-info ul li .item-input .item-inner .item-title {
width: 43%;
font-size: 12px;
padding-top: 0;
align-self: center;
}
.lang-myMY .page-member-info .item-input-wrap input {
font-size: 12px;
}
.lang-myMY .page-bank-info .card-header {
font-size: 16px;
}
.lang-myMY .page-bank-info .card-footer .block {
padding: 0;
}
.lang-myMY .page-bank-info .card-footer .button {
font-size: 12px;
}
.lang-myMY .page-bank-info .block-bank-info .list-bank-info ul li .item-title {
padding-top: 0;
align-self: center;
font-size: 12px;
white-space: normal;
width: 70px;
padding-right: 5px;
}
.lang-myMY .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
font-size: 12px;
white-space: normal;
width: 70px;
}
.lang-myMY .page-bank-info .block-bank-info .list-bank-info ul li .item-input .item-inner input {
font-size: 12px;
}
.lang-myMY .page-bank-info .block-bank-info .list-bank-info ul li .smart-select .item-content .item-inner .item-after {
font-size: 12px;
}
.lang-myMY .page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
max-width: 85px;
font-size: 12px;
white-space: normal;
text-align: right;
}
.lang-myMY .page-change-login-pwd .block-change-login-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-myMY .page-change-login-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-myMY .page-change-login-pwd .block-tip {
font-size: 12px;
}
.lang-myMY .page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul li .item-input .item-inner .item-title {
padding-top: 0;
align-self: center;
text-align: right;
width: 30%;
font-size: 12px;
white-space: normal;
}
.lang-myMY .page-change-security-pwd .block-change-security-pwd ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-myMY .page-change-security-pwd .page-content .block-table .row {
font-size: 12px;
}
.lang-myMY .page-change-security-pwd .block-tip {
font-size: 12px;
}
.lang-myMY .page-transfer .block-transfer-from .trnasfer-from .col {
font-size: 12px;
}
.lang-myMY .page-transfer .block-transfer-type .trnasfer-type div {
font-size: 12px;
}
.lang-myMY .page-transfer .block-transfer-type .trnasfer-type div:first-child {
width: 40%;
}
.lang-myMY .page-transfer .block-transfer-type .trnasfer-type div:last-child {
width: 60%;
}
.lang-myMY .page-transfer .list-transfer ul li .item-input .item-inner .item-title {
width: auto;
padding-top: 0;
}
.lang-myMY .page-transfer .list-transfer ul li .item-input .item-inner .item-input-wrap input {
font-size: 12px;
}
.lang-myMY .page-transfer .col .button {
font-size: 12px;
}
.lang-myMY .page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .col-balance {
width: auto;
margin-right: 20px;
}
.lang-myMY .page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .col-btns {
flex: 1;
}
.lang-myMY .transfer-popup .navbar .subnavbar .subnavbar-inner .segmented a.tab-link {
font-size: 12px;
}
.lang-myMY .transfer-popup .tabs .tab .block .card .col-balance {
width: auto;
margin-right: 20px;
}
.lang-myMY .transfer-popup .tabs .tab .block .card .col-btns {
flex: 1;
}
.lang-myMY .page-referrer .top .info div span.refer {
width: auto;
}
.lang-myMY .page-referrer .top div.share {
height: auto;
}
.lang-myMY .page-referrer .top div.share span.sharedesc {
height: auto;
white-space: normal;
}
.lang-myMY .page-referrer .top div.share .sharebutton {
width: auto;
top: unset;
bottom: 0;
border-top-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
padding: 0 5px;
}
.lang-myMY .page-referrer .page-content .top .info > div {
min-height: 28px;
height: auto;
line-height: unset;
padding: 5.65px 10px;
box-sizing: border-box;
}
.lang-myMY .page-referrer .page-content .top .info > div span:nth-child(1) {
margin-left: 0;
}
.lang-myMY .page-referrer .page-content .top .info > div .loader {
margin-top: -5.65px !important;
background-color: transparent;
}
.lang-myMY .page-direct-search .block-search .list ul li .item-input .item-inner .item-title {
width: 51%;
}
.lang-ptPT .page-member-center .buttons-tab-mem-center .lnk-p {
font-size: 12px !important;
}
.lang-ptPT .toolbar .toolbar-inner a.tab-link span {
font-size: 10px;
}
.lang-ptPT .tabbar-labels a.tab-link {
padding-bottom: 8px;
}
.lang-tlPH .licaics .kuai .two p:nth-child(2) {
width: 90%;
}
.lang-tlPH .order-submission .top .copy .copybutton {
font-size: 13px!important;
}
.lang-tlPH .buypopup .yiban div:nth-child(1) {
font-size: 13px!important;
}
.lang-tlPH .content .info .fl div {
line-height: 16px!important;
}
.lang-tlPH .content .rule2,
.lang-tlPH .rule1 {
font-size: 13px;
}
.lang-idID .dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .button {
font-size: 10px;
}
.lang-idID .idID_fontSize_12px {
font-size: 12px!important;
}
.lang-idID .main-category .menu {
font-size: 12px;
}
.lang-idID .home-trusted .h1 {
font-size: 12px;
}
.lang-idID .vipgo .text2 {
height: auto!important;
line-height: normal!important;
}
.lang-idID .vipgo .red-button {
margin: 7px 0px 10px 0px!important;
border-radius: 30px!important;
width: 100px!important;
padding: 5px!important;
height: auto!important;
line-height: 15px!important;
}
.lang-idID .vipcontent .custom-table {
font-size: 12px;
}
.lang-idID .financial .financialthree .goDetail {
position: absolute!important;
right: 145px!important;
bottom: 5px!important;
}
.lang-idID .page-member-center .card-user-info .card-content .panel-login-info .welcome {
font-size: 14px!important;
}
.lang-idID .content .num {
font-size: 12px;
}
.lang-idID .content .info {
font-size: 12px;
}
.lang-idID .content .box .box-body .button {
line-height: 12px!important;
height: 37px!important;
border-radius: 22px!important;
margin: 0 auto;
margin-top: 7px!important;
width: 90px!important;
text-transform: none!important;
display: inline-block !important;
overflow: unset!important;
font-size: 10px!important;
}
.lang-idID .commission .one p:nth-child(1) {
line-height: 55px!important;
height: 40px;
}
.lang-idID .van .title {
align-items: center;
line-height: 16px!important;
font-size: 12px;
}
/* common */
.text-center {
text-align: var(--f7-text-center);
}
.text-left {
text-align: var(--f7-text-left);
}
.text-right {
text-align: var(--f7-text-right);
}
.text-bold {
font-weight: bold;
}
/* text font size */
.text-14 {
font-size: var(--f7-font-size-14);
}
.text-16 {
font-size: var(--f7-px-16);
}
.text-22 {
font-size: 22px;
}
.text-24 {
font-size: 24px;
}
.text-26 {
font-size: 26px;
}
.text-28 {
font-size: var(--f7-px-28);
}
/* color */
.color-lightblue {
color: var(--f7-color-lightblue);
}
.color-blue1 {
color: #0f9fe6;
}
.color-graytint {
color: var(--f7-color-gray-tint);
}
.color-white {
color: var(--f7-color-white);
}
.color-yellow {
color: var(--f7-color-yellow-lamp);
}
.border-radius-right {
border-radius: var(--f7-px-0) var(--f7-button-border-radius) var(--f7-px-0) var(--f7-px-0) var(--f7-px-0);
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left) !important;
}
.border-radius-left {
border-radius: var(--f7-px-0) var(--f7-px-0) var(--f7-px-0) var(--f7-button-border-radius);
background-color: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right) !important;
}
.hidden {
display: none !important;
}
.popup.popup-marquee .block {
margin: 0;
padding: 0px;
}
.popup.popup-marquee .block .card {
margin: var(--f7-px-6);
background-color: #f5f5f5;
color: #464646;
}
.popup.popup-marquee .block .card .card-footer {
color: #005479;
justify-content: flex-end;
border-top: 1px solid #dfdfdf;
width: 95%;
margin: auto;
margin-top: 15px;
}
.popup.popup-marquee .block .card .card-footer:before {
height: var(--f7-height-size-0);
}
.popup.popup-marquee .block .skeleton-text {
font-family: none !important;
}
.popup.popup-marquee .block .skeleton-text .card-footer {
color: var(--f7-color-blue-tip) !important;
}
.popup.popup-marquee .block .skeleton-text,
.popup.popup-marquee .block .skeleton-text * {
color: var(--f7-color-white) !important;
font-weight: inherit !important;
font-style: inherit !important;
letter-spacing: inherit !important;
}
.popup .navbar .navbar-inner {
padding: var(--f7-padding-size-0) var(--f7-padding-size-8);
}
.balanceInfo-popup.popup .block {
margin: 12px 10px;
padding: 0 5px;
}
.balanceInfo-popup.popup .block .row {
height: 75px;
line-height: 75px;
background: #ccc;
margin-bottom: 10px;
padding: 0 10px;
color: #fff;
font-size: 16px;
}
.balanceInfo-popup.popup .block .row.block-balance {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsYAAABuCAYAAAAkuNUfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMEI1NkVCMEVDQTQxMUU4OURERjk2NzMzOTM3NzZGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMEI1NkVCMUVDQTQxMUU4OURERjk2NzMzOTM3NzZGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwQjU2RUFFRUNBNDExRTg5RERGOTY3MzM5Mzc3NkZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMwQjU2RUFGRUNBNDExRTg5RERGOTY3MzM5Mzc3NkZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W8UDHQAADv9JREFUeNrs3b+ONNlZ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) no-repeat;
background-size: 100% 100%;
}
.balanceInfo-popup.popup .block .row.block-point,
.balanceInfo-popup.popup .block .row.block-sign {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsYAAABuCAYAAAAkuNUfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMEJEQTY3M0VDQTQxMUU4OURERjk2NzMzOTM3NzZGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMEJEQTY3NEVDQTQxMUU4OURERjk2NzMzOTM3NzZGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwQkRBNjcxRUNBNDExRTg5RERGOTY3MzM5Mzc3NkZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMwQkRBNjcyRUNBNDExRTg5RERGOTY3MzM5Mzc3NkZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gIkKmgAAEPFJREFUeNrs3b+OLEcV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) no-repeat;
background-size: 100% 100%;
}
.turnoverAuditList-popup .block {
margin: 0;
padding: 0;
}
.turnoverAuditList-popup .block .card {
margin: 10px;
border: 1px solid #2352c6;
border-radius: 5px;
background-color: #152759;
padding: 10px 20px 10px 0;
color: var(--f7-color-gray-tint);
font-size: 16px;
}
.turnoverAuditList-popup .block .card .col-30 {
text-align: right;
}
.turnoverAuditList-popup .block .card .span-white {
color: #fff;
}
.turnoverAuditList-popup .block .card .span-reject {
color: red;
}
.turnoverAuditList-popup .block .card .span-pass {
color: #19ea8f;
}
.loadding-popup {
z-index: 13501;
}
.loadding-popup .block {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #17008a;
background-image: -webkit-radial-gradient(center 28%, circle, #fff 0%, #fff 68%);
}
.loadding-popup .block .loader-ring {
position: absolute;
top: 30%;
left: 50%;
margin: -100px 0 0 -100px;
width: 200px;
height: 200px;
}
.loadding-popup .block .loader-ring .loader-ring-light {
width: 200px;
height: 200px;
border-radius: 200px;
box-shadow: 0 4px 0 #d5dfea inset;
animation: rotate-360 2s linear infinite;
}
.loadding-popup .block .loader-ring .loader-ring-track {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
border-radius: 200px;
}
.loadding-popup .block .loader-ring .loader-logo {
position: absolute;
top: 50%;
left: 50%;
margin: -60px 0 0 -60px;
}
.loadding-popup .block .loader-ring .loader-logo svg.icon {
width: 120px;
height: 120px;
}
.loadding-popup .block .copy-right {
position: absolute;
bottom: 70px;
width: 100%;
}
.loadding-popup .block .copy-right p {
text-align: center;
margin: 0;
font-size: 15px;
color: #464646;
}
.loadding-popup .block .loadding-timeout {
position: absolute;
bottom: 42%;
width: 100%;
text-align: center;
color: #14538a;
}
.loadding-popup .block .loadding-timeout p {
margin: 0;
}
.loadding-popup .block .loadding-timeout a {
border-bottom: 1px solid #3795e8;
color: #3795e8;
}
.activity-detail-popup .block img {
width: 100%;
}
.page-apply-activity .activity-detail {
width: 100%;
}
.page-apply-activity .activity-detail .block {
width: 100%;
margin: 0;
padding: 0;
margin-top: 10px;
}
.page-apply-activity .activity-detail .block img {
width: 100%;
}
.transfer-popup .navbar .subnavbar .subnavbar-inner {
padding: 0;
}
.transfer-popup .navbar .subnavbar .subnavbar-inner .segmented a.tab-link {
height: 43px;
line-height: 43px;
align-content: var(--f7-text-center);
border-radius: 0;
background-color: var(--f7-page-bg-color);
color: #808080;
border-left: 0;
font-size: var(--f7-px-16);
padding: 0;
}
.transfer-popup .navbar .subnavbar .subnavbar-inner .segmented a.tab-link-active {
color: #464646;
border-bottom: 1px solid;
}
.transfer-popup .navbar .subnavbar .subnavbar-inner .segmented a.tab-link-active .ripple-wave {
display: none;
}
.transfer-popup .navbar .subnavbar:after {
height: 0;
}
.transfer-popup .navbar .right .button {
background-color: transparent;
border: 1px solid #a59a9a;
padding: 0 6px;
height: 25px;
line-height: 25px;
}
.transfer-popup .toolbar {
height: 46px;
font-size: 14px;
}
.transfer-popup .toolbar .toolbar-inner {
padding: 0 10px;
}
.transfer-popup .toolbar .toolbar-inner .mainwallet-balance {
color: #0b78ff;
}
.transfer-popup .tabs .tab {
padding-bottom: 10px;
}
.transfer-popup .tabs .tab .block {
margin: 0;
padding: 0;
}
.transfer-popup .tabs .tab .block .card {
margin: 8px;
background-color: #152759;
color: #fff;
border-radius: 10px;
}
.transfer-popup .tabs .tab .block .card .card-header .wallet-name {
color: #000;
font-weight: bold;
}
.transfer-popup .tabs .tab .block .card .card-header .wallet-select {
font-size: 15px;
}
.transfer-popup .tabs .tab .block .card .card-header .wallet-select .button {
color: #fff;
height: 24px;
line-height: 24px;
font-size: 12px;
background-color: #394158;
}
.transfer-popup .tabs .tab .block .card .card-header .wallet-select .btn-disabled {
opacity: 0;
}
.transfer-popup .tabs .tab .block .card .card-header:after {
width: 90%;
left: 5%;
background-color: #000;
}
.transfer-popup .tabs .tab .block .card .card-content-padding {
padding: 0px 15px;
}
.transfer-popup .tabs .tab .block .card .card-content-padding > .row {
padding: 5px 0;
}
.transfer-popup .tabs .tab .block .card .card-content-padding > .row .col-balance {
line-height: 24px;
color: #1d55f1;
}
.transfer-popup .tabs .tab .block .card .card-content-padding > .row .col-balance .wallet-preload {
display: none;
}
.transfer-popup .tabs .tab .block .card .card-content-padding > .row .wallet-parent-names {
color: #1b1e23;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .row-parent-names {
padding-top: 2px;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns p.row {
margin: 0;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns .button {
height: 24px;
line-height: 24px;
min-width: 30px;
color: var(--f7-color-white);
padding: 0 var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
border-radius: var(--f7-px-3);
background-color: transparent;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns .btn-transfer {
background-color: #4d88e5;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns .btn-transferOut {
background-color: #3968b5;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns .btn-refresh {
background-color: #49743e;
}
.transfer-popup .tabs .tab .block .card .card-content-padding .col-btns .btn-disabled {
opacity: 0;
}
.transfer-popup .tabs .tab .block .card-bg-bright {
background-color: #e0f3ff;
}
.transfer-popup .tabs .tab .block .card-bg-dark {
background-color: #e2ecff;
}
.transfer-popup .transfer-footer {
position: fixed;
bottom: 0;
width: 100%;
line-height: 46px;
color: #fff;
padding: 0 10px;
background-color: #071c4f;
z-index: 11;
border-top: 1px solid var(--f7-color-blue-menu);
}
/* balance popup */
.popup-backdrop {
background-color: rgba(0, 4, 7, 0.77);
}
/*actions */
.actions-common {
transform: none;
bottom: var(--f7-px-100);
width: var(--f7-size-percent-80);
margin: var(--f7-margin-size-0) var(--f7-size-percent-10);
}
.actions-common .actions-group {
margin: var(--f7-margin-size-0);
background-color: var(--f7-color-white);
box-shadow: 2px 2px 5px #d4d4d4;
padding: 0 var(--f7-padding-size-5);
}
.actions-common .actions-group .actions-button {
padding: var(--f7-padding-size-8) var(--f7-padding-size-0);
}
.actions-common .actions-group .actions-button .actions-button-text {
margin-top: var(--f7-margin-size-0);
height: var(--f7-px-28);
line-height: var(--f7-px-28);
color: #1b244f;
font-size: var(--f7-font-size-14);
}
.actions-common .actions-group .actions-button .actions-button-text .iconfont {
margin-top: -2px;
}
.actions-common .actions-group .active-state {
background-color: var(--f7-color-bg-transparent) !important;
}
.actions-common .actions-group:first-child:last-child {
border-radius: var(--f7-px-20);
border: 1px solid #ccc5c5;
}
.actions-service .actions-button {
border: var(--f7-border-none);
outline: var(--f7-border-none);
}
.actions-service .actions-button .link-active-qq {
background-color: #f9cfe3;
border-radius: 12px;
}
.actions-service .actions-button .link-active-wechat {
background-color: #cefdd3;
border-radius: 12px;
}
.actions-qq,
.actions-wechat {
transform: none;
bottom: var(--f7-px-160);
width: var(--f7-size-percent-80);
margin: var(--f7-margin-size-0) var(--f7-size-percent-10);
}
.actions-qq .actions-group,
.actions-wechat .actions-group {
background-color: rgba(0, 0, 0, 0.88);
border: 1px solid #878e8e;
padding: 7px 0 35px;
box-shadow: 2px 2px 5px #20185f;
}
.actions-qq .actions-group .swiper-container .swiper-slide .block,
.actions-wechat .actions-group .swiper-container .swiper-slide .block {
margin: var(--f7-px-6) 0;
}
.actions-qq .actions-group .swiper-container .swiper-slide .block .block-header,
.actions-wechat .actions-group .swiper-container .swiper-slide .block .block-header {
font-size: var(--f7-px-16);
}
.actions-qq .actions-group .swiper-container .swiper-slide .block .block-header .row,
.actions-wechat .actions-group .swiper-container .swiper-slide .block .block-header .row {
margin: var(--f7-px-6) 0;
}
.actions-qq .actions-group .swiper-container .swiper-slide .block .block-header .row .btn-copy,
.actions-wechat .actions-group .swiper-container .swiper-slide .block .block-header .row .btn-copy {
height: var(--f7-px-20);
line-height: var(--f7-px-20);
background-color: var(--f7-color-bg-copy);
text-align: var(--f7-text-center);
font-size: var(--f7-font-size-14);
border: var(--f7-border-none);
color: var(--f7-color-white);
font-weight: var(--f7-font-weight-normal);
}
.actions-qq .actions-group .swiper-container .swiper-slide .block .block-content,
.actions-wechat .actions-group .swiper-container .swiper-slide .block .block-content {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.actions-qq .actions-group .swiper-container .swiper-slide .block .block-footer .button,
.actions-wechat .actions-group .swiper-container .swiper-slide .block .block-footer .button {
width: var(--f7-px-160);
margin: 0 var(--f7-auto);
background-color: #cefdd3;
border-radius: var(--f7-font-size-14);
color: #001e1e;
border: var(--f7-border-none);
line-height: var(--f7-height-size-30);
height: var(--f7-height-size-30);
}
.actions-qq .actions-group .swiper-container .swiper-pagination,
.actions-wechat .actions-group .swiper-container .swiper-pagination {
position: var(--f7-postion-fixed);
bottom: var(--f7-px-6);
}
.actions-qq .actions-group .swiper-container .swiper-pagination .swiper-pagination-bullet,
.actions-wechat .actions-group .swiper-container .swiper-pagination .swiper-pagination-bullet {
width: var(--f7-auto);
background-color: var(--f7-color-bg-transparent);
font-size: var(--f7-px-22);
color: var(--f7-color-gray-gray);
opacity: var(--f7-z-index-1);
border: var(--f7-border-none);
outline: var(--f7-border-none);
}
.actions-qq .actions-group .swiper-container .swiper-pagination .swiper-pagination-bullet-active,
.actions-wechat .actions-group .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
color: var(--f7-color-active);
}
.actions-qq .actions-group .swiper-container .swiper-button-prev,
.actions-wechat .actions-group .swiper-container .swiper-button-prev {
border: var(--f7-border-none);
outline: var(--f7-border-none);
left: var(--f7-size-ps-5);
}
.actions-qq .actions-group .swiper-container .swiper-button-next,
.actions-wechat .actions-group .swiper-container .swiper-button-next {
border: var(--f7-border-none);
outline: var(--f7-border-none);
right: var(--f7-size-ps-5);
}
.actions-qq .actions-group .swiper-container .swiper-button-prev:after,
.actions-wechat .actions-group .swiper-container .swiper-button-prev:after,
.actions-qq .actions-group .swiper-container .swiper-button-next:after,
.actions-wechat .actions-group .swiper-container .swiper-button-next:after {
font-size: var(--f7-px-20);
color: var(--f7-color-gray-1);
}
.actions-qq .actions-group .card-nodata,
.actions-wechat .actions-group .card-nodata {
background-color: var(--f7-color-bg-transparent);
padding: 16vh 0;
width: 100%;
}
.actions-qq .actions-group .card-nodata .card-content,
.actions-wechat .actions-group .card-nodata .card-content {
text-align: center;
}
.actions-qq .actions-group:first-child:last-child,
.actions-wechat .actions-group:first-child:last-child {
border-radius: var(--f7-px-6);
}
.actions-common.modal-in {
transform: none;
animation: transferMove 0.35 ease-in-out both;
-moz-animation: transferMove 0.35s ease-in-out both;
-webkit-animation: transferMove 0.35s ease-in-out both;
-o-animation: transferMove 0.35s ease-in-out both;
}
.actions-common.modal-out {
transform: none;
animation: transferHide 0.35s ease-in-out both;
-moz-animation: transferHide 0.35s ease-in-out both;
-webkit-animation: transferHide 0.35s ease-in-out both;
-o-animation: transferHide 0.35s ease-in-out both;
}
.actions-backdrop {
background-color: transparent;
}
.device-iphone-x .actions-common {
bottom: 120px;
}
.device-iphone-x .actions-qq,
.device-iphone-x .actions-wechat {
bottom: 180px;
}
/* dialog */
.dialog.dialog-logout {
background-color: rgba(12, 25, 57, 0.96);
border-radius: 8px;
}
.dialog.dialog-logout .dialog-inner {
padding: var(--f7-padding-size-5) var(--f7-dialog-inner-padding);
border-radius: 0%;
}
.dialog.dialog-logout .dialog-inner .dialog-title {
position: relative;
}
.dialog.dialog-logout .dialog-inner .dialog-title:after {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-px-1);
width: 100%;
display: block;
margin-top: 6px;
position: absolute;
}
.dialog.dialog-logout .dialog-inner .dialog-text {
padding: var(--f7-px-20) var(--f7-padding-size-0);
font-size: var(--f7-px-16);
}
.dialog.dialog-logout .dialog-buttons .dialog-cancel {
background-color: var(--f7-dialog-button-bg-color-left);
border-radius: 0 0 0 8px;
border: none;
margin-right: 0;
color: var(--f7-dialog-button-text-color-left);
}
.dialog.dialog-logout .dialog-buttons .dialog-ok {
background-color: var(--f7-dialog-button-bg-color-right);
border-radius: 0 0 8px 0px;
color: var(--f7-dialog-button-text-color-right);
border: none;
margin-right: 0;
}
.dialog.dialog-game {
background-color: #000;
}
.dialog.dialog-game .dialog-inner {
background-color: #000;
padding: 15px 0;
}
.dialog.dialog-game .dialog-inner .dialog-text {
line-height: 22px;
color: #fff;
padding: 0 10px;
}
.dialog.dialog-preloadgame {
--f7-dialog-width: 200px;
background-color: #000;
}
.dialog.dialog-preloadgame .dialog-inner {
background-color: #000;
padding: 25px 0;
}
.dialog.dialog-preloadgame .dialog-inner .dialog-text {
line-height: 22px;
color: #fff;
padding: 0 10px;
}
.dialog.dialog-preloadorder {
--f7-dialog-width: 250px;
background-color: #000;
}
.dialog.dialog-preloadorder .dialog-inner {
background-color: #000;
padding: 25px 0;
}
.dialog.dialog-preloadorder .dialog-inner .dialog-text {
line-height: 22px;
color: #fff;
padding: 0 10px;
}
.dialog.dialog-buttons-1,
.dialog.dialog-buttons-2 {
background-color: #fff;
border-radius: 8px;
}
.dialog.dialog-buttons-1 .dialog-inner,
.dialog.dialog-buttons-2 .dialog-inner {
padding: var(--f7-padding-size-5) var(--f7-dialog-inner-padding);
border-radius: 0%;
}
.dialog.dialog-buttons-1 .dialog-inner .dialog-title,
.dialog.dialog-buttons-2 .dialog-inner .dialog-title {
position: relative;
}
.dialog.dialog-buttons-1 .dialog-inner .dialog-title:after,
.dialog.dialog-buttons-2 .dialog-inner .dialog-title:after {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-px-1);
width: 100%;
display: block;
margin-top: 6px;
position: absolute;
}
.dialog.dialog-buttons-1 .dialog-inner .dialog-text,
.dialog.dialog-buttons-2 .dialog-inner .dialog-text {
padding: var(--f7-px-20) var(--f7-padding-size-0);
font-size: var(--f7-px-16);
}
.dialog.dialog-buttons-1 .dialog-buttons .dialog-button,
.dialog.dialog-buttons-2 .dialog-buttons .dialog-button {
background-color: var(--f7-dialog-button-bg-color-right);
border-radius: 0 0 8px 0px;
color: var(--f7-dialog-button-text-color-right);
border: none;
margin-right: 0;
}
.dialog.dialog-buttons-2 .dialog-buttons .dialog-button:first-child {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border: none;
margin-right: 0;
border-radius: 0 0 0 8px;
}
.dialog.dialog-buttons-2 .dialog-buttons .dialog-button:last-child {
background-color: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
border: none;
margin-right: 0;
border-radius: 0 0 8px 0;
}
.dialog-backdrop {
background-color: rgba(0, 0, 0, 0.74);
}
.dialog-balance {
color: #464646;
width: 96%;
margin: 0 2%;
background-color: #f3f8ff !important;
border-radius: 14px;
border: 1px solid var(--f7-dialog-border-color);
left: 0;
}
.dialog-balance .dialog-inner {
padding: 0;
text-align: left;
}
.dialog-balance .dialog-inner .dialog-title {
text-align: center;
position: relative;
height: 40px;
line-height: 40px;
}
.dialog-balance .dialog-inner .dialog-title a.link {
position: absolute;
top: 8px;
right: 8px;
color: #464646;
}
.dialog-balance .dialog-inner .dialog-title a.link i {
font-size: 18px;
}
.dialog-balance .dialog-inner .dialog-title:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-balance .dialog-inner .dialog-text .block-balance {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header {
color: #464646;
position: var(--f7-postion-relative);
padding: var(--f7-padding-size-5) var(--f7-px-16);
font-size: var(--f7-px-13);
margin-bottom: var(--f7-px-4);
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header .row {
margin: var(--f7-margin-size-10) 0;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header .row .button {
height: 18px;
line-height: 18px;
color: var(--f7-color-white);
padding: 0px var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header .row .btn-refresh {
background-color: #49743e;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header .row .btn-recycling {
background-color: #9f753f;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-header:after {
content: "";
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content {
padding: var(--f7-padding-size-0) var(--f7-padding-size-10);
height: 270px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance {
border: 1px solid #e6e2e2;
background-color: #fff;
padding: 2px 8px;
border-radius: 16px;
margin: 5px 0;
color: #464646;
height: 30px;
width: 95%;
line-height: 30px;
align-items: center;
font-size: 12px;
position: relative;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .col-balance {
position: relative;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .col-balance:before {
content: "";
position: absolute;
width: 1px;
background-color: #767384;
height: 18px;
left: -6px;
top: 6px;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group {
justify-content: space-around;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .button {
height: 22px;
line-height: 22px;
color: var(--f7-color-white);
padding: 0px var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
border-radius: var(--f7-px-3);
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-transfer {
background-color: #4d88e5;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-transferOut {
background-color: #3968b5;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-disabled {
opacity: 0.2;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-footer {
margin-top: 6px;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-footer .row.no-gap {
--f7-grid-gap: 0px;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .block-footer .button {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-balance .dialog-inner .dialog-text .block-balance .progressbar span {
position: relative;
background-color: transparent;
}
.dialog-balance .dialog-inner .dialog-text .block-balance .progressbar:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
transform-origin: left center;
transform: translate3d(0, 0, 0);
display: block;
background-color: var(--f7-THEME-color);
background-color: var(--f7-progressbar-progress-color, var(--f7-THEME-color));
animation: ios-progressbar-infinite 1s linear infinite;
}
.dialog-change-language {
color: #464646;
width: 86%;
margin: 0 7%;
background-color: #ffffff !important;
border-radius: 14px;
left: 0;
}
.dialog-change-language .dialog-inner {
padding: 0;
text-align: left;
}
.dialog-change-language .dialog-inner .dialog-title {
text-align: center;
position: relative;
height: 40px;
line-height: 40px;
color: #6f7073;
}
.dialog-change-language .dialog-inner .dialog-title a.link {
position: absolute;
top: 8px;
right: 8px;
color: #464646;
}
.dialog-change-language .dialog-inner .dialog-title a.link i {
font-size: 18px;
}
.dialog-change-language .dialog-inner .dialog-title:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-change-language .dialog-inner .dialog-text .block-balance {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header {
color: #464646;
position: var(--f7-postion-relative);
padding: var(--f7-padding-size-5) var(--f7-px-16);
font-size: var(--f7-px-13);
margin-bottom: var(--f7-px-4);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header .row {
margin: var(--f7-margin-size-10) 0;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header .row .button {
height: 18px;
line-height: 18px;
color: var(--f7-color-white);
padding: 0px var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header .row .btn-refresh {
background-color: #49743e;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header .row .btn-recycling {
background-color: #9f753f;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-header:after {
content: "";
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content {
padding: var(--f7-padding-size-0) var(--f7-padding-size-10);
height: 270px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance {
border: 1px solid #e6e2e2;
background-color: #fff;
padding: 2px 8px;
border-radius: 16px;
margin: 5px 0;
color: #464646;
height: 30px;
width: 95%;
line-height: 30px;
align-items: center;
font-size: 12px;
position: relative;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .col-balance {
position: relative;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .col-balance:before {
content: "";
position: absolute;
width: 1px;
background-color: #767384;
height: 18px;
left: -6px;
top: 6px;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group {
justify-content: space-around;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .button {
height: 22px;
line-height: 22px;
color: var(--f7-color-white);
padding: 0px var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
border-radius: var(--f7-px-3);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-transfer {
background-color: var(--f7-THEME-color);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-transferOut {
background-color: #3968b5;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-content .item-balance .btn-group .btn-disabled {
opacity: 0.2;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-footer {
margin-top: 6px;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-footer .row.no-gap {
--f7-grid-gap: 0px;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .block-footer .button {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .progressbar span {
position: relative;
background-color: transparent;
}
.dialog-change-language .dialog-inner .dialog-text .block-balance .progressbar:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
transform-origin: left center;
transform: translate3d(0, 0, 0);
display: block;
background-color: var(--f7-THEME-color);
background-color: var(--f7-progressbar-progress-color, var(--f7-THEME-color));
animation: ios-progressbar-infinite 1s linear infinite;
}
.dialog-activity {
width: 90%;
margin: 0 5%;
left: 0;
border-radius: 8px;
}
.dialog-activity .dialog-inner {
max-height: 70vh;
overflow-y: auto;
}
.dialog-activity .dialog-inner::after {
content: unset;
}
.dialog-activity .activity-item {
display: flex;
align-items: center;
background-color: #fcefee;
padding: 8px;
border-radius: 8px;
}
.dialog-activity .activity-item + .activity-item {
margin-top: 8px;
}
.dialog-activity .activity-item .ico {
width: 50px;
height: 50px;
}
.dialog-activity .activity-item .item-mid {
flex: 1;
text-align: left;
padding: 0 8px;
}
.dialog-activity .activity-item .item-mid .title {
font-weight: bold;
}
.dialog-activity .activity-item .item-mid .desc {
font-size: 12px;
margin-top: 6px;
}
.dialog-activity .activity-item .item-mid .amount {
color: #ec6154;
}
.dialog-activity .activity-item .btn-details {
background-color: #fff;
color: #ec5a4d;
font-weight: bold;
font-size: 14px;
border-radius: 100px;
border: 1px solid #ec5a4d;
height: auto;
line-height: 1;
padding: 4px 16px;
}
.dialog-activity .dialog-bottom {
position: -webkit-sticky;
position: sticky;
bottom: -15px;
left: -15px;
right: -15px;
background-color: #fcefee;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 9;
padding: 8px 16px;
border-radius: 0 0 8px 8px;
}
.dialog-activity .dialog-bottom .label {
padding-left: 8px;
font-weight: bold;
}
.dialog-activity .icon-close {
width: 34px;
margin-top: 10px;
}
.dialog-message {
width: 86%;
margin: 0 7%;
background-color: #f3f3f3 !important;
border: 1px solid var(--f7-dialog-border-color);
left: 0;
}
.dialog-message .dialog-inner {
padding: 0;
text-align: left;
}
.dialog-message .dialog-inner .dialog-title {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
}
.dialog-message .dialog-inner .dialog-title h3 {
margin: 5px 0 2px 0;
}
.dialog-message .dialog-inner .dialog-title h5 {
margin: 0;
font-weight: normal;
}
.dialog-message .dialog-inner .dialog-title:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-message .dialog-inner .dialog-text .block-message {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-message .dialog-inner .dialog-text .block-message .block-content {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
color: #464646;
font-size: 15px;
border-bottom: 1px solid #eae6e6;
}
.dialog-message .dialog-inner .dialog-text .block-message .row-toggle {
margin: 10px 10px 0;
}
.dialog-message .dialog-inner .dialog-text .block-message .row-toggle span {
color: var(--f7-dialog-button-text-color-right);
}
.dialog-message .dialog-inner .dialog-text .block-message .row-toggle .toggle {
margin-top: var(--f7-margin-size-f2);
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer {
margin-top: 8px;
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer .row.no-gap {
--f7-grid-gap: 0px;
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer .button {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer .btn-next {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled {
opacity: 0.6;
}
.dialog-message .dialog-inner .dialog-text .block-message .block-footer .btn-close {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.dialog-newPlayerNav {
width: 86%;
margin: 0 7%;
background-color: var(--f7-dialog-bg-color);
border-radius: 8px;
border: 1px solid rgba(177, 177, 177, 0.58);
left: 0;
}
.dialog-newPlayerNav .dialog-inner {
padding: 0;
text-align: left;
}
.dialog-newPlayerNav .dialog-inner .dialog-title {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
}
.dialog-newPlayerNav .dialog-inner .dialog-title h3 {
margin: 5px 0;
}
.dialog-newPlayerNav .dialog-inner .dialog-title h5 {
margin: 0;
font-weight: normal;
}
.dialog-newPlayerNav .dialog-inner .no-gap {
position: relative;
}
.dialog-newPlayerNav .dialog-inner .swiper-button-next {
position: absolute;
top: 22px;
left: 0px;
width: 50%;
}
.dialog-newPlayerNav .dialog-inner .swiper-button-next:after {
content: none;
}
.dialog-newPlayerNav .dialog-inner .dialog-title:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-content {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
color: var(--f7-color-gray-1);
font-size: 15px;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-content img {
border-radius: 5px;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .row-toggle {
margin: 10px 10px 0;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .row-toggle span {
color: #40baff;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .row-toggle .toggle {
margin-top: var(--f7-margin-size-f2);
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer {
margin-top: 0px;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer .row.no-gap {
--f7-grid-gap: 0px;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer .button {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer .btn-next {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled {
opacity: 0.6;
color: var(--f7-dialog-button-text-disable-color-right) !important;
}
.dialog-newPlayerNav .dialog-inner .dialog-text .block-message .block-footer .btn-close {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.dialog-popupAd {
width: 86%;
margin: 0 7%;
background-color: var(--f7-dialog-bg-color);
border-radius: 8px;
left: 0;
background-color: #fff;
overflow: visible;
}
.dialog-popupAd .dialog-inner {
padding: 0;
text-align: left;
}
.dialog-popupAd .dialog-inner .dialog-title {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
}
.dialog-popupAd .dialog-inner .dialog-title h3 {
margin: 5px 0;
}
.dialog-popupAd .dialog-inner .dialog-title h5 {
margin: 0;
font-weight: normal;
}
.dialog-popupAd .dialog-inner .no-gap {
position: relative;
}
.dialog-popupAd .dialog-inner .swiper-button-next {
position: absolute;
top: 22px;
left: 0px;
width: 50%;
}
.dialog-popupAd .dialog-inner .swiper-button-next:after {
content: none;
}
.dialog-popupAd .dialog-inner .dialog-title:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-popupAd .dialog-inner .dialog-text .block-message {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-content {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
color: var(--f7-color-gray-1);
font-size: 15px;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-content img {
border-radius: 5px;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .row-toggle {
margin: 10px 10px 0;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .row-toggle span {
color: #40baff;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .row-toggle .toggle {
margin-top: var(--f7-margin-size-f2);
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer {
margin-top: 0px;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer .row.no-gap {
--f7-grid-gap: 0px;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer .button {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer .btn-next {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled {
opacity: 0.6;
color: var(--f7-dialog-button-text-disable-color-right) !important;
}
.dialog-popupAd .dialog-inner .dialog-text .block-message .block-footer .btn-close {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.dialog-betting .dialog-text {
height: 200px;
}
.dialog-betting .dialog-inner .dialog-text .block-balance {
margin: 10px 0;
}
.dialog-betting .dialog-inner .dialog-text .block-balance .block-content {
height: 175px;
}
.dialog-orderConfirm {
background-color: transparent !important;
--f7-dialog-width: 85%;
}
.dialog-orderConfirm .dialog-inner {
padding: 0;
}
.dialog-move.modal-in {
transform: scale(0);
animation: move 0.4s ease-in-out both;
}
.dialog-move.modal-out {
transform: scale(0);
animation: popupHide 0.4s ease-in-out both;
}
.dialog-scaleIn.modal-in {
animation: superScaleIn 0.2s ease-in-out both;
}
.dialog-scaleIn.modal-out {
animation: scaleOut 0.2s ease-in-out both;
}
/* smart select */
.smart-select-sheet .toolbar {
height: var(--f7-toolbar-height);
}
.smart-select-sheet .toolbar .toolbar-inner {
padding: 0 var(--f7-padding-size-10);
}
/* picker */
.picker-sheet .toolbar {
height: var(--f7-toolbar-height);
}
.picker-sheet .toolbar .toolbar-inner {
padding: 0 var(--f7-padding-size-10);
}
/* rolldate 时间插件 */
.rolldate-container .rolldate-mask {
z-index: 99998 !important;
}
.rolldate-container .rolldate-panel {
z-index: 99999 !important;
}
.toast-login .toast-content {
width: 200px;
padding: 25px 10px;
}
.toast-login .toast-content .toast-text {
margin: 0 auto;
text-align: center;
}
.dialog-rules {
width: 80%;
margin: 0 10%;
background-color: var(--f7-dialog-bg-color);
border-radius: 8px;
border: 1px solid rgba(177, 177, 177, 0.58);
left: 0;
}
.dialog-rules .dialog-inner {
padding: 16px;
}
.dialog-rules .dialog-title {
font-size: 16px;
font-weight: bold;
color: #2544cd;
}
.dialog-rules .dialog-body {
font-size: 14px;
text-align: left;
}
.dialog-rules .dialog-body .list {
list-style: decimal;
padding: 4px 16px;
}
.dialog-rules .dialog-body .list .item {
font-size: 14px;
text-align: justify;
word-break: break-all;
}
.dialog-rules .dialog-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.dialog-rules .dialog-footer .link {
padding: 10px;
border-radius: 10px;
width: 100%;
}
.dialog-rules .dialog-footer .link.btn-close {
background: #4c6ad7;
color: #fff;
}
.dialog-result {
width: 80%;
margin: 0 10%;
background-color: var(--f7-dialog-bg-color);
border-radius: 8px;
border: 1px solid rgba(177, 177, 177, 0.58);
left: 0;
}
.dialog-result .dialog-inner {
padding: 32px;
}
.dialog-result .dialog-title {
font-size: 24px;
font-weight: bold;
color: #e24b38;
}
.dialog-result .dialog-body {
margin: 16px 0 32px;
font-size: 18px;
}
.dialog-result .dialog-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.dialog-result .dialog-footer .link {
padding: 10px;
border-radius: 10px;
width: 48%;
}
.dialog-result .dialog-footer .link.btn-close {
background: #cccccc;
color: #233333;
}
.dialog-result .dialog-footer .link.btn-agent {
background: #4c6ad7;
color: #fff;
}
.dialog-no-buttons .dialog-inner {
background: #fff;
}
@media screen and (min-width: 319px) {
/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
.home-banner {
height: 110px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 110px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 101px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 71px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-180);
}
.page-gamelist .block-egame {
height: 128px;
}
.page-gamelist .game-list .item-game img {
height: 75px;
}
}
@media screen and (min-width: 359px) {
/*360px显示屏样式 索尼Z1*/
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 113px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 68px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-180);
}
.page-gamelist .block-egame {
height: 128px;
}
.page-gamelist .game-list .item-game img {
height: 80px;
}
}
@media screen and (min-width: 375px) {
/* iphone 6/7/8 */
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 120px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 75px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 150px;
}
.page-gamelist .game-list .item-game img {
height: 85px;
}
}
@media screen and (min-width: 383px) {
/*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 120px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 78px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 150px;
}
.page-gamelist .game-list .item-game img {
height: 85px;
}
}
@media screen and (min-width: 399px) {
/*399px显示屏样式 三星galaxyNote*/
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 130px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 85px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 165px;
}
.page-gamelist .game-list .item-game img {
height: 95px;
}
}
@media screen and (min-width: 414px) {
/*414px显示屏样式 苹果6plus*/
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 130px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 90px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-240);
}
.page-gamelist .block-egame {
height: 165px;
}
.page-gamelist .game-list .item-game img {
height: 98px;
}
}
@media screen and (min-width: 423px) {
/*424px显示屏样式 LG 4X */
.home-banner {
height: 125px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 125px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 130px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 94px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 165px;
}
.page-gamelist .game-list .item-game img {
height: 98px;
}
}
@media screen and (min-width: 479px) {
/*480px显示屏样式 索尼MT27i Xperia sola*/
.home-banner {
height: 160px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 160px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 140px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 105px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 175px;
}
.page-gamelist .game-list .item-game img {
height: 110px;
}
}
@media screen and (min-width: 539px) {
/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/
.home-banner {
height: 180px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 180px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 160px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 120px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 185px;
}
.page-gamelist .game-list .item-game img {
height: 120px;
}
}
@media screen and (min-width: 639px) {
/*640px显示屏样式*/
.home-banner {
height: 180px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 180px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 175px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 136px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 200px;
}
.page-gamelist .game-list .item-game img {
height: 135px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.home-banner {
height: 320px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 320px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 120px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 85px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 200px;
}
.page-gamelist .game-list .item-game img {
height: 220px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.home-banner {
height: 320px;
}
.home-banner .swiper-wrapper .swiper-slide img {
height: 320px;
}
.tabs-game img.game-lazy,
.tabs-game img.card-lazy {
height: 120px;
border-radius: 5px;
}
.tabs-game .tab-lottery img.game-lazy {
height: 85px;
}
.ios .page-member-center .card-no-login {
height: var(--f7-px-220);
}
.page-gamelist .block-egame {
height: 200px;
}
.page-gamelist .game-list .item-game img {
height: 175px;
}
}
html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in both ease-out;animation:.3s van-fade-in both ease-out}.van-fade-leave-active{-webkit-animation:.3s van-fade-out both ease-in;animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease-out;animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease-in;animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease-out;animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease-in;animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease-out;animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease-in;animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease-out;animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease-in;animation:van-slide-right-leave .3s both ease-in}
.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}
.van-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}
.van-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 4px;color:#646566;font-size:14px;line-height:20px;cursor:pointer}.van-tab--active{color:#323233;font-weight:500}.van-tab--disabled{color:#c8c9cc;cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__text-wrapper{position:relative}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:8px;padding-left:8px}.van-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #ee0a24;border-radius:2px}.van-tabs__nav--card .van-tab{color:#ee0a24;border-right:1px solid #ee0a24}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#ee0a24}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:40px;height:3px;background-color:#ee0a24;border-radius:3px}.van-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card>.van-tabs__wrap{height:30px}
.dialog.ggMsg .dialog-inner .dialog-text {
min-height: 130px;
}
.popup-marquee[data-v-b9a30628] {
position: relative;
width: 100%;
height: 32px;
margin: 0;
margin-bottom: 10px;
background-color: transparent;
}
.popup-marquee[data-v-b9a30628]::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqoAAAA4CAYAAAA1tNoLAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARaSURBVHgB7d1dVhNJGAbgSodDgtzACiasQFyBsALHFYyuQHcArkBdgboC2YGZFQyswHYFcJWECzpTH9OZE2OEAIH0jM9zTqUq/ZOTy/d8VdXdSks2Ho+3RqPRbqvVepzH0e/GsXyqlwAA+D8oo+Wcd5b7fs56JxsbG/20ZK20BBFEB4PBXlEUr+pwupUAAPhl5Ax4lrNgP7ej9fX1T2kJ7hRU6+pphNPXwikAALUyt35ub3KltUy3dKugKqACALCgw9w+3Saw3jionp+f/35xcfFBQAUAYEFlu90+vOmSgGLRC+sq6tuqqj4LqQAA3EAvFzo/DgaDt/Um+4UsVFEdDoe9HE4/x0apBAAAt1fmtr/IUoBrg2qE1Nx9SR4vBQDAcpRpgbB6ZVAVUgEAuCdluias/jSoCqkAANyzMl0RVudupqoXuQqpAADcp8k+qLkbrOYG1fPz84MkpAIAcM9is36eyT+Yd+6Hqf984YvcfUgAAPBAqqp6vrm5eTR97Lugal0qAACr0Gq1zjqdzk70k2PfTf0XRfFHElIBAHhgsU51MBi8nj72b0W1rqZ+TQAAsAKzVdXpiupBAgCAFZmtqk5XVKOa2ksAALAi01XVy4pqvdO/lwAAYIXqqupejC+Dak6szxIAADRAURSvor+c+s+p9TSH1a0EAAArNpn+X8vT/nv5u5AKAEAjxPT/aDTaLeK1VQkAABokMmqRPU0AANAg7Xb7cVRUTfsDANAoFxcXu7Hrv5cAAKBBYqN/azgcjhMAADRMkQAAoIEEVQAAGklQBQCgkSKolgkAAJqlLOIVVQkAABpkPB5/i+eoniQAAGiWswiqxwkAAJqlH1P/gioAAI0SGbV1enq61el0vsbT/xMAAKxY7KHqdrvbxfb29pmqKgAATVFV1Z/RF/WX9wkAABpgbW3tc/St+DD9DwBAQ5QbGxs7MbisqNbT/6qqAACsVFEU/cm4NRmoqgIA0AA7uaJaxqCYHFFVBQBglaqqejMJqaGYPjkajd6Nx2OvVAUA4KGVedr/4/SB74JqVFVzUH2ZAADgAbXb7cPpamooZi/a3Nw8ymHVEgAAAB5EZM/19fVPs8db8y6OjVU50X7JN+0mAAC4P2W3230Sb6OaPVHMu7peAvA8bkwAAHA/ytz254XU0LrqzuFw2Mvdl9x6CQAAlqfMbX92Xeq0K4NqEFYBAFiyMl0TUkORrlH/wH6yDAAAgDvK0/zHaYGQGq4NqiF+aDQaPfE0AAAAbiuyZKfTWSikhmun/mcNh8MXuTtIlgIAALCAeKFUu91+mUPq0U3uu3FQDfW61Rfpn8AKAAA/iICap/rfd7vddz/b2X+VWwXViTqwHub2NKmwAgCQ7h5QJ+4UVKfFkoD8R55VVbWX+60EAMAvow6nJzkLvnv06FH/LgF1YmlBdVoOrRFWH+fhXm5b+Q/v5O+/JQAA/vNyKP2Wu1h3+lceH+d2kqunx8sIp9P+Blv+li0x1kuhAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-size: 100% auto;
}
.popup-marquee .marquee-content[data-v-b9a30628] {
height: 100%;
position: relative;
z-index: 2;
}
.popup-marquee .am-notice-bar[data-v-b9a30628] {
display: flex;
background: none;
height: 30px;
color: #3f5075;
font-size: 14px;
overflow: hidden;
}
.popup-marquee .am-notice-bar-icon[data-v-b9a30628] {
display: flex;
align-items: center;
}
.popup-marquee .am-notice-bar-icon .notice-icon[data-v-b9a30628] {
width: 14px;
height: 14px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHVSURBVHgBtVWBccIwDFRyHSCdoOkETSdoYIEyQrpBO0HCBMAEwAZ0ATATNCOkE5QuAH2B1HN9ObBp8nc6J4rl18tyHNEVyPM8wzCPoig5HA6Pxpidb2xMgQDZK4g+YEyawrKQ+BvfiSBK6aQqD5g/gb2hAo36vRRaqnLyR4b5I9gG8YkXIWcJ2yCIM00oAFC1QtyMTmWfqP9GF8ZQtihIKJDIxn6/r7DmM6wAxxJJmJjJpFyFZGNbEBlXA1bqO3cvuvhFXo9+LumU/qHCBpLm5CuQ5hapwbDj6vFexiyZOoKrxkpkJo9F8Dk8B1FTqxr1Yy+NPD50SsiAyq08jpxEWGneOSFQy5g6/k9Y0gdhI+Od4//qi1Dx3ebsg1Cbxb1BbtnXB6E2i+4lScdyiZvOCdGJT/JoLHcm32om9L48LwFKCgz8t1k4lzL7+TxuY5ybJXUEEJWy8Njxq+qV/ksb6gBY+B3258J1VUfiTOm02VlLZuk5ElRooH8SF3ITbXgNzLvnRI73oWQ0bQsaDocVJpd0HeZCNlbVF7t0vV4z4YACyw51I7nQG5BV6vc6FlwyIQ1psBoxM4n7RUSB4CaQbkz5/dwetiH44GPthaWWr6ImIJx+AKNTxAhJEH3iAAAAAElFTkSuQmCC);
background-size: contain;
background-repeat: no-repeat;
}
.popup-marquee .am-notice-bar-content[data-v-b9a30628] {
margin-left: 6px;
flex: 1;
margin-right: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.popup-marquee .am-notice-bar-content ul.item[data-v-b9a30628] {
margin: 0;
}
.popup-marquee .am-notice-bar-content ul.item li[data-v-b9a30628] {
float: var(--f7-text-left);
list-style: var(--f7-border-none);
color: #666666;
}
@keyframes line-scale-2389c993 {
0% {
transform: scaley(1);
}
50% {
transform: scaley(0.4);
}
100% {
transform: scaley(1);
}
}
.loader[data-v-2389c993] {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
position: relative;
}
.line-scale > div[data-v-2389c993]:nth-child(1) {
animation: line-scale-2389c993 0.6s 0.1s infinite cubic-bezier(0, 0, 0.25, 1);
}
.line-scale > div[data-v-2389c993]:nth-child(2) {
animation: line-scale-2389c993 0.8s 0.2s infinite cubic-bezier(0, 0, 0.25, 1);
}
.line-scale > div[data-v-2389c993]:nth-child(3) {
animation: line-scale-2389c993 0.8s 0.3s infinite cubic-bezier(0, 0, 0.25, 1);
}
.line-scale > div[data-v-2389c993]:nth-child(4) {
animation: line-scale-2389c993 0.8s 0.4s infinite cubic-bezier(0, 0, 0.25, 1);
}
.line-scale > div[data-v-2389c993]:nth-child(5) {
animation: line-scale-2389c993 0.8s 0.8s infinite cubic-bezier(0, 0, 0.25, 1);
}
.line-scale > div[data-v-2389c993] {
background-color: #dcca2d;
width: 2px;
height: 14px;
border-radius: 2px;
margin: -2px 1px;
animation-fill-mode: both;
display: inline-block;
}
.activity-detail-popup .block[data-v-4ea6ad54] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
}
.next-popup[data-v-4ea6ad54] {
color: #000;
text-align: center;
margin-bottom: 10px;
}
.new-player-nav-border[data-v-4ea6ad54] {
border: 1px solid #4e4e4e;
}
.martop[data-v-4ea6ad54] {
margin-top: -3px !important;
}
.referr[data-v-4ea6ad54] {
position: absolute;
top: 18px;
padding-left: 10px;
}
.referr img[data-v-4ea6ad54] {
vertical-align: middle;
}
.incenter[data-v-4ea6ad54] {
margin: 0 auto;
display: inline-block;
}
.home-liveRates[data-v-4ea6ad54] {
margin: 0px 10px;
}
.home-liveRates .title-center[data-v-4ea6ad54] {
text-align: center;
}
.home-liveRates .liveRates-title[data-v-4ea6ad54] {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0px;
height: 34px;
position: relative;
}
.home-liveRates .liveRates-title .title[data-v-4ea6ad54] {
padding-left: 10px;
font-size: 16px;
font-weight: bold;
}
.home-liveRates .liveRates-title .more[data-v-4ea6ad54] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANhSURBVHgB7dpdThNRGAbg95sZY9Um9tKEqsMFpSUmlhU4rEBdgbgCYQW0K7CsAFiB7ICyAsqNHeoFg5bEy3pB8YeZz3MaIYr8zTlnJhNynoT0okCn73zndw5gWZZlWZZlWZZlWSbs+JWK/EEBEHIkv3SpVG4S8yty8IKIfDAq565ohAS9hHmXiTYb4bCLHOUSSL9eDWQIjktv/gvgGgyOiNGNEbcb4dcIGcs0kH79ke/CWxOfEsAE5vWsg3GQkbDxZMl1vB1jYUhEiw65Wx9np5aQEeMVIvuJB6XyB6NBXIg7tf7hMgwzGohsIvIOEshHDkT/0hsfHy3MR6MRDDHWZGRl5BmGJD6rOalGg4wFUr5XXlMMY/vcTzqiaQ4aU+9hiJEmszdXXRFDYwsKav3h2TX0677v0sk+FDA7i7Ph5w1o0q4Q2W+ohmESUdIxMdvVDsSB20IxVO6XytrDsVYgk+ogMfssCCK8060SrUAKVB2ntKtEOZD9pl8pUnWcklUCDcqB/PwRByimilxMQpFyIAQOUFBiZd2EIp0+5DkKyiFH+drUK4RI+S5kjtQrxIMiZr58eGNs18JhgJQaYRThhrPnvcZUJJYKTy9+l5WHXqUKkSMMCo3yDeQ2U2oy071oNGhUL/8FwkO5UMMN/GkmZ276d8CvK95j5f0R9T4EfHB5G0YzxapVcbV7RVfDdABFGvMQUlqm5yGRjzIU6fQhuyiqhLtQpBxIzNhEQZ0k6EKRciClktcTkzNjm7vmUPTs02EPipQDkSONmJxpb9kZx2hDg9Y8JGavg2IZxXC70KAViJxDMKgwVcKM1fPzmrS0Z6oJu61i9CUUjb/rV6x2IJM7wqTVbk3gGMvzUaR9Y4w9yhzMVTuiQ0u9fSePO+CfCyIfKYmm0p4Nhy0YYPTZrljfbImXADlKwKv1/qGx0wBGV7t37nqvxUsXORHVtWEyDCmTAzOqzScNk83kb5mdIBrUHy+K/74iLt2HURSJTeS3MxmdPctsg6gWflmP2V0wNU+RQzsT2kfH7vxMhgfxcjp054tHnidLDuhl2oqR+y4ijfXx2OuYGFavk+uxTGkw5zeJk0CMDoF4tlMRX9iXG02yAhJOvk0meQnJhWPPY2dzWnPmaVmWZVmWZVmWZVnWbw9lJKEWaOrbAAAAAElFTkSuQmCC);
width: 34px;
height: 34px;
background-size: cover;
}
.home-liveRates .liveRates-title .more .liveRate-popup[data-v-4ea6ad54] {
background: transparent;
}
.home-liveRates .liveRates-title[data-v-4ea6ad54]::before {
content: "";
position: absolute;
top: 8px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 45%;
background-color: var(--f7-main-color);
}
.home-liveRates .liveRates-content[data-v-4ea6ad54] {
background-color: #f6f6f6;
border-radius: 8px;
padding: 16px 0px 16px 0px;
}
.home-liveRates .liveRates-content .liveRates-name[data-v-4ea6ad54] {
font-size: 12px;
font-weight: 600;
margin: 0px 16px 16px 16px;
}
.home-liveRates .liveRates-content .liveRate-lists[data-v-4ea6ad54] {
overflow: hidden;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item[data-v-4ea6ad54] {
border-bottom: 1px solid #efefef;
margin-bottom: 12px;
padding: 0px 0px 12px 16px;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item .country-img[data-v-4ea6ad54] {
width: 24px;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item .country-name[data-v-4ea6ad54] {
font-size: 12px;
color: #666666;
line-height: 28px;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item .increase[data-v-4ea6ad54] {
line-height: 28px;
text-align: center;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item .increase img[data-v-4ea6ad54] {
width: 14px;
}
.home-liveRates .liveRates-content .liveRate-lists .rate-item .ask[data-v-4ea6ad54] {
font: inter;
font-size: 12px;
font-weight: 400;
color: #000000;
padding-left: 40px;
line-height: 28px;
}
.realTime[data-v-4ea6ad54] {
padding: 10px;
width: 90%;
margin: 0 auto;
border-radius: 10px;
margin-bottom: 30px;
background: #f8faff;
}
.realTime .head[data-v-4ea6ad54] {
display: grid;
grid-template-columns: 31px auto auto;
}
.realTime .one[data-v-4ea6ad54] {
border-bottom: 1px solid #dfdfdf;
padding: 10px 0px;
}
.realTime p[data-v-4ea6ad54] {
margin: 3px 0;
color: #8c8c8c;
padding-left: 22px;
}
.realTime div[data-v-4ea6ad54]:last-of-type {
border-bottom: none;
}
.newsInfo[data-v-4ea6ad54]:nth-child(1) {
padding-top: 0px;
}
.newsInfo[data-v-4ea6ad54] {
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #e5e5e5;
padding: 18px 0 ;
display: flex;
}
.newsInfo .img[data-v-4ea6ad54] {
width: 25%;
font-size: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.newsInfo .bottom[data-v-4ea6ad54] {
width: 75%;
}
.newsInfo .bottom .title[data-v-4ea6ad54] {
height: 40px;
overflow: hidden;
}
.newsInfo .bottom .time[data-v-4ea6ad54] {
color: #999999;
font-size: 12px;
}
.vipgo[data-v-4ea6ad54] {
margin: 10px 10px;
background-size: cover;
border-radius: 5px;
background-image: url(../images/viplevel.png);
background-repeat: no-repeat;
background-size: 100% 99%;
}
.vipgo .logo[data-v-4ea6ad54] {
width: 28%;
text-align: center;
padding-top: 6px;
margin: 0 5px;
align-items: center;
display: flex;
}
.vipgo .text1[data-v-4ea6ad54] {
margin-top: 13px;
font-size: 16px;
color: var(--f7-THEME-color);
font-weight: bold;
padding-right: 5px;
}
.vipgo .text2[data-v-4ea6ad54] {
margin-top: 5px;
font-size: 12px;
color: #000;
}
.vipgo .text3[data-v-4ea6ad54] {
margin-top: 5px;
word-wrap: break-word;
font-size: 12px;
color: var(--f7-THEME-color);
padding-right: 5px;
text-decoration: underline;
padding-left: 32px;
position: relative;
}
.vipgo .red-button[data-v-4ea6ad54] {
margin: 10px 0px;
color: #fff;
border-radius: 15px;
padding: 10px 10px;
font-size: 14px;
display: inline-block;
text-align: center;
line-height: 12px;
background: linear-gradient(to bottom, var(--f7-THEME-color2), var(--f7-THEME-color));
}
.sign[data-v-4ea6ad54] {
background-image: url(../images/sign_bg.png);
}
.home-download .content[data-v-4ea6ad54] {
padding: 16px;
text-align: center;
}
.home-download .content .content-text p[data-v-4ea6ad54] {
font: 300 2rem/2.5rem Roboto, Helvetica Neue, sans-serif;
font-size: 22px;
}
.home-download .content .downloadLink[data-v-4ea6ad54] {
font: 400 1rem/1.5rem Roboto, Helvetica Neue, sans-serif;
}
.home-download .content .downloadLink a[data-v-4ea6ad54] {
color: #000;
text-decoration: underline;
}
.home-download .content .content-text2[data-v-4ea6ad54] {
font: 300 2rem/2.5rem Roboto, Helvetica Neue, sans-serif;
font-size: 20px;
margin-top: 32px;
}
.home-download .content .content-text3[data-v-4ea6ad54] {
font: 300 2rem/2.5rem Roboto, Helvetica Neue, sans-serif;
font-size: 12px;
letter-spacing: 0.02em;
line-height: 24px;
}
.home-download .content .content-text4[data-v-4ea6ad54] {
font: 300 14px/1.25rem Roboto, Helvetica Neue, sans-serif;
letter-spacing: 0.02em;
line-height: 24px;
font-weight: 400;
}
.home-download .content .downloadLink-img a[data-v-4ea6ad54] {
background-size: 158px 47px;
display: inline-block;
cursor: pointer;
margin: 20px 0;
height: 47px;
width: 158px;
}
.home-fraudAware[data-v-4ea6ad54] {
text-align: center;
}
.home-fraudAware h2[data-v-4ea6ad54] {
font: 300 2rem/2.5rem Roboto, Helvetica Neue, sans-serif;
padding: 0px 20px;
font-size: 20px !important;
}
.home-fraudAware p[data-v-4ea6ad54] {
font: 300 12px/1.25rem Roboto, Helvetica Neue, sans-serif;
padding: 0px 20px;
}
.home-fraudAware p a[data-v-4ea6ad54] {
color: #000;
font-weight: 600;
text-decoration: underline;
}
.home-fraudAware .steps-lists[data-v-4ea6ad54] {
background-color: #f6f6f6;
display: flex;
flex-direction: column;
max-width: 1440px;
margin: 0 auto;
padding: 1.875rem 1.25rem;
}
.home-fraudAware .steps-lists .steps-img[data-v-4ea6ad54] {
box-shadow: 0 10px 30px #d0d0d0;
position: relative;
margin-bottom: 2.5rem;
background-color: #fff;
padding: 1.875rem 1.25rem;
display: grid;
justify-items: center;
}
.home-fraudAware .steps-lists a[data-v-4ea6ad54] {
margin: 30px 0px;
font: 600 12px/1.25rem Roboto, Helvetica Neue, sans-serif;
text-decoration: underline;
color: #4e453f;
}
.home-fraudAware .luluMoney-logo[data-v-4ea6ad54] {
margin: 60px 0;
}
.home-fraudAware .luluMoney-logo img[data-v-4ea6ad54] {
width: 300px;
}
.home-testimonials[data-v-4ea6ad54] {
text-align: center;
}
.home-testimonials .testimonials-text[data-v-4ea6ad54] {
padding: 0px 64px;
}
.home-testimonials .testimonials-text p[data-v-4ea6ad54] {
font: 300 14px/1.25rem Roboto, Helvetica Neue, sans-serif;
font-size: 16px;
}
.home-helpMarketing[data-v-4ea6ad54] {
height: 182px;
background-color: #f6f6f6;
display: flex;
justify-content: center;
align-items: center;
padding: 38px;
}
.home-helpMarketing p[data-v-4ea6ad54] {
font: 300 1rem/1.5rem Roboto, Helvetica Neue, sans-serif;
font-size: 12px;
}
/* home 01 */
.home-trusted[data-v-4ea6ad54] {
text-align: center;
}
.home-trusted .h1[data-v-4ea6ad54] {
padding-top: 5px;
line-height: 20px;
color: white;
}
.home-trusted .h2[data-v-4ea6ad54] {
display: flex;
color: #fff0ea;
justify-content: flex-end;
align-items: center;
font-size: 12px;
border-radius: 15px;
height: 25px;
padding: 0 10px;
position: absolute;
right: 10px;
bottom: 10px;
border: 1px solid #f9f9f9;
}
.home-trusted .h2 i[data-v-4ea6ad54] {
font-size: 22px;
padding-right: 4px;
}
.home-trusted ul li[data-v-4ea6ad54] {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.home-trusted ul li[data-v-4ea6ad54] {
position: relative;
width: 60%;
min-height: 100px;
margin-right: 4%;
padding-left: 35%;
background-size: cover;
font-size: 12px;
margin-top: 10px;
margin: 0 3.5% 15px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.plain[data-v-4ea6ad54] {
box-sizing: border-box;
width: 100%;
/* padding-right: 15px; */
/* padding-left: 15px; */
margin-right: auto;
margin-left: auto;
margin-top: 15px;
}
[dir="ltr"] .plain ul[data-v-4ea6ad54] {
margin-left: 0px;
}
[dir="rtl"] .plain ul[data-v-4ea6ad54] {
margin-right: 0px;
}
[dir="ltr"] .plain ul[data-v-4ea6ad54] {
margin-right: 0px;
}
[dir="rtl"] .plain ul[data-v-4ea6ad54] {
margin-left: 0px;
}
[dir="ltr"] .plain ul[data-v-4ea6ad54] {
padding-left: 40px;
}
[dir="rtl"] .plain ul[data-v-4ea6ad54] {
padding-right: 40px;
}
.plain ul[data-v-4ea6ad54] {
line-height: 22px;
box-sizing: border-box;
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
}
.plain .img-title[data-v-4ea6ad54] {
position: absolute;
left: 2%;
top: 0;
height: 100px;
}
.plain strong[data-v-4ea6ad54] {
font-weight: bolder;
}
.plain .heading[data-v-4ea6ad54] {
width: 95%;
background-image: url(../images/heading.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: 14px;
line-height: 30px;
border-radius: 8px;
display: inline-block;
text-align: left;
color: #71391c;
height: 100px;
}
.plain ul[data-v-4ea6ad54],
.plain li[data-v-4ea6ad54] {
padding: 0;
margin: 10px;
list-style: none;
}
.plain h1[data-v-4ea6ad54] {
font-size: 40px;
}
.plain h2[data-v-4ea6ad54] {
font-size: 35px;
}
.plain h3[data-v-4ea6ad54] {
font-size: 30px;
}
.plain h4[data-v-4ea6ad54] {
font-size: 25px;
}
.plain h5[data-v-4ea6ad54] {
font-size: 20px;
}
/* home 01 */
/* home 02 */
#checkout-cb-explainer[data-v-4ea6ad54] {
display: flex;
background-color: #525255;
color: #fff;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
height: 165px;
}
#checkout-cb-explainer .title[data-v-4ea6ad54] {
width: 140px;
font-size: 18px !important;
line-height: 20px !important;
padding-right: 0;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
#checkout-cb-explainer .title .wrap[data-v-4ea6ad54]:before {
display: block;
content: "";
width: 50px;
height: 26px;
margin: 2px 0;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDE5IiBoZWlnaHQ9IjgxNyIgdmlld0JveD0iMCAwIDE0MTkgODE3Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzQxNDE0MTsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggaWQ9IkdNIiBjbGFzcz0iY2xzLTEiIGQ9Ik00NTMuNTE1LDYyLjk5NGMtMTA3LjksMC0xOTkuMTMsMjYuMjYyLTI3MS43Miw3Ny43NzctNTEuOTg5LDM2LjM2My05Mi4yMDgsODMuODM3LTEyMS42MzYsMTQyLjQyM0MzMC43MzEsMzQwLjc2OSwxNyw0MDMuMzk0LDE3LDQ3MC4wNiwxNyw1NjQsNDUuNDQ1LDYzNi43MjUsMTAzLjMyLDY4OC4yNGM1Ni45LDUwLjUsMTM4LjMxMiw3Ni43NjcsMjQ0LjI1NCw3Ni43NjcsNDQuMTQyLDAsODcuMy0zLjAzMSwxMjkuNDgzLTEwLjEsMzMuMzUyLTUuMDUxLDY0Ljc0Mi0xMS4xMTEsOTIuMjA4LTE5LjE5Mmw3NC41NTItMzMyLjMySDM2Mi4yODhMMzc3LDQ0Ny44MzhjNDMuMTYxLDguMDgxLDYyLjc4LDI5LjI5Myw1Ni44OTQsNjQuNjQ2TDM5OS41NjMsNjY5LjA0OGMtNS44ODUsMS4wMS05LjgwOSwyLjAyLTEzLjczMywzLjAzSDM3Mi4xYy00OS4wNDcsMC04OC4yODQtMTkuMTkxLTExNS43NS01Ni41NjVxLTQxLjItNTcuNTc1LTQxLjItMTU3LjU3NGMwLTQ0LjQ0NCw0LjkwNS04NC44NDcsMTYuNjc2LTEyMS4yMTEsMTEuNzcxLTM3LjM3MywyNy40NjYtNjguNjg2LDQ5LjA0Ny05My45MzgsMjEuNTgxLTI3LjI3Myw0Ny4wODUtNDcuNDc0LDc2LjUxMy02MS42MTZzNjEuOC0yMS4yMTIsOTcuMTEzLTIxLjIxMmMzNy4yNzUsMCw2OS42NDYsNy4wNzEsOTcuMTEzLDIwLjIsMjIuNTYxLDEyLjEyMSw0NC4xNDIsMjguMjgzLDYxLjgsNTAuNTA1TDY0Mi44MzYsOTIuMjg2Yy0zMS4zOS0xMC4xLTYxLjgtMTguMTgyLTkwLjI0Ny0yMi4yMjJDNTIzLjE2MSw2NS4wMTQsNDg5LjgxLDYyLjk5NCw0NTMuNTE1LDYyLjk5NFptMTk3LjEsMCwxNC43MTQsNDQuNDQ0YzQ3LjA4NSw5LjA5MSw2NC43NDIsMzMuMzMzLDUzLjk1MSw3Mi43MjZMNTg4LjgyLDc2NS4wMDdINjk3LjdsOTYuMTMyLTQ0OS40OTFMODYyLjUsNTk2LjMyMmM1Ljg4NiwyMy4yMzIsMTAuNzksNDIuNDIzLDE1LjcsNTcuNTc1LDguODI5LDI0LjI0MiwyMS41ODEsNDcuNDc0LDQwLjIxOSw2Ny42NzYsMTcuNjU2LDIxLjIxMiw0MS4yLDM1LjM1Myw2OS42NDYsNDMuNDM0bDIyMC43MDktNDQ4LjQ4LTcuODUsNDQ4LjQ4aDE3MS42N0wxNDAzLDYyLjk5NEgxMjIwLjU0TDEwMDYuNyw0OTAuMjYyLDkxNy40MzQsMTIyLjU4OWE3My41NDgsNzMuNTQ4LDAsMCwwLTMxLjM5LTQzLjQzNGMtMTUuNjk1LTExLjExMS0zMy4zNTItMTYuMTYxLTUzLjk1Mi0xNi4xNjFINjUwLjYxOVoiLz4NCjwvc3ZnPg0K) left center / auto 26px no-repeat;
}
#checkout-cb-explainer .title .wrap[data-v-4ea6ad54] {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#checkout-cb-explainer .title .wrap > *[data-v-4ea6ad54] {
height: 22px;
}
#checkout-cb-explainer .scrolling[data-v-4ea6ad54] {
width: 50vw;
flex-grow: 1;
flex-shrink: 1;
margin: 12px 10px 10px;
align-self: center;
position: relative;
margin-top: 0px !important;
}
#checkout-cb-explainer .point[data-v-4ea6ad54] {
/*width: 105%!important;*/
flex-grow: 0;
flex-shrink: 0;
padding: 0px;
/*padding-right: 5px;*/
font-size: 14px;
line-height: 1.4;
margin: 0;
text-align: left;
}
#checkout-cb-explainer .title[data-v-4ea6ad54] {
width: 135px;
font-size: 22px;
line-height: 20px;
padding-right: 0;
color: #36c;
background-color: #fff;
margin-right: 10px;
padding: 30px 15px;
position: relative;
font-weight: 700;
font-size: 30px;
line-height: 28px;
z-index: 1;
letter-spacing: -0.02em;
display: flex;
align-items: center;
}
.plain[data-v-4ea6ad54] {
width: 100%;
/*padding-right: 15px;*/
/*padding-left: 15px;*/
margin-right: auto;
margin-left: auto;
}
.ui-container[data-v-4ea6ad54] {
overflow: hidden;
/*width: 200px;*/
/*height: 50px;*/
}
.ui-slider[data-v-4ea6ad54] {
list-style: none;
padding: 0;
margin: 0;
display: flex;
transition: margin 0.5s;
/* 添加过渡效果 */
}
#checkout-cb-explainer .point-title[data-v-4ea6ad54] {
font-weight: 700;
color: #ffc56a;
font-size: 22px;
margin-bottom: 0;
}
#checkout-cb-explainer .title[data-v-4ea6ad54]:after {
position: absolute;
top: -15px;
right: -10px;
bottom: -15px;
width: 30px;
content: "";
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15px, #fff 15px, #fff 51%, rgba(0, 0, 0, 0) 51%), linear-gradient(to top, rgba(0, 0, 0, 0) 15px, #fff 15px, #fff 51%, rgba(0, 0, 0, 0) 51%);
border-radius: 0 180% 180% 0;
z-index: -1;
}
/* home 02 */
/* home 03 */
.containerhome03[data-v-4ea6ad54] {
width: 100%;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
.containerhome03 div[data-v-4ea6ad54] {
border-style: hidden !important;
box-sizing: unset;
}
.shadow[data-v-4ea6ad54] {
box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) !important;
-webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) !important;
-ms-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) !important;
}
.mb-4[data-v-4ea6ad54],
.my-4[data-v-4ea6ad54] {
margin-bottom: 1.5rem !important;
}
.card .h1[data-v-4ea6ad54],
.card .h2[data-v-4ea6ad54],
.card .h3[data-v-4ea6ad54],
.card .h4[data-v-4ea6ad54],
.card .h5[data-v-4ea6ad54],
.card .h6[data-v-4ea6ad54],
.card h1[data-v-4ea6ad54],
.card h2[data-v-4ea6ad54],
.card h3[data-v-4ea6ad54],
.card h4[data-v-4ea6ad54],
.card h5[data-v-4ea6ad54],
.card h6[data-v-4ea6ad54] {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
}
/* home 03 */
/* vip */
.container[data-v-4ea6ad54] {
padding-right: 0;
padding-left: 0;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.container .container_vip_title[data-v-4ea6ad54] {
width: 100%;
display: block;
font-size: 20px;
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;
}
.container .vip_div[data-v-4ea6ad54] {
text-align: center;
margin-top: 10px;
}
.container .vip_div .vip[data-v-4ea6ad54] {
text-align: center;
width: 100%;
}
.container .vip_div .vip .pic[data-v-4ea6ad54] {
width: 50%;
float: left;
height: 10%;
}
.container .vip_div .vip .pic .s1[data-v-4ea6ad54] {
float: left;
position: absolute;
color: #ffffff;
font-size: 8px;
text-align: left;
width: 65px;
margin-left: 3px;
margin-top: 8.5%;
}
.container .vip_div .vip .pic .s2[data-v-4ea6ad54] {
position: absolute;
color: #ffffff;
font-size: 8px;
text-align: left;
width: 70px;
margin-left: 3px;
margin-top: 12%;
}
.container .vip_div .vip .pic .s3[data-v-4ea6ad54] {
float: left;
position: absolute;
color: #ffffff;
font-size: 8px;
text-align: left;
width: 130px;
margin-left: 3px;
margin-top: 15.5%;
}
.container .vip_div .vip .pic .s4[data-v-4ea6ad54] {
position: absolute;
color: #ffffff;
width: 13%;
margin-left: 31%;
margin-top: 8%;
font-size: 15px;
text-align: center;
}
.container .vip_div .vip .pic .s4-active[data-v-4ea6ad54] {
position: absolute;
color: #ffdd8d;
width: 13%;
margin-left: 31%;
margin-top: 8%;
font-size: 15px;
text-align: center;
}
.container .vip_div .vip .pic .img1[data-v-4ea6ad54] {
border-radius: 10px;
margin-top: -3px;
margin-right: 2px;
width: 95%;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(1) {
text-align: right;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(2) {
text-align: left;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(3) {
text-align: right;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(4) {
text-align: left;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(5) {
text-align: right;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(6) {
text-align: left;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(7) {
text-align: right;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(8) {
text-align: left;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(9) {
text-align: right;
}
.container .vip_div ul li[data-v-4ea6ad54]:nth-of-type(10) {
text-align: left;
}
/* vip */
.tabs-games[data-v-4ea6ad54] {
padding-bottom: 88px;
}
.tabs-games[data-v-4ea6ad54] .van-tabs__wrap {
box-shadow: 0px 0px 8px 0px rgba(104, 0, 255, 0.18);
}
.tabs-games[data-v-4ea6ad54] .van-tab__text {
display: flex;
position: relative;
align-items: center;
background-color: #f3f3f3;
border-radius: 25px;
padding: 4px 18px 4px 38px;
height: 20px;
font-size: 12px;
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);
}
.tabs-games[data-v-4ea6ad54] .van-tab__text img {
position: absolute;
left: 0;
bottom: 0;
height: 32px;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-SportsBook .van-tab__text {
background: linear-gradient(45deg, #4fe387, #6ce164);
color: #fff;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-Casino .van-tab__text {
background: linear-gradient(45deg, #56c2f2, #3cacf6);
color: #fff;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-Egames .van-tab__text {
background: linear-gradient(45deg, #f8ae4f, #f79b2b);
color: #fff;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-Lottery .van-tab__text {
background: linear-gradient(45deg, #f84fe6, #f72fc8);
color: #fff;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-Card .van-tab__text {
background: linear-gradient(45deg, #efb190, #dd8864);
color: #fff;
}
.tabs-games[data-v-4ea6ad54] .van-tab--active.title-Fish .van-tab__text {
background: linear-gradient(45deg, #3b7aee, #2033af);
color: #fff;
}
.tabs-games .tab-content[data-v-4ea6ad54] {
display: flex;
flex-wrap: wrap;
padding: 6px 5px;
}
.tabs-games .tab-content .game-item[data-v-4ea6ad54] {
position: relative;
width: 33.333333%;
text-align: center;
margin-bottom: 5px;
box-sizing: border-box;
}
.tabs-games .tab-content .game-item .bg[data-v-4ea6ad54] {
width: calc(100% - 10px);
}
.tabs-games .tab-content .game-item .item-inner[data-v-4ea6ad54] {
position: absolute;
bottom: 10px;
left: 15px;
right: 15px;
color: #fff;
}
.tabs-games .tab-content .game-item .item-inner .logo[data-v-4ea6ad54] {
line-height: 0;
height: 28px;
text-align: left;
}
.tabs-games .tab-content .game-item .item-inner .logo img[data-v-4ea6ad54] {
height: 100%;
}
.tabs-games .tab-content .game-item .item-inner .name[data-v-4ea6ad54] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.tabs-games .tab-content .fish-item[data-v-4ea6ad54] {
margin-bottom: 10px;
}
.tabs-games .tab-content .fish-item img[data-v-4ea6ad54] {
border-radius: 8px 8px 0 0;
height: calc(100% - 44px);
min-height: 100px;
background: #f3f3f3;
}
.tabs-games .tab-content .fish-item .item-inner[data-v-4ea6ad54] {
margin: -5px auto 0;
padding: 3px 0;
font-weight: 500;
position: unset;
background-color: #569add;
width: calc(100% - 10px);
border-radius: 0 0 8px 8px;
min-height: 40px;
}
.fab-contaienr[data-v-4ea6ad54] {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: var(--f7-fab-size);
height: var(--f7-fab-size);
}
.fab-contaienr .bg-image[data-v-4ea6ad54] {
width: 50px;
height: 50px;
}
.fab-contaienr .icon-close[data-v-4ea6ad54] {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
}
.music-all[data-v-4ea6ad54] {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
/* 创建三个等宽的列 */
grid-gap: 10px;
}
.music-img[data-v-4ea6ad54] {
margin: 2px 0px;
text-align: center;
}
.music-img .music-logo img[data-v-4ea6ad54] {
border-radius: 30%;
border: 1px solid #d9d6d6;
}
.music-img .music-img[data-v-4ea6ad54] {
width: 100% !important;
}
.music-img .music-info div[data-v-4ea6ad54] {
width: 100%;
height: 20px;
}
.music-img .music-info .music-name[data-v-4ea6ad54] {
height: 23px;
overflow: hidden;
font-size: 9px;
}
.music-img .music-info .music-author[data-v-4ea6ad54] {
color: #818181;
font-size: 12px;
}
.product-container[data-v-4ea6ad54] {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid var(--f7-common-border-color);
font-size: 14px;
text-align: center;
margin-bottom: 30px;
padding: 10px 0;
}
.product-container p[data-v-4ea6ad54] {
margin: 0;
/* 去除段落的默认边距 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.product-container .bold-black[data-v-4ea6ad54] {
font-weight: bold;
/* 加粗 */
color: #000000;
/* 黑色字体 */
}
.product-container .red-text[data-v-4ea6ad54] {
font-weight: 800;
color: #ff0000;
/* 红色字体 */
}
.product-container .grey-text[data-v-4ea6ad54] {
color: #808080;
/* 灰色字体 */
font-size: 12px;
/* 小字体 */
}
.product-container .black-text[data-v-4ea6ad54] {
color: #000000;
max-height: 40px;
/* 黑色字体 */
}
.product-container .button[data-v-4ea6ad54] {
background-color: var(--f7-THEME-color);
color: #ffffff;
border-radius: 20px;
text-align: center;
margin: 0px auto;
display: block;
height: 35px;
line-height: 35px;
width: 100px;
text-transform: none;
}
.chanping[data-v-4ea6ad54] {
width: 48%;
margin-right: 2%;
}
.ios .page-home .main-suggest-content .swiper-slide[data-v-4ea6ad54] {
justify-content: left;
}
.main-category .menu[data-v-4ea6ad54] {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
/* 设置网格项之间的间距 */
}
.main-category .menu img[data-v-4ea6ad54] {
display: block;
margin: 0 auto;
width: 35px;
margin-bottom: 7px;
}
.main-category .menu span[data-v-4ea6ad54] {
display: block;
text-align: center;
}
.main-category .menu .news[data-v-4ea6ad54] {
position: relative;
}
.main-category .menu .messageNum[data-v-4ea6ad54] {
position: absolute;
top: 0px;
left: 30%;
height: 16px;
width: 16px;
line-height: 16px;
color: white;
background: red;
border-radius: 10px;
font-size: 12px;
text-align: center;
}
.ios .page-home .main-suggest-content[data-v-4ea6ad54] {
position: relative;
left: -12px;
}
.dialog-message .dialog-inner .dialog-text .block-message .row-toggle span[data-v-4ea6ad54] {
color: #000;
}
[data-v-4ea6ad54].toggle input[type="checkbox"]:checked + .toggle-icon {
background: var(--f7-THEME-color);
}
.dialog-redPacket[data-v-4ea6ad54] {
width: 74%;
margin: 0 9%;
padding: 0 15px 30px 15px;
background: url(../images/kuang.png);
background-size: 100% 100%;
left: 0;
}
.dialog-redPacket .dialog-inner[data-v-4ea6ad54] {
padding: 0;
text-align: left;
}
.dialog-redPacket .dialog-inner .dialog-title[data-v-4ea6ad54] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
color: #423232;
}
.dialog-redPacket .dialog-inner .dialog-title .title[data-v-4ea6ad54] {
margin: 35px 0 0 0;
font-size: 16px;
font-weight: bold;
color: var(--f7-THEME-color);
}
.dialog-redPacket .dialog-inner .dialog-title h5[data-v-4ea6ad54] {
margin: 0;
font-weight: normal;
}
.dialog-redPacket .dialog-inner .line[data-v-4ea6ad54] {
position: relative;
margin: 0px 0 40px 0px !important;
}
.dialog-redPacket .dialog-inner .dialog-title[data-v-4ea6ad54]:after {
content: "";
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-px-1);
width: 100%;
display: block;
margin-top: 6px;
position: absolute;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message[data-v-4ea6ad54] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content[data-v-4ea6ad54] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .tipp[data-v-4ea6ad54] {
margin-bottom: 10px;
padding-left: 8px;
font-size: 14px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content p[data-v-4ea6ad54] {
margin: 0;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .input-code[data-v-4ea6ad54] {
height: 100px;
border: 1px solid #e2e2e2;
width: 96%;
border-radius: 4px;
margin-left: 2%;
padding: 8px;
background: #fbfbfb;
color: #7b7b7b;
font-size: 13px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .input-with-value[data-v-4ea6ad54] {
color: #013792;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .red-packet-message[data-v-4ea6ad54] {
font-size: 13px;
margin-bottom: -8px;
text-align: center;
color: var(--f7-THEME-color);
height: 42px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .btn[data-v-4ea6ad54] {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
color: white;
text-align: center;
margin: 10px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .btn .btn1[data-v-4ea6ad54] {
background: #6d6d6d;
border-radius: 5px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-content .btn .btn2[data-v-4ea6ad54] {
background: var(--f7-THEME-color);
border-radius: 5px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .row-toggle[data-v-4ea6ad54] {
margin: 10px 10px 0;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .row-toggle span[data-v-4ea6ad54] {
color: #40baff;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-4ea6ad54] {
margin-top: var(--f7-margin-size-f2);
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer[data-v-4ea6ad54] {
margin-top: 8px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-4ea6ad54] {
--f7-grid-gap: 0px;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer .button[data-v-4ea6ad54] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-14);
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-4ea6ad54] {
background-color: #ccc;
color: #101010;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-4ea6ad54] {
opacity: 0.6;
color: #101010 !important;
}
.dialog-redPacket .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-4ea6ad54] {
background-color: var(--f7-THEME-color);
color: white !important;
border-radius: 0;
}
.dialog-redPacketDetail[data-v-4ea6ad54] {
width: 74%;
margin: 0 9%;
padding: 0 15px 30px 15px;
background: url(../images/kuang.png);
background-size: 100% 100%;
left: 0;
}
.dialog-redPacketDetail .dialog-inner[data-v-4ea6ad54] {
padding: 0;
text-align: left;
}
.dialog-redPacketDetail .dialog-inner .dialog-title[data-v-4ea6ad54] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
color: #423232;
}
.dialog-redPacketDetail .dialog-inner .dialog-title .title[data-v-4ea6ad54] {
margin: 35px 0 -15px 0;
font-size: 16px;
font-weight: bold;
color: var(--f7-THEME-color);
}
.dialog-redPacketDetail .dialog-inner .dialog-title h5[data-v-4ea6ad54] {
margin: 0;
font-weight: normal;
}
.dialog-redPacketDetail .dialog-inner .line[data-v-4ea6ad54] {
position: relative;
margin: 0px 0 40px 0px !important;
}
.dialog-redPacketDetail .dialog-inner .dialog-title[data-v-4ea6ad54]:after,
.dialog-redPacketDetail .dialog-inner .line[data-v-4ea6ad54]::after {
content: "";
z-index: 1;
background: url(data:image/png;base64,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) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
width: 50%;
display: block;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
height: 35px;
margin: 0 auto;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message[data-v-4ea6ad54] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content[data-v-4ea6ad54] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
text-align: center;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .tipp[data-v-4ea6ad54] {
margin-bottom: 10px;
padding-left: 8px;
font-size: 14px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content p[data-v-4ea6ad54] {
margin: 0;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .input-code[data-v-4ea6ad54] {
height: 100px;
border: 1px solid #e2e2e2;
width: 96%;
border-radius: 4px;
margin-left: 2%;
padding: 8px;
background: #fbfbfb;
color: #7b7b7b;
font-size: 13px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .red-packet-message[data-v-4ea6ad54] {
margin-bottom: -8px;
text-align: center;
color: #101010;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .money[data-v-4ea6ad54] {
color: red;
font-weight: bold;
font-size: 18px;
margin: 10px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .btn[data-v-4ea6ad54] {
background: red;
color: white;
text-align: center;
margin: 10px auto;
width: 50%;
height: 30px;
line-height: 30px;
border-radius: 5px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle[data-v-4ea6ad54] {
margin: 10px 10px 0;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle span[data-v-4ea6ad54] {
color: #40baff;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-4ea6ad54] {
margin-top: var(--f7-margin-size-f2);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer[data-v-4ea6ad54] {
margin-top: 8px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-4ea6ad54] {
--f7-grid-gap: 0px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .button[data-v-4ea6ad54] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-14);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-4ea6ad54] {
background-color: #ccc;
color: #101010;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-4ea6ad54] {
opacity: 0.6;
color: #101010 !important;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-4ea6ad54] {
background-color: var(--f7-THEME-color);
color: white !important;
border-radius: 0;
}
.bonusv0[data-v-4ea6ad54] {
width: 80%;
border-radius: 20px;
text-align: center;
overflow-y: visible;
}
.bonusv0 img[data-v-4ea6ad54] {
width: 100%;
position: relative;
top: -68px;
z-index: 2005;
}
.bonusv0 .go[data-v-4ea6ad54] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 0 auto;
border-radius: 10px;
color: white;
font-weight: bold;
margin-bottom: 33px;
}
.bonusv0[data-v-4ea6ad54] .van-popup__close-icon--top-right {
top: auto;
right: 45%;
bottom: -40px;
}
.bonusv0[data-v-4ea6ad54] .van-popup__close-icon {
font-size: 33px;
}
.bonusv1[data-v-4ea6ad54] {
width: 80%;
border-radius: 20px;
text-align: center;
overflow-y: visible;
}
.bonusv1 img[data-v-4ea6ad54] {
width: 100%;
position: relative;
top: -68px;
z-index: 2005;
}
.bonusv1 .go[data-v-4ea6ad54] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 0 auto;
border-radius: 10px;
color: white;
font-weight: bold;
margin-bottom: 33px;
}
.bonusv1[data-v-4ea6ad54] .van-popup__close-icon--top-right {
top: auto;
right: 45%;
bottom: -40px;
}
.bonusv1[data-v-4ea6ad54] .van-popup__close-icon {
font-size: 33px;
}
.activity[data-v-4ea6ad54] {
margin: 0px 10px;
display: grid;
grid-template-columns: 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
}
.activity div img[data-v-4ea6ad54] {
width: 100%;
border-radius: 8px 8px 0 0 ;
}
.activity div div[data-v-4ea6ad54]:nth-child(1) {
font-size: 0;
}
.activity div .txt[data-v-4ea6ad54] {
background: #f6f6f6;
text-align: center;
border-radius: 0 0 8px 8px ;
padding: 3px 0;
}
.fix[data-v-4ea6ad54] {
position: fixed;
top: 82vh;
left: 85%;
width: 60px;
z-index: 10000;
}
.fix .serive[data-v-4ea6ad54] {
background: url(../images/servicehome.png);
background-size: 100% 100%;
width: 50px;
height: 50px;
}
.fix .tongzhi[data-v-4ea6ad54] {
background: url(../images/tongzhi.png);
background-size: 100% 100%;
width: 50px;
height: 50px;
}
.fix .tongzhi .messageNum[data-v-4ea6ad54] {
width: 15px;
height: 15px;
display: block;
background: red;
color: white;
text-align: center;
font-size: 10px;
line-height: 16px;
border-radius: 10px;
position: relative;
right: -25px;
top: 7px;
}
.dialog-popupAd .close[data-v-4ea6ad54] {
position: absolute;
top: -35px;
right: 0px;
width: 32px;
}
.dialog-popupAd .left[data-v-4ea6ad54] {
position: absolute;
bottom: -40px;
left: 10px;
z-index: 100;
}
.dialog-popupAd .right[data-v-4ea6ad54] {
position: absolute;
bottom: -40px;
right: 10px;
z-index: 100;
}
.dialog-popupAd .swiper-pagination2[data-v-4ea6ad54] {
position: absolute;
width: 100%;
text-align: center;
padding-top: 10px;
}
.dialog-popupAd[data-v-4ea6ad54] .swiper-pagination-bullet {
background: #ffffff;
opacity: 0.5;
margin-right: 8px;
}
.dialog-popupAd[data-v-4ea6ad54] .swiper-pagination-bullet-active {
opacity: 1;
background: #ffd158;
}
.licaics[data-v-4ea6ad54] {
width: 100%;
}
.licaics .kuai[data-v-4ea6ad54] {
display: flex;
padding: 10px 0;
border: 1px solid var(--f7-THEME-color);
border-radius: 8px;
margin-bottom: 10px;
height: 65px;
position: relative;
font-size: 12px;
}
.licaics .kuai .one[data-v-4ea6ad54] {
width: 28%;
text-align: center;
}
.licaics .kuai .one img[data-v-4ea6ad54] {
border: 1px solid #ccc;
border-radius: 5px;
width: auto;
height: 65px;
}
.licaics .kuai .two[data-v-4ea6ad54] {
width: 70%;
height: 65px;
display: grid;
align-items: center;
}
.licaics .kuai .two p[data-v-4ea6ad54] {
margin: 0;
width: 100%;
}
.licaics .kuai .two p[data-v-4ea6ad54]:nth-child(2) {
color: #999999;
}
.licaics .kuai .two .name[data-v-4ea6ad54] {
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
font-weight: bold;
width: 90%;
font-size: 13px;
}
.licaics .kuai .two .rb[data-v-4ea6ad54] {
font-size: 14px;
font-weight: bold;
color: red;
}
.licaics .kuai .jian[data-v-4ea6ad54] {
color: var(--f7-THEME-color);
position: absolute;
top: 31px;
right: 10px;
font-size: 18px;
}
.egggo[data-v-4ea6ad54] {
margin: 0px 10px;
background-size: cover;
border-radius: 5px;
background-image: url(../images/egggo.png);
background-repeat: no-repeat;
background-size: 100% 99%;
}
.egggo .logo[data-v-4ea6ad54] {
width: 42%;
text-align: center;
padding-top: 6px;
margin: 0 5px;
align-items: center;
display: flex;
}
.egggo .right[data-v-4ea6ad54] {
width: 58%;
height: 110px;
display: grid;
align-items: center;
}
.egggo .text1[data-v-4ea6ad54] {
font-size: 18px;
color: #FF9800;
font-weight: bold;
padding-right: 5px;
}
.egggo .text2[data-v-4ea6ad54] {
font-size: 14px;
color: #fff;
width: 100%;
}
.news-swiper[data-v-4ea6ad54] {
padding: 0 10px;
/* 左右未选中的缩小 */
/* 当前选中 */
}
.news-swiper .news-slide[data-v-4ea6ad54] {
width: 80%;
transition: transform 0.3s;
}
.news-swiper .news-img[data-v-4ea6ad54] {
width: 100%;
height: 150px;
border-radius: 5px;
border: 1px solid #ccc;
object-fit: cover;
}
.news-swiper .swiper-slide-prev[data-v-4ea6ad54],
.news-swiper .swiper-slide-next[data-v-4ea6ad54] {
transform: scale(0.7);
opacity: 0.7;
}
.news-swiper .swiper-slide-active[data-v-4ea6ad54] {
transform: scale(1);
opacity: 1;
}
.page-content[data-v-81921660] {
margin-top: 20px;
}
.page-content .login-button[data-v-81921660] {
color: #ffffff !important;
}
.page-content .item-media .f7-icons[data-v-81921660] {
margin-top: 9px;
font-size: 22px;
}
.iframe-onlineCustom[data-v-81921660] {
width: 100%;
height: calc(100% - 0px);
min-height: calc(100% - 0px);
}
.span-verify[data-v-81921660] {
position: var(--f7-postion-absolute);
right: var(--f7-px-10);
top: var(--f7-px-6);
z-index: 2;
}
.span-verify img[data-v-81921660] {
border: 1px solid #3b1111;
width: 110px;
}
[data-v-81921660] .toggle input[type="checkbox"]:checked + .toggle-icon {
background: var(--f7-THEME-color);
}
.list .item-content[data-v-81921660] {
border: 1px solid #c5c5c5;
border-radius: 10px;
padding-left: 10px;
}
.list .item-media + .item-inner[data-v-81921660] {
margin-left: 10px;
}
.ios .login-screen-content .list .item-inner[data-v-81921660]:after {
width: 0;
}
[data-v-614822ac] .page-content {
height: 95vh;
}
.page-funds-records .ss[data-v-614822ac] {
font-weight: bold;
}
.page-funds-records .block-records[data-v-614822ac] {
margin: 0;
padding: 0;
}
.page-funds-records .block-records .card[data-v-614822ac] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-funds-records .block-records .card .co-white[data-v-614822ac] {
color: #464646;
word-wrap: break-word;
}
.page-funds-records .block-records .card .co-gray[data-v-614822ac] {
color: #474753;
word-wrap: break-word;
}
.page-funds-records .block-records .card .co-green[data-v-614822ac] {
color: #17903a;
}
.page-funds-records .block-records .card .co-blue[data-v-614822ac] {
color: #028cb3;
}
.page-funds-records .block-records .card .co-yellow[data-v-614822ac] {
color: #f79400;
}
.page-funds-records .block-records .card .co-red[data-v-614822ac] {
color: #c50d0d;
}
.page-funds-records .block-records .card .card-header[data-v-614822ac]:after,
.page-funds-records .block-records .card .card-footer[data-v-614822ac]:before {
background-color: #c7c7c7;
}
.page-funds-records .block-records .card .card-header[data-v-614822ac] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
min-height: auto;
}
.page-funds-records .block-records .card .card-header div[data-v-614822ac] {
align-items: center;
}
.page-funds-records .block-records .card .card-header i.f7-icons[data-v-614822ac] {
font-size: 18px;
vertical-align: middle;
margin-top: -2px;
}
.page-funds-records .block-records .card .card-content[data-v-614822ac] {
font-size: 15px;
padding: 2px 4px;
}
.page-funds-records .block-records .card .card-content .row[data-v-614822ac] {
padding: 4px 0;
}
.page-funds-records .block-records .card .card-footer[data-v-614822ac] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-funds-records .no-data[data-v-614822ac] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
min-height: 200px;
}
.referrerLevel[data-v-2a3de9e9] {
position: absolute;
top: 13px;
right: 10px;
border-radius: 35px;
color: white;
border: 1px solid var(--f7-THEME-color);
background: var(--f7-THEME-color);
display: inline-flex;
justify-content: center;
padding: 5px !important;
padding-right: 15px !important;
}
.referrerLevel img[data-v-2a3de9e9] {
width: 20px;
margin: 0 5px;
}
.referrerLevel span[data-v-2a3de9e9] {
font-size: 12px;
}
.user-area[data-v-2a3de9e9] {
display: flex;
justify-content: flex-end;
position: relative;
top: -32px;
}
.user-area .user-name[data-v-2a3de9e9] {
margin-right: 4px;
position: absolute;
top: 2px;
left: 0px;
font-weight: 700;
font-size: 18px;
line-height: 34px;
}
.user-area .user-level[data-v-2a3de9e9] {
position: absolute;
top: 0px;
right: -26px;
}
.user-area .user-level img[data-v-2a3de9e9] {
height: 18px;
position: absolute;
left: -77px;
top: 32px;
}
.user-area .user-level span[data-v-2a3de9e9] {
color: #fff;
position: absolute;
top: 32px;
left: -58px;
font-style: italic;
font-weight: bold;
font-size: 12px;
min-width: 30px;
text-align: center;
display: inline-block;
padding: 0 7px;
background: #16c6a6;
height: 15px;
line-height: 16px;
margin-top: 1px;
border-radius: 0 8px 8px 0;
}
.gear[data-v-2a3de9e9] {
position: absolute;
right: 10px;
top: 15px;
color: black;
}
.ios .page-member-center[data-v-2a3de9e9] {
background: #fafafa;
}
.list[data-v-2a3de9e9] {
font-size: 16px;
}
.img-service[data-v-2a3de9e9] {
position: absolute;
width: 28px;
height: 28px;
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARLSURBVHgB7ZrfUdtAEMZXxjzH6UBUEHsGGHhCriBOBTgVmFSAqCB2BZgKcCpAPDEDzIhUEKUD8sy/fBufEnE6CZ90dyKDfjMa2SfL0qe73dvdE1FLS8v/jEeGuLq6CrD7iI33PraeOHTjed7N09PTydbWVkQNU1uwEHpIS6HlF/O8BLtwc3PzhBqilmCIZaEh6ROit4+oASoLriF2eWHPm6OnP5NjKgm+vLyc4IanBYdvcSziPS3tuA/79Qt+67yntQVfXFz43W43pn9OKYUFHuHYfDAY3GYP4AGNO53OYYHwoUtn1iFN1tfXeSg/E8vOCEIHuPGpLJbZ3t6e393dDYXTkjkkh2gLRi+N5La1tbUhhCZl5+3u7iYsmpYjIUsQx3GPHKElWExBcu/OXxKbwqKxm8nt9/f3Y3KEbg8HcgMHFKQBxM3lNjy0D+QILcG4sdzQg+0mpIHo5Wc8PDy8J0doCX58fLRia/Dgr9OGVV4WjkjrZlUOCv/7gxyhJRj2mshtuNkRaYAHNFL873dyhJZgzMELRfNEZ1rhAETRfEOO0BIsgopIau7B856ucj6mta9ytMVm4jLS6pI+HPsGUlsAMTE89ifVnMwjAA/lGB9Vwz8kh1RKHq6vr6foqUnB4QWORdj/wvYOQ7gvojPVsD9H7wbkkCo9zKFkiB7bw8e+4vAo68ggVvkfPJTxP2NyTOV8WAzTM1KLLr/oUuxw1ZDUJCZKPCFpZDwQO+MRosqqXGCkiMc5MouAve4V5Ly3HHND7KLpQp6xqmWKKBD46XeOtZsYui0tbwQjNpxZdfDhmJ5VKXkKEkkHx8vfqjgtURI+EF+ndSqddefhibiRlZMHkWJG8OpHqzgzrnjinONsGwoGX3Z2dqZUAe0iHsNPHGI5hw1JQyzDvY9tzOdzMvFSpgWx+4q2gCqiJZinHE4SqILQAg7QW9Ac+zon1amQrCwYQ6svCvDaoWQZ3OPc20hI9skBKwlmsRhGHDdbqz1B+NyF6BezJR7GlsTyGhSnkj/TBnzeYJu2GWeXCmaxKOuc4UZMiv2zBsXLMtQApYJ5Halk5U+bJtPClEIbZrvl6YPMEjadSBQGHph+2G4DMkeunCPWmbmtzGT6pF6aLa10igX33DKQckiLUDEgsyyka9R5g4AfQFD2A4xOLixu4CGH2XblkFZFNwaQe+SA7JMrNCoFW7Bda+tSuuQEi+Fs/kKdji81zcg+uWvkbJhLrEWl1Zpw+vh37mXbgtNK8CBKzQf3onRa/LJbyWlcQztXzfU5L23BO2fRfoGl4H4qF/BVNmzT1k51MyPTqAT7ZA8uGsSuMiMVqnnYtjfticwoxJ7tUF4bjmzWrlWC0zforCJidN5UK4oRWUI1pBt56dMVuR5mV460cJFdPXAJbDwhiyhjafFqUUKvA6PFgEpVS8ecyw1y2VYH44tpNhBLsmkiMJMzoJaWlrfDb5bcz2hFi1kqAAAAAElFTkSuQmCC);
}
[data-v-2a3de9e9] .list .item-title {
color: black;
}
.f7-icons[data-v-2a3de9e9] {
font-size: 26px;
color: var(--f7-THEME-color);
}
.ios .page-member-center .buttons-tab-mem-center[data-v-2a3de9e9] {
height: 90px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
border: 1px solid #e7e7e7;
border-radius: 5px;
margin-top: 10px;
padding-top: 10px;
}
.messageNum[data-v-2a3de9e9] {
width: 15px;
height: 15px;
display: block;
background: red;
color: white;
text-align: center;
font-size: 10px;
line-height: 16px;
border-radius: 10px;
position: absolute;
right: 30%;
top: 0;
}
.page-register .button-single[data-v-3fe6e133] {
color: #ffffff !important;
}
.page-register .smart-select .item-after[data-v-3fe6e133] {
color: #000;
margin-left: -5px;
}
.page-register .list[data-v-3fe6e133] {
margin: var(--f7-margin-size-10) 0;
}
.page-register .list .item-media .f7-icons[data-v-3fe6e133] {
margin-top: 9px;
font-size: 22px;
}
.page-register .list .block-title[data-v-3fe6e133] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAA1CAYAAAAK/do2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAxLTI4VDA5OjM5OjQ1KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMS0yOFQwOTo1MTo1MSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMS0yOFQwOTo1MTo1MSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1YTI3Y2JmMi0xN2M3LWE1NDYtODUzYy01ZmExNWZmZTZkZDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNmODUzY2ItZTA0MC1hZDQzLTkzMTQtODgzYmIzMTM4MTI3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzNmODUzY2ItZTA0MC1hZDQzLTkzMTQtODgzYmIzMTM4MTI3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozM2Y4NTNjYi1lMDQwLWFkNDMtOTMxNC04ODNiYjMxMzgxMjciIHN0RXZ0OndoZW49IjIwMjQtMDEtMjhUMDk6Mzk6NDUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NWEyN2NiZjItMTdjNy1hNTQ2LTg1M2MtNWZhMTVmZmU2ZGQ4IiBzdEV2dDp3aGVuPSIyMDI0LTAxLTI4VDA5OjUxOjUxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Thj1kwAAAghJREFUeJzt3L1KA0EUhuEvXl7Ayi6gIEjAztgFBCsLK+sUuQcLL0CwsbO1TSkpA7ZayAF/4u7OzJmdGXifLvsz27zFSTEzmU6nHwowmUyCroeu0/dc7Hse64asGfr9vvtdz9e6Vo719jzzsF6vDyXpoPdNoF5bSWf2g5jRsrmkN/tBzGjVStL99wvEjBZtJV3+vkjMaNGRpPffF4kZrVlJetp3g5jRko32jBeGmNGSY+0ZLwwxoxX/jheGmNGCV3WMF4aY0YK5OsYLQ8yo3ZV6xgtDzKjZi6S7oQ8TM2o204DxwhAzanWlrz9+gxEzavQi6Sb0JWJGjWYxLxEzahM8XhhiRk0eFTFeGGJGLbaSzlMWIGbUYqnI8cIQM2rwIGmduggxo7QfO6xTEDNKW+rbDusUxIySXMYLQ8woxW28MMSMUn4c4OKBmFHCnwNcPBAzxraRdJ1jYWLG2C7kPF4YYsaYsowXhpgxls4DXDwQM8bSeYCLB2LGGHoPcPFAzMht0AEuHogZuQ06wMUDMSOnwQe4eCBm5BJ0gIsHYkYuQQe4eCBm5BC9wzoFMcPbsxJ2WKcgZnjaSTot9XFihqdbFRgvDDHDS7HxwhAzPBQdLwwxw8NCBccLQ8xI5brDOgUxI8VOzjusUxAzUiyUaQtUDGJGrGrGC0PMiFHVeGGIGTFOVNF4YT4BIjhJJ9k7ttEAAAAASUVORK5CYII=) no-repeat;
width: 225px;
height: var(--f7-height-size-30);
line-height: var(--f7-height-size-30);
background-size: cover;
color: #fff;
margin-left: var(--f7-size-ps-12);
margin-bottom: var(--f7-margin-size-0);
margin-top: var(--f7-margin-size-15);
padding-left: var(--f7-px-5);
font-size: var(--f7-font-size-14);
}
.page-register .list ul[data-v-3fe6e133] {
background-color: var(--f7-color-bg-transparent);
}
.page-register .list ul .item-content[data-v-3fe6e133] {
margin-bottom: var(--f7-margin-size-10);
padding-left: var(--f7-px-10);
}
.page-register .list ul .item-content input[data-v-3fe6e133] {
font-size: 12px;
color: #464646;
}
.page-register .list ul .item-content .input-clear-button[data-v-3fe6e133] {
right: var(--f7-size-ps-12);
}
.page-register .list ul .item-content .iconfont[data-v-3fe6e133] {
color: #464646;
}
.page-register .list ul .item-content .span-verify[data-v-3fe6e133] {
position: var(--f7-postion-absolute);
right: var(--f7-px-10);
top: 9px;
z-index: 2;
}
.page-register .list ul .item-content .span-verify img[data-v-3fe6e133] {
border: 1px solid #3b1111;
width: 110px;
}
.page-register .list ul[data-v-3fe6e133]:before,
.page-register .list ul[data-v-3fe6e133]:after {
height: 0;
}
.page-register .list .item-inner[data-v-3fe6e133]:after {
width: var(--f7-width-size-pt92);
width: 0;
}
.page-register .list .item-link[data-v-3fe6e133] {
color: inherit;
flex: 1;
align-items: center;
margin-left: var(--f7-list-item-media-margin);
}
.page-register .list .item-link .item-inner[data-v-3fe6e133] {
justify-content: center;
font-size: 12px;
color: #464646;
}
.page-register .list .item-link .item-inner .item-after[data-v-3fe6e133] {
display: none;
}
.page-register .list .item-link .item-inner[data-v-3fe6e133]::before {
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) + 8px);
}
.page-register .list li:last-child > .item-inner[data-v-3fe6e133]:after {
display: var(--f7-display-block) !important;
}
.page-register .block-strong[data-v-3fe6e133] {
padding: var(--f7-padding-size-10) --f7-block-padding-horizontal;
padding: var(--f7-padding-size-10) var(--f7-padding-size-20, --f7-block-padding-horizontal);
margin: var(--f7-margin-size-0) auto;
}
.page-register .block-strong .block-header[data-v-3fe6e133] {
margin-bottom: var(--f7-margin-size-15);
}
.page-register .block-strong .block-footer[data-v-3fe6e133] {
margin-top: var(--f7-margin-size-15);
}
.page-register .block-strong .block-footer a.link[data-v-3fe6e133] {
border-bottom: 1px solid var(--f7-color-lightblue);
}
.page-register .block-strong[data-v-3fe6e133]:before,
.page-register .block-strong[data-v-3fe6e133]:after {
height: var(--f7-height-size-0);
}
.popup-general ul[data-v-3fe6e133] {
padding: var(--f7-padding-size-0);
}
.popup-general ul li[data-v-3fe6e133] {
list-style: var(--f7-border-none);
padding-bottom: var(--f7-padding-size-10);
margin-bottom: var(--f7-margin-size-10);
border-bottom: 1px dashed #666;
font-size: var(--f7-px-16);
color: var(--f7-color-gray-1);
}
.popup-general ul li[data-v-3fe6e133]:last-child {
padding-bottom: 0px;
margin-bottom: 0;
border-bottom: none;
}
.item-input-wrap[data-v-3fe6e133] {
position: relative;
}
.item-input-wrap .detection[data-v-3fe6e133] {
display: block;
position: absolute;
top: 9px;
right: 10px;
font-size: 14px;
width: 78px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
}
.item-input-wrap .detectionConde[data-v-3fe6e133] {
width: 92px;
}
.item-input-wrap .back[data-v-3fe6e133] {
background: #d1971a;
}
.list .item-content[data-v-3fe6e133] {
border: 1px solid #c5c5c5;
border-radius: 10px;
}
.list .item-media + .item-inner[data-v-3fe6e133] {
margin-left: 10px;
}
.icon-yanjing[data-v-3fe6e133],
.icon-eye[data-v-3fe6e133] {
position: absolute;
right: var(--f7-size-ps-35);
top: var(--f7-size-ps-8);
color: var(--f7-color-gray-1);
z-index: var(--f7-z-index-1);
font-size: var(--f7-font-size-24);
}
.input-eyes[data-v-3fe6e133] {
position: absolute;
right: 10px;
top: 12px;
font-size: 20px;
}
.page-access .block-access[data-v-312282d6] {
margin: 20% 15px 0;
border: solid 3px #eee;
border-radius: 8px;
padding: 3px;
}
.page-access .block-access .card[data-v-312282d6] {
margin: 0;
background-color: #f5f5ff;
border-radius: 6px;
padding: 10px 5px;
overflow: hidden;
}
.page-access .block-access .card .card-header[data-v-312282d6] {
font-size: 30px;
color: red;
font-weight: bold;
border-bottom: 2px solid #000;
padding: 0px 0 10px;
justify-content: center;
}
.page-access .block-access .card .card-content[data-v-312282d6] {
padding: 0;
}
.page-access .block-access .card .card-content .block[data-v-312282d6] {
padding: 10px;
background-color: #fff;
border-radius: 5px;
border: solid 1px #cde;
margin: 5px 0;
}
.page-access .block-access .card .card-content p[data-v-312282d6] {
margin: 5px 0;
color: #000;
}
.page-messgae-center[data-v-6d6a0956] {
--f7-page-toolbar-bottom-offset: 0px;
}
.page-messgae-center .tabs-message[data-v-6d6a0956] {
margin: auto;
width: 95%;
}
.page-messgae-center .buttons-message[data-v-6d6a0956] {
height: 48px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.page-messgae-center .buttons-message a.tab-link[data-v-6d6a0956] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
font-size: var(--f7-px-14);
}
.page-messgae-center .buttons-message a.tab-link.tab-link-active[data-v-6d6a0956] {
color: #464646;
border-bottom: 1px solid;
}
.page-messgae-center .scroll-container[data-v-6d6a0956]::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.page-messgae-center .menu[data-v-6d6a0956] {
position: fixed;
background: #fff;
overflow-x: scroll;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 10px 16px;
width: 100%;
margin: 0;
font-size: 12px;
display: flex;
grid-gap: -32px;
justify-content: center;
grid-gap: 10px;
}
.page-messgae-center .menu div[data-v-6d6a0956] {
border: 1px solid var(--f7-THEME-color);
border-radius: 5px;
font-weight: bold;
width: 100%;
height: 30px;
white-space: normal;
text-align: center;
padding: 3px 0px;
display: flex;
justify-content: center;
align-items: center;
}
.page-messgae-center .menu .hot[data-v-6d6a0956] {
width: 27px;
}
.page-messgae-center .menu .cis[data-v-6d6a0956] {
width: 20px;
height: 20px;
position: relative;
top: 5px;
left: -1px;
}
.page-messgae-center .menu .activeMenu[data-v-6d6a0956] {
background: var(--f7-THEME-color);
color: white;
}
.page-messgae-center .tabs-message[data-v-6d6a0956] {
position: relative;
overflow: hidden;
min-height: calc(100% - 52px);
height: calc(100% - 52px);
}
.page-messgae-center .tabs-message .tab[data-v-6d6a0956] {
padding: 0;
}
.page-messgae-center .tabs-message .tab .block[data-v-6d6a0956] {
margin: 0;
padding: 0;
}
.page-messgae-center .tabs-message .tab .block .card-message[data-v-6d6a0956] {
margin: 0 4px 13px 4px;
padding: 0 5px;
background-color: #fff;
color: #464646;
border: 1px solid #f3f3f3;
}
.page-messgae-center .tabs-message .tab .block .card-message i.iconfont[data-v-6d6a0956] {
font-size: 16px;
color: #1e56bb;
margin-right: 6px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-6d6a0956] {
justify-content: flex-end;
color: #464646;
font-size: 14px;
min-height: 20px;
padding: 7px 15px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-6d6a0956]:before {
height: 0;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-content[data-v-6d6a0956] {
padding: 8px 15px 0;
font-size: 16px;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-footer[data-v-6d6a0956] {
border-top: 1px solid #e3e3e3;
width: 95%;
margin: auto;
margin-top: 28px;
}
.page-messgae-center .tabs-message .tab .no-data[data-v-6d6a0956] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80%;
}
.newMenu .van-tab__text--ellipsis[data-v-6d6a0956] {
display: block;
}
.newMenu .van-tabs__nav--card[data-v-6d6a0956] {
border: 1px solid #2366cc;
}
.newMenu .van-tabs__nav--card .van-tab.van-tab--active[data-v-6d6a0956] {
background: var(--f7-THEME-color);
color: white;
}
.block[data-v-6d6a0956] {
margin: 0;
}
.buttonstyle .one[data-v-6d6a0956] {
height: 36px !important;
line-height: 36px !important;
border-radius: 10px 0 0 10px !important;
}
.buttonstyle .two[data-v-6d6a0956] {
height: 36px !important;
line-height: 36px !important;
border-radius: 0 10px 10px 0 !important;
}
.financial[data-v-6d6a0956] {
border: 1px solid #e5e5e5;
padding-top: 5px;
margin: 10px 0;
font-size: 12px;
}
.financial .financialone[data-v-6d6a0956] {
padding: 5px;
height: 60px;
}
.financial .financialone img[data-v-6d6a0956] {
position: absolute;
height: 60px;
}
.financial .financialone span[data-v-6d6a0956] {
display: block;
padding-left: 70px;
}
.financial .financialone .nameSpan[data-v-6d6a0956] {
font-weight: bold;
color: #000;
width: 72%;
display: block;
padding-left: 70px;
margin: 0 0 3px 0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
margin-top: 7px;
font-size: 13px;
}
.financial .financialone .toRight[data-v-6d6a0956] {
height: 20px;
position: absolute;
right: 12px;
top: 19px;
}
.financial .financialtwo[data-v-6d6a0956] {
padding: 0 10px;
display: flex;
border-bottom: 1px solid #e5e5e5;
}
.financial .financialtwo div[data-v-6d6a0956] {
width: 50%;
padding: 3px 0;
}
.financial .financialtwo div[data-v-6d6a0956]:nth-child(2) {
font-size: 11px;
}
.financial .financialtiao[data-v-6d6a0956] {
height: 32px;
line-height: 32px;
padding: 0 10px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
}
.financial .financialtiao .num[data-v-6d6a0956] {
position: absolute;
right: 0;
color: var(--f7-THEME-color);
font-size: 11px;
}
.financial .term[data-v-6d6a0956] {
width: 93%;
margin: auto;
border-radius: 6px;
padding: 5px 10px;
margin-bottom: 5px;
background: #f8f8f8;
}
.financial .term .info[data-v-6d6a0956] {
border-radius: 5px;
}
.financial .term .info .viplevel[data-v-6d6a0956] {
word-wrap: break-word;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 0 10px;
}
.financial .term .info .viplevel p[data-v-6d6a0956] {
margin: 4px 0px;
text-align: center;
border: 1px solid #dfdfdf;
border-radius: 5px;
}
.financial .term .info div[data-v-6d6a0956] {
margin-bottom: 5px;
}
.financial .financialthree[data-v-6d6a0956] {
position: relative;
}
.financial .financialthree .gobutton[data-v-6d6a0956] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 30px;
min-width: 80px;
line-height: 30px;
position: absolute;
right: 7px;
bottom: 5px;
padding: 0 10px;
}
.financial .financialthree .downTime[data-v-6d6a0956] {
position: absolute;
left: 10px;
bottom: 9px;
color: var(--f7-THEME-color);
font-weight: bold;
}
.financial .financialthree .goDetail[data-v-6d6a0956] {
border-radius: 15px;
text-align: center;
height: 30px;
width: 90px;
line-height: 30px;
position: absolute;
right: 103px;
bottom: 5px;
border: 1px solid #ccc;
}
.financial .financialthree .circulation[data-v-6d6a0956] {
display: flex;
font-size: 12px;
}
.financial .financialthree .circulation div[data-v-6d6a0956] {
width: 50%;
}
.financial .financialthree .circulation div[data-v-6d6a0956]:nth-child(1) {
text-align: left;
}
.financial .financialthree .circulation div[data-v-6d6a0956]:nth-child(2) {
text-align: right;
}
.financial .financialthree .countdown[data-v-6d6a0956] {
color: var(--f7-THEME-color);
font-size: 12px;
display: inline;
}
.financial-have[data-v-6d6a0956] {
height: 195px;
}
.financial-have .financialthree[data-v-6d6a0956] {
width: 62%;
margin-left: 15px;
text-align: right;
margin: 40px 10px 0px 0px;
position: relative;
}
.financial-have .financialthree div[data-v-6d6a0956] {
margin-top: 6px;
}
.financial-have .financialthree .gobutton[data-v-6d6a0956] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 33px;
width: 130px;
line-height: 33px;
position: absolute;
right: 0;
}
.no-data[data-v-6d6a0956] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.buypopup2[data-v-6d6a0956] {
display: block !important;
padding: 0px !important;
}
.buypopup2 .financial[data-v-6d6a0956] {
padding: 5px;
}
.buypopup2 .yiban[data-v-6d6a0956] {
display: flex;
line-height: 37px;
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.buypopup2 .one[data-v-6d6a0956] {
background: var(--f7-THEME-color);
color: white;
width: 100%;
height: 50px;
line-height: 50px;
}
.buypopup2 .title[data-v-6d6a0956] {
font-weight: bold;
padding-left: 23px;
}
.buypopup2 .title[data-v-6d6a0956]::before {
content: '';
position: absolute;
top: 4px;
left: 10px;
transform: translateX(-50%);
width: 3px;
height: 11px;
background-color: var(--f7-THEME-color);
}
.buypopup2 .mylove[data-v-6d6a0956] {
width: 180px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: white;
border: none;
border-radius: 10px !important;
margin: 0px auto;
padding: 0 5px;
background: radial-gradient(circle, var(--f7-THEME-color), var(--f7-THEME-color));
}
.buypopup2 .safebottom[data-v-6d6a0956] {
height: calc(var(--f7-safe-area-bottom) + 55px);
}
.buypopup[data-v-6d6a0956] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-6d6a0956] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-6d6a0956] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-6d6a0956] {
display: flex;
}
.buypopup .yiban div[data-v-6d6a0956]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-6d6a0956]:nth-child(2) {
width: 70%;
}
.buypopup .inputPrice[data-v-6d6a0956] {
color: #707070;
margin: 10px;
}
.buypopup .inputPrice .kun[data-v-6d6a0956] {
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
height: 40px;
margin: 0 5px;
}
.buypopup .inputPrice .kun input[data-v-6d6a0956] {
width: 80%;
height: 100%;
text-align: center;
font-weight: bold;
margin: 0 auto;
}
.buypopup .inputPrice .reduce[data-v-6d6a0956] {
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .inputPrice .sum[data-v-6d6a0956] {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .paddding[data-v-6d6a0956] {
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.buypopup .paddding div[data-v-6d6a0956]:nth-child(2) {
text-align: right;
}
.buypopup .paddding .selectBg[data-v-6d6a0956] {
background: var(--f7-THEME-color);
color: white;
}
.buypopup .price span[data-v-6d6a0956] {
width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
}
.buypopup .one[data-v-6d6a0956] {
background: var(--f7-THEME-color);
color: white;
border-radius: 20px 20px 0 0;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-6d6a0956] {
border: none;
padding: 0px 0px 15px 20px;
}
.buypopup .four span[data-v-6d6a0956] {
border: none;
}
.buypopup .paybtn[data-v-6d6a0956] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 70px;
position: relative;
bottom: -4px;
}
[data-v-6d6a0956] .infinite-scroll-preloader {
margin-top: 60px;
}
.vandetail[data-v-6d6a0956] {
border-radius: 20px 20px 0 0;
}
.myfin[data-v-6d6a0956] {
font-size: 10px;
height: 23px!important;
border: 1px solid #ccc;
margin-right: 10px;
padding: 0 5px;
border-radius: 5px;
}
.page-apply-activity .activity-detail[data-v-1094397a] {
width: 100%;
}
.page-apply-activity .activity-detail .show-detail img[data-v-1094397a] {
width: 100%;
}
.page-apply-activity .activity-detail .block[data-v-1094397a] {
width: 100%;
margin: 0;
padding: 0;
margin-top: 10px;
}
.page-apply-activity .activity-detail .block img[data-v-1094397a] {
width: 100%;
}
.page-apply-activity .list[data-v-1094397a] {
margin: var(--f7-margin-size-0);
}
.page-apply-activity .list ul[data-v-1094397a] {
margin: var(--f7-margin-size-10) var(--f7-px-5);
border: 1px solid #c0c2c5;
border-radius: 3px;
padding: 6px 0;
background-color: #fff;
}
.page-apply-activity .list ul a.item-link.active-state[data-v-1094397a] {
background-color: var(--f7-color-bg-transparent);
}
.page-apply-activity .list ul .smart-select .item-inner[data-v-1094397a] {
color: #464646;
}
.page-apply-activity .list ul .smart-select .item-inner .item-title[data-v-1094397a] {
width: 37%;
}
.page-apply-activity .list ul .smart-select .item-inner .item-after[data-v-1094397a] {
font-size: 14px;
margin-left: 0;
width: 60%;
}
.page-apply-activity .list ul .smart-select .item-inner[data-v-1094397a]:after {
height: 0;
}
.page-apply-activity .list ul li.item-content[data-v-1094397a] {
min-height: var(--f7-px-49);
}
.page-apply-activity .list ul li.item-content .item-inner[data-v-1094397a] {
color: var(--f7-color-white);
}
.page-apply-activity .list ul li.item-content .item-inner .item-label[data-v-1094397a] {
padding-top: var(--f7-padding-size-10);
color: #464646;
}
.page-apply-activity .list ul li.item-content .item-inner .item-input-wrap input[data-v-1094397a],
.page-apply-activity .list ul li.item-content .item-inner .item-input-wrap select[data-v-1094397a] {
font-size: 14px;
}
.page-apply-activity .list ul li.item-content .item-inner .item-input-wrap .checkbox-item[data-v-1094397a] {
font-size: 14px;
margin-right: 2px;
}
.page-apply-activity .list ul li.item-content .item-inner .item-input-wrap .checkbox-item i.icon-checkbox[data-v-1094397a] {
width: 18px;
height: 18px;
top: -2px;
}
.page-apply-activity .list ul li.item-content .item-inner .item-input-wrap .checkbox-item i.icon-checkbox[data-v-1094397a]:after {
width: 18px;
height: 18px;
top: -2px;
}
.page-apply-activity .list ul li.item-content .item-inner .item-input-name input[data-v-1094397a] {
font-size: 16px;
color: #0b54c1;
}
.page-apply-activity .list ul li.item-content .item-inner[data-v-1094397a]:after {
height: 0;
}
.page-apply-activity .list ul[data-v-1094397a]:before,
.page-apply-activity .list ul[data-v-1094397a]:after {
height: 0;
}
.page-apply-activity .list .block-strong[data-v-1094397a] {
padding: var(--f7-padding-size-10) --f7-block-padding-horizontal;
padding: var(--f7-padding-size-10) var(--f7-padding-size-10, --f7-block-padding-horizontal);
margin: var(--f7-margin-size-0) auto;
}
.page-apply-activity .list .block-strong[data-v-1094397a]:before,
.page-apply-activity .list .block-strong[data-v-1094397a]:after {
height: var(--f7-height-size-0);
}
.ios .page-deposit .page-content .buttons-deposit[data-v-6781a845] {
height: 40px;
width: 90%!important;
margin: 10px auto;
border: 1px solid #2366cc;
border-radius: 10px;
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link[data-v-6781a845] {
color: #000;
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link.tab-link-active[data-v-6781a845] {
border: 0;
background: #2366cc;
color: #fff;
}
.ios .page-deposit .page-content .buttons-deposit a.tab-link[data-v-6781a845]:last-child:after {
width: 0;
height: 0;
display: none;
}
.popupCloseBtn[data-v-6781a845] {
display: inline-block;
position: fixed;
top: 10px;
right: 10px;
width: 25px;
z-index: 100;
}
[class^="icon-"][data-v-6781a845],
[class*=" icon-"][data-v-6781a845] {
font-family: 'iconfont' !important;
}
.banknew .bank li[data-v-6781a845] {
border: 1px solid #cccccc;
border-radius: 5px;
padding: 5px 10px;
margin-bottom: 7px;
display: flex;
align-items: center;
font-size: 12px;
}
.banknew .bankActive[data-v-6781a845] {
background: var(--f7-THEME-color2);
color: #000;
border: 1px solid var(--f7-THEME-color) !important;
}
.banknew .bankActive[data-v-6781a845]::after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZFNDsIgEEaHehPRvYt6D2+gK4xeovUUJt1YT6DnUBsvYG+ircBEg8X+Ad3xEkKAmfdlAoDH04fp9jKr3gXgCMpuy+IZ3Mcsi5wHCDnfUhQWRH0jYIkqJ1DuHsk8dhbQJsf7AeX4NqBcoH0yXWcHupECaznW/DYv+HaShxGs8n14tJFrE+RJeBaN8vCCVJ3ERI61f5iwa1wCiT6T8DAwkdcGaCHf4n7yxoBqiIm8EyJELPB46ngDOmdfyT9aszQAAAAASUVORK5CYII=);
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top: 2px;
right: 1px;
}
.banknew .bankActive1[data-v-6781a845] {
background: var(--f7-THEME-color2);
color: #000;
border: 1px solid var(--f7-THEME-color) !important;
}
.banknew .bankActive1[data-v-6781a845]::after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZFNDsIgEEaHehPRvYt6D2+gK4xeovUUJt1YT6DnUBsvYG+ircBEg8X+Ad3xEkKAmfdlAoDH04fp9jKr3gXgCMpuy+IZ3Mcsi5wHCDnfUhQWRH0jYIkqJ1DuHsk8dhbQJsf7AeX4NqBcoH0yXWcHupECaznW/DYv+HaShxGs8n14tJFrE+RJeBaN8vCCVJ3ERI61f5iwa1wCiT6T8DAwkdcGaCHf4n7yxoBqiIm8EyJELPB46ngDOmdfyT9aszQAAAAASUVORK5CYII=);
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top: 8px;
right: 5px;
}
.banknew .tongdao[data-v-6781a845] {
margin-top: 0;
font-size: 14px;
color: #464646;
}
.banknew .tongdaoin[data-v-6781a845] {
border: 1px solid #dddddd;
border-radius: 5px;
text-align: center;
width: 100%;
position: relative;
font-size: 12px;
}
.banknew .tongdaoin p[data-v-6781a845] {
margin: 7px 0;
}
.banknew .one[data-v-6781a845] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
margin-bottom: 10px;
}
.offlinePayCheck[data-v-6781a845] {
margin: 0 16px;
padding: 20px 0 40px 0;
}
.offlinePayCheck .ticketTip[data-v-6781a845] {
margin: 0 auto;
margin-bottom: 10px;
width: 65%;
text-align: center;
color: #9f9f9f;
}
.offlinePayCheck .ticketTitle[data-v-6781a845] {
font-weight: 600;
margin-bottom: 4px;
text-align: center;
}
.offlinePayCheck .ticketNo[data-v-6781a845] {
color: red;
text-align: center;
}
.offlinePayCheck .button-single[data-v-6781a845] {
background: #2366cc;
border-radius: 8px;
}
.offlinePayCheck .order[data-v-6781a845] {
border: 1px solid #dddddd;
border-radius: 8px;
}
.offlinePayCheck .order .top[data-v-6781a845] {
padding: 7px 10px;
border-bottom: 1px solid #dddddd;
position: relative;
background: var(--f7-THEME-color2);
}
.offlinePayCheck .order .top img[data-v-6781a845] {
position: absolute;
right: 10px;
}
.offlinePayCheck .order .lie[data-v-6781a845] {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 3px 10px;
}
.offlinePayCheck .order .lie div[data-v-6781a845]:nth-child(2) {
text-align: right;
display: grid;
align-items: center;
}
.offlinePayCheck .order .value2[data-v-6781a845] {
padding: 6px 10px;
border: 1px solid #dddddd;
border-radius: 5px;
margin: 5px 0;
position: relative;
}
.offlinePayCheck .bank[data-v-6781a845] {
border: 1px solid #dddddd;
border-radius: 8px;
margin: 10px 0;
padding: 0;
}
.offlinePayCheck .bank .card-header[data-v-6781a845] {
background: var(--f7-THEME-color2);
justify-content: flex-start;
padding: 0px 10px;
}
.offlinePayCheck .bank .card-avatar[data-v-6781a845] {
margin-right: 10px;
}
.offlinePayCheck .bank .card-content[data-v-6781a845] {
padding: 10px;
}
.offlinePayCheck .bank .card-content .value[data-v-6781a845] {
padding: 6px 10px;
border: 1px solid #dddddd;
border-radius: 5px;
margin: 3px 0;
position: relative;
}
.offlinePayCheck .bank .card-content .value img[data-v-6781a845] {
position: absolute;
top: 7px ;
right: 5px;
}
.offlinePayCheck .bank .card-content .code p[data-v-6781a845] {
margin: 3px 0;
position: relative;
padding-left: 15px;
}
.offlinePayCheck .bank .card-content .code .qr[data-v-6781a845] {
border: 1px solid #ccc;
margin-right: 15px;
border-radius: 3px;
display: grid;
align-items: center;
}
.offlinePayCheck .bank .card-content .upload[data-v-6781a845] {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #dddddd;
}
.offlinePayCheck .bank .card-content .upload p[data-v-6781a845] {
margin: 3px 0;
position: relative;
padding-left: 15px;
}
.offlinePayCheck .bank .card-content .upload .qr[data-v-6781a845] {
border-radius: 3px;
display: grid;
align-items: center;
}
.zhuyi[data-v-6781a845] {
margin: 0 16px;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 0 10px;
color: #5a5a5a;
}
.zhuyi p[data-v-6781a845] {
margin: 5px 0;
position: relative;
padding-left: 15px;
}
.xing[data-v-6781a845] {
font-size: 27px;
position: absolute;
top: -2px;
left: 0px;
}
.inline-labels .item-inner[data-v-6781a845] {
border-bottom: 1px solid #8a8a8a;
margin-right: 16px;
}
.money[data-v-6781a845] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
padding: 8px;
text-align: center;
font-weight: bold;
}
.money .onemon[data-v-6781a845] {
border: 1px solid #ccc;
border-radius: 7px;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: 100;
}
.money .active[data-v-6781a845] {
border: 1px solid var(--f7-THEME-color);
}
.block-title2[data-v-6781a845] {
margin: 10px 16px 0px;
font-size: 14px;
color: #464646;
overflow: visible;
height: auto;
white-space: normal;
}
.bigimg {
width: 100%;
left: 0;
margin: 0;
font-size: 0;
}
.bigimg .dialog-inner {
padding: 0;
}
.bigimg .close-btn {
position: absolute;
top: 8px;
right: 12px;
font-size: 24px;
color: #fff;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
cursor: pointer;
z-index: 10;
}
.deposit-qa-info[data-v-59bf7876] {
--f7-page-toolbar-bottom-offset: 0;
}
.deposit-qa-info .buttons-deposit[data-v-59bf7876] {
height: var(--f7-px-50);
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.deposit-qa-info .buttons-deposit a.tab-link[data-v-59bf7876] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
}
.deposit-qa-info .buttons-deposit a.tab-link i[data-v-59bf7876] {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.deposit-qa-info .buttons-deposit a.tab-link span[data-v-59bf7876] {
font-size: var(--f7-px-14);
margin-left: var(--f7-margin-size-0);
}
.deposit-qa-info .buttons-deposit a.tab-link[data-v-59bf7876]:after {
content: "";
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.deposit-qa-info .buttons-deposit a.tab-link[data-v-59bf7876]:last-child:after {
height: var(--f7-height-size-0);
}
.deposit-qa-info .buttons-deposit a.tab-link.tab-link-active[data-v-59bf7876] {
color: var(--f7-main-color);
border-bottom: 1px solid var(--f7-common-border-color);
}
.deposit-qa-info .buttons-deposit a.tab-link.tab-link-active i.iconfont[data-v-59bf7876] {
color: var(--f7-color-blue-active);
}
.deposit-qa-info .tab-offline .panel-img[data-v-59bf7876] {
width: 100%;
}
.deposit-qa-info .tab-offline .panel-qrcode[data-v-59bf7876] {
margin: var(--f7-margin-size-0);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
border-bottom: 1px solid #D0D0D0;
padding-bottom: var(--f7-px-15);
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info[data-v-59bf7876] {
width: 75%;
margin: 0 auto;
padding: var(--f7-padding-size-5) 0;
background: #e9e9e9;
margin-top: var(--f7-margin-size-10);
padding-top: var(--f7-padding-size-8);
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info img[data-v-59bf7876] {
width: 60%;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info p[data-v-59bf7876] {
margin: var(--f7-px-5) 12px;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info .qrcode-detail-list a.button[data-v-59bf7876] {
height: 32px;
line-height: 32px;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info .click-copy[data-v-59bf7876] {
border-radius: unset;
background-color: #e9e9e9;
color: #0070e4;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info p.qr-selectCode[data-v-59bf7876] {
font-size: var(--f7-font-size-14);
color: #464646;
word-break: break-word;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info p.qr-remark[data-v-59bf7876] {
font-size: var(--f7-font-size-14);
color: #d41e1e;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-info .qr-name[data-v-59bf7876] {
background: #0c214e;
color: #fff;
padding: var(--f7-padding-size-6) 0;
width: 50%;
margin: 0 auto;
text-align: center;
border: 1px solid #21438a;
border-radius: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-type-btn[data-v-59bf7876] {
width: 260px;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-type-btn a.button[data-v-59bf7876] {
background-color: #FF0001;
border: 1px solid #C50001;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-type-btn a.button-active[data-v-59bf7876] {
color: #fff;
background-color: #C50001;
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-btn[data-v-59bf7876] {
width: var(--f7-size-percent-90);
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-btn a.button[data-v-59bf7876] {
height: var(--f7-px-40);
line-height: var(--f7-px-40);
background-color: #ffffff;
color: #000;
border-color: #D0D0D0;
padding: var(--f7-padding-size-0);
}
.deposit-qa-info .tab-offline .panel-qrcode .qrcode-list-btn a.button-active[data-v-59bf7876] {
color: #000;
background: #ffffff;
}
.deposit-qa-info .tab-offline .block-title-payinfo[data-v-59bf7876] {
margin-top: var(--f7-margin-size-15);
margin-bottom: var(--f7-margin-size-15);
font-size: var(--f7-px-16);
color: #464646;
}
.deposit-qa-info .tab-offline .list-pay ul[data-v-59bf7876] {
background-color: var(--f7-color-bg-transparent);
}
.deposit-qa-info .tab-offline .list-pay ul .item-input .item-inner .item-title[data-v-59bf7876] {
padding-top: 0;
}
.deposit-qa-info .tab-offline .list-pay ul .item-content .item-inner .item-title[data-v-59bf7876] {
color: #464646;
width: auto;
text-align: left;
font-size: var(--f7-px-16);
}
.deposit-qa-info .tab-offline .list-pay ul .item-content .item-inner .item-input-wrap label[data-v-59bf7876] {
color: #d43030;
font-size: 14px;
}
.deposit-qa-info .tab-offline .list-pay ul .item-content .item-inner input[data-v-59bf7876] {
font-size: var(--f7-font-size-14);
}
.deposit-qa-info .tab-offline .list-pay ul .item-content .item-inner .item-after[data-v-59bf7876] {
font-size: var(--f7-font-size-14);
color: #464646;
width: auto;
max-width: unset;
flex: 1;
padding-left: 8px;
}
.deposit-qa-info .tab-offline .list-pay ul[data-v-59bf7876]:before,
.deposit-qa-info .tab-offline .list-pay ul[data-v-59bf7876]:after {
height: 0;
}
.deposit-qa-info .tab-offline .list-btn[data-v-59bf7876] {
margin-bottom: var(--f7-margin-size-15);
}
.deposit-qa-info .tab-offline .list-btn ul[data-v-59bf7876] {
background: var(--f7-button-bg-color);
}
.deposit-qa-info .tab-offline .block-title-tip[data-v-59bf7876] {
margin-top: var(--f7-margin-size-10);
font-size: var(--f7-px-16);
color: #464646;
}
.deposit-qa-info .tab-offline .block-tip[data-v-59bf7876] {
margin-bottom: var(--f7-px-160);
}
.deposit-qa-info .tab-offline .block-tip p[data-v-59bf7876] {
color: #464646;
}
.deposit-qa-info .tab-offline .list .item-inner[data-v-59bf7876]:after {
right: 10px;
left: 0px;
}
.deposit-qa-info .tab-offline .list li:last-child > .item-link.smart-select > .item-content > .item-inner[data-v-59bf7876]:after {
display: var(--f7-display-block) !important;
}
.deposit-qa-info .no-data[data-v-59bf7876] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.deposit-qa-info .deposit-balance-bgimg[data-v-59bf7876] {
width: 95%;
margin: auto;
text-align: center;
margin-top: 10px;
background-color: #e5e4dc;
background-size: cover;
border-radius: 10px;
}
.deposit-qa-info .deposit-balance-bgimg ul span[data-v-59bf7876] {
font-family: "Cairo";
color: #000;
}
.deposit-qa-info .deposit-balance-bgimg ul li[data-v-59bf7876]:nth-child(1) {
padding: 20px 20px 0px 20px;
}
.deposit-qa-info .deposit-balance-bgimg ul li:nth-child(1) span[data-v-59bf7876] {
font-weight: 500;
font-size: 24px;
line-height: 21px;
}
.deposit-qa-info .deposit-balance-bgimg ul li[data-v-59bf7876]:nth-child(2) {
padding: 5px 20px 10px 20px;
}
.deposit-qa-info .deposit-balance-bgimg ul li:nth-child(2) span[data-v-59bf7876] {
font-weight: 400;
font-size: 14px;
line-height: 26px;
}
.deposit-qa-info .deposit-info[data-v-59bf7876] {
margin: 10px 12px 12px;
padding: 0;
}
.deposit-qa-info .deposit-info .form .input-amt[data-v-59bf7876] {
margin-top: 30px;
}
.deposit-qa-info .deposit-info .form .pay-notice[data-v-59bf7876] {
margin-top: 15px;
margin-bottom: 15px;
}
.deposit-qa-info .deposit-info .form .pay-notice .item-label[data-v-59bf7876] {
font-size: 16px;
font-weight: 550;
margin-left: 3px;
}
.deposit-qa-info .deposit-info .form .confirm-notice[data-v-59bf7876] {
margin-top: 15px;
margin-bottom: 15px;
}
.deposit-qa-info .deposit-info .form .confirm-notice .item-label[data-v-59bf7876] {
font-size: 15px;
font-weight: 550;
text-align: center;
color: #5f5f5f;
}
.deposit-qa-info .deposit-info .form .item-inner .input-amt[data-v-59bf7876] {
width: 95%;
line-height: 24px;
margin: auto;
border-bottom: 1px solid #cecece;
}
.deposit-qa-info .deposit-info .form .item-inner hr[data-v-59bf7876] {
border: 1px solid #cecece;
position: absolute;
width: 96%;
top: 30px;
border-top: 1px;
text-align: center;
}
.deposit-qa-info .deposit-info .form .item-inner ul li[data-v-59bf7876]:nth-child(1) {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.deposit-qa-info .deposit-info .form .item-inner ul li:nth-child(1) span[data-v-59bf7876] {
font-weight: 700;
font-size: 20px;
line-height: 21px;
text-align: center;
color: #000000;
}
.deposit-qa-info .deposit-info .form .item-inner ul li[data-v-59bf7876]:nth-child(2) {
float: left;
margin-right: 30px;
width: 80%;
margin-bottom: 20px;
}
.deposit-qa-info .deposit-info .form .inner-amt[data-v-59bf7876] {
position: relative;
}
.deposit-qa-info .deposit-info .form .inner-amt .item-amt[data-v-59bf7876] {
position: absolute;
left: 2%;
top: -6px;
font-size: 24px;
font-weight: 500;
}
.deposit-qa-info .deposit-info .form .item-amount-quick[data-v-59bf7876] {
width: 100%;
height: 90px;
margin: auto;
}
.deposit-qa-info .deposit-info .form .item-amount-quick ul li[data-v-59bf7876] {
float: left;
width: 31%;
padding: 1%;
text-align: center;
}
.deposit-qa-info .deposit-info .form .item-amount-quick ul li div[data-v-59bf7876] {
border: 1px solid #cecece;
border-radius: 5px;
padding: 6px 12px 6px 12px;
}
.deposit-qa-info .deposit-info .form .item-amount-quick ul li span[data-v-59bf7876] {
font-weight: 600;
font-size: 15px;
line-height: 21px;
}
.deposit-qa-info .deposit-info .form .item-amount-quick .active[data-v-59bf7876] {
background-color: #e5e4dc;
}
.deposit-qa-info .deposit-info .form .item-amount-quick .active span[data-v-59bf7876] {
color: #000;
}
.deposit-qa-info .deposit-info .form .pay-method[data-v-59bf7876] {
background: #eeeeee;
border-radius: 5px;
height: 90px;
position: relative;
margin-bottom: 6px;
}
.deposit-qa-info .deposit-info .form .pay-method .checkbox-item[data-v-59bf7876] {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100px;
margin-right: 3%;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-title[data-v-59bf7876] {
padding: 10px 0px 0px 20px;
font-family: "Poppins";
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #000000;
position: absolute;
left: 0;
top: 0;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-info[data-v-59bf7876] {
padding: 10px 0px 0px 10px;
position: absolute;
left: 0px;
top: 35px;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-info ul li[data-v-59bf7876] {
float: left;
margin-left: 10px;
margin-right: 10px;
width: 28px;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-info ul li img[data-v-59bf7876] {
width: 28px;
height: 28px;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-info .item-input-wrap .checkbox-item .checkbox[data-v-59bf7876] {
position: absolute;
left: 350px;
top: 240px;
}
.deposit-qa-info .deposit-info .form .pay-method .pay-info .item-input-wrap .checkbox-item .checkbox i[data-v-59bf7876] {
border: 1px solid #3265ce;
}
.deposit-qa-info .deposit-info .form .item-title[data-v-59bf7876] {
color: #464646;
}
.deposit-qa-info .deposit-info .form .item-input-wrap[data-v-59bf7876] {
margin: 2px 0 10px;
width: 100%;
}
.deposit-qa-info .deposit-info .form .item-input-wrap input[data-v-59bf7876] {
width: 100%;
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #464646;
}
.deposit-qa-info .deposit-info .form .item-input-wrap input[type="number"][data-v-59bf7876]::-webkit-input-placeholder {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #c0c0c0;
}
.deposit-qa-info .deposit-info .form .item-input-wrap input[type="number"][data-v-59bf7876]::-moz-placeholder {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #c0c0c0;
}
.deposit-qa-info .deposit-info .form .item-input-wrap input[type="number"][data-v-59bf7876]::-ms-input-placeholder {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #c0c0c0;
}
.deposit-qa-info .deposit-info .form .item-input-wrap input[type="number"][data-v-59bf7876]::placeholder {
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #c0c0c0;
}
.deposit-qa-info .deposit-info .form .smart-select .item-after[data-v-59bf7876] {
max-width: unset;
}
.deposit-qa-info .qaimg[data-v-59bf7876] {
width: 95%;
margin: auto;
border-radius: 5px;
text-align: center;
margin-top: 10px;
}
.deposit-qa-info .qaimg img[data-v-59bf7876] {
border-radius: 5px;
max-width: 100%;
max-height: 100%;
width: 100px;
height: auto;
min-width: 100%;
min-height: 100%;
}
.deposit-qa-info .qalist[data-v-59bf7876] {
background: #f1f1f1;
}
.deposit-qa-info .qalist ul[data-v-59bf7876] {
background: #f1f1f1;
}
.deposit-qa-info .statistics[data-v-59bf7876] {
width: 95%;
margin: auto;
background: #f1f1f1;
border-radius: 5px;
text-align: center;
margin-top: 10px;
}
.deposit-qa-info .statistics .title[data-v-59bf7876] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.deposit-qa-info .statistics .amount[data-v-59bf7876] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.deposit-qa-info .statistics .desc[data-v-59bf7876] {
border-top: 1px solid #e0dbdb;
margin-top: 10px;
}
.deposit-qa-info .statistics .desc .p1[data-v-59bf7876] {
margin: 10px;
font-weight: bold;
}
.deposit-qa-info .statistics .desc .p2[data-v-59bf7876] {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
word-wrap: break-word;
}
.deposit-qa-info .accordion-list[data-v-59bf7876] {
margin-top: 20px;
border-radius: 5px;
width: 100%;
margin: auto;
}
.deposit-qa-info .accordion-list .accordion-item[data-v-59bf7876] {
border-bottom: 1px solid #f0f0f0;
}
.deposit-qa-info .accordion-list .accordion-item .col-title[data-v-59bf7876] {
position: relative;
}
.deposit-qa-info .accordion-list .accordion-item .col-title .help[data-v-59bf7876] {
position: absolute;
left: 0px;
border-radius: 5px;
width: 19px;
height: auto;
vertical-align: middle;
}
.deposit-qa-info .accordion-list .accordion-item .col-title .s-title[data-v-59bf7876] {
width: 94%;
margin-left: 15px;
margin-top: -1px;
font-size: 15px;
color: #464646;
text-decoration: underline;
word-break: break-all;
word-wrap: break-word;
}
.deposit-qa-info .accordion-list .accordion-item .col-title .accordion-item-content .ans[data-v-59bf7876] {
width: 100%;
margin-left: 10px 10px 10px 10px;
}
.deposit-qa-info .bank-card[data-v-59bf7876] {
margin: 0px;
background: -mos-linear-gradient(#6d9af6, #6d9af6);
background: linear-gradient(#6d9af6, #6d9af6);
border-radius: 8px;
color: #fff;
}
.deposit-qa-info .bank-card .card-header[data-v-59bf7876] {
justify-content: flex-start;
margin: 0 12px;
padding-right: 0;
padding-left: 0;
border-bottom: 1px solid #5e89e1;
}
.deposit-qa-info .bank-card .card-header .card-avatar img[data-v-59bf7876] {
vertical-align: middle;
}
.deposit-qa-info .bank-card .card-header .card-name[data-v-59bf7876],
.deposit-qa-info .bank-card .card-header .card-accountname[data-v-59bf7876] {
margin: 0 10px;
font-size: 16px;
position: relative;
}
.deposit-qa-info .bank-card .card-header .card-name[data-v-59bf7876]:after {
content: "";
position: absolute;
width: 1px;
height: 15px;
background-color: #fff;
right: -10px;
top: 4px;
display: block;
}
.deposit-qa-info .bank-card .card-header[data-v-59bf7876]:after {
height: 0;
}
.deposit-qa-info .bank-card .card-content .card-info[data-v-59bf7876] {
margin: 6px 10px;
padding: 5px 0;
}
.deposit-qa-info .bank-card .card-content .card-address[data-v-59bf7876] {
margin: 6px 14px;
}
.deposit-qa-info .bank-card .card-footer[data-v-59bf7876] {
padding: 15px 8px;
}
.deposit-qa-info .bank-card .card-footer .block[data-v-59bf7876] {
width: 100%;
}
.deposit-qa-info .bank-card .card-footer .block .button[data-v-59bf7876] {
background-color: #3569cf;
color: #ffffff;
}
.deposit-qa-info .bank-card .card-footer[data-v-59bf7876]:before {
height: 0;
}
.deposit-qa-info .block-bank-title[data-v-59bf7876] {
color: var(--f7-THEME-color);
margin: 20px 0 10px;
}
.deposit-qa-info .block-bank-info[data-v-59bf7876] {
margin: 5px 0 10px;
padding: 0 10px;
}
.deposit-qa-info .block-bank-info .list-bank-info[data-v-59bf7876] {
margin: 0;
}
.deposit-qa-info .block-bank-info .list-bank-info ul[data-v-59bf7876] {
background-color: transparent;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .item-input .item-inner .item-title[data-v-59bf7876] {
padding-top: 8px;
color: #464646;
width: 25%;
padding-right: 5px;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .item-input .item-inner input[data-v-59bf7876] {
color: #464646;
font-size: 14px;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .item-input .item-inner[data-v-59bf7876]:after {
height: 0;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .smart-select .item-content .item-inner .item-after[data-v-59bf7876] {
width: 69%;
color: #464646;
font-size: 14px;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .smart-select .item-content .item-inner[data-v-59bf7876]:after {
height: 0;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .smart-select.active-state[data-v-59bf7876] {
background-color: transparent;
}
.deposit-qa-info .block-bank-info .list-bank-info ul .item-title[data-v-59bf7876] {
color: #464646;
font-size: 15px;
text-align: right;
width: 27%;
}
.deposit-qa-info .block-bank-info .list-bank-info ul[data-v-59bf7876]:before,
.deposit-qa-info .block-bank-info .list-bank-info ul[data-v-59bf7876]:after {
height: 0;
}
.deposit-qa-info .button-save[data-v-59bf7876] {
margin: 20px 0px;
}
.deposit-qa-info .button-save ul[data-v-59bf7876] {
background: var(--f7-button-bg-color);
}
.deposit-qa-info .button-save ul li a[data-v-59bf7876] {
color: var(--f7-button-text-color);
}
.iframe-onlineCustom[data-v-eaa92b72] {
width: 100%;
height: calc(100% - 0px);
min-height: calc(100% - 0px);
}
.online-cs-info[data-v-eaa92b72] {
--f7-page-toolbar-bottom-offset: 0;
}
.online-cs-info .qaimg[data-v-eaa92b72] {
width: 95%;
margin: auto;
border-radius: 5px;
text-align: center;
margin-top: 10px;
}
.online-cs-info .qaimg img[data-v-eaa92b72] {
border-radius: 5px;
max-width: 100%;
max-height: 100%;
width: 100px;
height: auto;
min-width: 100%;
min-height: 100%;
}
.online-cs-info .accordion-list[data-v-eaa92b72] {
margin-top: 20px;
border-radius: 5px;
width: 100%;
}
.online-cs-info .accordion-list .accordion-item[data-v-eaa92b72] {
border-bottom: 1px solid #f0f0f0;
}
.online-cs-info .accordion-list .accordion-item .col-title[data-v-eaa92b72] {
position: relative;
}
.online-cs-info .accordion-list .accordion-item .col-title .help[data-v-eaa92b72] {
position: absolute;
left: 0px;
border-radius: 5px;
width: 19px;
height: auto;
vertical-align: middle;
}
.online-cs-info .accordion-list .accordion-item .col-title .s-title[data-v-eaa92b72] {
width: 94%;
margin-left: 15px;
margin-top: -1px;
font-size: 15px;
color: #464646;
text-decoration: underline;
word-break: break-all;
word-wrap: break-word;
}
.online-cs-info .accordion-list .accordion-item .col-title .accordion-item-content .ans[data-v-eaa92b72] {
width: 100%;
margin-left: 10px 10px 10px 10px;
}
.online-cs-info .curr-time[data-v-eaa92b72] {
text-align: center;
margin-top: 5px;
font-size: 15px;
color: #1168b5;
}
.online-cs-info .button-save[data-v-eaa92b72] {
margin: 10px 0px;
}
.online-cs-info .button-save ul[data-v-eaa92b72] {
background: #3e66ce;
}
.online-cs-info .button-save ul li a[data-v-eaa92b72] {
color: #fff;
}
.page-content-cs .item-content[data-v-eaa92b72] {
position: relative;
}
.page-content-cs .item-content .img-ico[data-v-eaa92b72] {
position: absolute;
left: -15px;
height: 32px;
}
.page-content-cs .item-content .go-ico[data-v-eaa92b72] {
font-size: 18px;
color: #d1d1d1;
}
.page-content-cs .item-content .title[data-v-eaa92b72] {
padding-left: 26px;
}
.bg[data-v-eaa92b72] {
width: 100%;
padding-bottom: 10px;
background-image: url(../images/service.png);
background-size: 100% 100%;
background-repeat: no-repeat;
color: white;
}
.bg div[data-v-eaa92b72] {
padding-left: 45%;
}
.bg div[data-v-eaa92b72]:nth-child(1) {
font-size: 18px;
font-weight: bold;
padding-top: 27px;
padding-bottom: 10px;
}
.bg div:nth-child(1) span[data-v-eaa92b72] {
color: var(--f7-THEME-color);
}
.mobile[data-v-eaa92b72] {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.mobile span[data-v-eaa92b72] {
border-bottom: 1px solid #ccc;
width: 90%;
padding-left: 10px;
}
.block[data-v-eaa92b72] {
margin: 0;
padding: 0;
}
.block .list[data-v-eaa92b72] {
margin: 0;
font-size: 14px;
}
.deposit-details-info[data-v-21036b92] {
--f7-page-toolbar-bottom-offset: 0;
}
.deposit-details-info .deposit-head-bgimg[data-v-21036b92] {
width: 95%;
margin: auto;
text-align: center;
margin-top: 10px;
background: #e5e4dc;
border-radius: 5px;
}
.deposit-details-info .deposit-head-bgimg ul span[data-v-21036b92] {
font-family: "Cairo";
color: #000;
}
.deposit-details-info .deposit-head-bgimg ul li[data-v-21036b92]:nth-child(1) {
padding: 20px 20px 0px 20px;
}
.deposit-details-info .deposit-head-bgimg ul li:nth-child(1) span[data-v-21036b92] {
font-weight: 500;
font-size: 20px;
line-height: 21px;
}
.deposit-details-info .deposit-head-bgimg ul li[data-v-21036b92]:nth-child(2) {
padding: 5px 20px 10px 20px;
}
.deposit-details-info .deposit-head-bgimg ul li:nth-child(2) span[data-v-21036b92] {
font-weight: 400;
font-size: 14px;
line-height: 26px;
}
.deposit-details-info .statistics[data-v-21036b92] {
position: relative;
width: 95%;
margin: auto;
background: #fafafa;
border-radius: 5px;
text-align: center;
margin-top: 10px;
border: 1px solid rgba(27,42,59,0.06275);
}
.deposit-details-info .statistics li[data-v-21036b92] {
width: 100%;
display: inline-block;
margin-top: 10px;
text-align: left;
margin-bottom: 10px;
}
.deposit-details-info .statistics .li-right[data-v-21036b92] {
text-align: right;
margin-left: unset;
}
.deposit-details-info .stat-remark[data-v-21036b92] {
padding: 10px 0px 10px 0px;
}
.deposit-details-info .stat-remark .li-remark[data-v-21036b92] {
width: 90%;
font-size: 15px;
font-weight: 600;
text-align: center;
}
.deposit-details-info .deposit-tail-bgimg[data-v-21036b92] {
width: 95%;
margin: auto;
text-align: center;
background: var(--f7-button-bg-color);
border-radius: 6px;
margin-top: 10px;
}
.deposit-details-info .deposit-tail-bgimg ul span[data-v-21036b92] {
font-family: "Cairo";
color: var(--f7-button-text-color);
}
.deposit-details-info .deposit-tail-bgimg ul li[data-v-21036b92]:nth-child(1) {
padding: 3px 10px 3px 10px;
}
.deposit-details-info .deposit-tail-bgimg ul li:nth-child(1) span[data-v-21036b92] {
font-weight: 600;
font-size: 16px;
line-height: 21px;
}
.deposit-details-info .deposit-tail-bgimg ul li[data-v-21036b92]:nth-child(2) {
padding: 5px 20px 10px 20px;
}
.deposit-details-info .deposit-tail-bgimg ul li:nth-child(2) span[data-v-21036b92] {
font-weight: 400;
font-size: 14px;
line-height: 26px;
}
.deposit-details-info .button-save[data-v-21036b92] {
margin: 20px 0px;
}
.deposit-details-info .button-save ul[data-v-21036b92] {
background: var(--f7-button-bg-color);
}
.deposit-details-info .button-save ul li a[data-v-21036b92] {
color: var(--f7-button-text-color);
}
.loader-logo[data-v-18938f7c] {
position: absolute;
top: 75%!important;
left: 47%!important;
margin: -60px 0 0 -60px;
color: #464646;
}
.page-transfer[data-v-75938f7c] {
--f7-px-80: 0px;
--f7-page-toolbar-bottom-offset: 0;
}
.page-transfer .block-wallet-list[data-v-75938f7c] {
margin: 0px;
padding: 0px;
}
.page-transfer .block-wallet-list .card-select-wallte[data-v-75938f7c] {
background-color: transparent;
border-radius: 10px;
color: #000;
font-size: 16px;
}
.page-transfer .block-wallet-list .card-select-wallte .card-content-padding[data-v-75938f7c] {
padding: 40px 15px;
}
.page-transfer .block-wallet-list .card-selected-wallet[data-v-75938f7c] {
background-color: transparent;
border-radius: 10px;
color: #fff;
font-size: 16px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header .wallet-name[data-v-75938f7c] {
color: #000;
font-weight: bold;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header .wallet-select .button[data-v-75938f7c] {
color: #fff;
height: 24px;
line-height: 24px;
font-size: 12px;
background-color: #394158;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header[data-v-75938f7c]:after {
width: 90%;
left: 5%;
background-color: #000;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding[data-v-75938f7c] {
padding: 10px 15px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row[data-v-75938f7c] {
padding: 8px 0;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .col-balance[data-v-75938f7c] {
line-height: 24px;
color: #d1701a;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .wallet-parent-names[data-v-75938f7c] {
color: #1b1e23;
font-size: 14px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .button[data-v-75938f7c] {
height: 24px;
line-height: 24px;
min-width: 30px;
color: var(--f7-color-white);
padding: 0 var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
border-radius: var(--f7-px-3);
background-color: transparent;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-refresh[data-v-75938f7c] {
background-color: #49743e;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-transfer[data-v-75938f7c] {
background-color: #4d88e5;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-transferOut[data-v-75938f7c] {
background-color: #3968b5;
}
.page-transfer .block-wallet-list .card-bg-bright[data-v-75938f7c] {
background-color: #e0f3ff;
}
.page-transfer .block-wallet-list .card-bg-dark[data-v-75938f7c] {
background-color: #e2ecff;
}
.page-transfer .block-transfer-type[data-v-75938f7c] {
margin: 0;
padding: 12px 15px;
border-top: 1px solid #25428b;
border-bottom: 1px solid #25428b;
}
.page-transfer .block-transfer-type .color-transferType[data-v-75938f7c] {
color: #03a9f4;
}
.page-transfer .block-transfer-from[data-v-75938f7c] {
margin: 0;
padding: 0;
border-bottom: 1px solid #25428b;
}
.page-transfer .block-transfer-from .trnasfer-from .col[data-v-75938f7c] {
height: 48px;
line-height: 48px;
color: #464646;
}
.page-transfer .block-transfer-from .trnasfer-from .col.active[data-v-75938f7c] {
background-color: #d1ebf7;
color: #000;
}
.page-transfer .list-transfer[data-v-75938f7c] {
margin: 0;
}
.page-transfer .list-transfer ul[data-v-75938f7c] {
background-color: transparent;
}
.page-transfer .list-transfer ul .item-input .item-inner .item-title[data-v-75938f7c] {
padding-top: 8px;
color: #464646;
width: 25%;
}
.page-transfer .list-transfer ul .item-input .item-inner .input-walletBlance[data-v-75938f7c] {
color: #0b78ff;
}
.page-transfer .list-transfer ul[data-v-75938f7c]:before,
.page-transfer .list-transfer ul[data-v-75938f7c]:after {
height: 0;
}
.page-transfer .block-buttons[data-v-75938f7c] {
padding: 0 12px;
margin: 10px 0 80px;
}
.page-transfer .block-buttons .button-submit[data-v-75938f7c] {
background: #3875d9;
}
.page-transfer .block-buttons .button-recycling[data-v-75938f7c] {
border: 1px solid #d6d7d8;
color: #5a5852;
background: #d6d7d8;
}
.content[data-v-3001e149] {
margin: 0 auto;
color: #c6a47a;
padding: 10px;
}
.content .tip[data-v-3001e149] {
font-size: 16px;
padding: 15px 0;
}
.content .password[data-v-3001e149] {
font-size: 0px;
}
.content .password > div[data-v-3001e149] {
width: 15%;
height: 60px;
margin-right: 2%;
font-size: 50px;
border-bottom: 1px solid #c6a47a;
display: inline-block;
line-height: 60px;
text-align: center;
vertical-align: top;
}
.content .password > div[data-v-3001e149]:nth-child(6) {
margin-right: 0px;
}
.content .keyboard[data-v-3001e149] {
font-size: 0px;
}
.content .keyboard > div[data-v-3001e149] {
width: 30%;
height: 60px;
font-size: 30px;
line-height: 60px;
margin: 15px 4% 0 0;
display: inline-block;
text-align: center;
background: #000432;
border: 1px solid #736048;
}
.content .keyboard > div[data-v-3001e149]:nth-child(3n) {
margin-right: 0;
}
.content .keyboard .delbackground[data-v-3001e149] {
background: #561f0d;
}
.content .keyboard .confirmbackground[data-v-3001e149] {
background: #0a440d;
}
.page-transfer[data-v-0164874d] {
--f7-px-80: 0px;
--f7-page-toolbar-bottom-offset: 0;
}
.page-transfer .block-wallet-list[data-v-0164874d] {
margin: 0px;
padding: 0px;
}
.page-transfer .block-wallet-list .card-select-wallte[data-v-0164874d] {
background-color: transparent;
border-radius: 10px;
color: #000;
font-size: 16px;
}
.page-transfer .block-wallet-list .card-select-wallte .card-content-padding[data-v-0164874d] {
padding: 40px 15px;
}
.page-transfer .block-wallet-list .card-selected-wallet[data-v-0164874d] {
background-color: transparent;
border-radius: 10px;
color: #fff;
font-size: 16px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header .wallet-name[data-v-0164874d] {
color: #000;
font-weight: bold;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header .wallet-select .button[data-v-0164874d] {
color: #fff;
height: 24px;
line-height: 24px;
font-size: 12px;
background-color: #394158;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-header[data-v-0164874d]:after {
width: 90%;
left: 5%;
background-color: #000;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding[data-v-0164874d] {
padding: 10px 15px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row[data-v-0164874d] {
padding: 8px 0;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .col-balance[data-v-0164874d] {
line-height: 24px;
color: #f1e21d;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding > .row .wallet-parent-names[data-v-0164874d] {
color: #1b1e23;
font-size: 14px;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .button[data-v-0164874d] {
height: 24px;
line-height: 24px;
min-width: 30px;
color: var(--f7-color-white);
padding: 0 var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
border-radius: var(--f7-px-3);
background-color: transparent;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-refresh[data-v-0164874d] {
background-color: #185818;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-transfer[data-v-0164874d] {
background-color: #a23876;
}
.page-transfer .block-wallet-list .card-selected-wallet .card-content-padding .col-btns .btn-transferOut[data-v-0164874d] {
background-color: #1f498e;
}
.page-transfer .block-wallet-list .card-bg-bright[data-v-0164874d] {
background-color: #689fd0;
}
.page-transfer .block-wallet-list .card-bg-dark[data-v-0164874d] {
background-color: #7b85b9;
}
.page-transfer .block-transfer-type[data-v-0164874d] {
margin: 0;
padding: 12px 15px;
border-top: 1px solid #25428b;
border-bottom: 1px solid #25428b;
}
.page-transfer .block-transfer-type .color-transferType[data-v-0164874d] {
color: #03a9f4;
}
.page-transfer .block-transfer-from[data-v-0164874d] {
margin: 0;
padding: 0;
border-bottom: 1px solid #25428b;
}
.page-transfer .block-transfer-from .trnasfer-from .col[data-v-0164874d] {
height: 48px;
line-height: 48px;
color: #bdbdbd;
}
.page-transfer .block-transfer-from .trnasfer-from .col.active[data-v-0164874d] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAABYCAMAAAA5k0ebAAAAclBMVEUQJVIUJ1cXKVodLGAaKl0gLmMiL2UoMmsjMGcmMWoqM20kMGgzMnI+jqk3LXEtM28wMnAnMGkrMGs2MHM5LXM0LnAyL3AtMG0wL24uMW4vNHIsNHAnWX06hqMtaIk3fpwydJQgS3IbP2gWNF8rXJkXKogVXnhIAAAEuElEQVR42szZgW7aMBSF4ZqltISIhJYUEt7/PXd9jHdqDtHFAqH9JIayrdI+37qd9saCtPpVk/vD3lNr9Bnbbreb2AdqU+e2P5/TdZ77fo4N8zB0XWc3+7aLHeKy2x0OB7ursj9pt9SVzdedc23qA22Q/b0+rTV6v0SIJvdbLEhvVwU+nuGOCA96U+97rBF+yPB2lxVSuyS/s9uyZxc8PtJlN8XtwkJ0PO51B/t97s2CO4mZO+/on3tD9/vhzdzc7QH4gZXw49h9jyPE47IrO+yQL2/PrMNN8hp2Tjsq2dW9AAsy8Yn5euLTugDfwN2f+G1sceLtUviB6l33Y/Ij5Kku+nyZSu/iRdqvQt0euIphL9h7sPe32JE37f4xQ2Ad93hr9UcN4Uv5qE764Zr+J96XxtwOS0XfbJQzXcyRjUEcCkGnegU71WXck7mi68iv4sODL+WRymf6vu3ZUBbV7aZ9kb8B+A34QhmtSD6mm834ljIPnHMD76EOeFed7Ow2+6okp7DQL4y8wN8nv7k65rN+b1dqSvbTZHe2P0VxymOtj5+is4YOK5vt6lFUT+4tzOWAcdUb5v0kA3um+HrIs4bpYVPIC305+JCfprgk+ricTqe4QB8rN+B+a5pjGbQe2YRn9BjR9dtp7clellUXCxU/1+jMKz3PG9Yy0GsnFvXxnMLLezsNC+JZHbVqvozuq+sZA/HylNF4Dj2DnvZI7dHxeGwn6zillZ0qitBFxj5ZWDP41OfiebdojtPFQXdnncFT1LVA9trjhvQoySs9z3zam76Z2xP0uQm1ezCVAR9lcSbmcqY76L76m6g7OfZCv4yvc699We3X8WhPR8uWmH1Q0YT4Mj9jW29ixwVR3DlcKiddxL0C57566tVe8cGvGwD9L/NGBm/lPcgtsV//Qnt5U7iZDDnJF9GbOnQsVYXasVf8RX767630FbA3hHIPHu+DsQ21OeP0JrhD7qNjrWcPePj09fjkT/jcAFvBAiF8VGzCvoLZB4e3T+6b+5NeX+DYK36Z2FNf+OlvbXPQxyaU4R23DSo+yi/2iq3eBFdxkrNb4jyiHy7wczn0Ovne8OsGsEIP1etfrMWbKTjJPXNV99EfH3t/8Mmv/mytm8C2aa2MyoQWbHoruIqz8Cpzjn0FvvJr7xJpZCv8VFmtFdwXZ+GF5oqv9oqv+uqvW6Ct66OzQ63cPriSO+ZPtkeBSSut8bdAt6I+ZXawlVu9NeF4RUGOHUdf/KU/L4jYAu6T6/8dvc5c9VlwWi3UMO15virtaas4e5W3/y+sx/hZ8/TU2dfWAeeI/wfof9mpgxwAQRiIoo73P7RRFsQULRIhFf+DDbsmM9TunvystQ4nyy94hI4/qP/xDJCBqqXZAxfcURxZcZ1HD19wl3IEipXBsvt2uVtSSMblcPkl42/vDhnkY/nRNKy+ObbIm3S6pWPp9qT7v0b3ocl3MQAAAAAAALC1cy83CMNAAERDAe5g80/6bxEFZW2JM/gA75UwBQwAAAAAAAAAAAAAAAAAwN+JGOgvShG+vyjHIXxPmf08fyz847Wl3m9bWlNUU7NUczO+K59yZb/Cf9d4m9Nym5qo1rSlPdUh95CeIBYcvadOcM4AAAAASUVORK5CYII=) no-repeat;
background-size: 100% 100%;
}
.page-transfer .list-transfer[data-v-0164874d] {
margin: 0;
}
.page-transfer .list-transfer ul[data-v-0164874d] {
background-color: transparent;
}
.page-transfer .list-transfer ul .item-input .item-inner .item-title[data-v-0164874d] {
padding-top: 8px;
color: #fff;
width: 25%;
}
.page-transfer .list-transfer ul .item-input .item-inner .input-walletBlance[data-v-0164874d] {
color: #ffe012;
}
.page-transfer .list-transfer ul .item-input .item-inner[data-v-0164874d]:after {
height: 0;
}
.page-transfer .list-transfer ul[data-v-0164874d]:before,
.page-transfer .list-transfer ul[data-v-0164874d]:after {
height: 0;
}
.page-transfer .block-buttons[data-v-0164874d] {
padding: 0 12px;
margin: 10px 0 80px;
}
.page-transfer .block-buttons .button-submit[data-v-0164874d] {
background: #eca954;
}
.page-transfer .block-buttons .button-recycling[data-v-0164874d] {
border: 1px solid #be9a44;
color: #be9a44;
background: #111f42;
}
.navright[data-v-0164874d] {
margin-right: 10px;
}
.page-deposit-records .block-records[data-v-0565fe6a] {
margin: 0;
padding: 0;
}
.page-deposit-records .block-records .card[data-v-0565fe6a] {
border: 1px solid #2352c6;
background-color: #152759;
margin: 8px;
}
.page-deposit-records .block-records .card .co-white[data-v-0565fe6a] {
color: #fff;
}
.page-deposit-records .block-records .card .co-gray[data-v-0565fe6a] {
color: #b8b8b9;
}
.page-deposit-records .block-records .card .co-green[data-v-0565fe6a] {
color: #33cd5f;
}
.page-deposit-records .block-records .card .co-blue[data-v-0565fe6a] {
color: #11c1f3;
}
.page-deposit-records .block-records .card .co-yellow[data-v-0565fe6a] {
color: #f7da00;
}
.page-deposit-records .block-records .card .co-red[data-v-0565fe6a] {
color: red;
}
.page-deposit-records .block-records .card .card-header[data-v-0565fe6a]:after,
.page-deposit-records .block-records .card .card-footer[data-v-0565fe6a]:before {
background-color: #1c3b93;
}
.page-deposit-records .block-records .card .card-header[data-v-0565fe6a] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-deposit-records .block-records .card .card-header i.f7-icons[data-v-0565fe6a] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: yellow;
}
.page-deposit-records .block-records .card .card-content[data-v-0565fe6a] {
font-size: 15px;
padding: 2px 4px;
}
.page-deposit-records .block-records .card .card-content .row[data-v-0565fe6a] {
padding: 4px 0;
}
.page-deposit-records .block-records .card .card-footer[data-v-0565fe6a] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-deposit-records .no-data[data-v-0565fe6a] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-withdraw[data-v-783838a6] {
--f7-page-toolbar-bottom-offset: 0;
}
@keyframes withdraw-loading-spin-783838a6 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.page-withdraw .page-init-loading-mask[data-v-783838a6] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(255, 255, 255, 0.98);
display: flex;
align-items: center;
justify-content: center;
}
.page-withdraw .page-init-loading-mask .loading-content[data-v-783838a6] {
text-align: center;
color: #1f2d3d;
}
.page-withdraw .page-init-loading-mask .loading-spinner[data-v-783838a6] {
width: 48px;
height: 48px;
margin: 0 auto 14px;
border-radius: 50%;
border: 4px solid #d8e1ea;
border-top-color: #2d6cdf;
animation: withdraw-loading-spin-783838a6 0.9s linear infinite;
}
.page-withdraw .page-init-loading-mask .loading-title[data-v-783838a6] {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #22324a;
}
.page-withdraw .page-init-loading-mask .loading-subtitle[data-v-783838a6] {
margin: 4px 0 0;
font-size: 14px;
color: #5d6c7f;
}
.page-withdraw .page-init-loading-mask .loading-percent[data-v-783838a6] {
margin: 12px 0 0;
font-size: 24px;
font-weight: 700;
color: #2d6cdf;
letter-spacing: 0.5px;
}
.page-withdraw .item-radio .item-title[data-v-783838a6] {
font-size: 12px;
}
.page-withdraw .block-withdraw[data-v-783838a6] {
margin: 10px 0;
padding: 0 10px;
}
.page-withdraw .block-withdraw .form .form-item .atm[data-v-783838a6] {
font-size: 13px;
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
max-width: 100%;
padding-right: 30px;
}
.page-withdraw .block-withdraw .form .form-item .item-inner .item-title[data-v-783838a6] {
color: #464646;
font-size: 14px;
}
.page-withdraw .block-withdraw .form .form-item .item-inner .item-input-wrap[data-v-783838a6] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-withdraw .block-withdraw .form .form-item .item-inner .item-input-wrap input[data-v-783838a6] {
width: 100%;
}
.page-withdraw .block-withdraw .form .form-item .item-inner .smart-select .item-after[data-v-783838a6] {
width: 10px;
}
.page-withdraw .block-withdraw .list-withdraw[data-v-783838a6] {
margin: 0;
}
.page-withdraw .block-withdraw .list-withdraw ul[data-v-783838a6] {
background-color: transparent;
}
.page-withdraw .block-withdraw .list-withdraw ul .item-input .item-inner .item-title[data-v-783838a6] {
padding-top: 8px;
color: #464646;
width: 30%;
}
.page-withdraw .block-withdraw .list-withdraw ul .item-input .item-inner input[data-v-783838a6] {
color: #464646;
}
.page-withdraw .block-withdraw .list-withdraw ul .item-input .item-inner[data-v-783838a6]:after {
height: 0;
}
.page-withdraw .block-withdraw .list-withdraw ul .smart-select .item-content .item-inner .item-title[data-v-783838a6] {
font-size: 13px;
color: #464646;
width: 30%;
}
.page-withdraw .block-withdraw .list-withdraw ul .smart-select .item-content .item-inner .item-after[data-v-783838a6] {
width: 70%;
color: #464646;
font-size: 14px;
}
.page-withdraw .block-withdraw .list-withdraw ul .smart-select .item-content .item-inner[data-v-783838a6]:after {
height: 0;
}
.page-withdraw .block-withdraw .list-withdraw ul .smart-select.active-state[data-v-783838a6] {
background-color: transparent;
}
.page-withdraw .block-withdraw .list-withdraw ul[data-v-783838a6]:before,
.page-withdraw .block-withdraw .list-withdraw ul[data-v-783838a6]:after {
height: 0;
}
.page-withdraw .block-table[data-v-783838a6] {
background: #38538d;
color: #fff;
margin: 5px 20px 0;
margin-bottom: 10px;
font-size: 12px;
padding: 5px 5px;
border: 1px solid #295d88;
border-radius: 5px;
}
.page-withdraw .block-table .row[data-v-783838a6] {
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
}
.page-withdraw .block-table .row .desirableAmt[data-v-783838a6] {
color: #33cd5f;
}
.page-withdraw .block-notw p[data-v-783838a6] {
color: #0064a1;
text-align: center;
}
.page-withdraw .block-buttons[data-v-783838a6] {
margin: 30px 0 20px;
}
.page-withdraw .block-buttons .button-detail[data-v-783838a6] {
background: #eca954;
}
.page-withdraw .block-buttons .button-submit[data-v-783838a6] {
border: 1px solid #be9a44;
color: #be9a44;
background: #111f42;
}
.page-withdraw .block-buttons .loadingbtnback[data-v-783838a6] {
background: #ccc;
}
.page-withdraw .block-tip[data-v-783838a6] {
margin: 0;
}
.page-withdraw .block-tip p[data-v-783838a6] {
color: #464646;
}
.page-withdraw .block-tip .tip-title[data-v-783838a6] {
color: #464646;
}
.span-verify[data-v-783838a6] {
position: var(--f7-postion-absolute);
right: var(--f7-px-10);
top: var(--f7-px-6);
z-index: 2;
}
.captcha-container canvas[data-v-783838a6] {
position: absolute;
top: 0px;
right: 0px;
}
.money[data-v-783838a6] {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
padding: 8px 0;
text-align: center;
font-weight: bold;
}
.money .one[data-v-783838a6] {
border: 1px solid #ccc;
border-radius: 7px;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: 100;
}
.money .active[data-v-783838a6] {
border: 1px solid var(--f7-THEME-color);
}
.page-gamelist .block-egame[data-v-0f96f92f] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
}
.page-gamelist .block-egame img[data-v-0f96f92f] {
width: 100%;
height: 100%;
}
.page-gamelist .block-filter[data-v-0f96f92f] {
background: #636363;
color: var(--f7-color-white);
border-bottom: 1px solid #636363;
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: 100%;
}
.page-gamelist .block-filter .list[data-v-0f96f92f] {
margin: var(--f7-margin-size-0);
}
.page-gamelist .block-filter .list ul[data-v-0f96f92f] {
background-color: transparent;
position: relative;
}
.page-gamelist .block-filter .list ul .item-content .item-inner input[data-v-0f96f92f] {
color: var(--f7-color-white);
}
.page-gamelist .block-filter .list ul .item-content .item-inner[data-v-0f96f92f]:before {
font-family: framework7-core-icons;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: #c7c7cc;
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(var(--f7-list-item-padding-horizontal) + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
content: "chevron_down";
}
.page-gamelist .block-filter .list ul[data-v-0f96f92f]:before {
height: 0;
}
.page-gamelist .block-filter .list ul[data-v-0f96f92f]:after {
right: 0;
width: 1px;
height: 25px;
background-color: #033a58;
bottom: 10px;
transform: none;
left: auto;
}
.page-gamelist .block-filter .search a.link[data-v-0f96f92f] {
line-height: 44px;
height: 44px;
color: #fff;
}
.page-gamelist .game-list[data-v-0f96f92f] {
margin: 8px var(--f7-margin-size-0);
padding: var(--f7-margin-size-0);
}
.page-gamelist .game-list .search-list[data-v-0f96f92f] {
justify-content: flex-start;
}
.page-gamelist .game-list .search-list .item-game[data-v-0f96f92f] {
margin: 0 3px;
}
.page-gamelist .game-list img[data-v-0f96f92f] {
width: 100%;
border-radius: 4px;
}
.page-gamelist .game-list .game-name[data-v-0f96f92f] {
margin: var(--f7-px-1) 0 var(--f7-px-8);
color: #464646;
}
.page-gamelist .game-list .row.no-gap[data-v-0f96f92f] {
--f7-grid-gap: 8px;
}
.page-gamelist .game-list .searchbar-not-found[data-v-0f96f92f] {
margin: 0 3px;
}
.page-activities-search .block-search[data-v-1f4c9ef1] {
margin: 15px 10px;
padding: 0;
}
.page-activities-search .block-search .list[data-v-1f4c9ef1] {
margin: 0;
}
.page-activities-search .block-search .list ul[data-v-1f4c9ef1] {
background-color: transparent;
}
.page-activities-search .block-search .list ul .item-input .item-inner .item-title[data-v-1f4c9ef1] {
padding-top: 8px;
width: 25%;
}
.page-activities-search .block-search .list ul .item-input .item-inner input[data-v-1f4c9ef1] {
color: #464646;
font-size: 14px;
}
.page-activities-search .block-search .list ul .item-input .item-inner input.input-title[data-v-1f4c9ef1] {
color: #464646;
font-size: 16px;
}
.page-activities-search .block-search .list ul .item-input .item-inner[data-v-1f4c9ef1]:after {
height: 0;
}
.page-activities-search .block-search .list ul .item-title[data-v-1f4c9ef1] {
color: #464646;
font-size: 16px;
}
.page-activities-search .block-search .list ul[data-v-1f4c9ef1]:before,
.page-activities-search .block-search .list ul[data-v-1f4c9ef1]:after {
height: 0;
}
.page-activities-search .button-search[data-v-1f4c9ef1] {
margin: 10px 12px;
}
.page-activities-search .button-search ul[data-v-1f4c9ef1] {
background: var(--f7-button-bg-color);
}
.page-activities-search .button-search ul li a[data-v-1f4c9ef1] {
color: #fff;
}
.page-activities-review .block-review[data-v-eed94204] {
margin: 0;
padding: 0;
}
.page-activities-review .block-review .accordion-item[data-v-eed94204] {
margin: 6px;
border-radius: 4px;
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
color: #464646;
font-size: 14px;
}
.page-activities-review .block-review .accordion-item .col-red[data-v-eed94204] {
color: #c50d0d;
}
.page-activities-review .block-review .accordion-item .col-green[data-v-eed94204] {
color: #17903a;
}
.page-activities-review .block-review .accordion-item .col-yellow[data-v-eed94204] {
color: yellow;
}
.page-activities-review .block-review .accordion-item .col-blue[data-v-eed94204] {
color: #028cb3;
}
.page-activities-review .block-review .accordion-item .accordion-item-toggle[data-v-eed94204] {
padding: 8px 10px;
}
.page-activities-review .block-review .accordion-item .accordion-item-toggle .row[data-v-eed94204] {
padding: 3px 0;
}
.page-activities-review .block-review .accordion-item .accordion-item-toggle .row .col-detail[data-v-eed94204] {
color: #0f9fe6;
}
.page-activities-review .block-review .accordion-item .accordion-item-toggle .row .col-detail i.f7-icons[data-v-eed94204] {
font-size: 16px;
vertical-align: middle;
margin-top: -2px;
margin-right: -4px;
margin-left: -4px;
}
.page-activities-review .block-review .accordion-item .accordion-item-content p[data-v-eed94204] {
margin: 6px 0;
}
.page-activities-review .block-review .accordion-item .accordion-item-content .card[data-v-eed94204] {
margin: var(--f7-card-margin-vertical) 50px;
padding: 4px 30px;
background-color: #e2e2e2;
border: 1px solid #b2a176;
}
.page-activities-review .block-review .accordion-item-opened .accordion-item-content[data-v-eed94204] {
border-top: 1px solid #c2c5ce;
}
.page-activities-review .no-data[data-v-eed94204] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-daily-task-search .block-search[data-v-74340d41] {
margin: 15px 10px;
padding: 0;
}
.page-daily-task-search .block-search .list[data-v-74340d41] {
margin: 0;
}
.page-daily-task-search .block-search .list ul[data-v-74340d41] {
background-color: transparent;
}
.page-daily-task-search .block-search .list ul .item-input .item-inner .item-title[data-v-74340d41] {
padding-top: 8px;
width: 25%;
}
.page-daily-task-search .block-search .list ul .item-input .item-inner .input-picker[data-v-74340d41]:before {
font-family: framework7-core-icons;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: #c7c7cc;
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(var(--f7-list-item-padding-horizontal) + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
content: "chevron_down";
}
.page-daily-task-search .block-search .list ul .item-input .item-inner input[data-v-74340d41] {
color: #464646;
font-size: 14px;
}
.page-daily-task-search .block-search .list ul .item-input .item-inner input.input-title[data-v-74340d41] {
color: #464646;
font-size: 16px;
}
.page-daily-task-search .block-search .list ul .item-input .item-inner[data-v-74340d41]:after {
height: 0;
}
.page-daily-task-search .block-search .list ul .smart-select .item-content .item-inner .item-after[data-v-74340d41] {
width: 70%;
color: #464646;
font-size: 14px;
}
.page-daily-task-search .block-search .list ul .smart-select .item-content .item-inner[data-v-74340d41]:after {
height: 0;
}
.page-daily-task-search .block-search .list ul .smart-select.active-state[data-v-74340d41] {
background-color: transparent;
}
.page-daily-task-search .block-search .list ul .item-title[data-v-74340d41] {
color: #464646;
font-size: 16px;
}
.page-daily-task-search .block-search .list ul[data-v-74340d41]:before,
.page-daily-task-search .block-search .list ul[data-v-74340d41]:after {
height: 0;
}
.page-daily-task-search .button-search[data-v-74340d41] {
margin: 10px 12px;
}
.page-daily-task-search .button-search ul[data-v-74340d41] {
background: var(--f7-button-bg-color);
}
.page-daily-task-search .button-search ul li a[data-v-74340d41] {
color: #fff;
}
.page-daily-task-review .block-review[data-v-37556b61] {
margin: 0;
padding: 0;
}
.page-daily-task-review .block-review .card[data-v-37556b61] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-daily-task-review .block-review .card .co-white[data-v-37556b61] {
color: #464646;
}
.page-daily-task-review .block-review .card .co-gray[data-v-37556b61] {
color: #8e8e91;
}
.page-daily-task-review .block-review .card .co-green[data-v-37556b61] {
color: #17903a;
}
.page-daily-task-review .block-review .card .co-blue[data-v-37556b61] {
color: #028cb3;
}
.page-daily-task-review .block-review .card .co-yellow[data-v-37556b61] {
color: #c50d0d;
}
.page-daily-task-review .block-review .card .card-header[data-v-37556b61]:after,
.page-daily-task-review .block-review .card .card-footer[data-v-37556b61]:before {
background-color: #1c3b93;
}
.page-daily-task-review .block-review .card .card-header[data-v-37556b61] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-daily-task-review .block-review .card .card-header i.f7-icons[data-v-37556b61] {
font-size: 18px;
vertical-align: middle;
margin-top: -2px;
color: #1e56bb;
}
.page-daily-task-review .block-review .card .card-content[data-v-37556b61] {
font-size: 15px;
padding: 2px 4px;
}
.page-daily-task-review .block-review .card .card-content .row[data-v-37556b61] {
padding: 4px 0;
}
.page-daily-task-review .block-review .card .card-footer[data-v-37556b61] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-daily-task-review .no-data[data-v-37556b61] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-point-center[data-v-779c474b] {
--f7-page-toolbar-bottom-offset: 0px;
}
.page-point-center .block-total-point[data-v-779c474b] {
margin: 8px 10px;
padding: 10px;
background: #e9ebef;
border-radius: 4px;
}
.page-point-center .block-total-point .row-total-point[data-v-779c474b] {
padding: 8px 0;
font-size: 16px;
color: #224ec7;
}
.page-point-center .block-total-point .row-total-point .point-title[data-v-779c474b] {
color: #464646;
}
.page-point-center .block-total-point .row-total-point[data-v-779c474b]:first-child {
border-bottom: 1px solid #27418b;
}
.page-point-center .block-proportion[data-v-779c474b] {
margin: 0px 12px;
padding: 2px 0 12px;
border-bottom: 1px solid #1f448a;
color: #8d99a9;
font-size: 16px;
}
.page-point-center .block-choose[data-v-779c474b] {
margin: 10px 12px;
padding: 0;
}
.page-point-center .block-choose p[data-v-779c474b] {
margin-bottom: 10px;
font-size: 16px;
color: #ffffff;
}
.page-point-center .block-choose .row-choose .col-33[data-v-779c474b] {
text-align: center;
color: #aabdcc;
font-size: 16px;
border: 1px solid #6882b7;
border-radius: 5px;
margin-bottom: 5px;
}
.page-point-center .block-choose .row-choose .col-33 p[data-v-779c474b] {
margin: 10px 0;
color: #464646;
}
.page-point-center .block-choose .row-choose .col-33 .itme-point[data-v-779c474b] {
color: #cb2e2e;
}
.page-point-center .block-choose .row-choose .active[data-v-779c474b] {
color: #fff;
background: url(data:image/png;base64,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) no-repeat;
background-size: 100% 100%;
border: 1px solid #ffc107;
}
.page-point-center .block-choose .row-choose .active p[data-v-779c474b] {
color: #fff;
}
.page-point-center .block-choose .row-choose .active .itme-point[data-v-779c474b] {
color: #fff;
}
.page-point-center .button-point[data-v-779c474b] {
margin: 10px 8px;
}
.page-point-center .button-point ul[data-v-779c474b] {
background: var(--f7-button-bg-color);
}
.page-point-center .button-point ul li a[data-v-779c474b] {
color: #fff;
}
.page-point-center .block-tip[data-v-779c474b] {
margin: 20px 8px;
padding: 0;
}
.page-point-center .block-tip p[data-v-779c474b] {
color: #464646;
}
.page-point-center .block-tip .tip-title[data-v-779c474b] {
color: #464646;
}
.page-vip-birthday-gift .block-birthday[data-v-2388562c] {
margin: 10px 10px;
}
.page-vip-birthday-gift .block-birthday .row[data-v-2388562c] {
padding: 12px 0;
font-size: 15px;
}
.page-vip-birthday-gift .block-birthday .row .col-25[data-v-2388562c] {
color: #464646;
}
.page-vip-birthday-gift .block-birthday .row .col-75[data-v-2388562c] {
color: #464646;
}
.page-vip-birthday-gift .button-birthday[data-v-2388562c] {
margin: 10px 8px;
}
.page-vip-birthday-gift .button-birthday ul[data-v-2388562c] {
background: var(--f7-button-bg-color);
}
.page-vip-birthday-gift .button-birthday.disabled-status ul[data-v-2388562c] {
background: #ccc;
}
.page-vip-birthday-gift .block-remark[data-v-2388562c] {
margin: 10px 10px;
padding: 0;
}
.page-vip-birthday-gift .block-remark p[data-v-2388562c] {
color: #fd6666;
font-size: 16px;
}
.page-vip-birthday-gift .block-tip[data-v-2388562c] {
margin: 20px 8px;
padding: 0;
}
.page-vip-birthday-gift .block-tip p[data-v-2388562c] {
color: #464646;
}
.page-vip-birthday-gift .block-tip .tip-title[data-v-2388562c] {
color: #464646;
}
.page-vip-holiday-gift .block-holiday[data-v-768682b2] {
margin: 10px 10px;
}
.page-vip-holiday-gift .block-holiday .row[data-v-768682b2] {
padding: 12px 0;
font-size: 15px;
}
.page-vip-holiday-gift .block-holiday .row .col-35[data-v-768682b2] {
color: #464646;
}
.page-vip-holiday-gift .block-holiday .row .col-65[data-v-768682b2] {
color: #464646;
}
.page-vip-holiday-gift .button-holiday[data-v-768682b2] {
margin: 10px 8px;
}
.page-vip-holiday-gift .button-holiday ul[data-v-768682b2] {
background: var(--f7-button-bg-color);
}
.page-vip-holiday-gift .button-holiday.disabled-status ul[data-v-768682b2] {
background: #ccc;
}
.page-vip-holiday-gift .block-remark[data-v-768682b2] {
margin: 10px 10px;
padding: 0;
}
.page-vip-holiday-gift .block-remark p[data-v-768682b2] {
color: #fd6666;
font-size: 16px;
}
.page-vip-holiday-gift .block-tip[data-v-768682b2] {
margin: 20px 8px;
padding: 0;
}
.page-vip-holiday-gift .block-tip p[data-v-768682b2] {
color: #464646;
}
.page-vip-holiday-gift .block-tip .tip-title[data-v-768682b2] {
color: #464646;
}
.page-deposit-search .block-search[data-v-188165fc] {
margin: 15px 10px;
padding: 0;
}
.page-deposit-search .block-search .form .form-item .item-inner .item-title[data-v-188165fc] {
color: #464646;
font-size: 14px;
}
.page-deposit-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-188165fc] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-deposit-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-188165fc] {
width: 100%;
}
.page-deposit-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-188165fc] {
max-width: unset;
}
.page-deposit-search .block-search .list[data-v-188165fc] {
margin: 0;
}
.page-deposit-search .block-search .list ul[data-v-188165fc] {
background-color: transparent;
}
.page-deposit-search .block-search .list ul .item-input .item-inner .item-title[data-v-188165fc] {
padding-top: 8px;
width: 25%;
}
.page-deposit-search .block-search .list ul .item-input .item-inner input[data-v-188165fc] {
color: #464646;
font-size: 14px;
}
.page-deposit-search .block-search .list ul .item-input .item-inner input.input-title[data-v-188165fc] {
color: #464646;
font-size: 16px;
}
.page-deposit-search .block-search .list ul .item-input .item-inner[data-v-188165fc]:after {
height: 0;
}
.page-deposit-search .block-search .list ul .item-title[data-v-188165fc] {
color: #464646;
font-size: 16px;
}
.page-deposit-search .block-search .list ul[data-v-188165fc]:before,
.page-deposit-search .block-search .list ul[data-v-188165fc]:after {
height: 0;
}
.page-deposit-search .button-search[data-v-188165fc] {
margin: 10px 12px;
}
.page-deposit-search .button-search ul[data-v-188165fc] {
background: var(--f7-button-bg-color);
}
.page-deposit-search .button-search ul li a[data-v-188165fc] {
color: var(--f7-button-text-color);
}
.page-deposit-search .curr-time[data-v-188165fc] {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
color: #404040;
}
.page-deposit-records .ss[data-v-aff3c3d4] {
font-weight: bold;
}
.page-deposit-records .block-records[data-v-aff3c3d4] {
margin: 0;
padding: 0;
}
.page-deposit-records .block-records .card[data-v-aff3c3d4] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-deposit-records .block-records .card .co-white[data-v-aff3c3d4] {
color: #464646;
}
.page-deposit-records .block-records .card .co-gray[data-v-aff3c3d4] {
color: #8e8e91;
}
.page-deposit-records .block-records .card .co-green[data-v-aff3c3d4] {
color: #17903a;
}
.page-deposit-records .block-records .card .co-blue[data-v-aff3c3d4] {
color: #028cb3;
}
.page-deposit-records .block-records .card .co-yellow[data-v-aff3c3d4] {
color: #7c6e01;
}
.page-deposit-records .block-records .card .co-red[data-v-aff3c3d4] {
color: #c50d0d;
}
.page-deposit-records .block-records .card .card-header[data-v-aff3c3d4]:after,
.page-deposit-records .block-records .card .card-footer[data-v-aff3c3d4]:before {
background-color: #c7c7c7;
}
.page-deposit-records .block-records .card .card-header[data-v-aff3c3d4] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-deposit-records .block-records .card .card-header i.f7-icons[data-v-aff3c3d4] {
font-size: 18px;
vertical-align: middle;
margin-top: -2px;
}
.page-deposit-records .block-records .card .card-content[data-v-aff3c3d4] {
font-size: 15px;
padding: 2px 4px;
}
.page-deposit-records .block-records .card .card-content .row[data-v-aff3c3d4] {
padding: 4px 0;
display: flex;
align-items: flex-end;
font-size: 13px;
}
.page-deposit-records .block-records .card .card-footer[data-v-aff3c3d4] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-deposit-records .no-data[data-v-aff3c3d4] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-withdraw-search .block-search[data-v-d05280f6] {
margin: 15px 10px;
padding: 0;
}
.page-withdraw-search .block-search .form .form-item .item-inner .item-title[data-v-d05280f6] {
color: #464646;
font-size: 14px;
}
.page-withdraw-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-d05280f6] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-withdraw-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-d05280f6] {
width: 100%;
}
.page-withdraw-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-d05280f6] {
max-width: unset;
}
.page-withdraw-search .block-search .list[data-v-d05280f6] {
margin: 0;
}
.page-withdraw-search .block-search .list ul[data-v-d05280f6] {
background-color: transparent;
}
.page-withdraw-search .block-search .list ul .item-input .item-inner .item-title[data-v-d05280f6] {
padding-top: 8px;
width: 25%;
}
.page-withdraw-search .block-search .list ul .item-input .item-inner input[data-v-d05280f6] {
color: #464646;
font-size: 14px;
}
.page-withdraw-search .block-search .list ul .item-input .item-inner input.input-title[data-v-d05280f6] {
color: #464646;
font-size: 16px;
}
.page-withdraw-search .block-search .list ul .item-input .item-inner[data-v-d05280f6]:after {
height: 0;
}
.page-withdraw-search .block-search .list ul .item-title[data-v-d05280f6] {
color: #464646;
font-size: 16px;
}
.page-withdraw-search .block-search .list ul[data-v-d05280f6]:before,
.page-withdraw-search .block-search .list ul[data-v-d05280f6]:after {
height: 0;
}
.page-withdraw-search .button-search[data-v-d05280f6] {
margin: 10px 12px;
}
.page-withdraw-search .button-search ul[data-v-d05280f6] {
background: var(--f7-button-bg-color);
}
.page-withdraw-search .button-search ul li a[data-v-d05280f6] {
color: var(--f7-button-text-color);
}
.page-withdraw-search .curr-time[data-v-d05280f6] {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
}
.page-withdraw-records .ss[data-v-ad52f088] {
font-weight: bold;
}
.page-withdraw-records .block-records[data-v-ad52f088] {
margin: 0;
padding: 0;
}
.page-withdraw-records .block-records .card[data-v-ad52f088] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-withdraw-records .block-records .card .co-white[data-v-ad52f088] {
color: #464646;
}
.page-withdraw-records .block-records .card .co-gray[data-v-ad52f088] {
color: #464646;
}
.page-withdraw-records .block-records .card .co-green[data-v-ad52f088] {
color: #33cd5f;
}
.page-withdraw-records .block-records .card .co-blue[data-v-ad52f088] {
color: #001743;
}
.page-withdraw-records .block-records .card .co-yellow[data-v-ad52f088] {
color: #f11f1f;
}
.page-withdraw-records .block-records .card .co-red[data-v-ad52f088] {
color: #fd6565;
}
.page-withdraw-records .block-records .card .card-header[data-v-ad52f088]:after,
.page-withdraw-records .block-records .card .card-footer[data-v-ad52f088]:before {
background-color: #c7c7c7;
}
.page-withdraw-records .block-records .card .card-header[data-v-ad52f088] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-withdraw-records .block-records .card .card-header i.f7-icons[data-v-ad52f088] {
font-size: 18px;
vertical-align: middle;
margin-top: -2px;
}
.page-withdraw-records .block-records .card .card-content[data-v-ad52f088] {
font-size: 15px;
padding: 2px 4px;
}
.page-withdraw-records .block-records .card .card-content .row[data-v-ad52f088] {
padding: 4px 0;
display: flex;
align-items: flex-end;
font-size: 13px;
}
.page-withdraw-records .block-records .card .card-footer[data-v-ad52f088] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-withdraw-records .no-data[data-v-ad52f088] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-funds-search .block-search[data-v-3b72c3ee] {
margin: 15px 10px;
padding: 0;
}
.page-funds-search .block-search .form .form-item .item-inner .item-title[data-v-3b72c3ee] {
color: #464646;
font-size: 14px;
}
.page-funds-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-3b72c3ee] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-funds-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-3b72c3ee] {
width: 100%;
}
.page-funds-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-3b72c3ee] {
max-width: unset;
}
.page-funds-search .block-search .list[data-v-3b72c3ee] {
margin: 0;
}
.page-funds-search .block-search .list ul[data-v-3b72c3ee] {
background-color: transparent;
}
.page-funds-search .block-search .list ul .item-input .item-inner .item-title[data-v-3b72c3ee] {
padding-top: 8px;
width: 25%;
}
.page-funds-search .block-search .list ul .item-input .item-inner input[data-v-3b72c3ee] {
color: #464646;
font-size: 14px;
}
.page-funds-search .block-search .list ul .item-input .item-inner input.input-title[data-v-3b72c3ee] {
color: #464646;
font-size: 16px;
}
.page-funds-search .block-search .list ul .item-input .item-inner[data-v-3b72c3ee]:after {
height: 0;
}
.page-funds-search .block-search .list ul .smart-select .item-content .item-inner .item-after[data-v-3b72c3ee] {
width: 70%;
color: #464646;
font-size: 14px;
}
.page-funds-search .block-search .list ul .smart-select .item-content .item-inner[data-v-3b72c3ee]:after {
height: 0;
}
.page-funds-search .block-search .list ul .smart-select.active-state[data-v-3b72c3ee] {
background-color: transparent;
}
.page-funds-search .block-search .list ul .item-title[data-v-3b72c3ee] {
color: #464646;
font-size: 16px;
}
.page-funds-search .block-search .list ul[data-v-3b72c3ee]:before,
.page-funds-search .block-search .list ul[data-v-3b72c3ee]:after {
height: 0;
}
.page-funds-search .button-search[data-v-3b72c3ee] {
margin: 10px 12px;
}
.page-funds-search .button-search ul[data-v-3b72c3ee] {
background: var(--f7-button-bg-color);
}
.page-funds-search .button-search ul li a[data-v-3b72c3ee] {
color: var(--f7-button-text-color);
}
.page-funds-search .curr-time[data-v-3b72c3ee] {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
color: #404040;
}
.page-funds-records .ss[data-v-cb265f30] {
font-weight: bold;
}
.page-funds-records .block-records[data-v-cb265f30] {
margin: 0;
padding: 0;
}
.page-funds-records .block-records .card[data-v-cb265f30] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-funds-records .block-records .card .co-white[data-v-cb265f30] {
color: #464646;
}
.page-funds-records .block-records .card .co-gray[data-v-cb265f30] {
color: #474753;
}
.page-funds-records .block-records .card .co-green[data-v-cb265f30] {
color: #17903a;
}
.page-funds-records .block-records .card .co-blue[data-v-cb265f30] {
color: #028cb3;
}
.page-funds-records .block-records .card .co-yellow[data-v-cb265f30] {
color: #f79400;
}
.page-funds-records .block-records .card .co-red[data-v-cb265f30] {
color: #c50d0d;
}
.page-funds-records .block-records .card .card-header[data-v-cb265f30]:after,
.page-funds-records .block-records .card .card-footer[data-v-cb265f30]:before {
background-color: #c7c7c7;
}
.page-funds-records .block-records .card .card-header[data-v-cb265f30] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-funds-records .block-records .card .card-header i.f7-icons[data-v-cb265f30] {
font-size: 18px;
vertical-align: middle;
margin-top: -2px;
}
.page-funds-records .block-records .card .card-content[data-v-cb265f30] {
font-size: 15px;
padding: 2px 4px;
}
.page-funds-records .block-records .card .card-content .row[data-v-cb265f30] {
padding: 4px 0;
display: flex;
align-items: flex-end;
font-size: 13px;
}
.page-funds-records .block-records .card .card-footer[data-v-cb265f30] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-funds-records .no-data[data-v-cb265f30] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-integral-search .block-search[data-v-2833c2cc] {
margin: 15px 10px;
padding: 0;
}
.page-integral-search .block-search .list[data-v-2833c2cc] {
margin: 0;
}
.page-integral-search .block-search .list ul[data-v-2833c2cc] {
background-color: transparent;
}
.page-integral-search .block-search .list ul .item-input .item-inner .item-title[data-v-2833c2cc] {
padding-top: 8px;
width: 25%;
}
.page-integral-search .block-search .list ul .item-input .item-inner input[data-v-2833c2cc] {
color: #464646;
font-size: 14px;
}
.page-integral-search .block-search .list ul .item-input .item-inner input.input-title[data-v-2833c2cc] {
color: #464646;
font-size: 16px;
}
.page-integral-search .block-search .list ul .item-input .item-inner[data-v-2833c2cc]:after {
height: 0;
}
.page-integral-search .block-search .list ul .item-title[data-v-2833c2cc] {
color: #464646;
font-size: 16px;
}
.page-integral-search .block-search .list ul[data-v-2833c2cc]:before,
.page-integral-search .block-search .list ul[data-v-2833c2cc]:after {
height: 0;
}
.page-integral-search .button-search[data-v-2833c2cc] {
margin: 10px 12px;
}
.page-integral-search .button-search ul[data-v-2833c2cc] {
background: var(--f7-button-bg-color);
}
.page-integral-search .button-search ul li a[data-v-2833c2cc] {
color: #fff;
}
.page-integral-records .block-records[data-v-30d83407] {
margin: 0;
padding: 0;
}
.page-integral-records .block-records .card[data-v-30d83407] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-integral-records .block-records .card .co-white[data-v-30d83407] {
color: #464646;
}
.page-integral-records .block-records .card .co-gray[data-v-30d83407] {
color: #8e8e91;
}
.page-integral-records .block-records .card .co-green[data-v-30d83407] {
color: #17903a;
}
.page-integral-records .block-records .card .co-blue[data-v-30d83407] {
color: #028cb3;
}
.page-integral-records .block-records .card .co-yellow[data-v-30d83407] {
color: #f7da00;
}
.page-integral-records .block-records .card .co-red[data-v-30d83407] {
color: #c50d0d;
}
.page-integral-records .block-records .card .card-header[data-v-30d83407]:after,
.page-integral-records .block-records .card .card-footer[data-v-30d83407]:before {
background-color: #1c3b93;
}
.page-integral-records .block-records .card .card-header[data-v-30d83407] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-integral-records .block-records .card .card-header i.f7-icons[data-v-30d83407] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: 1e56bb;
}
.page-integral-records .block-records .card .card-content[data-v-30d83407] {
font-size: 15px;
padding: 2px 4px;
}
.page-integral-records .block-records .card .card-content .row[data-v-30d83407] {
padding: 4px 0;
}
.page-integral-records .block-records .card .card-footer[data-v-30d83407] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-integral-records .no-data[data-v-30d83407] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-integral-search .block-search[data-v-55d602ea] {
margin: 15px 10px;
padding: 0;
}
.page-integral-search .block-search .list[data-v-55d602ea] {
margin: 0;
}
.page-integral-search .block-search .list ul[data-v-55d602ea] {
background-color: transparent;
}
.page-integral-search .block-search .list ul .item-input .item-inner .item-title[data-v-55d602ea] {
padding-top: 8px;
width: 25%;
}
.page-integral-search .block-search .list ul .item-input .item-inner input[data-v-55d602ea] {
color: #464646;
font-size: 14px;
}
.page-integral-search .block-search .list ul .item-input .item-inner input.input-title[data-v-55d602ea] {
color: #464646;
font-size: 16px;
}
.page-integral-search .block-search .list ul .item-input .item-inner[data-v-55d602ea]:after {
height: 0;
}
.page-integral-search .block-search .list ul .item-title[data-v-55d602ea] {
color: #464646;
font-size: 16px;
}
.page-integral-search .block-search .list ul[data-v-55d602ea]:before,
.page-integral-search .block-search .list ul[data-v-55d602ea]:after {
height: 0;
}
.page-integral-search .button-search[data-v-55d602ea] {
margin: 10px 12px;
}
.page-integral-search .button-search ul[data-v-55d602ea] {
background: var(--f7-button-bg-color);
}
.page-integral-search .button-search ul li a[data-v-55d602ea] {
color: #fff;
}
.page-activity-records .block-records[data-v-4ff59ada] {
margin: 0;
padding: 0;
}
.page-activity-records .block-records .card[data-v-4ff59ada] {
border: 1px solid #d2d2d2;
background-color: #f9f9f9;
margin: 8px;
}
.page-activity-records .block-records .card .co-white[data-v-4ff59ada] {
color: #464646;
}
.page-activity-records .block-records .card .co-gray[data-v-4ff59ada] {
color: #8e8e91;
}
.page-activity-records .block-records .card .co-green[data-v-4ff59ada] {
color: #17903a;
}
.page-activity-records .block-records .card .co-blue[data-v-4ff59ada] {
color: #028cb3;
}
.page-activity-records .block-records .card .co-yellow[data-v-4ff59ada] {
color: #706404;
}
.page-activity-records .block-records .card .co-red[data-v-4ff59ada] {
color: #c50d0d;
}
.page-activity-records .block-records .card .card-header[data-v-4ff59ada]:after,
.page-activity-records .block-records .card .card-footer[data-v-4ff59ada]:before {
background-color: #1c3b93;
}
.page-activity-records .block-records .card .card-header[data-v-4ff59ada] {
display: block;
font-size: 13px;
padding: 10px 15px 10px 8px;
}
.page-activity-records .block-records .card .card-header i.f7-icons[data-v-4ff59ada] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: #1e56bb;
}
.page-activity-records .block-records .card .card-content[data-v-4ff59ada] {
font-size: 15px;
padding: 2px 4px;
}
.page-activity-records .block-records .card .card-content .row[data-v-4ff59ada] {
padding: 4px 0;
}
.page-activity-records .block-records .card .card-footer[data-v-4ff59ada] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-activity-records .no-data[data-v-4ff59ada] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-betting-search .block-search[data-v-e4e71464] {
margin: 15px 10px;
padding: 0;
}
.page-betting-search .block-search .form .form-item .item-inner .item-title[data-v-e4e71464] {
color: #464646;
font-size: 14px;
}
.page-betting-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-e4e71464] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-betting-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-e4e71464] {
width: 100%;
}
.page-betting-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-e4e71464] {
max-width: unset;
}
.page-betting-search .block-search .list[data-v-e4e71464] {
margin: 0;
}
.page-betting-search .block-search .list ul[data-v-e4e71464] {
background-color: transparent;
}
.page-betting-search .block-search .list ul .item-input .item-inner .input-filter .row-item .col-50[data-v-e4e71464] {
position: relative;
}
.page-betting-search .block-search .list ul .item-input .item-inner .input-filter .row-item .col-50[data-v-e4e71464]:first-child:after {
content: "";
position: absolute;
right: 2px;
width: 1px;
height: 25px;
background-color: #033a58;
bottom: 10px;
}
.page-betting-search .block-search .list ul .item-input .item-inner .input-filter .row-item .col-50[data-v-e4e71464]:before {
font-family: framework7-core-icons;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga";
font-feature-settings: "liga";
text-align: center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
width: 8px;
height: 14px;
margin-top: -7px;
font-size: 20px;
font-size: var(--f7-list-chevron-icon-font-size);
line-height: 14px;
color: #c7c7cc;
color: var(--f7-list-chevron-icon-color);
pointer-events: none;
right: calc(var(--f7-list-item-padding-horizontal) + 0px);
right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right));
content: "chevron_down";
}
.page-betting-search .block-search .list ul .item-input .item-inner .item-title[data-v-e4e71464] {
padding-top: 8px;
width: 25%;
}
.page-betting-search .block-search .list ul .item-input .item-inner input[data-v-e4e71464] {
color: #464646;
font-size: 14px;
}
.page-betting-search .block-search .list ul .item-input .item-inner input.input-title[data-v-e4e71464] {
color: #464646;
font-size: 16px;
}
.page-betting-search .block-search .list ul .item-input .item-inner[data-v-e4e71464]:after {
height: 0;
}
.page-betting-search .block-search .list ul .item-title[data-v-e4e71464] {
color: #464646;
font-size: 16px;
}
.page-betting-search .block-search .list ul[data-v-e4e71464]:before,
.page-betting-search .block-search .list ul[data-v-e4e71464]:after {
height: 0;
}
.page-betting-search .button-search[data-v-e4e71464] {
margin: 10px 12px;
}
.page-betting-search .button-search ul[data-v-e4e71464] {
background: var(--f7-button-bg-color);
}
.page-betting-search .button-search ul li a[data-v-e4e71464] {
color: var(--f7-button-text-color);
}
.page-betting-search .curr-time[data-v-e4e71464] {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
color: #404040;
}
.statistics[data-v-f0faafce] {
position: relative;
height: 146px;
margin-bottom: 10px;
font-size: 12px;
width: 96%;
margin: auto;
border: 1px solid #ddd9d9;
border-radius: 4px;
text-align: center;
margin-top: 10px;
background-color: #f9f9f9;
}
.statistics .list-a[data-v-f0faafce] {
border-bottom: 1px solid #ededed;
}
.statistics .list-a .list-title[data-v-f0faafce] {
width: 96%;
line-height: 26px;
display: inline-block;
margin-top: 0px;
text-align: left;
margin-left: 40px;
font-weight: bold;
font-size: 13px;
margin-bottom: -3px;
}
.statistics .list-a .list-ts[data-v-f0faafce] {
width: 90%;
display: inline-block;
text-align: left;
margin-left: 39px;
}
.statistics .list-img[data-v-f0faafce] {
width: 30%;
line-height: 30px;
display: inline-block;
margin-top: 10px;
text-align: left;
margin: 10px 0px 10px 0px;
}
.statistics .list-img img[data-v-f0faafce] {
position: absolute;
top: 50px;
left: 1%;
height: 90px;
width: 90px;
border: 1px solid #e1e1e1;
border-radius: 30%;
}
.statistics .list-type-ico[data-v-f0faafce] {
position: absolute;
top: -3px;
left: 10px;
}
.statistics .list-detail[data-v-f0faafce] {
width: 66%;
line-height: 30px;
display: inline-block;
margin-top: 10px;
}
.statistics .list-detail p[data-v-f0faafce] {
font-weight: 500;
line-height: 1;
margin-top: 0;
text-align: left;
margin-bottom: 9px;
}
.statistics .list-detail .p-name[data-v-f0faafce] {
font-weight: bold;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.statistics .list-ico[data-v-f0faafce] {
position: absolute;
right: 3%;
top: 10px;
color: #3e66ce;
}
.statistics .col-blue[data-v-f0faafce] {
color: #1576dd;
}
.statistics .col-green[data-v-f0faafce] {
color: #17903a;
}
.statistics .col-yellow[data-v-f0faafce] {
color: #ff7e00;
}
.statistics .col-gray[data-v-f0faafce] {
color: #777777;
}
.statistics .title[data-v-f0faafce] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.statistics .amount[data-v-f0faafce] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.statistics .desc[data-v-f0faafce] {
border-top: 1px solid #e0dbdb;
margin-top: 10px;
}
.statistics .desc .p1[data-v-f0faafce] {
margin: 10px;
font-weight: bold;
}
.statistics .desc .p2[data-v-f0faafce] {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
word-wrap: break-word;
}
.page-member-info[data-v-3dd39cc8] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-member-info .buttons-deposit[data-v-3dd39cc8] {
height: var(--f7-px-50);
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.page-member-info .buttons-deposit a.tab-link[data-v-3dd39cc8] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
}
.page-member-info .buttons-deposit a.tab-link i[data-v-3dd39cc8] {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.page-member-info .buttons-deposit a.tab-link span[data-v-3dd39cc8] {
font-size: var(--f7-px-14);
margin-left: var(--f7-margin-size-0);
}
.page-member-info .buttons-deposit a.tab-link[data-v-3dd39cc8]:after {
content: "";
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.page-member-info .buttons-deposit a.tab-link[data-v-3dd39cc8]:last-child:after {
height: var(--f7-height-size-0);
}
.page-member-info .buttons-deposit a.tab-link.tab-link-active[data-v-3dd39cc8] {
color: var(--f7-main-color);
border-bottom: 1px solid var(--f7-common-border-color);
}
.page-member-info .buttons-deposit a.tab-link.tab-link-active i.iconfont[data-v-3dd39cc8] {
color: var(--f7-color-blue-active);
}
.page-member-info .status-content[data-v-3dd39cc8] {
display: grid;
justify-content: center;
text-align: center;
margin-bottom: 10px;
}
.page-member-info .status-content .idStatus[data-v-3dd39cc8] {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.page-member-info .status-content .pendSubmission[data-v-3dd39cc8] {
color: #b57b24;
}
.page-member-info .status-content .underReview[data-v-3dd39cc8] {
color: #704785;
}
.page-member-info .status-content .approved[data-v-3dd39cc8] {
color: #415ec5;
}
.page-member-info .status-content .notApproved[data-v-3dd39cc8] {
color: #cd3434;
}
.page-member-info .remark-content[data-v-3dd39cc8] {
margin: 10px 0px;
border: 2px solid #e5e5e5;
border-radius: 5px;
padding: 20px;
position: relative;
}
.page-member-info .remark-content .remark-title[data-v-3dd39cc8] {
position: absolute;
background-color: #ffffff;
font-size: 18px;
font-weight: 600;
width: 80px;
text-align: center;
top: -10px;
}
.page-member-info .remark-content .remark-text[data-v-3dd39cc8] {
font-size: 14px;
color: #cd3434;
line-height: 20px;
text-align: center;
}
.page-member-info .upload-content[data-v-3dd39cc8] {
display: flex;
justify-content: space-around;
padding: 10px 0;
}
.page-member-info .upload-content .upload-box[data-v-3dd39cc8] {
display: grid;
text-align: center;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader {
position: relative;
display: inline-block;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__wrapper {
display: flex;
flex-wrap: wrap;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__upload {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0 0.21333rem 0.21333rem 0;
background: none;
}
.page-member-info .upload-content .upload1[data-v-3dd39cc8] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
}
.page-member-info .upload-content .upload2[data-v-3dd39cc8] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
}
.page-member-info .upload-content .upload3[data-v-3dd39cc8] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__preview {
display: contents;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
opacity: 0;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__upload-icon {
color: #c6c6c6;
font-size: 34px;
display: none;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-image {
position: relative;
display: inline-block;
}
.page-member-info .upload-content[data-v-3dd39cc8] .van-uploader__preview-image {
width: 100px;
height: 65px;
}
.page-member-info .tip-content[data-v-3dd39cc8] {
border-top: 2px solid #e5e5e5;
margin: 10px 0;
padding: 20px 0px 0px 0px;
}
.page-member-info .tip-content .tip-title[data-v-3dd39cc8] {
color: var(--f7-THEME-color);
font-size: 14px;
margin: 10px 0px;
}
.page-member-info .submit-content[data-v-3dd39cc8] {
margin: 10px 0px;
}
.page-member-info .submit-content .submitButton[data-v-3dd39cc8] {
color: var(--f7-button-text-color);
font-weight: bold;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
background-color: var(--f7-THEME-color);
border-radius: var(--f7-list-inset-border-radius);
font-size: 17px;
}
.page-member-info .block-member-info[data-v-3dd39cc8] {
margin: 5px 0 10px;
padding: 0 10px;
}
.page-member-info .block-member-info .form .form-item .atm[data-v-3dd39cc8] {
font-size: 13px;
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
max-width: 100%;
color: #000;
}
.page-member-info .block-member-info .form .form-item .item-inner .item-title[data-v-3dd39cc8] {
color: #464646;
font-size: 14px;
}
.page-member-info .block-member-info .form .form-item .item-inner .item-input-wrap[data-v-3dd39cc8] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-member-info .block-member-info .form .form-item .item-inner .item-input-wrap input[data-v-3dd39cc8] {
width: 100%;
}
.page-member-info .block-member-info .form .form-item .item-inner .smart-select .item-after[data-v-3dd39cc8] {
max-width: unset;
}
.page-member-info .button-save[data-v-3dd39cc8] {
margin: 10px 12px;
}
.page-member-info .button-save ul[data-v-3dd39cc8] {
background: var(--f7-button-bg-color);
}
.page-member-info .button-save ul li a[data-v-3dd39cc8] {
color: #fff;
}
[data-v-3dd39cc8] .van-dialog {
width: 280px;
height: 80px;
background-color: #29303a !important;
display: flex;
justify-content: center;
align-items: center;
}
[data-v-3dd39cc8] .van-dialog .van-loading {
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
}
[data-v-3dd39cc8] .van-dialog .van-loading__text {
color: white;
}
.page-change-security-pwd[data-v-6296df4e] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-change-security-pwd .block-change-security-pwd[data-v-6296df4e] {
margin: 5px 0 10px;
padding: 0 10px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-title[data-v-6296df4e] {
color: #464646;
font-size: 14px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-input-wrap[data-v-6296df4e] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-input-wrap input[data-v-6296df4e] {
width: 100%;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .smart-select .item-after[data-v-6296df4e] {
max-width: unset;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd[data-v-6296df4e] {
margin: 0;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-6296df4e] {
background-color: transparent;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner .item-title[data-v-6296df4e] {
padding-top: 8px;
color: #464646;
width: 26%;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner input[data-v-6296df4e] {
color: #464646;
font-size: 14px;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner[data-v-6296df4e]:after {
height: 0;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-6296df4e]:before,
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-6296df4e]:after {
height: 0;
}
.page-change-security-pwd .button-save[data-v-6296df4e] {
margin: 10px 12px;
}
.page-change-security-pwd .button-save ul[data-v-6296df4e] {
background: var(--f7-button-bg-color);
}
.page-change-security-pwd .button-save ul li a[data-v-6296df4e] {
color: var(--f7-button-text-color);
}
.page-bank-info[data-v-1b52a580] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-bank-info .row-choose[data-v-1b52a580] {
margin-bottom: 10px;
}
.page-bank-info .row-choose .col-50[data-v-1b52a580] {
min-height: 67px;
text-align: center;
color: #000;
font-size: 16px;
border: 1px solid #cecece;
border-radius: 5px;
margin-bottom: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.page-bank-info .row-choose .col-50 p[data-v-1b52a580] {
margin: 10px 0;
color: #464646;
}
.page-bank-info .row-choose .col-50 .itme-point[data-v-1b52a580] {
color: #000;
}
.page-bank-info .row-choose .active[data-v-1b52a580] {
background-color: #e5e4dc;
color: #000;
background-size: 100% 100%;
border: 1px solid #cecece;
}
.page-bank-info .row-choose .active p[data-v-1b52a580] {
color: #fff;
}
.page-bank-info .row-choose .active .itme-point[data-v-1b52a580] {
color: #000;
}
.page-bank-info .bank-card[data-v-1b52a580] {
margin: 0px;
background: linear-gradient(#000, var(--f7-THEME-color));
border-radius: 8px;
color: #fff;
}
.page-bank-info .bank-card .card-header[data-v-1b52a580] {
justify-content: flex-start;
margin: 0 12px;
padding-right: 0;
padding-left: 0;
border-bottom: 1px solid #a5a5a5;
}
.page-bank-info .bank-card .card-header .card-avatar[data-v-1b52a580] {
width: 10%;
}
.page-bank-info .bank-card .card-header .card-avatar img[data-v-1b52a580] {
vertical-align: middle;
}
.page-bank-info .bank-card .card-header .card-name[data-v-1b52a580],
.page-bank-info .bank-card .card-header .card-accountname[data-v-1b52a580] {
width: 80%;
margin: 0 10px;
font-size: 16px;
position: relative;
}
.page-bank-info .bank-card .card-header[data-v-1b52a580]:after {
height: 0;
}
.page-bank-info .bank-card .card-content .card-info[data-v-1b52a580] {
margin: 6px 10px;
padding: 5px 0;
}
.page-bank-info .bank-card .card-content .card-info .eyepng[data-v-1b52a580] {
position: relative;
top: 6px;
width: 30px;
height: 30px;
}
.page-bank-info .bank-card .card-content .card-address[data-v-1b52a580] {
margin-top: -10px;
}
.page-bank-info .bank-card .card-footer[data-v-1b52a580] {
padding: 15px 8px;
}
.page-bank-info .bank-card .card-footer .block[data-v-1b52a580] {
width: 100%;
}
.page-bank-info .bank-card .card-footer .block .button[data-v-1b52a580] {
background-color: #3569cf;
color: #ffffff;
font-size: 10px;
}
.page-bank-info .bank-card .card-footer[data-v-1b52a580]:before {
height: 0;
}
.page-bank-info .block-bank-title[data-v-1b52a580] {
color: var(--f7-THEME-color);
margin: 20px 0 10px;
}
.page-bank-info .block-bank-info[data-v-1b52a580] {
margin: 10px 12px 12px;
padding: 0;
}
.page-bank-info .block-bank-info .max[data-v-1b52a580] {
max-width: 100%;
}
.page-bank-info .block-bank-info .form .item-title[data-v-1b52a580] {
color: #464646;
}
.page-bank-info .block-bank-info .form .item-input-wrap[data-v-1b52a580] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
min-height: 20px;
}
.page-bank-info .block-bank-info .form .item-input-wrap input[data-v-1b52a580] {
width: 100%;
}
.page-bank-info .button-save[data-v-1b52a580] {
margin: 20px 12px;
}
.page-bank-info .button-save ul[data-v-1b52a580] {
background: var(--f7-button-bg-color);
}
.page-bank-info .button-save ul li a[data-v-1b52a580] {
color: var(--f7-button-text-color);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info[data-v-1b52a580] {
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link[data-v-1b52a580] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info[data-v-1b52a580] {
width: 90%!important;
margin: 10px auto;
border: 1px solid var(--f7-THEME-color);
border-radius: 8px;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link[data-v-1b52a580] {
color: #1d1a1a;
padding: 0px 5px;
text-align: center;
height: 40px;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link.tab-link-active[data-v-1b52a580] {
border: 0;
background: var(--f7-THEME-color);
color: #fff;
padding: 5px;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link[data-v-1b52a580]:last-child:after {
width: 0;
height: 0;
display: none;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link i[data-v-1b52a580] {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link span[data-v-1b52a580] {
font-size: var(--f7-px-14);
margin-left: var(--f7-margin-size-0);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link[data-v-1b52a580]:after {
content: '';
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link[data-v-1b52a580]:last-child:after {
height: var(--f7-height-size-0);
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link.tab-link-active[data-v-1b52a580] {
color: #fff;
}
.ios .page-bank-info .page-content .buttons-deposit-bank-info a.tab-link.tab-link-active i.iconfont[data-v-1b52a580] {
color: var(--f7-color-blue-active);
}
.page-change-login-pwd[data-v-4bc4552a] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-change-login-pwd .block-change-login-pwd[data-v-4bc4552a] {
margin: 5px 0 10px;
padding: 0 10px;
}
.page-change-login-pwd .block-change-login-pwd .form .form-item .item-inner .item-title[data-v-4bc4552a] {
color: #464646;
font-size: 14px;
}
.page-change-login-pwd .block-change-login-pwd .form .form-item .item-inner .item-input-wrap[data-v-4bc4552a] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-change-login-pwd .block-change-login-pwd .form .form-item .item-inner .item-input-wrap input[data-v-4bc4552a] {
width: 100%;
}
.page-change-login-pwd .block-change-login-pwd .form .form-item .item-inner .smart-select .item-after[data-v-4bc4552a] {
max-width: unset;
}
.page-change-login-pwd .button-save[data-v-4bc4552a] {
margin: 10px 12px;
}
.page-change-login-pwd .button-save ul[data-v-4bc4552a] {
background: var(--f7-button-bg-color);
}
.page-change-login-pwd .button-save ul li a[data-v-4bc4552a] {
color: #fff;
}
[data-v-4bc4552a] .van-tabs__line {
height: 2px;
width: 50%;
background-color: var(--f7-THEME-color);
}
.page-change-security-pwd[data-v-22b02e19] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-change-security-pwd .block-change-security-pwd[data-v-22b02e19] {
margin: 5px 0 10px;
padding: 0 10px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-title[data-v-22b02e19] {
color: #464646;
font-size: 14px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-input-wrap[data-v-22b02e19] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .item-input-wrap input[data-v-22b02e19] {
width: 100%;
}
.page-change-security-pwd .block-change-security-pwd .form .form-item .item-inner .smart-select .item-after[data-v-22b02e19] {
max-width: unset;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd[data-v-22b02e19] {
margin: 0;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-22b02e19] {
background-color: transparent;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner .item-title[data-v-22b02e19] {
padding-top: 8px;
color: #464646;
width: 26%;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner input[data-v-22b02e19] {
color: #464646;
font-size: 14px;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul .item-input .item-inner[data-v-22b02e19]:after {
height: 0;
}
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-22b02e19]:before,
.page-change-security-pwd .block-change-security-pwd .list-change-security-pwd ul[data-v-22b02e19]:after {
height: 0;
}
.page-change-security-pwd .button-save[data-v-22b02e19] {
margin: 10px 12px;
}
.page-change-security-pwd .button-save ul[data-v-22b02e19] {
background: var(--f7-button-bg-color);
}
.page-change-security-pwd .button-save ul li a[data-v-22b02e19] {
color: var(--f7-button-text-color);
}
.page-set-encrypted[data-v-6c8b11ee] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-set-encrypted .block-set-encrypted[data-v-6c8b11ee] {
margin: 5px 0 10px;
padding: 0px;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted[data-v-6c8b11ee] {
margin: 0;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul[data-v-6c8b11ee] {
background-color: transparent;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul li .item-content[data-v-6c8b11ee] {
padding-left: 0px;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .item-input .item-inner .item-title[data-v-6c8b11ee] {
padding-top: 8px;
color: #fff;
padding-right: 5px;
width: 25%;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .item-input .item-inner input[data-v-6c8b11ee] {
color: #fff;
font-size: 14px;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .item-input .item-inner[data-v-6c8b11ee]:after {
height: 0;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .smart-select .item-content .item-inner .item-after[data-v-6c8b11ee] {
width: 70%;
color: #fff;
font-size: 14px;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .smart-select .item-content .item-inner[data-v-6c8b11ee]:after {
height: 0;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .smart-select.active-state[data-v-6c8b11ee] {
background-color: transparent;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul .item-title[data-v-6c8b11ee] {
color: #fff;
font-size: 15px;
text-align: right;
width: 26.5%;
}
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul[data-v-6c8b11ee]:before,
.page-set-encrypted .block-set-encrypted .list-set-encrypted ul[data-v-6c8b11ee]:after {
height: 0;
}
.page-set-encrypted .button-save[data-v-6c8b11ee] {
margin: 10px 12px;
}
.page-set-encrypted .button-save ul[data-v-6c8b11ee] {
background: var(--f7-button-bg-color);
}
.page-messgae-center[data-v-e1b66098] {
--f7-page-toolbar-bottom-offset: 0px;
}
.page-messgae-center .tabs-message[data-v-e1b66098] {
margin: auto;
width: 95%;
}
.page-messgae-center .buttons-message[data-v-e1b66098] {
height: 48px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.page-messgae-center .buttons-message a.tab-link[data-v-e1b66098] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
font-size: var(--f7-px-14);
}
.page-messgae-center .buttons-message a.tab-link.tab-link-active[data-v-e1b66098] {
color: #464646;
border-bottom: 1px solid;
}
.page-messgae-center .block-button[data-v-e1b66098] {
width: 100%;
position: fixed;
margin: 0 auto;
z-index: 2;
display: flex;
justify-content: center;
top: 56px;
}
.page-messgae-center .block-button a.button[data-v-e1b66098] {
width: 150px;
height: 32px;
line-height: 30px;
border-color: var(--f7-button-bg-color);
background-color: transparent;
color: #404040;
text-transform: capitalize;
}
.page-messgae-center .block-button a.button-active[data-v-e1b66098] {
background-color: var(--f7-button-bg-color);
color: #ffffff;
}
.page-messgae-center .tabs-message[data-v-e1b66098] {
position: relative;
overflow: hidden;
min-height: calc(100% - 52px);
height: calc(100% - 52px);
}
.page-messgae-center .tabs-message .tab[data-v-e1b66098] {
padding: 0;
}
.page-messgae-center .tabs-message .tab .block[data-v-e1b66098] {
margin: 0;
padding: 0;
}
.page-messgae-center .tabs-message .tab .block .card-message[data-v-e1b66098] {
margin: 6px 4px;
background-color: #f9f9f9;
color: #464646;
border: 1px solid #f3f3f3;
}
.page-messgae-center .tabs-message .tab .block .card-message i.iconfont[data-v-e1b66098] {
font-size: 16px;
color: #1e56bb;
margin-right: 6px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-e1b66098] {
justify-content: flex-end;
color: #464646;
font-size: 14px;
min-height: 20px;
padding: 7px 15px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-e1b66098]:before {
height: 0;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-content[data-v-e1b66098] {
min-height: 40px;
padding: 8px 15px 0;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-footer[data-v-e1b66098] {
border-top: 1px solid #e3e3e3;
width: 95%;
margin: auto;
margin-top: 28px;
}
.page-messgae-center .tabs-message .tab .block .card-user-message[data-v-e1b66098]:first-child {
margin-top: 54px;
}
.page-messgae-center .tabs-message .tab .no-data[data-v-e1b66098] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80%;
}
.message-popup .block[data-v-e1b66098] {
margin: 10px 0;
color: #464646;
}
.page-messgae-center[data-v-8e524686] {
--f7-page-toolbar-bottom-offset: 0px;
}
.page-messgae-center .tabs-message[data-v-8e524686] {
margin: auto;
width: 95%;
}
.page-messgae-center .buttons-message[data-v-8e524686] {
height: 48px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.page-messgae-center .buttons-message a.tab-link[data-v-8e524686] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
font-size: var(--f7-px-14);
}
.page-messgae-center .buttons-message a.tab-link.tab-link-active[data-v-8e524686] {
color: #464646;
border-bottom: 1px solid;
}
.page-messgae-center .scroll-container[data-v-8e524686]::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.page-messgae-center .menu[data-v-8e524686] {
position: fixed;
background: #fff;
overflow-x: scroll;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 9px 16px;
width: 100%;
margin: 0;
font-size: 12px;
display: flex;
grid-gap: -32px;
justify-content: center;
grid-gap: 10px;
}
.page-messgae-center .menu div[data-v-8e524686] {
border: 1px solid var(--f7-THEME-color);
border-radius: 5px;
font-weight: bold;
width: 100%;
height: 30px;
white-space: normal;
text-align: center;
padding: 3px 0px;
display: flex;
justify-content: center;
align-items: center;
}
.page-messgae-center .menu .activeMenu[data-v-8e524686] {
background: var(--f7-THEME-color);
color: white;
}
.page-messgae-center .tabs-message[data-v-8e524686] {
position: relative;
overflow: hidden;
min-height: calc(100% - 52px);
height: calc(100% - 52px);
}
.page-messgae-center .tabs-message .tab[data-v-8e524686] {
padding: 0;
}
.page-messgae-center .tabs-message .tab .block[data-v-8e524686] {
margin: 0;
padding: 0;
}
.page-messgae-center .tabs-message .tab .block .card-message[data-v-8e524686] {
margin: 0 4px 13px 4px;
padding: 10px;
background-color: #fff;
color: #464646;
border: 1px solid #f3f3f3;
}
.page-messgae-center .tabs-message .tab .block .card-message i.iconfont[data-v-8e524686] {
font-size: 16px;
color: #1e56bb;
margin-right: 6px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-8e524686] {
justify-content: flex-end;
color: #464646;
font-size: 14px;
min-height: 20px;
padding: 7px 15px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-8e524686]:before {
height: 0;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-content[data-v-8e524686] {
padding: 8px 15px 0;
font-size: 16px;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-footer[data-v-8e524686] {
border-top: 1px solid #e3e3e3;
width: 95%;
margin: auto;
margin-top: 28px;
}
.page-messgae-center .tabs-message .tab .no-data[data-v-8e524686] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80%;
}
.message-popup .block[data-v-8e524686] {
margin: 10px 0;
color: #464646;
}
.buttonstyle .one[data-v-8e524686] {
height: 36px !important;
line-height: 36px !important;
border-radius: 10px 0 0 10px !important;
}
.buttonstyle .two[data-v-8e524686] {
height: 36px !important;
line-height: 36px !important;
border-radius: 0 10px 10px 0 !important;
}
.financial[data-v-8e524686] {
border: 1px solid #e5e5e5;
padding-top: 10px;
margin: 10px 0;
}
.financial .financialone[data-v-8e524686] {
padding: 0 10px 10px 10px;
height: 60px;
border-bottom: 1px solid #e5e5e5;
}
.financial .financialone img[data-v-8e524686] {
position: absolute;
height: 60px;
}
.financial .financialone span[data-v-8e524686] {
padding-left: 70px;
display: block;
}
.financial .financialone .nameSpan[data-v-8e524686] {
font-weight: bold;
color: #000;
width: 77%;
display: block;
padding-left: 70px;
margin: 0 0 3px 0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.financial .financialtwo[data-v-8e524686] {
padding: 5px 10px;
display: flex;
border-bottom: 1px solid #e5e5e5;
font-size: 12px;
}
.financial .financialtwo div[data-v-8e524686] {
width: 50%;
}
.financial .financialthree[data-v-8e524686] {
position: relative;
}
.financial .financialthree .gobutton[data-v-8e524686] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 30px;
min-width: 80px;
line-height: 30px;
position: absolute;
right: 7px;
bottom: 5px;
padding: 1px 10px;
font-size: 13px;
}
.financial .financialthree .noGobutton[data-v-8e524686] {
background: #ccc;
}
.financial .financialthree .circulation[data-v-8e524686] {
display: flex;
font-size: 12px;
}
.financial .financialthree .circulation div[data-v-8e524686] {
width: 50%;
}
.financial .financialthree .circulation div[data-v-8e524686]:nth-child(1) {
text-align: left;
}
.financial .financialthree .circulation div[data-v-8e524686]:nth-child(2) {
text-align: right;
}
.financial-have[data-v-8e524686] {
height: 195px;
}
.financial-have .financialthree[data-v-8e524686] {
width: 62%;
margin-left: 15px;
text-align: right;
margin: 40px 10px 0px 0px;
position: relative;
}
.financial-have .financialthree div[data-v-8e524686] {
margin-top: 6px;
}
.financial-have .financialthree .gobutton[data-v-8e524686] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 33px;
width: 130px;
line-height: 33px;
position: absolute;
right: 0;
}
.fininfo[data-v-8e524686] {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
width: 92%;
margin: 0 auto;
z-index: 100;
background: white;
font-size: 12px;
}
.fininfo .kuan[data-v-8e524686] {
border: 1px solid #cfe4ef;
border-radius: 5px;
padding: 5px;
background: #f1faff;
}
.fininfo .suo[data-v-8e524686] {
color: #000;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
}
.fininfo .symbol[data-v-8e524686] {
font-size: 10px;
}
.no-data[data-v-8e524686] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80%;
}
[data-v-8e524686] .infinite-scroll-preloader {
margin-top: 70px;
}
.tabs-financial-detail[data-v-1c62dba0] {
width: 95%;
margin: auto;
}
.tabs-financial-detail .financial[data-v-1c62dba0] {
padding: 5px;
}
.tabs-financial-detail .financial .nameSpan[data-v-1c62dba0] {
margin: 5px 0;
font-weight: bold;
color: #000;
text-align: left;
}
.tabs-financial-detail .financial .logo[data-v-1c62dba0] {
text-align: center;
}
.tabs-financial-detail .financial .logo img[data-v-1c62dba0] {
width: 50%;
border: 1px solid #e5e5e5;
border-radius: 5px;
margin-top: 8px;
}
.tabs-financial-detail .financial .financialone[data-v-1c62dba0] {
padding: 5px;
height: 60px;
}
.tabs-financial-detail .financial .financialone img[data-v-1c62dba0] {
position: absolute;
height: 60px;
}
.tabs-financial-detail .financial .financialone span[data-v-1c62dba0] {
display: block;
padding-left: 70px;
}
.tabs-financial-detail .financial .financialone .toRight[data-v-1c62dba0] {
height: 20px;
position: absolute;
right: 17px;
top: 24px;
}
.tabs-financial-detail .financial .financialtwo[data-v-1c62dba0] {
padding: 0 10px;
display: flex;
border-bottom: 1px solid #e5e5e5;
}
.tabs-financial-detail .financial .financialtwo div[data-v-1c62dba0] {
width: 50%;
padding: 3px 0;
}
.tabs-financial-detail .financial .financialtwo div[data-v-1c62dba0]:nth-child(2) {
font-size: 11px;
}
.tabs-financial-detail .financial .financialtiao[data-v-1c62dba0] {
height: 32px;
line-height: 32px;
padding: 0 10px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
}
.tabs-financial-detail .financial .financialtiao .num[data-v-1c62dba0] {
position: absolute;
right: 0;
color: var(--f7-THEME-color);
font-size: 11px;
}
.tabs-financial-detail .financial .term[data-v-1c62dba0] {
width: 93%;
margin: auto;
border-radius: 6px;
padding: 5px 10px;
background: #f8f8f8;
margin-bottom: 5px;
}
.tabs-financial-detail .financial .term .info[data-v-1c62dba0] {
border-radius: 5px;
}
.tabs-financial-detail .financial .term .info .viplevel[data-v-1c62dba0] {
word-wrap: break-word;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 0 10px;
}
.tabs-financial-detail .financial .term .info .viplevel p[data-v-1c62dba0] {
margin: 4px 0px;
text-align: center;
border: 1px solid #dfdfdf;
border-radius: 5px;
}
.tabs-financial-detail .financial .term .info div[data-v-1c62dba0] {
margin-bottom: 5px;
}
.tabs-financial-detail .yiban[data-v-1c62dba0] {
display: flex;
line-height: 37px;
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tabs-financial-detail .one[data-v-1c62dba0] {
background: var(--f7-THEME-color);
color: white;
border-radius: 20px 20px 0 0;
width: 100%;
height: 50px;
line-height: 50px;
}
.tabs-financial-detail .title[data-v-1c62dba0] {
font-weight: bold;
padding-left: 23px;
}
.tabs-financial-detail .title[data-v-1c62dba0]::before {
content: '';
position: absolute;
top: 4px;
left: 10px;
transform: translateX(-50%);
width: 3px;
height: 11px;
background-color: var(--f7-THEME-color);
}
.goshoppy[data-v-1c62dba0] {
height: 46px;
line-height: 46px;
font-size: 16px;
width: 230px;
border: none;
border-radius: 10px !important;
margin: 0 auto;
text-transform: none;
background: radial-gradient(circle, var(--f7-THEME-color), var(--f7-THEME-color));
}
.buttonstyle[data-v-1c62dba0] {
position: fixed;
left: 0;
bottom: 0;
background-color: #f9f9f9;
width: 100%;
border-radius: 0;
height: 60px;
z-index: 10;
padding-top: 7px;
}
.buypopup[data-v-1c62dba0] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-1c62dba0] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-1c62dba0] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-1c62dba0] {
display: flex;
}
.buypopup .yiban div[data-v-1c62dba0]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-1c62dba0]:nth-child(2) {
width: 70%;
}
.buypopup .inputPrice[data-v-1c62dba0] {
color: #707070;
margin: 10px;
}
.buypopup .inputPrice .kun[data-v-1c62dba0] {
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
height: 40px;
margin: 0 5px;
}
.buypopup .inputPrice .kun input[data-v-1c62dba0] {
width: 80%;
height: 100%;
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0 auto;
}
.buypopup .inputPrice .reduce[data-v-1c62dba0] {
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .inputPrice .sum[data-v-1c62dba0] {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .paddding[data-v-1c62dba0] {
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.buypopup .paddding div[data-v-1c62dba0]:nth-child(2) {
text-align: right;
}
.buypopup .paddding .selectBg[data-v-1c62dba0] {
background: var(--f7-THEME-color);
color: white;
}
.buypopup .price span[data-v-1c62dba0] {
min-width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
padding: 0 5px;
margin-bottom: 8px;
}
.buypopup .one[data-v-1c62dba0] {
background: var(--f7-THEME-color);
color: white;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-1c62dba0] {
border: none;
}
.buypopup .four span[data-v-1c62dba0] {
border: none;
text-align: left;
}
.buypopup .paybtn[data-v-1c62dba0] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 25%;
position: relative;
bottom: -4px;
}
.vanbuy[data-v-1c62dba0] {
border-radius: 20px 20px 0 0;
}
.page-register-agent .list[data-v-7d4b3f1d] {
margin: var(--f7-margin-size-10) 0;
}
.page-register-agent .list .block-title[data-v-7d4b3f1d] {
background-image: linear-gradient(to right, #e0dddd, #fff);
width: 91%;
height: var(--f7-height-size-30);
line-height: var(--f7-height-size-30);
background-size: cover;
color: #3793d4;
margin-left: var(--f7-size-ps-12);
margin-bottom: var(--f7-margin-size-0);
margin-top: var(--f7-margin-size-15);
padding-left: var(--f7-px-5);
font-size: var(--f7-font-size-14);
border-radius: 5px;
}
.page-register-agent .list ul[data-v-7d4b3f1d] {
background-color: var(--f7-color-bg-transparent);
}
.page-register-agent .list ul .item-content[data-v-7d4b3f1d] {
margin-bottom: var(--f7-margin-size-10);
padding-left: var(--f7-px-20);
}
.page-register-agent .list ul .item-content input[data-v-7d4b3f1d] {
font-size: var(--f7-font-size-14);
color: #464646;
}
.page-register-agent .list ul .item-content .input-clear-button[data-v-7d4b3f1d] {
right: var(--f7-size-ps-12);
}
.page-register-agent .list ul .item-content .iconfont[data-v-7d4b3f1d] {
color: #464646;
}
.page-register-agent .list ul .item-content .span-verify[data-v-7d4b3f1d] {
position: var(--f7-postion-absolute);
right: var(--f7-px-10);
top: var(--f7-px-4);
z-index: 2;
}
.page-register-agent .list ul .item-content .smart-select.bank-select[data-v-7d4b3f1d] {
width: 100%;
}
.page-register-agent .list ul .item-content .smart-select.bank-select .item-content[data-v-7d4b3f1d] {
margin-bottom: 0;
padding-left: 0;
}
.page-register-agent .list ul .item-content .smart-select.bank-select .item-content .item-inner .item-after[data-v-7d4b3f1d] {
line-height: 40px;
margin-left: 0;
font-size: 14px;
padding-left: 0;
}
.page-register-agent .list ul .item-content .smart-select.bank-select .item-content .item-inner[data-v-7d4b3f1d]:after {
height: 0;
}
.page-register-agent .list ul .item-content .smart-select.active-state[data-v-7d4b3f1d] {
background-color: transparent;
}
.page-register-agent .list ul .item-input-bank .item-inner[data-v-7d4b3f1d] {
padding: 0 15px 0 2px;
}
.page-register-agent .list ul[data-v-7d4b3f1d]:before,
.page-register-agent .list ul[data-v-7d4b3f1d]:after {
height: 0;
}
.page-register-agent .list .item-inner[data-v-7d4b3f1d]:after {
width: var(--f7-width-size-pt92);
}
.page-register-agent .list li:last-child > .item-inner[data-v-7d4b3f1d]:after {
display: var(--f7-display-block) !important;
}
.page-register-agent .block-strong[data-v-7d4b3f1d] {
padding: var(--f7-padding-size-10) --f7-block-padding-horizontal;
padding: var(--f7-padding-size-10) var(--f7-padding-size-20, --f7-block-padding-horizontal);
margin: var(--f7-margin-size-0) auto;
}
.page-register-agent .block-strong .block-header[data-v-7d4b3f1d] {
margin-bottom: var(--f7-margin-size-15);
color: #fff;
}
.page-register-agent .block-strong .block-footer[data-v-7d4b3f1d] {
margin-top: var(--f7-margin-size-15);
color: #fff;
}
.page-register-agent .block-strong .block-footer a.link[data-v-7d4b3f1d] {
border-bottom: 1px solid #0e8ad0;
}
.page-register-agent .block-strong[data-v-7d4b3f1d]:before,
.page-register-agent .block-strong[data-v-7d4b3f1d]:after {
height: var(--f7-height-size-0);
}
.popup-general ul[data-v-7d4b3f1d] {
padding: var(--f7-padding-size-0);
}
.popup-general ul li[data-v-7d4b3f1d] {
list-style: var(--f7-border-none);
padding-bottom: var(--f7-padding-size-10);
margin-bottom: var(--f7-margin-size-10);
border-bottom: 1px dashed #666;
font-size: var(--f7-px-16);
color: var(--f7-color-gray-1);
}
.popup-general ul li[data-v-7d4b3f1d]:last-child {
padding-bottom: 0px;
margin-bottom: 0;
border-bottom: none;
}
.page-loading-game[data-v-13918c9d] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-loading-game .block-loading-game[data-v-13918c9d] {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin: 0;
height: 100%;
width: 100%;
}
.page-loading-game .block-loading-game .loader-ring[data-v-13918c9d] {
position: absolute;
top: 25%;
width: 200px;
height: 200px;
}
.page-loading-game .block-loading-game .loader-ring .loader-ring-light[data-v-13918c9d] {
width: 200px;
height: 200px;
border-radius: 200px;
box-shadow: 0 4px 0 #00abf2 inset;
animation: rotate-360 1.5s linear infinite;
}
.page-loading-game .block-loading-game .loader-ring .loader-ring-track[data-v-13918c9d] {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
border-radius: 200px;
}
.page-loading-game .block-loading-game .loader-ring .loader-text[data-v-13918c9d] {
position: absolute;
top: 47%;
width: 200px;
color: #464646;
font-size: 16px;
text-align: center;
}
.page-referrer[data-v-15f9706b] {
color: #b1b9ce;
}
.page-referrer .top[data-v-15f9706b] {
background: #cfcfd0;
border: 1px solid #bfb6b6;
margin: 10px;
font-size: 12px;
}
.page-referrer .top .info[data-v-15f9706b] {
width: 90%;
margin: auto;
}
.page-referrer .top .info div[data-v-15f9706b] {
background: #464646;
border-radius: 5px;
height: 28px;
line-height: 28px;
margin-top: 15px;
position: relative;
}
.page-referrer .top .info div span[data-v-15f9706b]:nth-child(1) {
float: left;
margin-left: 10px;
color: #e0e0e0;
}
.page-referrer .top .info div span[data-v-15f9706b]:nth-child(2) {
color: #d9b961;
}
.page-referrer .top .info div .refer[data-v-15f9706b] {
background: linear-gradient(#decabc, #b19785);
color: #000;
height: 26px;
border-radius: 4px;
line-height: 28px;
width: 50px;
display: inline-block;
text-align: center;
position: absolute;
right: 1px;
top: 1px;
}
.page-referrer .top .line[data-v-15f9706b] {
width: 95%;
margin: auto;
margin-top: 15px;
border-top: 1px solid #1b336e;
}
.page-referrer .top .share[data-v-15f9706b] {
width: 90%;
background: #2d2d2d;
color: #b1b9ce;
border-radius: 15px;
height: 30px;
line-height: 30px;
margin: 15px auto;
position: relative;
padding-left: 10px;
}
.page-referrer .top .share .sharedesc[data-v-15f9706b] {
width: 96%;
color: #96e8ec;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.page-referrer .top .share .sharebutton[data-v-15f9706b] {
width: 80px;
height: 28px;
position: absolute;
right: 1px;
top: 1px;
text-align: center;
display: inline-block;
color: #000;
background: linear-gradient(#decabc, #b19785);
border-radius: 15px;
}
.page-referrer .top .copy[data-v-15f9706b] {
width: 90%;
color: #b1b9ce;
border-radius: 15px;
height: 30px;
line-height: 30px;
margin: 15px auto;
position: relative;
padding-left: 10px;
}
.page-referrer .top .copy .sharedesc[data-v-15f9706b] {
color: #9cfaff;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.page-referrer .top .copy .copybutton[data-v-15f9706b] {
width: 100%;
height: 28px;
position: absolute;
right: 1px;
top: 1px;
text-align: center;
display: inline-block;
color: #000;
background: linear-gradient(#decabc, #b19785);
border-radius: 15px;
border: #000 solid 1px;
}
.page-referrer .middle[data-v-15f9706b] {
border-top: 1px solid #bfbfbf;
}
.page-referrer .middle .wallet[data-v-15f9706b] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAAAKCAYAAACpItURAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNDQ4QjBCQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNDQ4QjBDQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE0NDhCMDlBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE0NDhCMEFBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5TLyDCAAADZUlEQVR42uxbyW4UMRB19UQkSGGREpYPQBw5I+5wR4gzfwDfAfwAp0hwhQsX8h0R/0AmkEgsUSDLtHGPPKjVstu12d0TUlKpe2pxu8v2m6rKBHa2t8yABCMdHxTtpDZQwAcE88/lW3qvaJBVtLWFfa3yPKwgRlYx1rbAWg4+fmXOJwHz4FP8NAA69jyMDusjkad0INBh9JR5hPiu40+O7xB8qGyY7wHK8eSsoUSeOi+cva2dIJXCgsFp5Zxm4mPPwktk0zBQpl7qgKbs7zl+73jTg/lTx58zZFNA9AGGnqOLzZEit5FYY+ULne1ZO4tY15SNJewTOzK8UZnPeczIIaOPVhbO0VEzHingczMtagYGhCwNkPYPHH/0IN7QDf/5vnLFh507NQ7SvZF7H3DG5ujGkBguRVY+BJBDxnGHBHFJuUjZ5KBw6FLlOgZopfK2HtuSwNg98pn41c57XHP8wfHDjC0WqR0nhpxWCre9ItmfRng+oNA5Lt1mURm3NJCP7dsNlBaRswlB6YBIDq8UoEFBTumVp+yeOH7neK0xOjk9NV92p/Orp8te/9jo98g1euNUuWQNOeAt3YOSykMjmSoBzIPg4soyTXaErZQcGTjXVmKn/QyuXLI2zxy/XCQnf46PzXTvq6nreg7mt2/dNGurq43qkuM3jq87fivcexY53z67VI8bkON1ZaleuIaM0kOn9M9TPfeYLjUu147ybAmOscctlZEv47dfrj9YSkEcCODMAXFQeAY3E6P0yNv0wvHrxX4+Ovptdqd7cxBvqLk2nxu5p4njV46fG3qvGzsn6bunfLTXUfIM7r7N1YrJ3WoZHU7CzvbWIpBV67oA+SqgA38Q2rI+nrTsJz26qmMzifhOELqYP2bMylcqVeA+5lsl3rGK6Pq4HdvYenTXa2l+LpWLfh0emv2DA2MDuQ246GxubJgr6+vmgv5llrW/r/1nG7mvA/cYniXkfde271ngftaxmwXksx7bmH1qzNB7zSKyVBzqQGzPArFvx910dVWkFIuVf9SyBUz/z6Ji30iYErGts8SWQF9JWHVKSBvIHKBnDph/1qCWUICM339N33/8NN/2wyA+D5yTN/rG7oKylfo2cGZT5zaGLxBoG9mIjVHCAoPEIEDiJabywLbIos/5K8AAJpUaPWt9V+AAAAAASUVORK5CYII=) bottom no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXUAAABuCAYAAADYm4MkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA2LTE2VDE2OjEwOjU4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MTg2NzI2MC1lMzkw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) bottom #efefef no-repeat;
background-size: 100%;
padding-top: 15px;
width: 50%;
position: relative;
color: #101010;
}
.page-referrer .middle .wallet > div[data-v-15f9706b] {
margin-bottom: 15px!important;
}
.page-referrer .middle .wallet .rebtn[data-v-15f9706b] {
background: linear-gradient(#decabc, #b19785);
border-radius: 4px;
width: 82%;
height: 30px;
line-height: 30px;
color: #000;
margin: auto;
}
.page-referrer .middle .rightafter[data-v-15f9706b]::after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 2px;
height: 128px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB2CAYAAADiBULzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDU4NkMzMkQ3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDU4NkMzM0Q3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwNTg2QzMwRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwNTg2QzMxRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vlLIFAAAALRJREFUeNqMkgEOwiAMRSlDvY8H8IjewyMOmHWrKdL8Mlmy5OX/35aVETMHeR7PVwzpvqSdl0OYhdQrdMBlf9lYqbdQsXDVTAujgmHM3PQYpg//qZqxZqZjVXItXNTJxtjA7DVJmLRhVMtC/P4GgaKGFZr1AzmCCzLrrQrCNoaqJ2xKAaX2lkDWjLHYQHarGmBGlBXCq85qQ82IQVUe9ykTFmaK+6Vo4VrI3/Omfap7O/QRYABt1k17o4IB9wAAAABJRU5ErkJggg==) bottom no-repeat;
background-size: 100% 100%;
}
.page-referrer .bottom[data-v-15f9706b] {
margin-top: 20px;
display: flex;
justify-content: space-around;
color: #101010;
}
.page-referrer .bottom .s-title[data-v-15f9706b] {
font-size: 12px;
}
.head[data-v-74d0fdd1] {
width: 100%;
padding-right: 54px;
}
.nav[data-v-74d0fdd1] {
display: table;
margin: 0 auto;
}
.nav a[data-v-74d0fdd1] {
display: inline;
}
.nav p[data-v-74d0fdd1] {
background: #3965b9;
width: 80px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #fff;
cursor: pointer;
float: left;
margin: 0;
}
.nav p a[data-v-74d0fdd1] {
display: block;
color: #fff;
}
.nav .tab-link-active p[data-v-74d0fdd1] {
background: #0d3a92;
}
.nav .lef[data-v-74d0fdd1] {
border-right: 1px solid #0c3ca2;
border-radius: 30px 0 0 30px;
}
.nav .rig[data-v-74d0fdd1] {
border-right: 1px solid #0c3ca2;
border-radius: 0 30px 30px 0;
}
.page .page-content[data-v-74d0fdd1] {
padding: 0px;
}
.page .share .url[data-v-74d0fdd1] {
color: #0a0000;
font-size: 15px;
}
.page .share .promo[data-v-74d0fdd1] {
color: #53659b;
font-weight: bold;
font-size: 15px;
}
.page .share .code[data-v-74d0fdd1] {
width: 125px;
height: 125px;
background: #fff;
padding: 5px;
margin: auto;
border: 1px solid #000;
border-radius: 2px;
}
.page .share div[data-v-74d0fdd1] {
margin-bottom: 10px !important;
}
.page .share .tips-desc[data-v-74d0fdd1] {
margin-left: 10px;
margin-bottom: 4px;
}
.page .register .list[data-v-74d0fdd1] {
margin: var(--f7-margin-size-10) 0;
}
.page .register .list .block-title[data-v-74d0fdd1] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAA1CAYAAAAK/do2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAxLTI4VDA5OjM5OjQ1KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMS0yOFQwOTo1MTo1MSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMS0yOFQwOTo1MTo1MSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1YTI3Y2JmMi0xN2M3LWE1NDYtODUzYy01ZmExNWZmZTZkZDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzNmODUzY2ItZTA0MC1hZDQzLTkzMTQtODgzYmIzMTM4MTI3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzNmODUzY2ItZTA0MC1hZDQzLTkzMTQtODgzYmIzMTM4MTI3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozM2Y4NTNjYi1lMDQwLWFkNDMtOTMxNC04ODNiYjMxMzgxMjciIHN0RXZ0OndoZW49IjIwMjQtMDEtMjhUMDk6Mzk6NDUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NWEyN2NiZjItMTdjNy1hNTQ2LTg1M2MtNWZhMTVmZmU2ZGQ4IiBzdEV2dDp3aGVuPSIyMDI0LTAxLTI4VDA5OjUxOjUxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Thj1kwAAAghJREFUeJzt3L1KA0EUhuEvXl7Ayi6gIEjAztgFBCsLK+sUuQcLL0CwsbO1TSkpA7ZayAF/4u7OzJmdGXifLvsz27zFSTEzmU6nHwowmUyCroeu0/dc7Hse64asGfr9vvtdz9e6Vo719jzzsF6vDyXpoPdNoF5bSWf2g5jRsrmkN/tBzGjVStL99wvEjBZtJV3+vkjMaNGRpPffF4kZrVlJetp3g5jRko32jBeGmNGSY+0ZLwwxoxX/jheGmNGCV3WMF4aY0YK5OsYLQ8yo3ZV6xgtDzKjZi6S7oQ8TM2o204DxwhAzanWlrz9+gxEzavQi6Sb0JWJGjWYxLxEzahM8XhhiRk0eFTFeGGJGLbaSzlMWIGbUYqnI8cIQM2rwIGmduggxo7QfO6xTEDNKW+rbDusUxIySXMYLQ8woxW28MMSMUn4c4OKBmFHCnwNcPBAzxraRdJ1jYWLG2C7kPF4YYsaYsowXhpgxls4DXDwQM8bSeYCLB2LGGHoPcPFAzMht0AEuHogZuQ06wMUDMSOnwQe4eCBm5BJ0gIsHYkYuQQe4eCBm5BC9wzoFMcPbsxJ2WKcgZnjaSTot9XFihqdbFRgvDDHDS7HxwhAzPBQdLwwxw8NCBccLQ8xI5brDOgUxI8VOzjusUxAzUiyUaQtUDGJGrGrGC0PMiFHVeGGIGTFOVNF4YT4BIjhJJ9k7ttEAAAAASUVORK5CYII=) no-repeat;
width: var(--f7-px-100);
height: var(--f7-height-size-30);
line-height: var(--f7-height-size-30);
background-size: cover;
color: #000432;
margin-left: var(--f7-size-ps-12);
margin-bottom: var(--f7-margin-size-0);
margin-top: var(--f7-margin-size-15);
padding-left: var(--f7-px-5);
font-size: var(--f7-font-size-14);
}
.page .register .list ul[data-v-74d0fdd1] {
background-color: var(--f7-color-bg-transparent);
}
.page .register .list ul .item-content[data-v-74d0fdd1] {
margin-bottom: var(--f7-margin-size-10);
padding-left: var(--f7-px-20);
}
.page .register .list ul .item-content input[data-v-74d0fdd1] {
font-size: var(--f7-font-size-14);
color: var(--f7-color-white);
}
.page .register .list ul .item-content .input-clear-button[data-v-74d0fdd1] {
right: var(--f7-size-ps-12);
}
.page .register .list ul .item-content .iconfont[data-v-74d0fdd1] {
color: var(--f7-color-white);
}
.page .register .list ul .item-content .span-verify[data-v-74d0fdd1] {
position: var(--f7-postion-absolute);
right: var(--f7-px-10);
top: var(--f7-px-4);
z-index: 2;
}
.page .register .list ul[data-v-74d0fdd1]:before,
.page .register .list ul[data-v-74d0fdd1]:after {
height: 0;
}
.page .register .list .item-inner[data-v-74d0fdd1]:after {
width: var(--f7-width-size-pt92);
}
.page .register .list li:last-child > .item-inner[data-v-74d0fdd1]:after {
display: var(--f7-display-block) !important;
}
.page .register .block-strong[data-v-74d0fdd1] {
padding: var(--f7-padding-size-10) --f7-block-padding-horizontal;
padding: var(--f7-padding-size-10) var(--f7-padding-size-20, --f7-block-padding-horizontal);
margin: var(--f7-margin-size-0) auto;
}
.page .register .block-strong .block-header[data-v-74d0fdd1] {
margin-bottom: var(--f7-margin-size-15);
}
.page .register .block-strong .block-footer[data-v-74d0fdd1] {
margin-top: var(--f7-margin-size-15);
}
.page .register .block-strong .block-footer a.link[data-v-74d0fdd1] {
border-bottom: 1px solid var(--f7-color-lightblue);
}
.page .register .block-strong[data-v-74d0fdd1]:before,
.page .register .block-strong[data-v-74d0fdd1]:after {
height: var(--f7-height-size-0);
}
.page .button-share[data-v-74d0fdd1] {
margin: 10px 12px;
}
.page .button-share ul[data-v-74d0fdd1] {
background: #b19785;
}
.page .button-share .list-button[data-v-74d0fdd1] {
background-color: var(--f7-THEME-color);
color: #fff;
}
.page .button-share ul[data-v-74d0fdd1] {
background: var(--f7-button-bg-color);
}
.page .button-share ul li a[data-v-74d0fdd1] {
color: #fff;
}
.page-direct-search .block-search[data-v-5a37fd99] {
margin: 15px 10px;
padding: 0;
}
.page-direct-search .block-search .form .form-item .item-inner .item-title[data-v-5a37fd99] {
color: #464646;
font-size: 14px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-5a37fd99] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-5a37fd99] {
width: 100%;
}
.page-direct-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-5a37fd99] {
max-width: unset;
}
.page-direct-search .block-search .list[data-v-5a37fd99] {
margin: 0;
}
.page-direct-search .block-search .list ul[data-v-5a37fd99] {
background-color: transparent;
}
.page-direct-search .block-search .list ul .item-input .item-inner .item-title[data-v-5a37fd99] {
padding-top: 12px;
width: 30%;
font-size: 12px;
color: #464646;
}
.page-direct-search .block-search .list ul .item-input .item-inner input[data-v-5a37fd99] {
color: #464646;
font-size: 12px;
}
.page-direct-search .block-search .list ul .item-input .item-inner input.input-title[data-v-5a37fd99] {
color: #b19785;
font-size: 16px;
}
.page-direct-search .block-search .list ul .item-input .item-inner[data-v-5a37fd99]:after {
right: 10px;
left: auto;
}
.page-direct-search .block-search .list ul .item-title[data-v-5a37fd99] {
color: #fff;
font-size: 16px;
}
.page-direct-search .block-search .list ul[data-v-5a37fd99]:before,
.page-direct-search .block-search .list ul[data-v-5a37fd99]:after {
height: 0;
}
.page-direct-search .button-search[data-v-5a37fd99] {
margin: 10px 12px;
}
.page-direct-search .button-search .list-button[data-v-5a37fd99] {
background-color: var(--f7-THEME-color);
}
.page-direct-search .button-search ul[data-v-5a37fd99] {
background: var(--f7-button-bg-color);
}
.page-direct-search .button-search ul li a[data-v-5a37fd99] {
color: #fff;
}
.page-direct-records .block-records[data-v-6b6fa97d] {
margin: 0;
padding: 0;
}
.page-direct-records .block-records .card[data-v-6b6fa97d] {
border: 1px solid #bfb6b6;
background-color: #eee;
margin: 8px;
}
.page-direct-records .block-records .card .co-white[data-v-6b6fa97d] {
color: #fff;
}
.page-direct-records .block-records .card .co-gray[data-v-6b6fa97d] {
color: #b8b8b9;
}
.page-direct-records .block-records .card .co-green[data-v-6b6fa97d] {
color: #33cd5f;
}
.page-direct-records .block-records .card .co-blue[data-v-6b6fa97d] {
color: #11c1f3;
}
.page-direct-records .block-records .card .co-yellow[data-v-6b6fa97d] {
color: #f7da00;
}
.page-direct-records .block-records .card .co-red[data-v-6b6fa97d] {
color: red;
}
.page-direct-records .block-records .card .card-header[data-v-6b6fa97d]:after,
.page-direct-records .block-records .card .card-footer[data-v-6b6fa97d]:before {
background-color: #1c3b93;
}
.page-direct-records .block-records .card .card-header[data-v-6b6fa97d] {
display: block;
font-size: 12px;
padding: 10px 15px 10px 8px;
}
.page-direct-records .block-records .card .card-header i.f7-icons[data-v-6b6fa97d] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: #b19785;
}
.page-direct-records .block-records .card .card-content[data-v-6b6fa97d] {
font-size: 12px;
padding: 2px 4px;
}
.page-direct-records .block-records .card .card-content .row[data-v-6b6fa97d] {
padding: 4px 0;
}
.page-direct-records .block-records .card .card-footer[data-v-6b6fa97d] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-direct-records .no-data[data-v-6b6fa97d] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-direct-search .block-search[data-v-1dd19496] {
margin: 15px 10px;
padding: 0;
}
.page-direct-search .block-search .form .form-item .item-inner .item-title[data-v-1dd19496] {
color: #464646;
font-size: 14px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-1dd19496] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-1dd19496] {
width: 100%;
}
.page-direct-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-1dd19496] {
max-width: unset;
}
.page-direct-search .block-search .list[data-v-1dd19496] {
margin: 0;
}
.page-direct-search .block-search .list ul[data-v-1dd19496] {
background-color: transparent;
}
.page-direct-search .block-search .list ul .item-input .item-inner .item-title[data-v-1dd19496] {
padding-top: 12px;
width: 45%;
font-size: 12px;
color: #464646;
}
.page-direct-search .block-search .list ul .item-input .item-inner .item-input-wrap[data-v-1dd19496] {
font-size: 12px;
color: #464646;
}
.page-direct-search .block-search .list ul .item-input .item-inner input[data-v-1dd19496] {
color: #fff;
font-size: 12px;
color: #464646;
}
.page-direct-search .block-search .list ul .item-input .item-inner input.input-title[data-v-1dd19496] {
font-size: 12px;
color: #464646;
}
.page-direct-search .block-search .list ul .item-input .item-inner[data-v-1dd19496]:after {
right: 10px;
left: auto;
}
.page-direct-search .block-search .list ul .item-title[data-v-1dd19496] {
color: #fff;
font-size: 12px;
}
.page-direct-search .block-search .list ul[data-v-1dd19496]:before,
.page-direct-search .block-search .list ul[data-v-1dd19496]:after {
height: 0;
}
.page-direct-search .button-search[data-v-1dd19496] {
margin: 10px 12px;
}
.page-direct-search .button-search .list-button[data-v-1dd19496] {
color: #fff;
background-color: var(--f7-THEME-color);
}
.page-direct-search .button-search ul[data-v-1dd19496] {
background: var(--f7-button-bg-color);
}
.page-direct-search .button-search ul li a[data-v-1dd19496] {
color: #fff;
}
.page-direct-records .block-records[data-v-d14a1b9a] {
margin: 0;
padding: 0;
}
.page-direct-records .block-records .card[data-v-d14a1b9a] {
border: 1px solid #bfb6b6;
background-color: #eee;
margin: 8px;
font-size: 12px;
}
.page-direct-records .block-records .card .co-white[data-v-d14a1b9a] {
color: #fff;
}
.page-direct-records .block-records .card .co-gray[data-v-d14a1b9a] {
color: #b8b8b9;
}
.page-direct-records .block-records .card .co-green[data-v-d14a1b9a] {
color: #33cd5f;
}
.page-direct-records .block-records .card .co-blue[data-v-d14a1b9a] {
color: #11c1f3;
}
.page-direct-records .block-records .card .co-yellow[data-v-d14a1b9a] {
color: #f7da00;
}
.page-direct-records .block-records .card .co-red[data-v-d14a1b9a] {
color: red;
}
.page-direct-records .block-records .card .card-header[data-v-d14a1b9a]:after,
.page-direct-records .block-records .card .card-footer[data-v-d14a1b9a]:before {
background-color: #1c3b93;
}
.page-direct-records .block-records .card .card-header[data-v-d14a1b9a] {
display: block;
font-size: 12px;
padding: 10px 15px 10px 8px;
color: #101010;
}
.page-direct-records .block-records .card .card-header i.f7-icons[data-v-d14a1b9a] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: #b19785;
}
.page-direct-records .block-records .card .card-content[data-v-d14a1b9a] {
font-size: 12px;
padding: 2px 4px;
}
.page-direct-records .block-records .card .card-content .row[data-v-d14a1b9a] {
padding: 4px 0;
}
.page-direct-records .block-records .card .card-footer[data-v-d14a1b9a] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-direct-records .block-records .card .card-footer[data-v-d14a1b9a]::before {
background-color: #bfb6b6;
}
.page-direct-records .no-data[data-v-d14a1b9a] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-direct-search .block-search[data-v-2c6da357] {
margin: 15px 10px;
padding: 0;
}
.page-direct-search .block-search .form .form-item .item-inner .item-title[data-v-2c6da357] {
color: #464646;
font-size: 14px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap[data-v-2c6da357] {
background: #fafafa;
border: 1px solid rgba(27,42,59,0.06275);
padding: 10px;
border-radius: 6px;
margin: 2px 0 10px;
}
.page-direct-search .block-search .form .form-item .item-inner .item-input-wrap input[data-v-2c6da357] {
width: 100%;
}
.page-direct-search .block-search .form .form-item .item-inner .smart-select .item-after[data-v-2c6da357] {
max-width: unset;
}
.page-direct-search .block-search .list[data-v-2c6da357] {
margin: 0;
}
.page-direct-search .block-search .list ul[data-v-2c6da357] {
background-color: transparent;
}
.page-direct-search .block-search .list ul .item-input .item-inner .item-title[data-v-2c6da357] {
padding-top: 12px;
width: 30%;
font-size: 12px;
}
.page-direct-search .block-search .list ul .item-input .item-inner input[data-v-2c6da357] {
color: #464646;
font-size: 12px;
}
.page-direct-search .block-search .list ul .item-input .item-inner input.input-title[data-v-2c6da357] {
color: #464646;
font-size: 12px;
}
.page-direct-search .block-search .list ul .item-input .item-inner[data-v-2c6da357]:after {
right: 10px;
left: auto;
}
.page-direct-search .block-search .list ul .item-title[data-v-2c6da357] {
color: #464646;
font-size: 12px;
}
.page-direct-search .block-search .list ul[data-v-2c6da357]:before,
.page-direct-search .block-search .list ul[data-v-2c6da357]:after {
height: 0;
}
.page-direct-search .button-search[data-v-2c6da357] {
margin: 10px 12px;
}
.page-direct-search .button-search ul[data-v-2c6da357] {
background: var(--f7-button-bg-color);
}
.page-direct-search .button-search ul li a[data-v-2c6da357] {
color: #fff;
}
.page-direct-records .block-records[data-v-3d87ed98] {
margin: 0;
padding: 0;
}
.page-direct-records .block-records .card[data-v-3d87ed98] {
border: 1px solid #bfb6b6;
background-color: #eee;
margin: 8px;
color: #464646;
}
.page-direct-records .block-records .card .co-white[data-v-3d87ed98] {
color: #fff;
}
.page-direct-records .block-records .card .co-gray[data-v-3d87ed98] {
color: #464646;
}
.page-direct-records .block-records .card .co-green[data-v-3d87ed98] {
color: #33cd5f;
}
.page-direct-records .block-records .card .co-blue[data-v-3d87ed98] {
color: #11c1f3;
}
.page-direct-records .block-records .card .co-yellow[data-v-3d87ed98] {
color: #f7da00;
}
.page-direct-records .block-records .card .co-red[data-v-3d87ed98] {
color: red;
}
.page-direct-records .block-records .card .card-header[data-v-3d87ed98]:after,
.page-direct-records .block-records .card .card-footer[data-v-3d87ed98]:before {
background-color: #1c3b93;
}
.page-direct-records .block-records .card .card-header[data-v-3d87ed98] {
display: block;
font-size: 12px;
padding: 10px 15px 10px 8px;
}
.page-direct-records .block-records .card .card-header i.f7-icons[data-v-3d87ed98] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: #b19785;
}
.page-direct-records .block-records .card .card-content[data-v-3d87ed98] {
font-size: 12px;
padding: 2px 4px;
}
.page-direct-records .block-records .card .card-content .row[data-v-3d87ed98] {
padding: 4px 0;
}
.page-direct-records .block-records .card .card-footer[data-v-3d87ed98] {
justify-content: flex-end;
padding: 8px 15px;
}
.page-direct-records .no-data[data-v-3d87ed98] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.item-balance > div[data-v-3d87ed98] {
text-align: center;
}
.page-order-center[data-v-5a563edc] {
color: #464646;
}
.page-order-center .top[data-v-5a563edc] {
background: #fff;
margin: 10px;
font-size: 14px;
}
.page-order-center .top .curr-time[data-v-5a563edc] {
text-align: center;
margin-bottom: 10px;
font-size: 15px;
color: #404040;
}
.page-order-center .top .top-stat-list[data-v-5a563edc] {
margin: auto;
text-align: center;
background-color: #f3f7ff;
border-radius: 6px;
}
.page-order-center .top .top-stat-list .item-content[data-v-5a563edc] {
position: relative;
width: 90%;
margin: auto;
border-bottom: 1px solid #e9f0ff;
text-align: left;
height: 50px;
padding-top: 17px;
}
.page-order-center .top .top-stat-list .item-content img[data-v-5a563edc] {
width: 50px;
position: absolute;
top: 10px;
left: 0px;
}
.page-order-center .top .top-stat-list .item-content .p1[data-v-5a563edc] {
padding-left: 55px;
display: block;
font-weight: 500;
}
.page-order-center .top .top-stat-list .item-content .p1 span[data-v-5a563edc] {
font-weight: bold;
}
.page-order-center .top .top-stat-list .item-content .p2[data-v-5a563edc] {
padding-left: 56px;
display: block;
color: var(--f7-THEME-color);
}
.page-order-center .top .top-stat[data-v-5a563edc] {
margin: auto;
width: 96%;
text-align: center;
background-color: #f3f7ff;
border-radius: 6px;
}
.page-order-center .top .top-stat ul[data-v-5a563edc] {
line-height: 22px;
}
.page-order-center .top .top-stat ul li[data-v-5a563edc] {
width: 49%;
display: inline-block;
margin-top: 10px;
}
.page-order-center .top .top-stat ul li img[data-v-5a563edc] {
width: 50px;
}
.page-order-center .top .top-stat ul li .p1[data-v-5a563edc] {
margin-bottom: 0.5rem;
font-weight: 500;
margin-top: 0;
}
.page-order-center .top .top-stat ul li .p2[data-v-5a563edc] {
line-height: 1.2;
color: var(--f7-THEME-color);
font-size: 16px;
margin: -6px;
}
.page-order-center .top .statistics[data-v-5a563edc] {
position: relative;
height: 146px;
margin-bottom: 10px;
font-size: 12px;
width: 96%;
margin: auto;
border: 1px solid #ddd9d9;
border-radius: 4px;
text-align: center;
margin-top: 10px;
background-color: #f9f9f9;
}
.page-order-center .top .statistics .list-a[data-v-5a563edc] {
border-bottom: 1px solid #ededed;
}
.page-order-center .top .statistics .list-a .list-title[data-v-5a563edc] {
width: 96%;
line-height: 26px;
display: inline-block;
margin-top: 0px;
text-align: left;
margin-left: 40px;
font-weight: bold;
font-size: 13px;
margin-bottom: -3px;
}
.page-order-center .top .statistics .list-a .list-ts[data-v-5a563edc] {
width: 90%;
display: inline-block;
text-align: left;
margin-left: 39px;
}
.page-order-center .top .statistics .list-img[data-v-5a563edc] {
width: 30%;
line-height: 30px;
display: inline-block;
margin-top: 10px;
text-align: left;
margin: 10px 0px 10px 0px;
}
.page-order-center .top .statistics .list-img img[data-v-5a563edc] {
position: absolute;
top: 52px;
left: 2%;
height: 85px;
width: 85px;
border: 1px solid #e1e1e1;
border-radius: 30%;
}
.page-order-center .top .statistics .list-type-ico[data-v-5a563edc] {
position: absolute;
top: -3px;
left: 10px;
}
.page-order-center .top .statistics .list-detail[data-v-5a563edc] {
width: 66%;
line-height: 30px;
display: inline-block;
margin-top: 10px;
}
.page-order-center .top .statistics .list-detail p[data-v-5a563edc] {
font-weight: 500;
line-height: 1;
margin-top: 0;
text-align: left;
margin-bottom: 9px;
}
.page-order-center .top .statistics .list-detail .p-name[data-v-5a563edc] {
font-weight: bold;
font-size: 13px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.page-order-center .top .statistics .list-ico[data-v-5a563edc] {
position: absolute;
right: 3%;
top: 10px;
color: var(--f7-button-bg-color);
}
.page-order-center .top .statistics .col-blue[data-v-5a563edc] {
color: #1576dd;
}
.page-order-center .top .statistics .col-green[data-v-5a563edc] {
color: #17903a;
}
.page-order-center .top .statistics .col-yellow[data-v-5a563edc] {
color: #ff7e00;
}
.page-order-center .top .statistics .col-gray[data-v-5a563edc] {
color: #777777;
}
.page-order-center .top .statistics .title[data-v-5a563edc] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.page-order-center .top .statistics .amount[data-v-5a563edc] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.page-order-center .top .statistics .desc[data-v-5a563edc] {
border-top: 1px solid #e0dbdb;
margin-top: 10px;
}
.page-order-center .top .statistics .desc .p1[data-v-5a563edc] {
margin: 10px;
font-weight: bold;
}
.page-order-center .top .statistics .desc .p2[data-v-5a563edc] {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
word-wrap: break-word;
}
.page-order-center .top .buttom-area[data-v-5a563edc] {
height: 30px;
margin-bottom: 30px;
}
.page-order-center .top .info[data-v-5a563edc] {
width: 90%;
margin: 10px auto;
}
.page-order-center .top .info div[data-v-5a563edc] {
background: #f1f1f1;
border-radius: 5px;
height: 28px;
line-height: 28px;
position: relative;
}
.page-order-center .top .info div span[data-v-5a563edc]:nth-child(1) {
float: left;
margin-left: 10px;
}
.page-order-center .top .info div span[data-v-5a563edc]:nth-child(2) {
color: #002fb3;
}
.page-order-center .top .info div .refer[data-v-5a563edc] {
background: linear-gradient(#decabc, #b19785);
color: #000;
height: 26px;
border-radius: 4px;
line-height: 28px;
width: 50px;
display: inline-block;
text-align: center;
position: absolute;
right: 1px;
top: 1px;
}
.page-order-center .top .info .list ul[data-v-5a563edc]:before {
background-color: transparent;
width: 110%;
margin-left: -10px;
}
.page-order-center .top .info .list ul[data-v-5a563edc]:after {
background-color: transparent;
width: 110%;
margin-left: -10px;
}
.page-order-center .top .info .list .item-content[data-v-5a563edc] {
display: flex;
justify-content: space-around;
}
.page-order-center .top .line[data-v-5a563edc] {
width: 95%;
margin: auto;
margin-top: 15px;
border-top: 1px solid #1b336e;
}
.page-order-center .top .orderlist[data-v-5a563edc] {
margin: auto;
}
.page-order-center .top .orderlist ul[data-v-5a563edc]:before {
content: "";
position: absolute;
background-color: var(--f7-list-border-color);
display: block;
z-index: 15;
top: 0;
right: auto;
bottom: auto;
left: 0;
height: 1px;
width: 110%;
margin-left: -10px;
transform-origin: 50% 0%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.page-order-center .top .orderlist ul[data-v-5a563edc]:after {
content: "";
position: absolute;
background-color: var(--f7-list-border-color);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 110%;
margin-left: -10px;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.page-order-center .top .share[data-v-5a563edc] {
width: 90%;
background: #2d2d2d;
color: #b1b9ce;
border-radius: 15px;
height: 30px;
line-height: 30px;
margin: 15px auto;
position: relative;
padding-left: 10px;
}
.page-order-center .top .share .sharedesc[data-v-5a563edc] {
width: 96%;
color: #9cfaff;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.page-order-center .top .share .sharebutton[data-v-5a563edc] {
width: 80px;
height: 28px;
position: absolute;
right: 1px;
top: 1px;
text-align: center;
display: inline-block;
color: #000;
background: linear-gradient(#decabc, #b19785);
border-radius: 15px;
}
.page-order-center .top .showinfo[data-v-5a563edc] {
display: grid;
grid-template-columns: 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
text-align: center;
}
.page-order-center .top .showinfo .left[data-v-5a563edc] {
border-radius: 5px;
padding: 15px 0px;
background: #e9f7e9;
}
.page-order-center .top .showinfo .left div[data-v-5a563edc]:nth-child(1) {
font-size: 12px;
}
.page-order-center .top .showinfo .left div[data-v-5a563edc]:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.page-order-center .top .showinfo .right[data-v-5a563edc] {
border-radius: 5px;
padding: 15px 0px;
background: #fff7ee;
}
.page-order-center .top .showinfo .right div[data-v-5a563edc]:nth-child(1) {
font-size: 12px;
}
.page-order-center .top .showinfo .right div[data-v-5a563edc]:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.page-order-center .top .jindu[data-v-5a563edc] {
margin-top: 20px;
border: 1px solid #e8e8e8;
padding: 15px 10px;
border-radius: 5px;
}
.page-order-center .top .jindu[data-v-5a563edc] .progressbar span {
background: var(--f7-THEME-color);
}
.page-order-center .top .copy[data-v-5a563edc] {
width: 96%;
height: 50px;
border-radius: 7px;
margin: 25px auto;
position: relative;
}
.page-order-center .top .copy .sharedesc[data-v-5a563edc] {
color: #9cfaff;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.page-order-center .top .copy .copybutton[data-v-5a563edc] {
color: var(--f7-button-text-color);
font-weight: bold;
width: 100%;
height: 40px;
line-height: 40px;
position: absolute;
top: 0;
text-align: center;
display: inline-block;
background: var(--f7-THEME-color);
border-radius: 25px;
font-size: 16px;
}
.page-order-center .top .copy .btncolor[data-v-5a563edc] {
background: #9a9a9a;
}
.page-order-center .middle[data-v-5a563edc] {
border-top: 1px solid #bfbfbf;
}
.page-order-center .middle .wallet[data-v-5a563edc] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAAAKCAYAAACpItURAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNDQ4QjBCQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNDQ4QjBDQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE0NDhCMDlBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE0NDhCMEFBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5TLyDCAAADZUlEQVR42uxbyW4UMRB19UQkSGGREpYPQBw5I+5wR4gzfwDfAfwAp0hwhQsX8h0R/0AmkEgsUSDLtHGPPKjVstu12d0TUlKpe2pxu8v2m6rKBHa2t8yABCMdHxTtpDZQwAcE88/lW3qvaJBVtLWFfa3yPKwgRlYx1rbAWg4+fmXOJwHz4FP8NAA69jyMDusjkad0INBh9JR5hPiu40+O7xB8qGyY7wHK8eSsoUSeOi+cva2dIJXCgsFp5Zxm4mPPwktk0zBQpl7qgKbs7zl+73jTg/lTx58zZFNA9AGGnqOLzZEit5FYY+ULne1ZO4tY15SNJewTOzK8UZnPeczIIaOPVhbO0VEzHingczMtagYGhCwNkPYPHH/0IN7QDf/5vnLFh507NQ7SvZF7H3DG5ujGkBguRVY+BJBDxnGHBHFJuUjZ5KBw6FLlOgZopfK2HtuSwNg98pn41c57XHP8wfHDjC0WqR0nhpxWCre9ItmfRng+oNA5Lt1mURm3NJCP7dsNlBaRswlB6YBIDq8UoEFBTumVp+yeOH7neK0xOjk9NV92p/Orp8te/9jo98g1euNUuWQNOeAt3YOSykMjmSoBzIPg4soyTXaErZQcGTjXVmKn/QyuXLI2zxy/XCQnf46PzXTvq6nreg7mt2/dNGurq43qkuM3jq87fivcexY53z67VI8bkON1ZaleuIaM0kOn9M9TPfeYLjUu147ybAmOscctlZEv47dfrj9YSkEcCODMAXFQeAY3E6P0yNv0wvHrxX4+Ovptdqd7cxBvqLk2nxu5p4njV46fG3qvGzsn6bunfLTXUfIM7r7N1YrJ3WoZHU7CzvbWIpBV67oA+SqgA38Q2rI+nrTsJz26qmMzifhOELqYP2bMylcqVeA+5lsl3rGK6Pq4HdvYenTXa2l+LpWLfh0emv2DA2MDuQ246GxubJgr6+vmgv5llrW/r/1nG7mvA/cYniXkfde271ngftaxmwXksx7bmH1qzNB7zSKyVBzqQGzPArFvx910dVWkFIuVf9SyBUz/z6Ji30iYErGts8SWQF9JWHVKSBvIHKBnDph/1qCWUICM339N33/8NN/2wyA+D5yTN/rG7oKylfo2cGZT5zaGLxBoG9mIjVHCAoPEIEDiJabywLbIos/5K8AAJpUaPWt9V+AAAAAASUVORK5CYII=) bottom no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXUAAABuCAYAAADYm4MkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA2LTE2VDE2OjEwOjU4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MTg2NzI2MC1lMzkw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) bottom #efefef no-repeat;
background-size: 100%;
padding-top: 15px;
width: 50%;
position: relative;
color: #101010;
}
.page-order-center .middle .wallet > div[data-v-5a563edc] {
margin-bottom: 15px !important;
}
.page-order-center .middle .wallet .rebtn[data-v-5a563edc] {
background: linear-gradient(#decabc, #b19785);
border-radius: 4px;
width: 82%;
height: 30px;
line-height: 30px;
color: #000;
margin: auto;
}
.page-order-center .middle .rightafter[data-v-5a563edc]::after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 2px;
height: 128px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB2CAYAAADiBULzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDU4NkMzMkQ3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDU4NkMzM0Q3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwNTg2QzMwRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwNTg2QzMxRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vlLIFAAAALRJREFUeNqMkgEOwiAMRSlDvY8H8IjewyMOmHWrKdL8Mlmy5OX/35aVETMHeR7PVwzpvqSdl0OYhdQrdMBlf9lYqbdQsXDVTAujgmHM3PQYpg//qZqxZqZjVXItXNTJxtjA7DVJmLRhVMtC/P4GgaKGFZr1AzmCCzLrrQrCNoaqJ2xKAaX2lkDWjLHYQHarGmBGlBXCq85qQ82IQVUe9ykTFmaK+6Vo4VrI3/Omfap7O/QRYABt1k17o4IB9wAAAABJRU5ErkJggg==) bottom no-repeat;
background-size: 100% 100%;
}
.page-order-center .bottom[data-v-5a563edc] {
margin-top: 20px;
display: flex;
justify-content: space-around;
color: #101010;
}
.page-order-center .bottom .s-title[data-v-5a563edc] {
font-size: 12px;
}
.page-music .main-suggest-content .swiper-slide[data-v-5a563edc] {
justify-content: left;
}
.page-music .main-suggest-content[data-v-5a563edc] {
position: relative;
left: -12px;
}
.page-music .main-suggest-content[data-v-5a563edc] {
margin-top: 4px;
}
.page-music .main-suggest-content .swiper-slide[data-v-5a563edc] {
width: 85%;
font-size: 14px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
}
.page-music .main-suggest-content .swiper-slide .row[data-v-5a563edc] {
--f7-grid-gap: 4px;
}
.page-music .main-suggest-content .swiper-slide img[data-v-5a563edc] {
width: 100%;
}
.page-music .music-img[data-v-5a563edc] {
position: relative;
color: #fff;
overflow: hidden;
border-radius: 30%;
border: 1px solid #ccc;
}
.page-music .music-img .music-logo[data-v-5a563edc] {
font-size: 0;
}
.page-music .music-img .music-info[data-v-5a563edc] {
overflow: hidden;
font-size: 11px;
background: rgba(6, 6, 6, 0.6);
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 3px 2px;
}
.page-music .music-img .music-info .music-author[data-v-5a563edc] {
color: #ffe6c9;
font-size: 10px;
font-weight: bold;
display: block;
width: 100%;
text-align: center;
}
.page-music .music-img .music-info .music-name[data-v-5a563edc] {
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
padding-right: 3px;
font-size: 9px;
display: block;
text-align: center;
}
.page-music .music-img .music-info .play[data-v-5a563edc] {
width: 22px!important;
position: absolute;
right: 10px;
top: 7px;
}
.home-liveRates[data-v-5a563edc] {
margin: 10px 10px 0 13px;
}
.home-liveRates .liveRates-title[data-v-5a563edc] {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
position: relative;
}
.home-liveRates .liveRates-title .title[data-v-5a563edc] {
padding-left: 10px;
font-size: 14px;
font-weight: bold;
}
.home-liveRates .liveRates-title[data-v-5a563edc]::before {
content: "";
position: absolute;
top: 8px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 45%;
background-color: var(--f7-main-color);
}
.order-submission[data-v-f6e7e72c] {
--f7-theme-color: #DA291C;
color: #464646;
}
.order-submission .top[data-v-f6e7e72c] {
background: #fff;
font-size: 14px;
}
.order-submission .top .stat-item[data-v-f6e7e72c] {
height: 80px;
}
.order-submission .top .statistics[data-v-f6e7e72c] {
position: relative;
width: 96%;
margin: auto;
background: #fafafa;
border-radius: 5px;
text-align: center;
margin-top: 10px;
border: 1px solid rgba(27,42,59,0.06275);
}
.order-submission .top .statistics .list-type-ico[data-v-f6e7e72c] {
position: absolute;
top: -13px;
left: 10px;
}
.order-submission .top .statistics .ico-loc[data-v-f6e7e72c] {
position: absolute;
top: 10px;
left: 10px;
}
.order-submission .top .statistics .p-loc[data-v-f6e7e72c] {
margin: 0px 0px 0px 35px;
font-size: 16px;
font-weight: 600;
}
.order-submission .top .statistics .p-mobile[data-v-f6e7e72c] {
margin: 5px 0px 0px 35px;
font-size: 14px;
color: #050505;
}
.order-submission .top .statistics .p-img[data-v-f6e7e72c] {
width: 70px;
height: 70px;
position: absolute;
top: 5px;
left: 5px;
border: 1px solid #e1e1e1;
border-radius: 30%;
}
.order-submission .top .statistics .p-ticketno[data-v-f6e7e72c] {
width: 96%;
line-height: 26px;
display: inline-block;
margin-top: 0px;
text-align: left;
margin-left: 40px;
font-weight: bold;
font-size: 14px;
margin-bottom: -3px;
}
.order-submission .top .statistics .p-ts[data-v-f6e7e72c] {
font-size: 12px;
width: 90%;
display: inline-block;
text-align: left;
margin-left: 40px;
margin-top: 5px;
margin-bottom: 6px;
}
.order-submission .top .statistics .p-item-detail[data-v-f6e7e72c] {
width: calc(100% - 85px);
margin-left: auto;
text-align: left;
}
.order-submission .top .statistics .p-item-detail .p-item-name[data-v-f6e7e72c] {
font-family: Cairo;
font-size: 15px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.order-submission .top .statistics .p-item-detail .p-item-price[data-v-f6e7e72c] {
margin-top: 8px;
}
.order-submission .top .statistics .p-item-detail .p-item-price span[data-v-f6e7e72c] {
display: inline-block;
color: #1456b9;
text-decoration: underline;
text-overflow: ellipsis;
overflow: hidden;
}
.order-submission .top .statistics li[data-v-f6e7e72c] {
width: 100%;
display: inline-block;
margin-top: 10px;
text-align: left;
margin-bottom: 10px;
}
.order-submission .top .statistics .li-right[data-v-f6e7e72c] {
text-align: right;
margin-left: unset;
}
.order-submission .top .statistics .li-right .small[data-v-f6e7e72c] {
font-size: 12px;
}
.order-submission .top .statistics .li-center[data-v-f6e7e72c] {
font-weight: bold;
text-align: center;
margin-left: unset;
}
.order-submission .top .statistics .li-step[data-v-f6e7e72c] {
margin-left: unset;
}
.order-submission .top .statistics .title[data-v-f6e7e72c] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.order-submission .top .statistics .amount[data-v-f6e7e72c] {
text-align: center;
font-size: 18px;
padding-top: 6px;
font-weight: bold;
color: #ad5c09;
}
.order-submission .top .statistics .desc[data-v-f6e7e72c] {
border-top: 1px solid #e0dbdb;
margin-top: 10px;
}
.order-submission .top .statistics .desc .p1[data-v-f6e7e72c] {
margin: 10px;
font-weight: bold;
}
.order-submission .top .statistics .desc .p2[data-v-f6e7e72c] {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
word-wrap: break-word;
}
.order-submission .top .info[data-v-f6e7e72c] {
width: 90%;
margin: 10px auto;
}
.order-submission .top .info div[data-v-f6e7e72c] {
background: #f1f1f1;
border-radius: 5px;
height: 28px;
line-height: 28px;
position: relative;
}
.order-submission .top .info div span[data-v-f6e7e72c]:nth-child(1) {
float: left;
margin-left: 10px;
}
.order-submission .top .info div span[data-v-f6e7e72c]:nth-child(2) {
color: #002fb3;
}
.order-submission .top .info div .refer[data-v-f6e7e72c] {
background: linear-gradient(#decabc, #b19785);
color: #000;
height: 26px;
border-radius: 4px;
line-height: 28px;
width: 50px;
display: inline-block;
text-align: center;
position: absolute;
right: 1px;
top: 1px;
}
.order-submission .top .info .list ul[data-v-f6e7e72c]:before {
background-color: transparent;
}
.order-submission .top .info .list ul[data-v-f6e7e72c]:after {
background-color: transparent;
}
.order-submission .top .info .list .item-content[data-v-f6e7e72c] {
display: flex;
justify-content: space-around;
}
.order-submission .top .line[data-v-f6e7e72c] {
width: 95%;
margin: auto;
margin-top: 15px;
border-top: 1px solid #1b336e;
}
.order-submission .top .list[data-v-f6e7e72c] {
margin: auto;
}
.order-submission .top .share[data-v-f6e7e72c] {
width: 90%;
background: #2d2d2d;
color: #b1b9ce;
border-radius: 15px;
height: 30px;
line-height: 30px;
margin: 15px auto;
position: relative;
padding-left: 10px;
}
.order-submission .top .share .sharedesc[data-v-f6e7e72c] {
width: 96%;
color: #9cfaff;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.order-submission .top .share .sharebutton[data-v-f6e7e72c] {
width: 80px;
height: 28px;
position: absolute;
right: 1px;
top: 1px;
text-align: center;
display: inline-block;
color: #000;
background: linear-gradient(#decabc, #b19785);
border-radius: 15px;
}
.order-submission .top .copy[data-v-f6e7e72c] {
width: 95%;
background: var(--f7-button-bg-color);
color: var(--f7-button-text-color);
border-radius: 7px;
height: 40px;
line-height: 30px;
margin: 25px auto;
position: relative;
}
.order-submission .top .copy .sharedesc[data-v-f6e7e72c] {
color: #9cfaff;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.order-submission .top .copy .copybutton[data-v-f6e7e72c] {
width: 100%;
height: 36px;
line-height: 36px;
position: absolute;
right: 1px;
top: 1px;
text-align: center;
display: inline-block;
background: var(--f7-THEME-color);
border-radius: var(--f7-list-inset-border-radius);
font-size: 17px;
}
.order-submission .middle[data-v-f6e7e72c] {
border-top: 1px solid #bfbfbf;
}
.order-submission .middle .wallet[data-v-f6e7e72c] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAAAKCAYAAACpItURAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxNDQ4QjBCQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxNDQ4QjBDQUZBOTExRUE4MDhBRjUzRTk1QUYxODc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE0NDhCMDlBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODE0NDhCMEFBRkE5MTFFQTgwOEFGNTNFOTVBRjE4NzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5TLyDCAAADZUlEQVR42uxbyW4UMRB19UQkSGGREpYPQBw5I+5wR4gzfwDfAfwAp0hwhQsX8h0R/0AmkEgsUSDLtHGPPKjVstu12d0TUlKpe2pxu8v2m6rKBHa2t8yABCMdHxTtpDZQwAcE88/lW3qvaJBVtLWFfa3yPKwgRlYx1rbAWg4+fmXOJwHz4FP8NAA69jyMDusjkad0INBh9JR5hPiu40+O7xB8qGyY7wHK8eSsoUSeOi+cva2dIJXCgsFp5Zxm4mPPwktk0zBQpl7qgKbs7zl+73jTg/lTx58zZFNA9AGGnqOLzZEit5FYY+ULne1ZO4tY15SNJewTOzK8UZnPeczIIaOPVhbO0VEzHingczMtagYGhCwNkPYPHH/0IN7QDf/5vnLFh507NQ7SvZF7H3DG5ujGkBguRVY+BJBDxnGHBHFJuUjZ5KBw6FLlOgZopfK2HtuSwNg98pn41c57XHP8wfHDjC0WqR0nhpxWCre9ItmfRng+oNA5Lt1mURm3NJCP7dsNlBaRswlB6YBIDq8UoEFBTumVp+yeOH7neK0xOjk9NV92p/Orp8te/9jo98g1euNUuWQNOeAt3YOSykMjmSoBzIPg4soyTXaErZQcGTjXVmKn/QyuXLI2zxy/XCQnf46PzXTvq6nreg7mt2/dNGurq43qkuM3jq87fivcexY53z67VI8bkON1ZaleuIaM0kOn9M9TPfeYLjUu147ybAmOscctlZEv47dfrj9YSkEcCODMAXFQeAY3E6P0yNv0wvHrxX4+Ovptdqd7cxBvqLk2nxu5p4njV46fG3qvGzsn6bunfLTXUfIM7r7N1YrJ3WoZHU7CzvbWIpBV67oA+SqgA38Q2rI+nrTsJz26qmMzifhOELqYP2bMylcqVeA+5lsl3rGK6Pq4HdvYenTXa2l+LpWLfh0emv2DA2MDuQ246GxubJgr6+vmgv5llrW/r/1nG7mvA/cYniXkfde271ngftaxmwXksx7bmH1qzNB7zSKyVBzqQGzPArFvx910dVWkFIuVf9SyBUz/z6Ji30iYErGts8SWQF9JWHVKSBvIHKBnDph/1qCWUICM339N33/8NN/2wyA+D5yTN/rG7oKylfo2cGZT5zaGLxBoG9mIjVHCAoPEIEDiJabywLbIos/5K8AAJpUaPWt9V+AAAAAASUVORK5CYII=) bottom no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXUAAABuCAYAAADYm4MkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA2LTE2VDE2OjEwOjU4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0xNlQxNjoxMjowNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MTg2NzI2MC1lMzkw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) bottom #efefef no-repeat;
background-size: 100%;
padding-top: 15px;
width: 50%;
position: relative;
color: #101010;
}
.order-submission .middle .wallet > div[data-v-f6e7e72c] {
margin-bottom: 15px !important;
}
.order-submission .middle .wallet .rebtn[data-v-f6e7e72c] {
background: linear-gradient(#decabc, #b19785);
border-radius: 4px;
width: 82%;
height: 30px;
line-height: 30px;
color: #000;
margin: auto;
}
.order-submission .middle .rightafter[data-v-f6e7e72c]::after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 2px;
height: 128px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB2CAYAAADiBULzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDU4NkMzMkQ3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDU4NkMzM0Q3NzMxMUU4QTJCNUE4OUNCOThGRDhGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwNTg2QzMwRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwNTg2QzMxRDc3MzExRThBMkI1QTg5Q0I5OEZEOEZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vlLIFAAAALRJREFUeNqMkgEOwiAMRSlDvY8H8IjewyMOmHWrKdL8Mlmy5OX/35aVETMHeR7PVwzpvqSdl0OYhdQrdMBlf9lYqbdQsXDVTAujgmHM3PQYpg//qZqxZqZjVXItXNTJxtjA7DVJmLRhVMtC/P4GgaKGFZr1AzmCCzLrrQrCNoaqJ2xKAaX2lkDWjLHYQHarGmBGlBXCq85qQ82IQVUe9ykTFmaK+6Vo4VrI3/Omfap7O/QRYABt1k17o4IB9wAAAABJRU5ErkJggg==) bottom no-repeat;
background-size: 100% 100%;
}
.order-submission .bottom[data-v-f6e7e72c] {
margin-top: 20px;
display: flex;
justify-content: space-around;
color: #101010;
}
.order-submission .bottom .s-title[data-v-f6e7e72c] {
font-size: 12px;
}
.dialog-change-order[data-v-f6e7e72c] {
color: #464646;
width: 86%;
margin: 0 7%;
background-color: #ffffff !important;
border-radius: 14px;
left: 0;
}
.dialog-change-order .dialog-inner[data-v-f6e7e72c] {
padding: 0;
text-align: left;
}
.dialog-change-order .dialog-inner .dialog-title[data-v-f6e7e72c] {
text-align: center;
position: relative;
height: 40px;
line-height: 40px;
color: #6f7073;
font-size: 16px;
}
.dialog-change-order .dialog-inner .dialog-title[data-v-f6e7e72c]:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-change-order .dialog-inner .dialog-text .block-balance[data-v-f6e7e72c] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header[data-v-f6e7e72c] {
color: #464646;
position: var(--f7-postion-relative);
padding: var(--f7-padding-size-5) var(--f7-px-16);
font-size: var(--f7-px-13);
margin-bottom: var(--f7-px-4);
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header .row[data-v-f6e7e72c] {
margin: var(--f7-margin-size-10) 0;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header .row .button[data-v-f6e7e72c] {
height: 18px;
line-height: 18px;
color: var(--f7-color-white);
padding: 0px var(--f7-padding-size-0);
padding: var(--f7-button-padding-vertical, 0px) var(--f7-padding-size-0);
font-size: var(--f7-size-ps-12);
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header .row .btn-refresh[data-v-f6e7e72c] {
background-color: #49743e;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header .row .btn-recycling[data-v-f6e7e72c] {
background-color: #9f753f;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-header[data-v-f6e7e72c]:after {
content: "";
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
top: auto;
right: auto;
bottom: 0;
left: 0;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / 1));
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content[data-v-f6e7e72c] {
padding: var(--f7-padding-size-0) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
padding-bottom: 20px;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .stat-item[data-v-f6e7e72c] {
height: 80px;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics[data-v-f6e7e72c] {
position: relative;
width: 100%;
margin: auto;
border-radius: 5px;
text-align: center;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics .p-img[data-v-f6e7e72c] {
width: 50px;
height: 50px;
position: absolute;
top: 5px;
left: 5px;
border: 1px solid #e1e1e1;
border-radius: 30%;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics .p-item-detail[data-v-f6e7e72c] {
width: calc(100% - 68px);
margin-left: auto;
text-align: left;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics .p-item-detail .p-item-name[data-v-f6e7e72c] {
font-family: Cairo;
font-size: 15px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics .p-item-detail .p-item-price[data-v-f6e7e72c] {
margin-top: 3px;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .statistics .p-item-detail .p-item-price span[data-v-f6e7e72c] {
display: inline-block;
color: #1456b9;
text-decoration: underline;
text-overflow: ellipsis;
overflow: hidden;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .tip[data-v-f6e7e72c] {
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
border-radius: 7px;
position: relative;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .tip p[data-v-f6e7e72c] {
margin: 7px 0;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-content .tip .title[data-v-f6e7e72c] {
position: absolute;
top: -10px;
background: white;
text-align: center;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-footer[data-v-f6e7e72c] {
margin-top: 6px;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-footer .row.no-gap[data-v-f6e7e72c] {
--f7-grid-gap: 0px;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .block-footer .button[data-v-f6e7e72c] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .progressbar span[data-v-f6e7e72c] {
position: relative;
background-color: transparent;
}
.dialog-change-order .dialog-inner .dialog-text .block-balance .progressbar[data-v-f6e7e72c]:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
transform-origin: left center;
transform: translate3d(0, 0, 0);
display: block;
background-color: var(--f7-theme-color);
background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
animation: ios-progressbar-infinite 1s linear infinite;
}
.content[data-v-21529f3f] {
width: 90%;
margin: 10px auto;
}
.content .info[data-v-21529f3f] {
display: flex;
background: var(--f7-THEME-color);
border-radius: 7px;
color: white;
}
.content .info div div[data-v-21529f3f] {
width: 90%;
text-align: center;
}
.content .info .two[data-v-21529f3f]:before {
content: "";
position: absolute;
top: 23%;
left: 8px;
transform: translateX(-50%);
width: 1px;
height: 60%;
background-color: var(--f7-THEME-color2);
}
.content .info .two[data-v-21529f3f]:after {
content: "";
position: absolute;
top: 23%;
right: 8px;
transform: translateX(-50%);
width: 1px;
height: 60%;
background-color: var(--f7-THEME-color2);
}
.content .info .one[data-v-21529f3f] {
width: 75%;
padding-top: 10%;
}
.content .info .one div[data-v-21529f3f] {
height: 20px;
line-height: 20px;
margin-top: 6px;
}
.content .info .one div[data-v-21529f3f]:nth-child(2) {
font-size: 20px;
}
.content .info .one .coppy[data-v-21529f3f] {
background: #fff;
color: #000;
width: 70px;
border-radius: 10px;
margin: 7px auto;
display: grid;
align-content: center;
}
.content .info .two[data-v-21529f3f] {
width: 25%;
padding: 15px;
}
.content .info .two .er[data-v-21529f3f] {
background: white;
padding: 5px;
font-size: 0;
}
.content .inlink[data-v-21529f3f] {
padding: 15px;
background: #fff7ee;
margin: 10px 0;
border-radius: 7px;
}
.content .btn[data-v-21529f3f] {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
color: white;
}
.content .btn .btncode[data-v-21529f3f] {
height: 30px;
line-height: 30px;
border-radius: 5px;
background: #c1a96f;
}
.content .btn .btnlink[data-v-21529f3f] {
height: 30px;
line-height: 30px;
border-radius: 5px;
background: var(--f7-THEME-color);
}
.content .showinfo[data-v-21529f3f] {
display: grid;
grid-template-columns: 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
text-align: center;
}
.content .showinfo .left[data-v-21529f3f] {
border-radius: 5px;
padding: 15px 0px;
background: #e9f7e9;
}
.content .showinfo .left div[data-v-21529f3f]:nth-child(1) {
font-size: 12px;
}
.content .showinfo .left div[data-v-21529f3f]:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.content .showinfo .right[data-v-21529f3f] {
border-radius: 5px;
padding: 15px 0px;
background: #fff7ee;
}
.content .showinfo .right div[data-v-21529f3f]:nth-child(1) {
font-size: 12px;
}
.content .showinfo .right div[data-v-21529f3f]:nth-child(2) {
font-size: 15px;
font-weight: bold;
}
.content .allyi[data-v-21529f3f] {
margin: 10px 0;
border: 1px solid #e8e8e8;
padding: 15px 10px;
border-radius: 5px;
background: #f1feff;
}
.content .alltw[data-v-21529f3f] {
margin: 10px 0;
border: 1px solid #e8e8e8;
padding: 10px;
border-radius: 5px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
font-size: 12px;
}
.content .num[data-v-21529f3f] {
display: grid;
grid-template-columns: auto auto auto;
border: 1px solid #f2f3f5;
border-radius: 10px;
margin: 15px 0;
height: 76px;
box-shadow: 0px 1px 4px rgb(185 182 152);
}
.content .num div div[data-v-21529f3f] {
width: 100%;
text-align: center;
height: 38px;
line-height: 38px;
font-size: 12px;
}
.content .num div[data-v-21529f3f]:nth-child(2):before {
content: "";
position: absolute;
top: 10px;
left: 0;
transform: translateX(-50%);
width: 1px;
height: 55px;
background-color: #f3f3f3;
}
.content .num div[data-v-21529f3f]:nth-child(2):after {
content: "";
position: absolute;
top: 10px;
right: 0;
transform: translateX(-50%);
width: 1px;
height: 55px;
background-color: #f3f3f3;
}
.content .hen[data-v-21529f3f] {
background: var(--f7-THEME-color2);
border: 1px solid var(--f7-THEME-color);
border-radius: 10px;
height: 40px;
line-height: 40px;
padding: 0 0 0 20px;
position: relative;
margin: 0 0 10px 0;
}
.content .hen .rig[data-v-21529f3f] {
position: absolute;
top: 13px;
right: 20px;
font-size: 16px;
}
.code[data-v-21529f3f] {
width: 370px;
height: 425px;
background: #fff;
border-radius: 5px;
}
.code .er[data-v-21529f3f] {
width: 200px;
height: 200px;
padding: 20px;
border-bottom: 1px dashed #8f8f8f;
display: grid;
justify-content: center;
align-content: center;
position: relative;
}
.code .er[data-v-21529f3f]::before {
content: "";
position: absolute;
left: -26px;
bottom: -10px;
border-radius: 20px;
height: 20px;
width: 20px;
background: #514d4d;
box-sizing: border-box;
}
.code .er[data-v-21529f3f]::after {
content: "";
position: absolute;
right: -26px;
bottom: -10px;
border-radius: 20px;
height: 20px;
width: 20px;
background: #514d4d;
box-sizing: border-box;
}
.code .un[data-v-21529f3f] {
margin: 0 auto;
}
.code .un .num[data-v-21529f3f] {
display: flex;
background: var(--f7-THEME-color);
border-radius: 5px;
color: white;
height: 35px;
line-height: 35px;
padding: 0 15px;
margin: 20px 0px;
}
.code .un .num div[data-v-21529f3f]:nth-child(1) {
width: 50%;
font-size: 20px;
font-weight: bold;
text-align: left;
}
.code .un .num div[data-v-21529f3f]:nth-child(2) {
width: 50%;
text-align: right;
}
.code .un .num div:nth-child(2) a[data-v-21529f3f] {
color: white;
}
.code .un .href[data-v-21529f3f] {
background: var(--f7-THEME-color2);
border: 1px solid var(--f7-THEME-color);
border-radius: 5px;
padding: 10px;
min-height: 30px;
color: #514d4d;
word-wrap: break-word;
}
.code #qrcode img[data-v-21529f3f] {
margin: 0px auto;
padding: 50px 0;
height: 150px;
}
.content[data-v-eb86d932] {
width: 90%;
margin: 10px auto;
}
.content .info[data-v-eb86d932] {
border-radius: 10px;
border: 1px solid var(--f7-THEME-color2);
padding: 10px;
margin-bottom: 10px;
}
.content .info .fl[data-v-eb86d932] {
display: flex;
border-bottom: 1px solid #ededed;
position: relative;
}
.content .info .fl div[data-v-eb86d932] {
font-size: 12px;
padding: 5px 0;
}
.content .info .fl div[data-v-eb86d932]:nth-child(1) {
display: flex;
width: 90%;
align-items: center;
}
.content .info .fl div[data-v-eb86d932]:nth-child(2) {
width: 10%;
text-align: right;
font-weight: bold;
display: flex;
align-items: center;
justify-content: flex-end;
}
.content .info .fl img[data-v-eb86d932] {
margin: 6px 10px 0 0;
}
.content .uninfo .fl[data-v-eb86d932] {
border: none;
}
.content .uninfo .fl div[data-v-eb86d932]:nth-child(2) {
font-weight: 0;
display: flex;
align-items: center;
justify-content: right;
}
.content .upbtn[data-v-eb86d932] {
background: #da291c;
color: white;
height: 37px;
line-height: 37px;
width: 80%;
text-align: center;
border-radius: 10px;
margin: 0 auto;
}
.content[data-v-f4ea8146] {
width: 90%;
margin: 10px auto;
font-size: 12px;
}
.content .info[data-v-f4ea8146] {
border-radius: 10px;
border: 1px solid var(--f7-THEME-color2);
padding: 0 10px;
margin-bottom: 10px;
}
.content .info .fl[data-v-f4ea8146] {
display: flex;
border-bottom: 1px solid #ededed;
position: relative;
}
.content .info .fl div[data-v-f4ea8146] {
padding: 5px 0;
}
.content .info .fl div[data-v-f4ea8146]:nth-child(1) {
width: 50%;
}
.content .info .fl div[data-v-f4ea8146]:nth-child(2) {
width: 50%;
text-align: right;
}
.content .info .fl img[data-v-f4ea8146] {
margin: 6px 10px 0 0;
}
.content .info .fl .datesty[data-v-f4ea8146] {
font-size: 12px;
color: #969799;
}
.selectcon[data-v-f4ea8146] {
background: var(--f7-THEME-color2);
padding: 5px 67px 0px 17px;
display: flex;
justify-content: space-between;
}
.selectcon .dateTime div[data-v-f4ea8146] {
background: #fff;
border: 1px solid #D6F6D6;
border-radius: 5px;
margin-bottom: 3px;
}
.custom-select[data-v-f4ea8146] {
position: relative;
top: 1px;
display: inline-block;
width: 72px;
height: 40px;
}
.custom-select select[data-v-f4ea8146] {
width: 120px;
height: 32px;
padding: 7px 6px 5px 10px;
font-size: 12px;
border: 1px solid #D6F6D6;
border-radius: 5px;
background: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #000;
outline: none;
}
.custom-select[data-v-f4ea8146]::after {
content: "▼";
font-size: 12px;
color: #2366cc;
position: absolute;
right: -40px;
top: 17px;
transform: translateY(-50%);
pointer-events: none;
}
.custom-select select[data-v-f4ea8146]:focus {
border-color: #D6F6D6;
/* Darker red border on focus */
}
.commission[data-v-59c9dd3e] {
position: relative;
border-radius: 10px;
width: 90%;
margin: 10px auto;
display: flex;
color: white;
background: var(--f7-THEME-color);
text-align: center;
height: 88px;
}
.commission .one[data-v-59c9dd3e] {
width: 50%;
position: relative;
}
.commission .one p[data-v-59c9dd3e]:nth-child(1) {
line-height: 66px;
}
.commission .one p[data-v-59c9dd3e] {
margin: 0;
height: 50px;
padding: 0 10px;
font-size: 11px;
}
.commission .one[data-v-59c9dd3e]:nth-child(2):after {
content: '';
position: absolute;
top: 19px;
right: 0;
transform: translateX(-50%);
width: 1px;
height: 50px;
background-color: var(--f7-THEME-color2);
}
.commission .one[data-v-59c9dd3e]:nth-child(2):before {
content: '';
position: absolute;
top: 19px;
left: 0;
transform: translateX(-50%);
width: 1px;
height: 50px;
background-color: var(--f7-THEME-color2);
}
.content[data-v-59c9dd3e] {
width: 90%;
margin: 10px auto;
font-size: 12px;
}
.content .info[data-v-59c9dd3e] {
border-radius: 10px;
border: 1px solid var(--f7-THEME-color2);
padding: 0 10px;
margin-bottom: 10px;
}
.content .info .fl[data-v-59c9dd3e] {
display: flex;
border-bottom: 1px solid #ededed;
position: relative;
}
.content .info .fl div[data-v-59c9dd3e] {
padding: 5px 0;
}
.content .info .fl div[data-v-59c9dd3e]:nth-child(1) {
width: 50%;
}
.content .info .fl div[data-v-59c9dd3e]:nth-child(2) {
width: 50%;
text-align: right;
}
.content .info .fl img[data-v-59c9dd3e] {
margin: 6px 10px 0 0;
}
.content .info .fl .datesty[data-v-59c9dd3e] {
font-size: 14px;
color: #969799;
}
.selectcon[data-v-59c9dd3e] {
background: var(--f7-THEME-color2);
padding: 10px 86px 0px 20px;
display: flex;
justify-content: space-between;
}
.custom-select[data-v-59c9dd3e] {
position: relative;
display: inline-block;
width: 72px;
height: 40px;
}
.custom-select select[data-v-59c9dd3e] {
width: 140px;
height: 32px;
padding: 7px 6px 5px 10px;
font-size: 12px;
border: 1px solid #D6F6D6;
border-radius: 5px;
background: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #000;
outline: none;
}
.custom-select[data-v-59c9dd3e]::after {
content: '▼';
font-size: 12px;
color: #2366cc;
position: absolute;
right: -60px;
top: 17px;
transform: translateY(-50%);
pointer-events: none;
}
.custom-select select[data-v-59c9dd3e]:focus {
border-color: #D6F6D6;
/* Darker red border on focus */
}
.head .jie[data-v-f25c4636] {
position: relative;
}
.head .xian[data-v-f25c4636] {
background: #d5d5d5;
width: 100%;
height: 3px;
position: absolute;
bottom: 5px;
z-index: 0;
}
.head .gai[data-v-f25c4636] {
position: absolute;
width: 100%;
height: 50px;
bottom: 0px;
z-index: 11;
}
.head .swiper-container[data-v-f25c4636] {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.head .swiper-container[data-v-f25c4636] .swiper-pagination-bullet-active {
opacity: 1;
background: var(--f7-THEME-color);
}
.head[data-v-f25c4636] .swiper-pagination-bullet {
width: 10px;
height: 4px;
display: inline-block;
border-radius: 40%;
background: #000;
opacity: 0.2;
}
.head .swiper-slide[data-v-f25c4636] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.head .swiper-slide img[data-v-f25c4636] {
width: 100%;
}
.head .amount[data-v-f25c4636] {
position: absolute;
right: 10px;
bottom: 10px;
text-align: center;
font-size: 12px;
}
.head .vipname[data-v-f25c4636] {
position: absolute;
left: 20px;
bottom: 10px;
font-size: 12px;
}
.head .price[data-v-f25c4636] {
position: absolute;
top: 11vh;
left: 16%;
color: #0e7865;
font-size: 14px;
font-weight: bold;
}
.vipcontent[data-v-f25c4636] {
width: 90%;
margin: 0 auto;
position: relative;
padding-bottom: 10px;
}
.vipcontent .triangle-up[data-v-f25c4636] {
position: absolute;
left: 45%;
top: -27px;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid white;
z-index: 10;
}
.vipcontent .title[data-v-f25c4636] {
position: relative;
padding-left: 7px;
}
.vipcontent .title #tip[data-v-f25c4636] {
padding-left: 6px;
}
.vipcontent .title #tip[data-v-f25c4636]:before {
content: '';
position: absolute;
top: 4px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 16px;
background-color: var(--f7-THEME-color);
}
.vipcontent .vipInfo div[data-v-f25c4636] {
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #e3e3e3;
margin-top: 10px;
}
.vipcontent .vipInfo table[data-v-f25c4636] {
display: block;
color: #696969;
}
.vipcontent .vipInfo table tr[data-v-f25c4636] {
display: flex;
}
.vipcontent .vipInfo table tr td[data-v-f25c4636] {
width: 50%;
margin-bottom: 5px;
}
.vipcontent .vipInfo table tr td[data-v-f25c4636]:nth-child(2) {
text-align: right;
}
.vipcontent .custom-table[data-v-f25c4636] {
width: 100%;
border-collapse: collapse;
text-align: left;
padding: 5px;
font-size: 12px;
}
.vipcontent .custom-table head[data-v-f25c4636] {
background-color: #ddd;
}
.vipcontent .custom-table th[data-v-f25c4636],
.vipcontent .custom-table td[data-v-f25c4636] {
text-align: center;
border: 1px solid #d6d6d6;
/* 设置边框颜色和样式 */
padding: 0 2px;
}
.vipcontent .custom-table tr[data-v-f25c4636] {
height: 30px;
line-height: 30px;
}
.vipcontent .custom-table tr th[data-v-f25c4636] {
background-color: #f2f2f2;
font-weight: 400;
line-height: normal;
}
.vipcontent .custom-table tr td[data-v-f25c4636]:nth-child(1) {
width: 50%;
line-height: 16px;
}
.buyVip[data-v-f25c4636] {
background: var(--f7-THEME-color);
width: 80%;
height: 40px;
line-height: 40px;
color: white;
text-align: center;
border-radius: 7px;
margin: 0 auto;
margin-top: 30px;
border: 0px;
}
.user-level[data-v-f25c4636] {
position: absolute;
top: 0px;
left: 0px;
}
.user-level img[data-v-f25c4636] {
width: 66px;
height: 18px;
position: absolute;
left: 0px;
top: 0px;
}
.user-level span[data-v-f25c4636] {
color: #fff;
position: absolute;
top: 0px;
font-style: italic;
font-weight: 400;
font-size: 13px;
line-height: 18px;
left: 20px;
}
.buypopup[data-v-f25c4636] {
display: block !important;
padding: 0px !important;
font-size: 12px;
}
.buypopup #add[data-v-f25c4636] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-f25c4636] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-f25c4636] {
display: flex;
}
.buypopup .yiban div[data-v-f25c4636] {
width: 50%;
}
.buypopup .yiban div[data-v-f25c4636]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-f25c4636]:nth-child(2) {
width: 70%;
}
.buypopup .paddding[data-v-f25c4636] {
padding: 10px;
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
}
.buypopup .paddding div[data-v-f25c4636]:nth-child(2) {
text-align: right;
}
.buypopup .price span[data-v-f25c4636] {
width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
}
.buypopup .one[data-v-f25c4636] {
background: var(--f7-THEME-color);
color: white;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-f25c4636] {
border: none;
padding: 10px 0 13px 20px;
}
.buypopup .four span[data-v-f25c4636] {
border: none;
}
.buypopup .paybtn[data-v-f25c4636] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 14px;
width: 113px !important;
margin-left: 25%;
margin-top: 3px;
}
.vanbuy[data-v-f25c4636] {
border-radius: 20px 20px 0 0;
}
[data-v-f25c4636] .van-tabs__nav {
background: none;
}
[data-v-f25c4636] .van-tabs__wrap--scrollable .van-tab {
flex: 1 0 auto;
padding: 0px 33px;
color: #000;
position: relative;
font-size: 12px;
}
[data-v-f25c4636] .van-tabs__wrap--scrollable .van-tab ::after {
content: '';
width: 10px;
height: 10px;
background-color: #d5d5d5;
border-radius: 50%;
position: absolute;
bottom: 2px;
left: 35px;
z-index: 10;
}
[data-v-f25c4636] .van-tabs__line {
position: absolute;
background: #2366cc;
border: 3px solid #b8cbe7;
width: 9px;
height: 9px;
border-radius: 50%;
z-index: 11;
}
[data-v-0ecdaf40] .navbar-inner {
color: white;
background: var(--f7-THEME-color);
}
[data-v-0ecdaf40] .navbar-inner a {
color: white;
}
.buttons-award[data-v-0ecdaf40] {
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
}
.buttons-award a.tab-link[data-v-0ecdaf40] {
color: #000;
padding: 5px 22px;
text-align: center;
border-right: 1px solid var(--f7-THEME-color);
line-height: 15px;
}
.buttons-award a.tab-link[data-v-0ecdaf40] :last-child {
border-right: none;
}
.buttons-award a.tab-link[data-v-0ecdaf40]:last-child {
border-right: none;
}
.buttons-award a.tab-link.tab-link-active[data-v-0ecdaf40] {
color: var(--f7-THEME-color);
}
.buttons-award a.tab-link[data-v-0ecdaf40]:last-child:after {
width: 0;
height: 0;
display: none;
}
.buttons-award[data-v-0ecdaf40] {
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.buttons-award a.tab-link[data-v-0ecdaf40] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
}
.buttons-award a.tab-link i[data-v-0ecdaf40] {
margin-top: var(--f7-padding-size-2);
font-size: var(--f7-px-32);
}
.buttons-award a.tab-link span[data-v-0ecdaf40] {
font-size: var(--f7-px-14);
margin-left: var(--f7-margin-size-0);
}
.buttons-award a.tab-link[data-v-0ecdaf40]:after {
content: "";
width: var(--f7-width-size-2);
height: var(--f7-height-size-pt100);
position: absolute;
right: var(--f7-size-ps-0);
top: var(--f7-size-ps-0);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
.buttons-award a.tab-link[data-v-0ecdaf40]:last-child:after {
height: var(--f7-height-size-0);
}
.buttons-award a.tab-link.tab-link-active i.iconfont[data-v-0ecdaf40] {
color: var(--f7-color-blue-active);
}
.content[data-v-0ecdaf40] {
padding: 10px;
background: linear-gradient(1.98deg, var(--f7-THEME-color2) 3.12%, var(--f7-THEME-color) 95.71%);
min-height: 98%;
}
.content .txt1[data-v-0ecdaf40] {
padding-left: 6px;
color: white;
font-size: 28px;
font-weight: bold;
}
.content .txt1 .liwu[data-v-0ecdaf40] {
height: 82px;
position: absolute;
right: 70px;
bottom: -34px;
}
.content .txt2[data-v-0ecdaf40] {
width: 58%;
padding-left: 6px;
color: white;
font-size: 18px;
font-weight: bold;
}
.content .time[data-v-0ecdaf40] {
padding: 10px;
background: white;
border-radius: 10px;
}
.content .time .xian[data-v-0ecdaf40] {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 6px;
margin-bottom: 6px;
color: #868686;
}
.content .title[data-v-0ecdaf40] {
position: relative;
font-size: 16;
font-weight: bold;
margin: 10px 0px;
padding-left: 10px;
color: white;
}
.content .title[data-v-0ecdaf40]::after {
content: '';
position: absolute;
top: 4px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 60%;
background-color: #feb600;
}
.content .bigtitle[data-v-0ecdaf40] {
background: linear-gradient(to bottom, #8ebded, #fff);
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
font-weight: bold;
}
.content .box[data-v-0ecdaf40] {
background: #fff;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.content .box .box-header[data-v-0ecdaf40] {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 7px;
font-weight: bold;
word-break: break-word;
white-space: normal;
}
.content .box .box-body .icon span[data-v-0ecdaf40] {
display: inline-block;
height: 50px;
line-height: 38px;
text-align: center;
color: red;
font-weight: bold;
background: url(../images/awardRed.png);
background-size: 100% 100%;
width: 100%;
font-size: 12px;
}
.content .box .box-body .info p[data-v-0ecdaf40] {
margin: 0px;
font-size: 12px;
margin: 5px 0;
display: flex;
}
.content .box .box-body .info p img[data-v-0ecdaf40] {
height: 16px;
margin-right: 5px;
}
.content .box .box-body .info p[data-v-0ecdaf40]:nth-child(1) {
font-size: 12px;
}
.content .box .box-body .info .one[data-v-0ecdaf40] {
border: 1px solid #ffe8e8;
padding: 5px;
border-radius: 5px;
padding-top: 30px;
position: relative;
margin-top: 10px;
}
.content .box .box-body .info .one .tit[data-v-0ecdaf40] {
font-weight: bold;
background: var(--f7-THEME-color2);
padding: 5px 20px 5px 7px;
font-size: 12px;
border-radius: 5px 0px 40px 0px;
position: absolute;
top: 0;
left: 0;
}
.content .box .box-body .info .one span[data-v-0ecdaf40] {
font-size: 12px;
display: inline-block;
}
.content .box .box-body .button[data-v-0ecdaf40] {
line-height: 35px;
height: 35px;
border-radius: 18px;
margin-top: 10px;
text-transform: none;
white-space: normal;
}
.content .box .box-body .button2[data-v-0ecdaf40] {
height: auto;
border-radius: 50px;
line-height: 15px;
padding: 7px 5px;
}
.content .box .boxs[data-v-0ecdaf40] {
padding-bottom: 10px;
border-bottom: 2px solid #e7e7e7;
}
.content .box .boxs[data-v-0ecdaf40]:last-child {
border: none;
}
[data-v-0ecdaf40] .page-content::after {
height: 0;
}
.vanshow[data-v-0ecdaf40] {
text-align: center;
width: 300px;
border-radius: 10px;
overflow: visible;
padding: 20px 0 ;
}
.vanshow .da[data-v-0ecdaf40] {
margin: 5px 0;
font-size: 16px;
padding: 0 10px;
}
.vanshow .xi[data-v-0ecdaf40] {
margin: 0;
font-weight: 100;
}
.vanshow .yes[data-v-0ecdaf40] {
margin-bottom: 20px;
background: var(--f7-THEME-color);
color: white;
height: 40px;
line-height: 40px;
display: inline-block;
padding: 0 60px;
border-radius: 10px;
margin-bottom: 0;
}
.ruledialog[data-v-0ecdaf40] {
width: 86%;
margin: 0 7%;
background-color: white !important;
left: 0;
}
.ruledialog .dialog-inner[data-v-0ecdaf40] {
padding: 0;
text-align: left;
}
.ruledialog .dialog-inner .dialog-title[data-v-0ecdaf40] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
height: 35px;
line-height: 35px;
}
.ruledialog .dialog-inner .dialog-title h3[data-v-0ecdaf40] {
margin: 0 0 2px 0;
}
.ruledialog .dialog-inner .dialog-title h5[data-v-0ecdaf40] {
margin: 0;
font-weight: normal;
}
.ruledialog .dialog-inner .dialog-title[data-v-0ecdaf40]:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.ruledialog .dialog-inner .dialog-text .block-message[data-v-0ecdaf40] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-content[data-v-0ecdaf40] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
background: white;
height: 350px;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle[data-v-0ecdaf40] {
margin: 10px 10px 0;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle span[data-v-0ecdaf40] {
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-0ecdaf40] {
margin-top: var(--f7-margin-size-f2);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer[data-v-0ecdaf40] {
margin-top: 8px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-0ecdaf40] {
--f7-grid-gap: 0px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .button[data-v-0ecdaf40] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-0ecdaf40] {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-0ecdaf40] {
opacity: 0.6;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-0ecdaf40] {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.rule[data-v-0ecdaf40] {
color: black;
background: var(--f7-THEME-color2);
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 25px;
padding: 0 12px;
font-size: 14px;
margin-right: 10px;
}
.qidai[data-v-0ecdaf40] {
background: var(--f7-THEME-color);
text-align: center;
padding: 10px;
height: 100vh;
}
.qidai div[data-v-0ecdaf40] {
font-size: 18px;
}
.qidai .ablock[data-v-0ecdaf40] {
background: #fff;
min-height: 80vh;
border-radius: 10px;
padding-top: 50px;
}
[data-v-19b89cec] .navbar-inner {
color: white;
background: linear-gradient(to right, #5893ed, #0e4eb0);
}
[data-v-19b89cec] .navbar-inner a {
color: white;
}
.content[data-v-19b89cec] {
padding: 10px;
background: #29303a;
background-image: url(../images/luckboxbg.png);
background-size: 100%;
background-repeat: no-repeat;
padding-top: 215px;
position: relative;
background-color: #2366cc;
}
.content .rule[data-v-19b89cec] {
color: black;
position: absolute;
top: 15px;
right: 20px;
z-index: 200;
background: var(--f7-THEME-color2);
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 25px;
padding: 0 12px;
}
.content .box[data-v-19b89cec] {
width: 100%;
height: 330px;
margin-top: 290px;
display: grid;
grid-template-columns: auto auto auto;
justify-content: center;
color: white;
font-size: 20px;
text-align: center;
line-height: 90px;
}
.content .box div[data-v-19b89cec] {
width: 90px;
height: 90px;
background: url(../images/item.png);
background-size: 100% 100%;
margin: 10px;
box-sizing: border-box;
}
.content .box .active[data-v-19b89cec] {
border: 1px solid white;
border-radius: 10px;
}
.content .dan[data-v-19b89cec] {
text-align: center;
position: relative;
}
.content .dan .bigbox[data-v-19b89cec] {
position: relative;
z-index: 10;
width: 350px;
margin: 0 auto;
}
.content .dan .yu[data-v-19b89cec] {
font-size: 17px;
position: absolute;
top: 377px;
width: 100%;
}
.content .dan .fen[data-v-19b89cec] {
width: 85%;
margin: auto;
font-size: 16px;
text-decoration: underline;
}
.content .dan .yin[data-v-19b89cec] {
width: 100%;
height: 165px;
position: absolute;
top: 217px;
left: 0;
}
.content .dan .quan[data-v-19b89cec] {
width: 422px;
position: absolute;
top: -79px;
left: -53px;
}
.content .mian[data-v-19b89cec] {
text-align: center;
width: 300px;
height: 40px;
line-height: 40px;
background: white;
margin: 20px auto;
border-radius: 10px;
font-size: 14px;
}
.content .go[data-v-19b89cec] {
width: 300px;
height: 46px;
line-height: 46px;
font-size: 16px;
border: none;
border-radius: 10px !important;
margin: 0 auto;
text-transform: none;
background: var(--f7-THEME-color);
color: black;
position: relative;
z-index: 100;
}
.content .open[data-v-19b89cec] {
width: 210px;
height: 82px;
margin: 0 auto;
position: relative;
bottom: 83px;
z-index: 20;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
left: -3px;
}
.content .open div[data-v-19b89cec] {
position: relative;
overflow: hidden;
}
.content .open img[data-v-19b89cec] {
width: 76px;
}
.content .open .opentext[data-v-19b89cec] {
position: absolute;
line-height: 65px;
font-size: 26px;
left: 26px;
top: 0;
}
.content .nogo[data-v-19b89cec] {
background: #d6d6d6;
height: 46px;
line-height: 46px;
font-size: 16px;
width: 90%;
border: none;
border-radius: 10px !important;
margin: 0 auto;
text-transform: none;
}
.content .task-list[data-v-19b89cec] {
border-radius: 8px;
}
.content .task-list .task-header .label[data-v-19b89cec] {
font-size: 14px;
}
.content .task-list .task-header .value[data-v-19b89cec] {
font-size: 16px;
font-weight: bold;
color: red;
}
.content .task-list .rotate-warpper[data-v-19b89cec] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.content .task-list .rotate-warpper .lucky-wheel[data-v-19b89cec] {
position: relative;
z-index: 2;
}
.content .task-list .rotate-warpper .bottom[data-v-19b89cec] {
width: 280px;
position: absolute;
bottom: -10px;
z-index: 1;
}
.van[data-v-19b89cec] {
padding: 10px;
background: var(--f7-THEME-color);
font-size: 12px;
}
.van ul li[data-v-19b89cec] {
height: 52px;
text-align: center;
}
.van .title[data-v-19b89cec] {
display: flex;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ededed;
font-weight: bold;
}
.van .d1[data-v-19b89cec] {
width: 33%;
position: relative;
}
.van .d1 .boxnum[data-v-19b89cec] {
position: absolute;
top: 14px;
font-weight: bold;
font-size: 17px;
width: 100%;
text-align: center;
left: 0;
}
.van .d2[data-v-19b89cec] {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
}
.van .d2 .fun[data-v-19b89cec] {
width: 10px;
height: 10px;
display: inline-block;
background: #ccc;
border-radius: 10px;
position: absolute;
left: -5px;
top: 23px;
}
.van .d3[data-v-19b89cec] {
width: 50%;
font-size: 12px;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
.van[data-v-19b89cec].van-tabs--line .van-tabs__wrap {
border-radius: 10px 10px 0 0;
}
.van[data-v-19b89cec] .van-tab__text--ellipsis {
font-weight: bold;
}
.van .fun2[data-v-19b89cec] {
width: 10px;
height: 10px;
display: inline-block;
background: #ccc;
border-radius: 10px;
margin: 10px 10px 0 10px;
}
.van[data-v-19b89cec] .van-tab--active {
color: #323233;
font-weight: 500;
background: linear-gradient(to bottom, #0747ae, #fff);
border-radius: 10px 10px 0 0;
}
.van[data-v-19b89cec] .van-tabs__line {
display: none;
}
.van[data-v-19b89cec] .van-tabs__nav {
background-color: #f0f0f0;
}
[data-v-19b89cec] .van-tabs__content {
background: white;
}
[data-v-19b89cec] .page-content::after {
height: 0;
}
.ruledialog[data-v-19b89cec] {
width: 86%;
margin: 0 7%;
background-color: white !important;
left: 0;
}
.ruledialog .dialog-inner[data-v-19b89cec] {
padding: 0;
text-align: left;
}
.ruledialog .dialog-inner .dialog-title[data-v-19b89cec] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
}
.ruledialog .dialog-inner .dialog-title h3[data-v-19b89cec] {
margin: 0 0 2px 0;
}
.ruledialog .dialog-inner .dialog-title h5[data-v-19b89cec] {
margin: 0;
font-weight: normal;
}
.ruledialog .dialog-inner .dialog-title[data-v-19b89cec]:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.ruledialog .dialog-inner .dialog-text .block-message[data-v-19b89cec] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-content[data-v-19b89cec] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
background: white;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle[data-v-19b89cec] {
margin: 10px 10px 0;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle span[data-v-19b89cec] {
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-19b89cec] {
margin-top: var(--f7-margin-size-f2);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer[data-v-19b89cec] {
margin-top: 8px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-19b89cec] {
--f7-grid-gap: 0px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .button[data-v-19b89cec] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-19b89cec] {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-19b89cec] {
opacity: 0.6;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-19b89cec] {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.bonusv0[data-v-19b89cec] {
width: 80%;
border-radius: 20px;
text-align: center;
overflow-y: visible;
background: white;
}
.bonusv0 .img1[data-v-19b89cec] {
width: 100%;
position: relative;
top: -68px;
z-index: 2005;
}
.bonusv0 .span1[data-v-19b89cec] {
position: absolute;
bottom: 8px;
width: 100%;
z-index: 10000;
color: #000;
text-align: center;
}
.bonusv0 .go[data-v-19b89cec] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 0 auto;
border-radius: 10px;
color: white;
font-weight: bold;
margin-bottom: 33px;
}
.bonusv0[data-v-19b89cec] .van-popup__close-icon--top-right {
top: auto;
right: 45%;
bottom: -40px;
display: none;
}
.bonusv0[data-v-19b89cec] .van-popup__close-icon {
font-size: 33px;
}
.page-messgae-center[data-v-3efc81fe] {
--f7-page-toolbar-bottom-offset: 0px;
}
.page-messgae-center .tabs-message[data-v-3efc81fe] {
margin: auto;
width: 95%;
}
.page-messgae-center .buttons-message[data-v-3efc81fe] {
height: 48px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
}
.page-messgae-center .buttons-message a.tab-link[data-v-3efc81fe] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: #808080;
font-size: var(--f7-px-14);
}
.page-messgae-center .buttons-message a.tab-link.tab-link-active[data-v-3efc81fe] {
color: #464646;
border-bottom: 1px solid;
}
.page-messgae-center .scroll-container[data-v-3efc81fe]::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.page-messgae-center .menu[data-v-3efc81fe] {
position: fixed;
background: #fff;
height: 52px;
overflow-x: scroll;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 10px 0;
padding-left: 4%;
width: 100%;
margin: 0;
}
.page-messgae-center .menu div[data-v-3efc81fe] {
display: inline-flex;
height: 30px;
line-height: 30px;
border: 1px solid var(--f7-THEME-color);
border-radius: 5px;
font-weight: bold;
text-align: center;
margin-left: 3px;
overflow: hidden;
padding: 0 5px;
}
.page-messgae-center .menu .hot[data-v-3efc81fe] {
height: 20px;
width: 20px;
position: relative;
top: 4px;
left: -2px;
}
.page-messgae-center .menu .cis[data-v-3efc81fe] {
width: 20px;
height: 20px;
position: relative;
top: 5px;
left: -1px;
}
.page-messgae-center .menu .activeMenu[data-v-3efc81fe] {
background: var(--f7-THEME-color);
color: white;
}
.page-messgae-center .tabs-message[data-v-3efc81fe] {
position: relative;
overflow: hidden;
min-height: calc(100% - 52px);
height: calc(100% - 52px);
}
.page-messgae-center .tabs-message .tab[data-v-3efc81fe] {
padding: 0;
}
.page-messgae-center .tabs-message .tab .block[data-v-3efc81fe] {
margin: 0;
padding: 0;
}
.page-messgae-center .tabs-message .tab .block .card-message[data-v-3efc81fe] {
margin: 0 4px 13px 4px;
padding: 0 5px;
background-color: #fff;
color: #464646;
border: 1px solid #f3f3f3;
}
.page-messgae-center .tabs-message .tab .block .card-message i.iconfont[data-v-3efc81fe] {
font-size: 16px;
color: #1e56bb;
margin-right: 6px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-3efc81fe] {
justify-content: flex-end;
color: #464646;
font-size: 14px;
min-height: 20px;
padding: 7px 15px;
}
.page-messgae-center .tabs-message .tab .block .card-message .card-footer[data-v-3efc81fe]:before {
height: 0;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-content[data-v-3efc81fe] {
padding: 8px 15px 0;
font-size: 16px;
}
.page-messgae-center .tabs-message .tab .block .card-user-message .card-footer[data-v-3efc81fe] {
border-top: 1px solid #e3e3e3;
width: 95%;
margin: auto;
margin-top: 28px;
}
.page-messgae-center .tabs-message .tab .no-data[data-v-3efc81fe] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80%;
}
.block[data-v-3efc81fe] {
margin: 0;
margin-bottom: 50px;
}
.buttonstyle .one[data-v-3efc81fe] {
height: 36px !important;
line-height: 36px !important;
border-radius: 10px 0 0 10px !important;
}
.buttonstyle .two[data-v-3efc81fe] {
height: 36px !important;
line-height: 36px !important;
border-radius: 0 10px 10px 0 !important;
}
.financial[data-v-3efc81fe] {
border: 1px solid #e5e5e5;
padding-top: 5px;
margin: 10px 0;
}
.financial .financialone[data-v-3efc81fe] {
padding: 5px;
height: 60px;
}
.financial .financialone img[data-v-3efc81fe] {
position: absolute;
height: 60px;
}
.financial .financialone span[data-v-3efc81fe] {
display: block;
padding-left: 70px;
}
.financial .financialone .nameSpan[data-v-3efc81fe] {
font-weight: bold;
color: #000;
width: 80%;
display: block;
padding-left: 70px;
margin: 0 0 3px 0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
margin-top: 7px;
}
.financial .financialone .toRight[data-v-3efc81fe] {
height: 20px;
position: absolute;
right: 12px;
top: 24px;
}
.financial .financialtwo[data-v-3efc81fe] {
padding: 0 10px;
display: flex;
border-bottom: 1px solid #e5e5e5;
}
.financial .financialtwo div[data-v-3efc81fe] {
width: 50%;
height: 32px;
line-height: 32px;
}
.financial .term[data-v-3efc81fe] {
width: 93%;
margin: auto;
border-radius: 6px;
padding: 5px 10px;
margin-bottom: 5px;
background: #f8f8f8;
}
.financial .term .info[data-v-3efc81fe] {
border-radius: 5px;
font-size: 14px;
}
.financial .term .info div[data-v-3efc81fe] {
margin-bottom: 5px;
}
.financial .term .info div div[data-v-3efc81fe]:nth-child(2) {
min-height: 25px;
line-height: 25px;
padding-left: 10px;
background: #fff;
}
.financial .financialthree[data-v-3efc81fe] {
position: relative;
}
.financial .financialthree .gobutton[data-v-3efc81fe] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 29px;
min-width: 70px;
line-height: 29px;
position: absolute;
right: 7px;
bottom: 5px;
padding: 0 10px;
}
.financial .financialthree .downTime[data-v-3efc81fe] {
position: absolute;
left: 10px;
bottom: 11px;
color: var(--f7-THEME-color);
font-weight: bold;
}
.financial .financialthree .goDetail[data-v-3efc81fe] {
border-radius: 15px;
text-align: center;
height: 27px;
min-width: 70px;
line-height: 27px;
position: absolute;
right: 105px;
bottom: 5px;
border: 1px solid #ccc;
padding: 0 10px;
}
.financial .financialthree .circulation[data-v-3efc81fe] {
display: flex;
font-size: 12px;
}
.financial .financialthree .circulation div[data-v-3efc81fe] {
width: 50%;
}
.financial .financialthree .circulation div[data-v-3efc81fe]:nth-child(1) {
text-align: left;
}
.financial .financialthree .circulation div[data-v-3efc81fe]:nth-child(2) {
text-align: right;
}
.financial .financialthree .countdown[data-v-3efc81fe] {
color: var(--f7-THEME-color);
font-size: 14px;
display: inline;
}
.financial-have[data-v-3efc81fe] {
height: 195px;
}
.financial-have .financialthree[data-v-3efc81fe] {
width: 62%;
margin-left: 15px;
text-align: right;
margin: 40px 10px 0px 0px;
position: relative;
}
.financial-have .financialthree div[data-v-3efc81fe] {
margin-top: 6px;
}
.financial-have .financialthree .gobutton[data-v-3efc81fe] {
background: var(--f7-THEME-color);
border-radius: 15px;
color: #fff;
text-align: center;
height: 33px;
width: 130px;
line-height: 33px;
position: absolute;
right: 0;
}
.no-data[data-v-3efc81fe] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.buypopup2[data-v-3efc81fe] {
display: block !important;
padding: 0px !important;
border-radius: 20px 20px 0 0;
}
.buypopup2 .financial[data-v-3efc81fe] {
padding: 5px;
}
.buypopup2 .yiban[data-v-3efc81fe] {
display: flex;
line-height: 37px;
width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.buypopup2 .one[data-v-3efc81fe] {
background: var(--f7-THEME-color);
color: white;
width: 100%;
height: 50px;
line-height: 50px;
border-radius: 20px 20px 0 0;
}
.buypopup2 .title[data-v-3efc81fe] {
font-weight: bold;
padding-left: 23px;
}
.buypopup2 .title[data-v-3efc81fe]::before {
content: '';
position: absolute;
top: 4px;
left: 10px;
transform: translateX(-50%);
width: 3px;
height: 11px;
background-color: var(--f7-THEME-color);
}
.buypopup2 .desc[data-v-3efc81fe] {
width: 100%;
padding: 10px 5px;
max-height: calc(100vh - 250px);
overflow-y: auto;
box-sizing: border-box;
word-wrap: break-word;
/* 强制长单词换行 */
word-wrap: break-word;
/* 同上，适用于部分浏览器 */
}
.buypopup2 .mylove[data-v-3efc81fe] {
width: 180px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: white;
border: none;
border-radius: 10px !important;
margin: 0px auto;
padding: 0 5px;
background: radial-gradient(circle, var(--f7-THEME-color), var(--f7-THEME-color));
}
.buypopup[data-v-3efc81fe] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-3efc81fe] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-3efc81fe] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-3efc81fe] {
display: flex;
}
.buypopup .yiban div[data-v-3efc81fe]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-3efc81fe]:nth-child(2) {
width: 70%;
}
.buypopup .inputPrice[data-v-3efc81fe] {
color: #707070;
margin: 10px;
}
.buypopup .inputPrice .kun[data-v-3efc81fe] {
border: 1px solid #ccc;
border-radius: 5px;
position: relative;
height: 40px;
margin: 0 5px;
}
.buypopup .inputPrice .kun input[data-v-3efc81fe] {
width: 80%;
height: 100%;
text-align: center;
font-weight: bold;
margin: 0 auto;
}
.buypopup .inputPrice .reduce[data-v-3efc81fe] {
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .inputPrice .sum[data-v-3efc81fe] {
position: absolute;
top: 0px;
right: 0px;
width: 40px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.buypopup .paddding[data-v-3efc81fe] {
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.buypopup .paddding div[data-v-3efc81fe]:nth-child(2) {
text-align: right;
}
.buypopup .paddding .selectBg[data-v-3efc81fe] {
background: var(--f7-THEME-color);
color: white;
}
.buypopup .price span[data-v-3efc81fe] {
min-width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
padding: 0 3px;
}
.buypopup .one[data-v-3efc81fe] {
background: var(--f7-THEME-color);
color: white;
border-radius: 20px 20px 0 0;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-3efc81fe] {
border: none;
padding: 0px 0px 15px 20px;
}
.buypopup .four span[data-v-3efc81fe] {
border: none;
}
.buypopup .paybtn[data-v-3efc81fe] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 70px;
position: relative;
bottom: -4px;
}
[data-v-3efc81fe] .van-popup {
overflow: hidden;
}
.vandetail[data-v-3efc81fe] {
padding-bottom: 20px;
border-radius: 20px 20px 0 0;
}
.vanbuy[data-v-3efc81fe] {
border-radius: 20px 20px 0 0;
}
.desc img {
width: 100%; /* 全局样式 */
height: auto;
}
.desc {
width: 100%;
}
.desc img {
width: 100%;
/* 全局样式 */
height: auto;
}
.content .about[data-v-9c347d04] {
padding: 10px;
}
.content .about .title[data-v-9c347d04] {
position: relative;
padding-left: 10px;
font-weight: bold;
font-size: 16px;
}
.content .about .title[data-v-9c347d04]::before {
content: '';
position: absolute;
top: 3px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 15px;
background-color: var(--f7-THEME-color);
}
.content .about .font[data-v-9c347d04] {
color: #939393;
font-weight: normal;
border: 1px solid #ccc;
border-radius: 5px;
padding: 6px;
background: #f7f7f7;
}
.content .about div[data-v-9c347d04] {
margin: 5px 0;
}
.pdf-container {
height: 100vh;
overflow-y: auto;
padding: 10px;
background: #f9f9f9;
}
.pdf-wrapper canvas {
display: block;
/* margin-bottom: 10px; */
width: 100%;
height: auto;
background: white;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
[data-v-b6972f5c] .navbar-inner {
color: white;
background: linear-gradient(1.98deg, #2366cc 3.12%, var(--f7-THEME-color) 95.71%);
}
[data-v-b6972f5c] .navbar-inner a {
color: white;
}
.content[data-v-b6972f5c] {
padding: 10px;
min-height: 98%;
background: var(--f7-THEME-color2);
background-image: url(../images/member_center_bg.png);
background-repeat: no-repeat;
background-size: 100% 12%;
position: relative;
}
.content .rule[data-v-b6972f5c] {
color: white;
position: absolute;
top: 5px;
left: 15px;
z-index: 200;
text-align: center;
border-radius: 25px;
padding: 0 12px 0 0;
display: flex;
justify-items: center;
}
.content .rule2[data-v-b6972f5c] {
color: white;
position: absolute;
top: 5px;
right: 15px;
z-index: 200;
text-align: center;
border-radius: 25px;
padding: 0 12px;
display: flex;
justify-items: center;
}
.content .infotop[data-v-b6972f5c] {
display: flex;
background: white;
border-radius: 10px;
margin-top: 20px;
min-height: 95px;
}
.content .infotop div[data-v-b6972f5c] {
width: 50%;
}
.content .infotop div div[data-v-b6972f5c] {
width: 100%;
text-align: center;
}
.content .infotop .two[data-v-b6972f5c]:after {
content: "";
position: absolute;
top: 25px;
right: 0;
transform: translateX(-50%);
width: 1px;
height: 50px;
background-color: #c6c1c1;
}
.content .proportion[data-v-b6972f5c] {
background: white;
border-radius: 10px;
margin: 10px auto;
}
.content .proportion .info[data-v-b6972f5c] {
display: flex;
padding-bottom: 20px;
margin-top: -5px;
}
.content .proportion .info .dian[data-v-b6972f5c] {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #8e4900;
margin-right: 15px;
}
.content .proportion .tips[data-v-b6972f5c] {
padding: 0px 0 20px 10px;
font-size: 13px;
border-bottom: 2px solid #e7e7e7;
width: 90%;
margin: 0 auto;
color: var(--f7-THEME-color);
}
.content .txt1[data-v-b6972f5c] {
padding-left: 6px;
color: white;
font-size: 28px;
font-weight: bold;
}
.content .txt2[data-v-b6972f5c] {
width: 58%;
padding-left: 6px;
color: white;
font-size: 18px;
font-weight: bold;
}
.content .title[data-v-b6972f5c] {
position: relative;
font-weight: bold;
margin: 10px 0px;
padding-left: 10px;
}
.content .title .liwu[data-v-b6972f5c] {
height: 136px;
position: absolute;
right: 30px;
bottom: -17px;
}
.content .title[data-v-b6972f5c]::after {
content: "";
position: absolute;
top: 4px;
left: 0px;
transform: translateX(-50%);
width: 3px;
height: 60%;
background-color: var(--f7-THEME-color);
}
.content .boxMonth[data-v-b6972f5c] {
background: #fff;
padding: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.content .boxMonth .box-header[data-v-b6972f5c] {
border-bottom: 2px solid #e7e7e7;
padding-bottom: 10px;
}
.content .boxMonth .box-body[data-v-b6972f5c] {
padding-top: 10px;
display: flex;
}
.content .boxMonth .box-body .info p[data-v-b6972f5c] {
margin: 0px;
font-size: 12px;
}
.content .boxMonth .box-body .info p[data-v-b6972f5c]:nth-child(1) {
margin: 5px 0;
font-size: 16px;
font-weight: bold;
}
.content .boxMonth .box-body .button[data-v-b6972f5c] {
line-height: 14px;
min-height: 40px;
border-radius: 20px;
margin: 0 auto;
margin-top: 27px;
max-width: 160px;
text-transform: none;
white-space: normal;
}
.content .boxMonth .box-body div[data-v-b6972f5c]:nth-child(1) {
width: 70%;
margin-right: 5px;
}
.content .boxMonth .boxs[data-v-b6972f5c] {
padding-bottom: 10px;
border-bottom: 2px solid #e7e7e7;
}
.content .boxMonth .boxs[data-v-b6972f5c]:last-child {
border: none;
}
.content .tip[data-v-b6972f5c] {
padding: 5px;
}
.content .tip ol[data-v-b6972f5c] {
list-style-type: decimal;
padding-left: 48px;
}
.content .tip span[data-v-b6972f5c] {
color: red;
}
[data-v-b6972f5c] .page-content::after {
height: 0;
}
[data-v-7d01d297] .navbar-inner {
color: white;
background: linear-gradient(1.98deg, #2366cc 3.12%, var(--f7-THEME-color) 95.71%);
}
[data-v-7d01d297] .navbar-inner a {
color: white;
}
[data-v-7d01d297] .page-content::after {
height: 0px;
}
[data-v-4ff4f47e] .navbar-inner {
color: white;
background: linear-gradient(1.98deg, #2366cc 3.12%, var(--f7-THEME-color) 95.71%);
}
[data-v-4ff4f47e] .navbar-inner a {
color: white;
}
.content[data-v-4ff4f47e] {
padding: 10px;
min-height: 98%;
background: var(--f7-THEME-color2);
background-image: url(../images/member_center_bg.png);
background-repeat: no-repeat;
background-size: 100% 12%;
position: relative;
}
.content .info[data-v-4ff4f47e] {
background: white;
border-radius: 10px;
padding: 10px 10px 20px 10px;
margin-top: 10px;
}
.content .info .state1[data-v-4ff4f47e] {
background: var(--f7-THEME-color2);
border: 1px solid #eaeaea;
width: 93%;
margin: 0 auto;
border-radius: 10px;
padding: 2px 10px;
margin-bottom: 15px;
}
.content .info .state1 p[data-v-4ff4f47e] {
margin: 3px 0;
}
.content .info[data-v-4ff4f47e] .van-step--horizontal .van-step__title {
font-size: 14px;
}
.content .info[data-v-4ff4f47e] .van-step--horizontal .van-step__icon {
font-size: 20px;
}
.content .info[data-v-4ff4f47e] .van-step__circle {
width: 15px;
height: 15px;
}
.content .info[data-v-4ff4f47e] .van-step--finish .van-step__circle,
.content .info .van-step--finish .van-step__line[data-v-4ff4f47e] {
color: var(--f7-THEME-color);
}
.content .info[data-v-4ff4f47e] .van-uploader__preview {
margin: auto;
}
.content .info .photo[data-v-4ff4f47e] {
display: grid;
grid-template-columns: auto auto auto;
padding: 15px 0;
}
.content .info .photo .upload-box[data-v-4ff4f47e] {
display: grid;
text-align: center;
}
.content .info .photo[data-v-4ff4f47e] .van-uploader__upload {
margin: auto;
border-radius: 10px;
background: none;
}
.content .info .photo .upload1[data-v-4ff4f47e] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
margin: 10px 0;
}
.content .info .photo .upload2[data-v-4ff4f47e] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
margin: 10px;
}
.content .info .photo .upload3[data-v-4ff4f47e] {
background: url(data:image/png;base64,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);
background-size: 100% 100%;
margin: 10px 0;
}
.content .info .photo[data-v-4ff4f47e] .van-uploader__upload-text {
margin-top: 75px;
color: black;
}
.content .info .photo[data-v-4ff4f47e] .van-uploader__upload-icon {
display: none;
}
.content .info .photo[data-v-4ff4f47e] .van-uploader__preview-image {
width: 100px;
height: 65px;
}
.content .info .mytab[data-v-4ff4f47e] {
width: 100%;
text-align: center;
border-collapse: collapse;
/* 隐藏默认的 radio 按钮 */
/* 选中时的样式 */
}
.content .info .mytab th[data-v-4ff4f47e],
.content .info .mytab td[data-v-4ff4f47e] {
border: 1px solid #d6d6d6;
height: 30px;
}
.content .info .mytab input[type="radio"][data-v-4ff4f47e] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #ccc;
position: relative;
cursor: pointer;
outline: none;
}
.content .info .mytab input[type="radio"][data-v-4ff4f47e]:checked {
border-color: var(--f7-THEME-color2);
/* 外圈颜色 */
}
.content .info .mytab input[type="radio"][data-v-4ff4f47e]:checked {
background-color: var(--f7-THEME-color);
/* 选中的颜色 */
}
.content .info .mytab .txt1[data-v-4ff4f47e] {
color: #ccc;
}
.content .info .mytab .txt2[data-v-4ff4f47e] {
color: blue;
}
.content .info .mytab .txt3[data-v-4ff4f47e] {
color: red;
}
.content .info .btn[data-v-4ff4f47e] {
width: 90%;
background: var(--f7-THEME-color);
margin: 0 auto;
color: white;
font-size: 16px;
text-align: center;
border-radius: 10px;
padding: 7px;
}
[data-v-4ff4f47e] .page-content::after {
height: 0;
}
.page-change-login-pwd[data-v-691161b6] {
--f7-page-toolbar-bottom-offset: 0;
}
.page-change-login-pwd .block-change-login-pwd[data-v-691161b6] {
margin: 5px 0 10px;
padding: 0 10px;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd[data-v-691161b6] {
margin: 0;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul[data-v-691161b6] {
background-color: transparent;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul .item-input .item-inner .item-title[data-v-691161b6] {
padding-top: 12px;
color: #464646;
width: 36%;
max-width: none!important;
font-size: 12px;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul .item-input .item-inner input[data-v-691161b6] {
color: #464646;
font-size: 12px;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul .item-input .item-inner[data-v-691161b6]:after {
right: 10px;
left: auto;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul[data-v-691161b6]:before,
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul[data-v-691161b6]:after {
height: 0;
}
.page-change-login-pwd .button-save[data-v-691161b6] {
margin: 10px 12px;
}
.page-change-login-pwd .button-save ul[data-v-691161b6] {
background: var(--f7-THEME-color);
}
.page-change-login-pwd .head[data-v-691161b6] {
background: var(--f7-THEME-color);
color: white;
padding: 10px;
border-radius: 10px;
}
.page-change-login-pwd .head .head-1[data-v-691161b6] {
text-align: center;
font-size: 12px;
}
.page-change-login-pwd .head .head-2[data-v-691161b6] {
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-change-login-pwd .item-title[data-v-691161b6] {
font-size: 14px;
}
.page-change-login-pwd .item-inner[data-v-691161b6]:after {
right: 10px;
left: auto;
}
.page-change-login-pwd .item-after[data-v-691161b6] {
width: 100%;
font-size: 14px;
}
.dialog-Tip[data-v-691161b6] {
width: 94%;
margin: 0 3%;
background-color: white;
left: 0;
}
.dialog-Tip .dialog-inner[data-v-691161b6] {
padding: 0;
text-align: left;
}
.dialog-Tip .dialog-inner .dialog-title[data-v-691161b6] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
color: #423232;
}
.dialog-Tip .dialog-inner .dialog-title h3[data-v-691161b6] {
margin: 0px;
padding: 15px 0;
}
.dialog-Tip .dialog-inner .dialog-title h5[data-v-691161b6] {
margin: 0;
font-weight: normal;
}
.dialog-Tip .dialog-inner .line[data-v-691161b6] {
position: relative;
margin: 0px 0 40px 0px!important;
}
.dialog-Tip .dialog-inner .dialog-title[data-v-691161b6]:after,
.dialog-Tip .dialog-inner .line[data-v-691161b6]::after {
content: '';
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1/var(--f7-device-pixel-ratio)));
}
.dialog-Tip .dialog-inner .dialog-text .block-message[data-v-691161b6] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content[data-v-691161b6] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
padding: 15px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content p[data-v-691161b6] {
margin: 0;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content .p1[data-v-691161b6] {
margin-top: 0px;
font-weight: bold;
margin-bottom: 15px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content .p2[data-v-691161b6] {
background: #f3f3f3;
padding: 10px;
color: #7f7f7f;
margin-bottom: 10px;
word-wrap: break-word;
word-break: break-word;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content .copy-result[data-v-691161b6] {
margin-bottom: -8px;
text-align: center;
color: #101010;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle[data-v-691161b6] {
margin: 10px 10px 0;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle span[data-v-691161b6] {
color: #40baff;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-691161b6] {
margin-top: var(--f7-margin-size-f2);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer[data-v-691161b6] {
margin-top: 8px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-691161b6] {
--f7-grid-gap: 0px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .button[data-v-691161b6] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-14);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-691161b6] {
background-color: #ccc;
color: #101010;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-691161b6] {
opacity: 0.6;
color: #101010 !important;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-691161b6] {
background-color: var(--f7-THEME-color);
color: white!important;
border-radius: 0;
}
.page-change-login-pwd .block-change-login-pwd .list-change-login-pwd ul .item-input .item-inner input[data-v-691161b6] {
font-size: 14px;
}
.page-redPacket-history .block-records[data-v-2cfd83e3] {
margin: 0;
padding: 0;
}
.page-redPacket-history .block-records .card[data-v-2cfd83e3] {
border: 1px solid #ccc;
background: linear-gradient(to right, #f3f3f3 35%, white 35%);
margin: 8px;
}
.page-redPacket-history .block-records .card .co-white[data-v-2cfd83e3] {
color: #464646;
}
.page-redPacket-history .block-records .card .co-gray[data-v-2cfd83e3] {
color: #464646;
}
.page-redPacket-history .block-records .card .co-black[data-v-2cfd83e3] {
color: #101010;
}
.page-redPacket-history .block-records .card .co-green[data-v-2cfd83e3] {
color: #33cd5f;
}
.page-redPacket-history .block-records .card .co-blue[data-v-2cfd83e3] {
color: #11c1f3;
}
.page-redPacket-history .block-records .card .co-yellow[data-v-2cfd83e3] {
color: #f11f1f;
}
.page-redPacket-history .block-records .card .co-red[data-v-2cfd83e3] {
color: #fd6565;
}
.page-redPacket-history .block-records .card .card-header[data-v-2cfd83e3]:after,
.page-redPacket-history .block-records .card .card-footer[data-v-2cfd83e3]:before {
background-color: #b7b7b7;
}
.page-redPacket-history .block-records .card .card-header[data-v-2cfd83e3] {
display: block;
font-size: 12px;
padding: 10px 15px 10px 8px;
}
.page-redPacket-history .block-records .card .card-header i.f7-icons[data-v-2cfd83e3] {
font-size: 18px;
vertical-align: middle;
margin-top: -3px;
color: blue;
}
.page-redPacket-history .block-records .card .card-content[data-v-2cfd83e3] {
font-size: 12px;
padding: 2px 4px;
position: relative;
}
.page-redPacket-history .block-records .card .card-content .row[data-v-2cfd83e3] {
padding: 4px 0;
}
.page-redPacket-history .block-records .card .card-content .arrow[data-v-2cfd83e3] {
position: absolute;
right: 10px;
top: 40%;
}
.page-redPacket-history .block-records .card .card-footer[data-v-2cfd83e3] {
justify-content: flex-end;
padding: 8px 15px;
font-size: 12px;
}
.page-redPacket-history .no-data[data-v-2cfd83e3] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.page-redPacket-history .padding-left-20[data-v-2cfd83e3] {
padding-left: 20px;
}
.dialog-redPacketDetail[data-v-2cfd83e3] {
width: 94%;
margin: 0 3%;
background-color: white;
left: 0;
}
.dialog-redPacketDetail .dialog-inner[data-v-2cfd83e3] {
padding: 0;
text-align: left;
}
.dialog-redPacketDetail .dialog-inner .dialog-title[data-v-2cfd83e3] {
text-align: center;
position: relative;
font-size: 18px;
color: #423232;
}
.dialog-redPacketDetail .dialog-inner .dialog-title h3[data-v-2cfd83e3] {
margin: 0px;
padding: 10px 0;
font-size: 18px;
}
.dialog-redPacketDetail .dialog-inner .dialog-title h5[data-v-2cfd83e3] {
margin: 0;
font-weight: normal;
}
.dialog-redPacketDetail .dialog-inner .line[data-v-2cfd83e3] {
position: relative;
margin: 0px 0 25px 0px!important;
}
.dialog-redPacketDetail .dialog-inner .remaining[data-v-2cfd83e3] {
padding-left: 18px;
margin: 0px;
margin-bottom: 10px;
font-size: 12px;
color: #464646;
}
.dialog-redPacketDetail .dialog-inner .dialog-title[data-v-2cfd83e3]:after,
.dialog-redPacketDetail .dialog-inner .line[data-v-2cfd83e3]::after {
content: '';
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1/var(--f7-device-pixel-ratio)));
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message[data-v-2cfd83e3] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content[data-v-2cfd83e3] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
min-height: 300px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .money[data-v-2cfd83e3] {
text-align: center;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .money p[data-v-2cfd83e3]:nth-child(1) {
font-size: 18px;
font-weight: bold;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .tipp[data-v-2cfd83e3] {
margin-top: 0px;
padding-left: 15px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .tipp p[data-v-2cfd83e3] {
margin-top: 0px;
margin-bottom: 10px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .input-code[data-v-2cfd83e3] {
border: 1px solid #e2e2e2;
width: 96%;
border-radius: 4px;
margin-left: 2%;
padding: 8px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .red-packet-message[data-v-2cfd83e3] {
margin-bottom: -8px;
text-align: center;
color: #101010;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .row[data-v-2cfd83e3] {
width: 95%;
margin: 0 auto;
background: #dedede;
margin-bottom: 10px;
border-radius: 5px;
height: 35px;
line-height: 35px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .row .luck[data-v-2cfd83e3] {
background: #a07676;
color: #fff;
border-radius: 5px;
width: 52px;
height: 26px;
line-height: 26px;
font-size: 12px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .row span[data-v-2cfd83e3] {
display: inline-block;
text-align: center;
width: 33%;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .row .line[data-v-2cfd83e3] {
position: relative;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-content .row .line[data-v-2cfd83e3]:after {
content: '';
position: absolute;
top: -15px;
left: 105px;
width: 1px;
height: 40px;
background: #ada1a1;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle[data-v-2cfd83e3] {
margin: 10px 10px 0;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle span[data-v-2cfd83e3] {
color: #40baff;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-2cfd83e3] {
margin-top: var(--f7-margin-size-f2);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer[data-v-2cfd83e3] {
margin-top: 8px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-2cfd83e3] {
--f7-grid-gap: 0px;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .button[data-v-2cfd83e3] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-14);
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-2cfd83e3] {
background-color: #ccc;
color: #000;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .button-disabled[data-v-2cfd83e3] {
opacity: 0.6;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-2cfd83e3] {
background-color: var(--f7-THEME-color);
color: white;
border-radius: 0;
}
.dialog-redPacketDetail .dialog-inner .dialog-text .block-message .block-footer .width100[data-v-2cfd83e3] {
width: 100%;
}
.dialog-Tip[data-v-2cfd83e3] {
width: 94%;
margin: 0 3%;
background-color: white;
left: 0;
}
.dialog-Tip .dialog-inner[data-v-2cfd83e3] {
padding: 0;
text-align: left;
}
.dialog-Tip .dialog-inner .dialog-title[data-v-2cfd83e3] {
text-align: center;
position: relative;
font-size: 18px;
color: #423232;
}
.dialog-Tip .dialog-inner .dialog-title h3[data-v-2cfd83e3] {
margin: 0px;
padding: 10px 0;
font-size: 18px;
}
.dialog-Tip .dialog-inner .dialog-title h5[data-v-2cfd83e3] {
margin: 0;
font-weight: normal;
}
.dialog-Tip .dialog-inner .line[data-v-2cfd83e3] {
position: relative;
margin: 0px 0 40px 0px!important;
}
.dialog-Tip .dialog-inner .dialog-title[data-v-2cfd83e3]:after,
.dialog-Tip .dialog-inner .line[data-v-2cfd83e3]::after {
content: '';
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1/var(--f7-device-pixel-ratio)));
}
.dialog-Tip .dialog-inner .dialog-text .block-message[data-v-2cfd83e3] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content[data-v-2cfd83e3] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
font-size: 15px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content p[data-v-2cfd83e3] {
margin: 20px 0;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-content .copy-result[data-v-2cfd83e3] {
margin-bottom: -8px;
text-align: center;
color: #101010;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle[data-v-2cfd83e3] {
margin: 10px 10px 0;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle span[data-v-2cfd83e3] {
color: #40baff;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-2cfd83e3] {
margin-top: var(--f7-margin-size-f2);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer[data-v-2cfd83e3] {
margin-top: 8px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-2cfd83e3] {
--f7-grid-gap: 0px;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .button[data-v-2cfd83e3] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-14);
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-2cfd83e3] {
background-color: #ccc;
color: #101010;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .button-disabled[data-v-2cfd83e3] {
opacity: 0.6;
}
.dialog-Tip .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-2cfd83e3] {
background-color: var(--f7-THEME-color);
color: white!important;
border-radius: 0;
}
.buttons-message[data-v-2cfd83e3] {
height: 49px;
width: var(--f7-width-size-pt100);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
box-sizing: var(--f7-border-box);
align-items: var(--f7-text-center);
align-content: var(--f7-text-center);
overflow: var(--f7-hidden);
background-color: var(--f7-bars-bg-color);
height: 35px;
border-radius: 8px;
margin: 10px auto;
width: 90%;
border: 1px solid var(--f7-THEME-color);
}
.buttons-message a.tab-link[data-v-2cfd83e3] {
width: var(--f7-width-size-pt100);
height: var(--f7-height-size-pt100);
box-sizing: var(--f7-border-box);
display: var(--f7-display-flex);
justify-content: var(--f7-text-center);
align-items: var(--f7-text-center);
flex-direction: var(--f7-flex-direction);
text-transform: var(--f7-tabbar-link-text-transform);
font-weight: var(--f7-tabbar-link-font-weight);
letter-spacing: var(--f7-tabbar-link-letter-spacing);
overflow: var(--f7-hidden);
color: var(--f7-color-gray-tint);
font-size: var(--f7-px-14);
color: black;
}
.buttons-message a.tab-link.tab-link-active[data-v-2cfd83e3] {
color: white;
background-color: var(--f7-THEME-color);
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
}
[data-v-ee2c6076] .navbar-inner {
color: white;
background: linear-gradient(to right, var(--f7-THEME-colorbg), #2366cc);
}
[data-v-ee2c6076] .page-content::after {
height: 0;
}
.content[data-v-ee2c6076] {
padding: 10px;
min-height: 98%;
background: var(--f7-THEME-color2);
background-image: url(../images/member_center_bg.png);
background-repeat: no-repeat;
background-size: 100% 12%;
}
.content .caption[data-v-ee2c6076] {
background: white;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.content .caption .c1[data-v-ee2c6076] {
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
}
.content .caption .c2[data-v-ee2c6076] {
color: #848484;
font-weight: bold;
font-size: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.content .caption .c3[data-v-ee2c6076] {
padding: 15px 0;
font-weight: bold;
}
.content .caption .c4[data-v-ee2c6076] {
text-align: left;
}
.content .onemore[data-v-ee2c6076] {
background: white;
border-radius: 10px;
padding: 20px;
margin-top: 15px;
}
.content .onemore .top[data-v-ee2c6076] {
display: grid;
grid-template-columns: 20% 80%;
align-items: center;
}
.content .onemore .top .left[data-v-ee2c6076] {
font-size: 18px;
font-weight: bold;
}
.content .onemore .top .right[data-v-ee2c6076] {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: bold;
}
.content .onemore .go[data-v-ee2c6076] {
width: 100%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
border-radius: 10px;
color: white;
font-weight: bold;
text-align: center;
margin: 15px auto 0px auto;
}
.van[data-v-ee2c6076] {
width: 65%;
border-radius: 20px;
text-align: center;
padding: 15px;
}
.van .f1[data-v-ee2c6076] {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.van .f3[data-v-ee2c6076] {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
color: var(--f7-THEME-color);
}
.van .go[data-v-ee2c6076] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 20px auto 10px auto;
border-radius: 10px;
color: white;
font-weight: bold;
}
.vanbuy[data-v-ee2c6076] {
border-radius: 20px 20px 0 0;
}
.buypopup[data-v-ee2c6076] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-ee2c6076] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-ee2c6076] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-ee2c6076] {
display: flex;
}
.buypopup .yiban div[data-v-ee2c6076] {
width: 50%;
}
.buypopup .yiban div[data-v-ee2c6076]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-ee2c6076]:nth-child(2) {
width: 70%;
}
.buypopup .paddding[data-v-ee2c6076] {
padding: 10px;
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
}
.buypopup .paddding div[data-v-ee2c6076]:nth-child(2) {
text-align: right;
}
.buypopup .price span[data-v-ee2c6076] {
width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
}
.buypopup .one[data-v-ee2c6076] {
background: var(--f7-THEME-color);
color: white;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-ee2c6076] {
border: none;
padding: 10px 0 13px 20px;
}
.buypopup .four span[data-v-ee2c6076] {
border: none;
}
.buypopup .paybtn[data-v-ee2c6076] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 25%;
margin-top: 3px;
}
[data-v-57bcffcc] .navbar-inner {
color: white;
background: linear-gradient(to right, var(--f7-THEME-colorbg), #2366cc);
}
[data-v-57bcffcc] .page-content::after {
height: 0;
}
.content[data-v-57bcffcc] {
padding: 10px;
min-height: 98%;
background: var(--f7-THEME-color2);
background-image: url(../images/member_center_bg.png);
background-repeat: no-repeat;
background-size: 100% 12%;
}
.content .caption[data-v-57bcffcc] {
width: 85%;
margin: 0 auto;
background: white;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.content .caption .c1[data-v-57bcffcc] {
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
height: 40px;
}
.content .caption .c2[data-v-57bcffcc] {
color: #848484;
font-weight: bold;
font-size: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.content .caption .c3[data-v-57bcffcc] {
padding: 15px 0;
font-weight: bold;
}
.content .caption .c4[data-v-57bcffcc] {
text-align: left;
height: 100px;
}
.content .onemore[data-v-57bcffcc] {
background: white;
border-radius: 10px;
padding: 20px;
width: 85%;
margin: 0 auto;
margin-top: 15px;
}
.content .onemore .top[data-v-57bcffcc] {
display: grid;
grid-template-columns: 20% 80%;
align-items: center;
}
.content .onemore .top .left[data-v-57bcffcc] {
font-size: 18px;
font-weight: bold;
}
.content .onemore .top .right[data-v-57bcffcc] {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: bold;
}
.content .onemore .go[data-v-57bcffcc] {
width: 100%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
border-radius: 10px;
color: white;
font-weight: bold;
text-align: center;
margin: 15px auto 0px auto;
}
.content .onemore .nogo[data-v-57bcffcc] {
background: #ccc;
}
.content .my-swipe[data-v-57bcffcc] .van-swipe__indicator {
background: #363229;
}
.content .my-swipe[data-v-57bcffcc] .van-swipe__indicator--active {
background: var(--f7-THEME-color) !important;
}
.van[data-v-57bcffcc] {
width: 65%;
border-radius: 20px;
text-align: center;
padding: 15px;
}
.van .f1[data-v-57bcffcc] {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.van .f3[data-v-57bcffcc] {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
color: var(--f7-THEME-color);
}
.van .go[data-v-57bcffcc] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 20px auto 10px auto;
border-radius: 10px;
color: white;
font-weight: bold;
}
.vanbuy[data-v-57bcffcc] {
border-radius: 20px 20px 0 0;
}
.buypopup[data-v-57bcffcc] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-57bcffcc] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-57bcffcc] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-57bcffcc] {
display: flex;
}
.buypopup .yiban div[data-v-57bcffcc] {
width: 50%;
}
.buypopup .yiban div[data-v-57bcffcc]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-57bcffcc]:nth-child(2) {
width: 70%;
}
.buypopup .paddding[data-v-57bcffcc] {
padding: 10px;
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
}
.buypopup .paddding div[data-v-57bcffcc]:nth-child(2) {
text-align: right;
}
.buypopup .price span[data-v-57bcffcc] {
width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
}
.buypopup .one[data-v-57bcffcc] {
background: var(--f7-THEME-color);
color: white;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-57bcffcc] {
border: none;
padding: 10px 0 13px 20px;
}
.buypopup .four span[data-v-57bcffcc] {
border: none;
}
.buypopup .paybtn[data-v-57bcffcc] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 25%;
margin-top: 3px;
}
[data-v-595ea97d] .navbar-inner {
color: white;
background: linear-gradient(to right, var(--f7-THEME-colorbg), #2366cc);
}
[data-v-595ea97d] .page-content::after {
height: 0;
}
.content[data-v-595ea97d] {
padding: 10px;
min-height: 98%;
background: var(--f7-THEME-color2);
background-image: url(../images/member_center_bg.png);
background-repeat: no-repeat;
background-size: 100% 7%;
}
.content .caption[data-v-595ea97d] {
background: white;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.content .caption .c1[data-v-595ea97d] {
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
}
.content .caption .c2[data-v-595ea97d] {
color: #848484;
font-weight: bold;
font-size: 12px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
.content .caption .c3[data-v-595ea97d] {
padding: 15px 0;
font-weight: bold;
}
.content .caption .c4[data-v-595ea97d] {
text-align: left;
}
.content .onemore[data-v-595ea97d] {
background: white;
border-radius: 10px;
padding: 20px;
margin-top: 15px;
}
.content .onemore .top[data-v-595ea97d] {
display: grid;
grid-template-columns: 20% 80%;
align-items: center;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 5px;
}
.content .onemore .top .left[data-v-595ea97d] {
font-size: 18px;
font-weight: bold;
}
.content .onemore .top .right[data-v-595ea97d] {
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: bold;
color: red;
}
.content .onemore .mtext p[data-v-595ea97d]::before {
content: '※';
font-size: 16px;
position: absolute;
top: -1px;
left: 0;
}
.content .onemore .mtext p[data-v-595ea97d] {
margin: 10px 0;
padding-left: 15px;
position: relative;
}
.content .onemore .go[data-v-595ea97d] {
width: 100%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
border-radius: 10px;
color: white;
font-weight: bold;
text-align: center;
margin: 15px auto 0px auto;
}
.content .onemore .nogo[data-v-595ea97d] {
background: #ccc;
}
.van[data-v-595ea97d] {
width: 65%;
border-radius: 20px;
text-align: center;
padding: 15px;
}
.van .f1[data-v-595ea97d] {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.van .f3[data-v-595ea97d] {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
color: red;
}
.van .go[data-v-595ea97d] {
width: 70%;
height: 40px;
line-height: 40px;
background: var(--f7-THEME-color);
margin: 20px auto 10px auto;
border-radius: 10px;
color: white;
font-weight: bold;
}
.vanbuy[data-v-595ea97d] {
border-radius: 20px 20px 0 0;
}
.buypopup[data-v-595ea97d] {
display: block !important;
padding: 0px !important;
}
.buypopup #add[data-v-595ea97d] {
position: absolute;
right: 25px;
top: 5px;
font-size: 23px;
}
.buypopup .yuer[data-v-595ea97d] {
width: 100%;
position: absolute;
right: 60px;
}
.buypopup .yiban[data-v-595ea97d] {
display: flex;
}
.buypopup .yiban div[data-v-595ea97d] {
width: 50%;
}
.buypopup .yiban div[data-v-595ea97d]:nth-child(1) {
width: 40%;
}
.buypopup .yiban div[data-v-595ea97d]:nth-child(2) {
width: 70%;
}
.buypopup .paddding[data-v-595ea97d] {
padding: 10px;
margin: 10px;
padding: 5px;
border-bottom: 1px solid #e1e0e0;
}
.buypopup .paddding div[data-v-595ea97d]:nth-child(2) {
text-align: right;
}
.buypopup .price span[data-v-595ea97d] {
width: 50px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
border-radius: 10px;
border: 1px solid var(--f7-THEME-color);
margin: 0px 3px;
}
.buypopup .one[data-v-595ea97d] {
background: var(--f7-THEME-color);
color: white;
padding: 11px 0 7px 28px;
}
.buypopup .four[data-v-595ea97d] {
border: none;
padding: 10px 0 13px 20px;
}
.buypopup .four span[data-v-595ea97d] {
border: none;
}
.buypopup .paybtn[data-v-595ea97d] {
text-align: center !important;
line-height: 36px;
border-radius: 20px;
background: var(--f7-THEME-color);
height: 36px;
color: #ffffff;
font-size: 16px;
width: 113px !important;
margin-left: 25%;
margin-top: 3px;
}
[data-v-77ac87c0] .navbar-inner {
color: white;
background: linear-gradient(to right, #006ced, #006bec);
}
[data-v-77ac87c0] .navbar-inner a {
color: white;
}
.content[data-v-77ac87c0] {
padding: 10px;
background: #059ef2;
background-image: url(../images/luckboxbg2.png);
background-size: 100%;
background-repeat: no-repeat;
padding-top: 250px;
position: relative;
}
.content .rule[data-v-77ac87c0] {
color: white;
position: absolute;
top: 25px;
right: 20px;
z-index: 200;
background: rgba(0, 0, 0, 0.2);
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 25px;
padding: 0 15px;
}
.content .box[data-v-77ac87c0] {
width: 100%;
height: 330px;
margin-top: 290px;
display: grid;
grid-template-columns: auto auto auto;
justify-content: center;
color: white;
font-size: 20px;
text-align: center;
line-height: 90px;
}
.content .box div[data-v-77ac87c0] {
width: 90px;
height: 90px;
background: url(../images/item.png);
background-size: 100% 100%;
margin: 10px;
box-sizing: border-box;
}
.content .box .active[data-v-77ac87c0] {
border: 1px solid white;
border-radius: 10px;
}
.content .yu[data-v-77ac87c0] {
width: 50%;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 20px;
margin: 0 auto;
font-size: 16px;
font-weight: 500;
color: white;
}
.content .eggall[data-v-77ac87c0] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.content .eggall .dan[data-v-77ac87c0] {
text-align: center;
position: relative;
}
.content .eggall .dan .bigbox[data-v-77ac87c0] {
position: relative;
z-index: 10;
margin: 0 auto;
}
.content .eggall .dan .yu[data-v-77ac87c0] {
font-size: 17px;
width: 100%;
margin-top: 45px;
}
.content .eggall .dan .fen[data-v-77ac87c0] {
width: 85%;
margin: auto;
font-size: 16px;
text-decoration: underline;
}
.content .eggall .dan .mian[data-v-77ac87c0] {
width: 300px;
height: 40px;
line-height: 40px;
background: white;
margin: 20px auto;
border-radius: 10px;
font-size: 14px;
}
.content .eggall .dan .yin[data-v-77ac87c0] {
width: 70%;
position: absolute;
top: 20px;
left: 15%;
}
.content .eggall .dan .egg[data-v-77ac87c0] {
width: 70%;
position: absolute;
left: 16%;
z-index: 10;
}
.content .eggall .dan .zi[data-v-77ac87c0] {
width: 42%;
position: absolute;
right: 5%;
z-index: 11;
transform-origin: 100% 100%;
/* 以右下角为中心 */
}
.content .eggall .dan .zi.animate[data-v-77ac87c0] {
animation: swingRotate-77ac87c0 1s ease-in-out;
}
@keyframes swingRotate-77ac87c0 {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(35deg);
/* 逆时针旋转45度 */
}
100% {
transform: rotate(0deg);
/* 顺时针转回来 */
}
}
.content .eggall .dan .quan[data-v-77ac87c0] {
width: 422px;
position: absolute;
top: -79px;
left: -53px;
}
.content .go[data-v-77ac87c0] {
height: 46px;
line-height: 46px;
font-size: 16px;
width: 90%;
border: none;
border-radius: 10px !important;
margin: 0 auto;
text-transform: none;
background: var(--f7-THEME-color);
color: white;
position: relative;
z-index: 100;
}
.content .nogo[data-v-77ac87c0] {
background: #d6d6d6;
height: 46px;
line-height: 46px;
font-size: 16px;
width: 90%;
border: none;
border-radius: 10px !important;
margin: 0 auto;
text-transform: none;
color: white;
}
.van[data-v-77ac87c0] {
padding: 10px;
background: #049ef2;
}
.van .title[data-v-77ac87c0] {
display: flex;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ededed;
font-weight: bold;
}
.van .d1[data-v-77ac87c0] {
width: 33%;
position: relative;
}
.van .d1 .boxnum[data-v-77ac87c0] {
position: absolute;
top: 14px;
font-weight: bold;
font-size: 17px;
width: 100%;
text-align: center;
left: 0;
}
.van .d2[data-v-77ac87c0] {
width: 70%;
line-height: 55px;
font-size: 13px;
font-weight: bold;
position: relative;
text-align: left;
}
.van .d2 .fun[data-v-77ac87c0] {
width: 10px;
height: 10px;
display: inline-block;
background: #ccc;
border-radius: 10px;
position: absolute;
left: -5px;
top: 23px;
}
.van .d3[data-v-77ac87c0] {
width: 30%;
line-height: 55px;
font-size: 16px;
}
.van[data-v-77ac87c0].van-tabs--line .van-tabs__wrap {
border-radius: 10px 10px 0 0;
}
.van[data-v-77ac87c0] .van-tab__text--ellipsis {
font-weight: bold;
}
.van .fun2[data-v-77ac87c0] {
width: 10px;
height: 10px;
display: inline-block;
background: #ccc;
border-radius: 10px;
margin: 10px 10px 0 10px;
}
.van[data-v-77ac87c0] .van-tab--active {
color: #323233;
font-weight: 500;
background: linear-gradient(to bottom, var(--f7-THEME-color), #fff);
border-radius: 10px 10px 0 0;
}
.van[data-v-77ac87c0] .van-tabs__line {
display: none;
}
.van[data-v-77ac87c0] .van-tabs__nav {
background-color: #f0f0f0;
}
[data-v-77ac87c0] .van-tabs__content {
background: white;
}
[data-v-77ac87c0] .page-content::after {
height: 0;
}
.ruledialog[data-v-77ac87c0] {
width: 86%;
margin: 0 7%;
background-color: #f3f3f3 !important;
border: 1px solid var(--f7-dialog-border-color);
left: 0;
}
.ruledialog .dialog-inner[data-v-77ac87c0] {
padding: 0;
text-align: left;
}
.ruledialog .dialog-inner .dialog-title[data-v-77ac87c0] {
text-align: center;
position: relative;
font-size: 18px;
padding-bottom: 4px;
}
.ruledialog .dialog-inner .dialog-title h3[data-v-77ac87c0] {
margin: 0 0 2px 0;
}
.ruledialog .dialog-inner .dialog-title h5[data-v-77ac87c0] {
margin: 0;
font-weight: normal;
}
.ruledialog .dialog-inner .dialog-title[data-v-77ac87c0]:after {
content: "";
position: absolute;
z-index: 1;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAABCAYAAACBkCu0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1N2Y5OTQ0MS0yY2VkLTg4NGYtOTcxNC1jNWJkY2U3YWQyMWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REM4Njg4MTQzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REM4Njg4MTMzOThDMTFFOUFFODhEM0I5QUUwMTVFREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODQxZmE5OTUtNTAxYS05NjRhLWJjYWQtYmM3OThlNGE3OWM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3Zjk5NDQxLTJjZWQtODg0Zi05NzE0LWM1YmRjZTdhZDIxYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pogk784AAACwSURBVHja7FJBDsMwCAvheX3i3rKnJammpRKzDKyadsMSwikYaII8H4e0NwTshe7EOuHNcOavONN2MBbzuFfDftfNNcnVgKNnfTWZ45tZhNTLZpagppB7V3iDfuOtkLMY2x27JwLxQqFQKBT+jbn92mb5LzaD89VzmBkW8R6fjsbmjkCX6b28O3UmmWOQ/xmJnvVagW4ldVbiWQ12jw1yWpCLe4W74e0haq3/4KcAAwDBkaOvr8epgQAAAABJRU5ErkJggg==) no-repeat;
background-size: var(--f7-size-percent-100) var(--f7-size-percent-100);
height: var(--f7-height-size-2);
width: 100%;
display: block;
top: auto;
right: auto;
bottom: 0;
left: 0;
transform-origin: 50% 100%;
transform: scaleY(1);
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.ruledialog .dialog-inner .dialog-text .block-message[data-v-77ac87c0] {
margin: var(--f7-margin-size-0);
padding: var(--f7-padding-size-0);
width: var(--f7-width-size-pt100);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-content[data-v-77ac87c0] {
padding: var(--f7-padding-size-8) var(--f7-padding-size-10);
height: 300px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
color: #464646;
font-size: 15px;
border-bottom: 1px solid #eae6e6;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle[data-v-77ac87c0] {
margin: 10px 10px 0;
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle span[data-v-77ac87c0] {
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .row-toggle .toggle[data-v-77ac87c0] {
margin-top: var(--f7-margin-size-f2);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer[data-v-77ac87c0] {
margin-top: 8px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .row.no-gap[data-v-77ac87c0] {
--f7-grid-gap: 0px;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .button[data-v-77ac87c0] {
height: 50px;
line-height: 50px;
color: var(--f7-color-white);
font-size: var(--f7-px-16);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next[data-v-77ac87c0] {
background: var(--f7-dialog-button-bg-color-right);
color: var(--f7-dialog-button-text-color-right);
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-next.button-disabled[data-v-77ac87c0] {
opacity: 0.6;
}
.ruledialog .dialog-inner .dialog-text .block-message .block-footer .btn-close[data-v-77ac87c0] {
background-color: var(--f7-dialog-button-bg-color-left);
color: var(--f7-dialog-button-text-color-left);
border-radius: 0;
}
.opendialog[data-v-77ac87c0] {
background: white;
font-weight: bold;
padding: 15px 0;
overflow: visible;
overflow: initial;
}
.opendialog .egg[data-v-77ac87c0] {
width: 80%;
position: absolute;
top: -109px;
left: 10%;
}
.opendialog div[data-v-77ac87c0] {
margin: 5px 0;
}
.opendialog .openbox[data-v-77ac87c0] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
/* 每个子元素占据1/3的宽度 */
grid-gap: 10px;
width: 250px;
margin: 0 auto;
}
.opendialog .openbox div[data-v-77ac87c0] {
position: relative;
}
.opendialog .openbox div img[data-v-77ac87c0] {
width: 100%;
}
.opendialog .openbox div .opentext[data-v-77ac87c0] {
position: absolute;
display: block;
text-align: center;
top: 18px;
left: 29px;
font-size: 30px;
}
.opendialog .openbox div .hand[data-v-77ac87c0] {
position: absolute;
left: 13px;
top: 30px;
width: 80%;
}
.opendialog .openbox .zhong[data-v-77ac87c0] {
width: 25px;
position: absolute;
left: 0;
top: 0;
}
.opendialog .ok[data-v-77ac87c0] {
width: 200px;
background: var(--f7-THEME-color);
height: 35px;
line-height: 35px;
color: white;
border-radius: 6px;
margin: 10px auto;
margin-top: 20px;
}
.prizeshow .exhibit[data-v-77ac87c0] {
font-size: 0;
position: relative;
}
.prizeshow .exhibit .txt[data-v-77ac87c0] {
font-weight: bold;
font-size: 14px;
position: absolute;
left: 10px;
top: 18px;
}
.prizeshow .prize-container[data-v-77ac87c0] {
overflow: hidden;
background: #FFF5D4;
padding: 10px 5px;
margin: 10px;
border-radius: 5px;
}
.prizeshow .prize-track[data-v-77ac87c0] {
display: flex;
white-space: nowrap;
}
.prizeshow .prize-item[data-v-77ac87c0] {
flex: 0 0 auto;
width: 25%;
text-align: center;
font-size: 12px;
white-space: normal;
overflow: hidden;
}
.shangping div[data-v-77ac87c0] {
margin: 7px 0;
}
.shangping .egg[data-v-77ac87c0] {
width: 100%;
position: absolute;
top: -110px;
left: 0;
}
.shangping .xi[data-v-77ac87c0] {
position: relative;
top: -47px;
color: white;
font-size: 16px;
}
.shangping .kuai[data-v-77ac87c0] {
display: flex;
position: relative;
font-size: 12px;
border-bottom: 1px solid #ccc;
}
.shangping .kuai .one[data-v-77ac87c0] {
width: 28%;
text-align: left;
}
.shangping .kuai .one img[data-v-77ac87c0] {
border: 1px solid #ccc;
border-radius: 5px;
width: auto;
height: 45px;
}
.shangping .kuai .two[data-v-77ac87c0] {
width: 70%;
height: 45px;
display: grid;
align-items: center;
text-align: left;
}
.shangping .kuai .two p[data-v-77ac87c0] {
margin: 0;
width: 100%;
}
.shangping .kuai .two p[data-v-77ac87c0]:nth-child(2) {
color: #999999;
}
.shangping .kuai .two .name[data-v-77ac87c0] {
overflow: hidden;
/* 超出部分隐藏 */
font-weight: bold;
width: 90%;
font-size: 13px;
}
.shangping .kuai .two .rb[data-v-77ac87c0] {
font-size: 14px;
font-weight: bold;
color: red;
}
.shangping .zhong[data-v-77ac87c0] {
text-align: left;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
.shangping .xia[data-v-77ac87c0] {
text-align: left;
font-weight: normal;
font-size: 12px;
}
.myrecord[data-v-77ac87c0] {
display: flex;
font-weight: 100;
padding: 7px 0 5px 0;
border-bottom: 1px solid #ededed;
}
.myrecord .left[data-v-77ac87c0] {
width: 20%;
}
.myrecord .left img[data-v-77ac87c0] {
border-radius: 5px;
}
.myrecord .right[data-v-77ac87c0] {
width: 80%;
padding-left: 10px;
line-height: 21px;
display: grid;
align-items: center;
}
.myrecord .right .btn[data-v-77ac87c0] {
position: relative;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 0px 5px;
text-align: center;
line-height: 19px;
padding: 2px 22px;
}
.myrecord .yi[data-v-77ac87c0] {
color: #049FEE;
border: 1px solid #049FEE !important;
}
.myrecord .dai[data-v-77ac87c0] {
color: #009213;
border: 1px solid #009213 !important;
}
.expressdialog[data-v-77ac87c0] {
text-align: left;
font-size: 12px;
background: white;
}
.expressdialog .head[data-v-77ac87c0] {
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #ededed;
text-align: center;
}
.expressdialog .bottom[data-v-77ac87c0] {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 10px 0;
}
.expressdialog .bottom .left[data-v-77ac87c0] {
line-height: 33px;
border: 1px solid #3c7dd1;
border-radius: 10px;
}
.expressdialog .bottom .right[data-v-77ac87c0] {
line-height: 33px;
background: #2366cc;
border-radius: 10px;
color: white;
}
.content[data-v-5d2217c7] {
padding: 0 10px 25px 10px;
}
.content .newsInfo[data-v-5d2217c7]:nth-child(1) {
margin-top: 10px;
}
.content .newsInfo[data-v-5d2217c7] {
margin: 0 auto;
border: 1px solid #cccccc;
border-radius: 8px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.content .newsInfo .img[data-v-5d2217c7] {
font-size: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
border-radius: 8px 8px 0 0;
}
.content .newsInfo .bottom .title[data-v-5d2217c7] {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
max-height: 40px;
}
.content .newsInfo .bottom .time[data-v-5d2217c7] {
color: #999999;
font-size: 12px;
position: relative;
}
.content .newsInfo .bottom .good[data-v-5d2217c7] {
position: absolute;
right: 0px;
bottom: 0px;
display: flex;
align-items: center;
}
.no-data[data-v-5d2217c7] {
background-color: transparent;
box-shadow: none;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: center;
height: 50%;
}
.content[data-v-25592618] {
padding: 0 10px 10px 10px;
}
.content .newsInfo[data-v-25592618] {
border-bottom: 1px solid #e5e5e5;
padding: 7px 0 ;
}
.content .newsInfo .title[data-v-25592618] {
margin-bottom: 5px;
font-size: 15px;
font-weight: bold;
}
.content .newsInfo .bottom[data-v-25592618] {
color: #999999;
display: flex;
font-size: 12px;
position: relative;
}
.content .newsInfo .bottom div[data-v-25592618] {
width: 50%;
}
.content .newsInfo .bottom div[data-v-25592618]:nth-child(2) {
text-align: right;
}
.content .newsInfo .good[data-v-25592618] {
position: absolute;
right: 10px;
bottom: 0px;
display: flex;
align-items: center;
}
.content .sub[data-v-25592618] {
color: #939393;
font-weight: normal;
border: 1px solid #ccc;
border-radius: 5px;
padding: 6px;
background: #f7f7f7;
margin: 10px 0;
}
img.qr-lazy[data-v-6489fe0a] {
width: 210px;
height: 210px;
}
.iframe-onlineCustom[data-v-6489fe0a] {
width: 100%;
height: calc(100% - 0px);
min-height: calc(100% - 0px);
}
.game-more[data-v-6489fe0a] {
width: 95%;
margin: 0 auto;
position: absolute;
z-index: 5001;
bottom: 70px;
}
.fab-right-bottom[data-v-6489fe0a] {
bottom: 100px;
z-index: 5002;
}
.fab-right-bottom[data-v-6489fe0a] a {
background-color: transparent;
box-shadow: unset;
overflow: unset;
}
.game-list-more[data-v-6489fe0a] {
width: 24.5%;
margin-left: 2.5%;
height: 14px;
position: relative;
bottom: 0;
background-color: #152b5f;
text-align: center;
}
.game-list-more img[data-v-6489fe0a] {
width: 12px;
height: 12px;
}
.icon-col[data-v-6489fe0a] {
display: flex;
align-items: center;
}
.icon-lang[data-v-6489fe0a] {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 35px;
height: 24px;
display: inline-block;
background-position-y: 0px;
background-size: 34px auto;
}
.icon-lang.icon-zhCN[data-v-6489fe0a] {
background-position-y: -34px;
}
.icon-lang.icon-viVN[data-v-6489fe0a] {
background-position-y: -69px;
}
.icon-lang.icon-thTH[data-v-6489fe0a] {
background-position-y: -104px;
}
.icon-lang.icon-idID[data-v-6489fe0a] {
background-position-y: -138px;
}
.icon-lang.icon-msMY[data-v-6489fe0a] {
background-position-y: -173px;
}
.icon-lang.icon-myMY[data-v-6489fe0a] {
background-position-y: -312px;
}
.icon-lang.icon-zhTW[data-v-6489fe0a] {
background-position-y: -277px;
}
.icon-lang.icon-deDE[data-v-6489fe0a] {
background-position-y: -418px;
}
.icon-lang.icon-ptPT[data-v-6489fe0a] {
background-position-y: -383px;
}
.icon-lang.icon-esES[data-v-6489fe0a] {
background-position-y: -453px;
}
.icon-lang.icon-koKR[data-v-6489fe0a] {
background-position-y: -488px;
}
.icon-lang.icon-jaJP[data-v-6489fe0a] {
background-position-y: -523px;
}
.icon-lang.icon-tlPH[data-v-6489fe0a] {
background-position-y: -629px;
}
.icon-lang.icon-rwRW[data-v-6489fe0a] {
background-position-y: -567px;
}
.icon-lang.icon-frFR[data-v-6489fe0a] {
background-position-y: -458px;
}
.icon-currency[data-v-6489fe0a] {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
width: 28px;
height: 22px;
display: inline-block;
background-position-y: 0px;
background-size: cover;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: 0px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -44px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -88px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -132px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -176px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -220px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -264px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -308px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -352px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -396px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -440px;
}
.icon-currency.icon-USD[data-v-6489fe0a] {
background-position-x: -484px;
}
html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in both ease-out;animation:.3s van-fade-in both ease-out}.van-fade-leave-active{-webkit-animation:.3s van-fade-out both ease-in;animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease-out;animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease-in;animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease-out;animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease-in;animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease-out;animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease-in;animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease-out;animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease-in;animation:van-slide-right-leave .3s both ease-in}.van-overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:20px 12px;overflow:hidden;color:#323233;font-size:14px;line-height:20px;background-color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:#f2f3f5}.van-sidebar-item__text{position:relative;display:inline-block;word-break:break-all}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item--select{color:#323233;font-weight:500}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:#fff}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:4px;height:16px;background-color:#ee0a24;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:#f7f8fa}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font:normal normal normal 14px/1 'vant-icon';font:normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon:before{display:inline-block}.van-icon-contact:before{content:'\e753'}.van-icon-notes:before{content:'\e63c'}.van-icon-records:before{content:'\e63d'}.van-icon-cash-back-record:before{content:'\e63e'}.van-icon-newspaper:before{content:'\e63f'}.van-icon-discount:before{content:'\e640'}.van-icon-completed:before{content:'\e641'}.van-icon-user:before{content:'\e642'}.van-icon-description:before{content:'\e643'}.van-icon-list-switch:before{content:'\e6ad'}.van-icon-list-switching:before{content:'\e65a'}.van-icon-link-o:before{content:'\e751'}.van-icon-miniprogram-o:before{content:'\e752'}.van-icon-qq:before{content:'\e74e'}.van-icon-wechat-moments:before{content:'\e74f'}.van-icon-weibo:before{content:'\e750'}.van-icon-cash-o:before{content:'\e74d'}.van-icon-guide-o:before{content:'\e74c'}.van-icon-invitation:before{content:'\e6d6'}.van-icon-shield-o:before{content:'\e74b'}.van-icon-exchange:before{content:'\e6af'}.van-icon-eye:before{content:'\e6b0'}.van-icon-enlarge:before{content:'\e6b1'}.van-icon-expand-o:before{content:'\e6b2'}.van-icon-eye-o:before{content:'\e6b3'}.van-icon-expand:before{content:'\e6b4'}.van-icon-filter-o:before{content:'\e6b5'}.van-icon-fire:before{content:'\e6b6'}.van-icon-fail:before{content:'\e6b7'}.van-icon-failure:before{content:'\e6b8'}.van-icon-fire-o:before{content:'\e6b9'}.van-icon-flag-o:before{content:'\e6ba'}.van-icon-font:before{content:'\e6bb'}.van-icon-font-o:before{content:'\e6bc'}.van-icon-gem-o:before{content:'\e6bd'}.van-icon-flower-o:before{content:'\e6be'}.van-icon-gem:before{content:'\e6bf'}.van-icon-gift-card:before{content:'\e6c0'}.van-icon-friends:before{content:'\e6c1'}.van-icon-friends-o:before{content:'\e6c2'}.van-icon-gold-coin:before{content:'\e6c3'}.van-icon-gold-coin-o:before{content:'\e6c4'}.van-icon-good-job-o:before{content:'\e6c5'}.van-icon-gift:before{content:'\e6c6'}.van-icon-gift-o:before{content:'\e6c7'}.van-icon-gift-card-o:before{content:'\e6c8'}.van-icon-good-job:before{content:'\e6c9'}.van-icon-home-o:before{content:'\e6ca'}.van-icon-goods-collect:before{content:'\e6cb'}.van-icon-graphic:before{content:'\e6cc'}.van-icon-goods-collect-o:before{content:'\e6cd'}.van-icon-hot-o:before{content:'\e6ce'}.van-icon-info:before{content:'\e6cf'}.van-icon-hotel-o:before{content:'\e6d0'}.van-icon-info-o:before{content:'\e6d1'}.van-icon-hot-sale-o:before{content:'\e6d2'}.van-icon-hot:before{content:'\e6d3'}.van-icon-like:before{content:'\e6d4'}.van-icon-idcard:before{content:'\e6d5'}.van-icon-like-o:before{content:'\e6d7'}.van-icon-hot-sale:before{content:'\e6d8'}.van-icon-location-o:before{content:'\e6d9'}.van-icon-location:before{content:'\e6da'}.van-icon-label:before{content:'\e6db'}.van-icon-lock:before{content:'\e6dc'}.van-icon-label-o:before{content:'\e6dd'}.van-icon-map-marked:before{content:'\e6de'}.van-icon-logistics:before{content:'\e6df'}.van-icon-manager:before{content:'\e6e0'}.van-icon-more:before{content:'\e6e1'}.van-icon-live:before{content:'\e6e2'}.van-icon-manager-o:before{content:'\e6e3'}.van-icon-medal:before{content:'\e6e4'}.van-icon-more-o:before{content:'\e6e5'}.van-icon-music-o:before{content:'\e6e6'}.van-icon-music:before{content:'\e6e7'}.van-icon-new-arrival-o:before{content:'\e6e8'}.van-icon-medal-o:before{content:'\e6e9'}.van-icon-new-o:before{content:'\e6ea'}.van-icon-free-postage:before{content:'\e6eb'}.van-icon-newspaper-o:before{content:'\e6ec'}.van-icon-new-arrival:before{content:'\e6ed'}.van-icon-minus:before{content:'\e6ee'}.van-icon-orders-o:before{content:'\e6ef'}.van-icon-new:before{content:'\e6f0'}.van-icon-paid:before{content:'\e6f1'}.van-icon-notes-o:before{content:'\e6f2'}.van-icon-other-pay:before{content:'\e6f3'}.van-icon-pause-circle:before{content:'\e6f4'}.van-icon-pause:before{content:'\e6f5'}.van-icon-pause-circle-o:before{content:'\e6f6'}.van-icon-peer-pay:before{content:'\e6f7'}.van-icon-pending-payment:before{content:'\e6f8'}.van-icon-passed:before{content:'\e6f9'}.van-icon-plus:before{content:'\e6fa'}.van-icon-phone-circle-o:before{content:'\e6fb'}.van-icon-phone-o:before{content:'\e6fc'}.van-icon-printer:before{content:'\e6fd'}.van-icon-photo-fail:before{content:'\e6fe'}.van-icon-phone:before{content:'\e6ff'}.van-icon-photo-o:before{content:'\e700'}.van-icon-play-circle:before{content:'\e701'}.van-icon-play:before{content:'\e702'}.van-icon-phone-circle:before{content:'\e703'}.van-icon-point-gift-o:before{content:'\e704'}.van-icon-point-gift:before{content:'\e705'}.van-icon-play-circle-o:before{content:'\e706'}.van-icon-shrink:before{content:'\e707'}.van-icon-photo:before{content:'\e708'}.van-icon-qr:before{content:'\e709'}.van-icon-qr-invalid:before{content:'\e70a'}.van-icon-question-o:before{content:'\e70b'}.van-icon-revoke:before{content:'\e70c'}.van-icon-replay:before{content:'\e70d'}.van-icon-service:before{content:'\e70e'}.van-icon-question:before{content:'\e70f'}.van-icon-search:before{content:'\e710'}.van-icon-refund-o:before{content:'\e711'}.van-icon-service-o:before{content:'\e712'}.van-icon-scan:before{content:'\e713'}.van-icon-share:before{content:'\e714'}.van-icon-send-gift-o:before{content:'\e715'}.van-icon-share-o:before{content:'\e716'}.van-icon-setting:before{content:'\e717'}.van-icon-points:before{content:'\e718'}.van-icon-photograph:before{content:'\e719'}.van-icon-shop:before{content:'\e71a'}.van-icon-shop-o:before{content:'\e71b'}.van-icon-shop-collect-o:before{content:'\e71c'}.van-icon-shop-collect:before{content:'\e71d'}.van-icon-smile:before{content:'\e71e'}.van-icon-shopping-cart-o:before{content:'\e71f'}.van-icon-sign:before{content:'\e720'}.van-icon-sort:before{content:'\e721'}.van-icon-star-o:before{content:'\e722'}.van-icon-smile-comment-o:before{content:'\e723'}.van-icon-stop:before{content:'\e724'}.van-icon-stop-circle-o:before{content:'\e725'}.van-icon-smile-o:before{content:'\e726'}.van-icon-star:before{content:'\e727'}.van-icon-success:before{content:'\e728'}.van-icon-stop-circle:before{content:'\e729'}.van-icon-records-o:before{content:'\e72a'}.van-icon-shopping-cart:before{content:'\e72b'}.van-icon-tosend:before{content:'\e72c'}.van-icon-todo-list:before{content:'\e72d'}.van-icon-thumb-circle-o:before{content:'\e72e'}.van-icon-thumb-circle:before{content:'\e72f'}.van-icon-umbrella-circle:before{content:'\e730'}.van-icon-underway:before{content:'\e731'}.van-icon-upgrade:before{content:'\e732'}.van-icon-todo-list-o:before{content:'\e733'}.van-icon-tv-o:before{content:'\e734'}.van-icon-underway-o:before{content:'\e735'}.van-icon-user-o:before{content:'\e736'}.van-icon-vip-card-o:before{content:'\e737'}.van-icon-vip-card:before{content:'\e738'}.van-icon-send-gift:before{content:'\e739'}.van-icon-wap-home:before{content:'\e73a'}.van-icon-wap-nav:before{content:'\e73b'}.van-icon-volume-o:before{content:'\e73c'}.van-icon-video:before{content:'\e73d'}.van-icon-wap-home-o:before{content:'\e73e'}.van-icon-volume:before{content:'\e73f'}.van-icon-warning:before{content:'\e740'}.van-icon-weapp-nav:before{content:'\e741'}.van-icon-wechat-pay:before{content:'\e742'}.van-icon-warning-o:before{content:'\e743'}.van-icon-wechat:before{content:'\e744'}.van-icon-setting-o:before{content:'\e745'}.van-icon-youzan-shield:before{content:'\e746'}.van-icon-warn-o:before{content:'\e747'}.van-icon-smile-comment:before{content:'\e748'}.van-icon-user-circle-o:before{content:'\e749'}.van-icon-video-o:before{content:'\e74a'}.van-icon-add-square:before{content:'\e65c'}.van-icon-add:before{content:'\e65d'}.van-icon-arrow-down:before{content:'\e65e'}.van-icon-arrow-up:before{content:'\e65f'}.van-icon-arrow:before{content:'\e660'}.van-icon-after-sale:before{content:'\e661'}.van-icon-add-o:before{content:'\e662'}.van-icon-alipay:before{content:'\e663'}.van-icon-ascending:before{content:'\e664'}.van-icon-apps-o:before{content:'\e665'}.van-icon-aim:before{content:'\e666'}.van-icon-award:before{content:'\e667'}.van-icon-arrow-left:before{content:'\e668'}.van-icon-award-o:before{content:'\e669'}.van-icon-audio:before{content:'\e66a'}.van-icon-bag-o:before{content:'\e66b'}.van-icon-balance-list:before{content:'\e66c'}.van-icon-back-top:before{content:'\e66d'}.van-icon-bag:before{content:'\e66e'}.van-icon-balance-pay:before{content:'\e66f'}.van-icon-balance-o:before{content:'\e670'}.van-icon-bar-chart-o:before{content:'\e671'}.van-icon-bars:before{content:'\e672'}.van-icon-balance-list-o:before{content:'\e673'}.van-icon-birthday-cake-o:before{content:'\e674'}.van-icon-bookmark:before{content:'\e675'}.van-icon-bill:before{content:'\e676'}.van-icon-bell:before{content:'\e677'}.van-icon-browsing-history-o:before{content:'\e678'}.van-icon-browsing-history:before{content:'\e679'}.van-icon-bookmark-o:before{content:'\e67a'}.van-icon-bulb-o:before{content:'\e67b'}.van-icon-bullhorn-o:before{content:'\e67c'}.van-icon-bill-o:before{content:'\e67d'}.van-icon-calendar-o:before{content:'\e67e'}.van-icon-brush-o:before{content:'\e67f'}.van-icon-card:before{content:'\e680'}.van-icon-cart-o:before{content:'\e681'}.van-icon-cart-circle:before{content:'\e682'}.van-icon-cart-circle-o:before{content:'\e683'}.van-icon-cart:before{content:'\e684'}.van-icon-cash-on-deliver:before{content:'\e685'}.van-icon-cash-back-record-o:before{content:'\e686'}.van-icon-cashier-o:before{content:'\e687'}.van-icon-chart-trending-o:before{content:'\e688'}.van-icon-certificate:before{content:'\e689'}.van-icon-chat:before{content:'\e68a'}.van-icon-clear:before{content:'\e68b'}.van-icon-chat-o:before{content:'\e68c'}.van-icon-checked:before{content:'\e68d'}.van-icon-clock:before{content:'\e68e'}.van-icon-clock-o:before{content:'\e68f'}.van-icon-close:before{content:'\e690'}.van-icon-closed-eye:before{content:'\e691'}.van-icon-circle:before{content:'\e692'}.van-icon-cluster-o:before{content:'\e693'}.van-icon-column:before{content:'\e694'}.van-icon-comment-circle-o:before{content:'\e695'}.van-icon-cluster:before{content:'\e696'}.van-icon-comment:before{content:'\e697'}.van-icon-comment-o:before{content:'\e698'}.van-icon-comment-circle:before{content:'\e699'}.van-icon-completed-o:before{content:'\e69a'}.van-icon-credit-pay:before{content:'\e69b'}.van-icon-coupon:before{content:'\e69c'}.van-icon-debit-pay:before{content:'\e69d'}.van-icon-coupon-o:before{content:'\e69e'}.van-icon-contact-o:before{content:'\e69f'}.van-icon-descending:before{content:'\e6a0'}.van-icon-desktop-o:before{content:'\e6a1'}.van-icon-diamond-o:before{content:'\e6a2'}.van-icon-description-o:before{content:'\e6a3'}.van-icon-delete:before{content:'\e6a4'}.van-icon-diamond:before{content:'\e6a5'}.van-icon-delete-o:before{content:'\e6a6'}.van-icon-cross:before{content:'\e6a7'}.van-icon-edit:before{content:'\e6a8'}.van-icon-ellipsis:before{content:'\e6a9'}.van-icon-down:before{content:'\e6aa'}.van-icon-discount-o:before{content:'\e6ab'}.van-icon-ecard-pay:before{content:'\e6ac'}.van-icon-envelop-o:before{content:'\e6ae'}@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format('woff')}.van-icon__image{display:block;width:1em;height:1em;object-fit:contain}.van-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;font-size:12px;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:4px;font-size:22px}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:#1989fa;background-color:#fff}.van-tabbar-item .van-info{margin-top:4px}.van-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#969799;font-size:14px}.van-step__circle{display:block;width:5px;height:5px;background-color:#969799;border-radius:50%}.van-step__line{position:absolute;background-color:#ebedf0;-webkit-transition:background-color .3s;transition:background-color .3s}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:-8px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:321px){.van-step--horizontal .van-step__title{font-size:11px}}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:12px}.van-step--horizontal .van-step--process{color:#323233}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:#323233}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:#07c160}.van-step__icon,.van-step__title{-webkit-transition:color .3s;transition:color .3s}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:#07c160}.van-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:4px}.van-rate__icon{display:block;width:1em;color:#c8c9cc;font-size:20px}.van-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.van-rate__icon--full{color:#ee0a24}.van-rate__icon--disabled{color:#c8c9cc}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-notice-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 16px;color:#ed6a0c;font-size:14px;line-height:24px;background-color:#fffbe8}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:24px;font-size:16px}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;-webkit-transition-timing-function:linear;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:8px 16px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.van-nav-bar{position:relative;z-index:1;line-height:22px;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:#1989fa}.van-nav-bar__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:46px}.van-nav-bar__arrow{margin-right:4px;font-size:16px}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;font-weight:500;font-size:16px}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;font-size:14px;cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:.7}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:#1989fa}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}.van-goods-action-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:48px;height:100%;color:#646566;font-size:10px;line-height:1;text-align:center;background-color:#fff;cursor:pointer}.van-goods-action-icon:active{background-color:#f2f3f5}.van-goods-action-icon__icon{position:relative;width:1em;margin:0 auto 5px;color:#323233;font-size:18px}.van-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:#c8c9cc}.van-checkbox__label{margin-left:8px;color:#323233;line-height:20px}.van-checkbox__label--left{margin:0 8px 0 0}.van-checkbox__label--disabled{color:#c8c9cc}.van-coupon{margin:0 12px 12px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#f2f3f5}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;min-height:84px;padding:14px 0;color:#323233}.van-coupon__head{position:relative;min-width:96px;padding:0 8px;color:#ee0a24;text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:500;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:40%}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:12px;line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:0 8px 8px 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:14px;line-height:20px}.van-coupon__valid{font-size:12px}.van-coupon__corner{position:absolute;top:0;right:16px;bottom:0}.van-coupon__description{padding:8px 16px;font-size:12px;border-top:1px dashed #ebedf0}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:74px}.van-coupon--disabled .van-coupon__head{color:inherit}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#969799;font-size:14px;background-color:#f7f8fa}.van-image__loading-icon{color:#dcdee0;font-size:32px}.van-image__error-icon{color:#dcdee0;font-size:32px}.van-radio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:12px}.van-radio__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:#c8c9cc}.van-radio__label{margin-left:8px;color:#323233;line-height:20px}.van-radio__label--left{margin:0 8px 0 0}.van-radio__label--disabled{color:#c8c9cc}.van-tag{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 4px;color:#fff;font-size:12px;line-height:16px;border-radius:2px}.van-tag--default{background-color:#969799}.van-tag--default.van-tag--plain{color:#969799}.van-tag--danger{background-color:#ee0a24}.van-tag--danger.van-tag--plain{color:#ee0a24}.van-tag--primary{background-color:#1989fa}.van-tag--primary.van-tag--plain{color:#1989fa}.van-tag--success{background-color:#07c160}.van-tag--success.van-tag--plain{color:#07c160}.van-tag--warning{background-color:#ff976a}.van-tag--warning.van-tag--plain{color:#ff976a}.van-tag--plain{background-color:#fff;border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:2px 6px}.van-tag--large{padding:4px 8px;font-size:14px;border-radius:4px}.van-tag--mark{border-radius:0 999px 999px 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:999px}.van-tag__close{margin-left:2px;cursor:pointer}.van-card{position:relative;box-sizing:border-box;padding:8px 16px;color:#323233;font-size:12px;background-color:#fafafa}.van-card:not(:first-child){margin-top:8px}.van-card__header{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__thumb{position:relative;-webkit-box-flex:0;-webkit-flex:none;flex:none;width:88px;height:88px;margin-right:8px}.van-card__thumb img{border-radius:8px}.van-card__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px}.van-card__content--centered{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:500;line-height:16px}.van-card__desc{max-height:20px;color:#646566;line-height:20px}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;color:#323233;font-weight:500;font-size:12px}.van-card__price-integer{font-size:16px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__origin-price{display:inline-block;margin-left:5px;color:#969799;font-size:10px;text-decoration:line-through}.van-card__num{float:right;color:#969799}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-box-flex:0;-webkit-flex:none;flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:4px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:4px}.van-cell__right-icon{margin-left:4px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}.van-coupon-cell__value--selected{color:#323233}.van-contact-card{padding:16px}.van-contact-card__value{margin-left:5px;line-height:20px}.van-contact-card--add .van-contact-card__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px;content:''}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:16px;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.van-collapse-item__title::after{right:16px;display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c8c9cc}.van-collapse-item__title--disabled:active{background-color:#fff}.van-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.van-collapse-item__content{padding:12px 16px;color:#969799;font-size:14px;line-height:1.5;background-color:#fff}.van-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field--disabled .van-field__label{color:#c8c9cc}.van-field__value{overflow:visible}.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.van-field__control::-webkit-input-placeholder{color:#c8c9cc}.van-field__control::placeholder{color:#c8c9cc}.van-field__control:disabled{color:#c8c9cc;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#c8c9cc}.van-field__control:read-only{cursor:default}.van-field__control--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-field__control--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.van-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:24px}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:24px}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.van-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:16px;line-height:inherit}.van-field__left-icon{margin-right:4px}.van-field__right-icon{color:#969799}.van-field__button{padding-left:8px}.van-field__error-message{color:#ee0a24;font-size:12px;text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:4px;color:#646566;font-size:12px;line-height:16px;text-align:right}.van-field--error .van-field__control::-webkit-input-placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--min-height .van-field__control{min-height:60px}.van-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;background-color:#fff}.van-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:12px;background-color:#f7f8fa;border-radius:2px}.van-search__content--round{border-radius:999px}.van-search__label{padding:0 5px;color:#323233;font-size:14px;line-height:34px}.van-search .van-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 8px 5px 0;background-color:transparent}.van-search .van-cell .van-field__left-icon{color:#969799}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 8px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:#f2f3f5}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0}.van-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-popup-slide-top-enter,.van-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter,.van-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-popup-slide-left-enter,.van-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-popup__close-icon:active{color:#969799}.van-popup__close-icon--top-left{top:16px;left:16px}.van-popup__close-icon--top-right{top:16px;right:16px}.van-popup__close-icon--bottom-left{bottom:16px;left:16px}.van-popup__close-icon--bottom-right{right:16px;bottom:16px}.van-share-sheet__header{padding:12px 16px 4px;text-align:center}.van-share-sheet__title{margin-top:8px;color:#323233;font-weight:400;font-size:14px;line-height:20px}.van-share-sheet__description{display:block;margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-share-sheet__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border::before{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:16px;line-height:48px;text-align:center;background:#fff;border:none;cursor:pointer}.van-share-sheet__cancel::before{display:block;height:8px;background-color:#f7f8fa;content:' '}.van-share-sheet__cancel:active{background-color:#f2f3f5}.van-popover{position:absolute;overflow:visible;background-color:transparent;-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.van-popover__content{overflow:hidden;border-radius:8px}.van-popover__action{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:128px;height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.van-popover__action:last-child .van-popover__action-text::after{display:none}.van-popover__action-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:8px;font-size:20px}.van-popover__action--with-icon .van-popover__action-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.van-popover[data-popper-placement=top]{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=top-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:16px}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.van-popover[data-popper-placement=left]{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=left-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.van-popover[data-popper-placement=right]{-webkit-transform-origin:0 50%;transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=right-end]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.van-popover[data-popper-placement=bottom]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=bottom-end]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:16px}.van-popover--light{color:#323233}.van-popover--light .van-popover__content{background-color:#fff;box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:#fff}.van-popover--light .van-popover__action:active{background-color:#f2f3f5}.van-popover--light .van-popover__action--disabled{color:#c8c9cc;cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:#fff}.van-popover--dark .van-popover__content{background-color:#4a4a4a}.van-popover--dark .van-popover__arrow{color:#4a4a4a}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:#969799}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text::after{border-color:#646566}.van-popover-zoom-enter,.van-popover-zoom-leave-active{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popover-zoom-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-notify{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background-color:#1989fa}.van-notify--success{background-color:#07c160}.van-notify--danger{background-color:#ee0a24}.van-notify--warning{background-color:#ff976a}.van-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active{color:#ee0a24}.van-dropdown-item__option--active .van-dropdown-item__icon{color:#ee0a24}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:80%}.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:.7}.van-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:48px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:16px}.van-key--active{background-color:#ebedf0}.van-key--blue{color:#fff;background-color:#1989fa}.van-key--blue.van-key--active{background-color:#0570db}.van-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:#fff}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{position:absolute;top:0;left:0;width:1em;height:1em;font-size:inherit;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05), -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.van-switch--on .van-switch__loading{color:#1989fa}.van-switch--disabled{cursor:not-allowed;opacity:.5}.van-switch--loading{cursor:default}.van-switch-cell{padding-top:9px;padding-bottom:9px}.van-switch-cell--large{padding-top:11px;padding-bottom:11px}.van-switch-cell .van-switch{float:right}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:8px 12px;color:#f56723;font-size:12px;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:18px;font-size:12px;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:50px;padding:0 16px;font-size:14px}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:12px;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:5px;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:12px}.van-submit-bar__price--integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:110px;height:40px;font-weight:500;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--unfit{padding-bottom:0}.van-goods-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-goods-action-button--first{margin-left:5px;border-top-left-radius:999px;border-bottom-left-radius:999px}.van-goods-action-button--last{margin-right:5px;border-top-right-radius:999px;border-bottom-right-radius:999px}.van-goods-action-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-goods-action-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}@media (max-width:321px){.van-goods-action-button{font-size:13px}}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}.van-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:80%}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:44px;font-weight:500;line-height:44px;text-align:center}.van-calendar__header-title{font-size:16px}.van-calendar__header-subtitle{font-size:14px}.van-calendar__month-title{font-size:14px}.van-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;text-align:center}.van-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;font-size:16px;cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:#fff;background-color:#ee0a24}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:#ee0a24}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.1;content:''}.van-calendar__day--disabled{color:#c8c9cc;cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;height:54px;color:#fff;background-color:#ee0a24;border-radius:4px}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer--unfit{padding-bottom:0}.van-calendar__confirm{height:36px;margin:7px 0}.van-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.van-picker__cancel,.van-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{opacity:.7}.van-picker__confirm{color:#576b95}.van-picker__cancel{color:#969799}.van-picker__title{max-width:50%;font-weight:500;font-size:16px;line-height:20px;text-align:center}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#1989fa;background-color:rgba(255,255,255,.9)}.van-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.van-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:16px}.van-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#000}.van-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.van-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233}.van-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px 16px;font-size:16px;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{line-height:22px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566}.van-action-sheet__subname{margin-top:8px;color:#969799;font-size:12px;line-height:18px}.van-action-sheet__gap{display:block;height:8px;background-color:#f7f8fa}.van-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;font-size:16px;line-height:48px;text-align:center}.van-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:22px;height:22px}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:content-box;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-goods-action--unfit{padding-bottom:0}.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.van-contact-edit{padding:16px}.van-contact-edit__fields{overflow:hidden;border-radius:4px}.van-contact-edit__fields .van-field__label{width:4.1em}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:4px}.van-contact-edit__buttons{padding:32px 0}.van-contact-edit .van-button{margin-bottom:12px;font-size:16px}.van-address-edit{padding:12px}.van-address-edit__fields{overflow:hidden;border-radius:8px}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:12px;overflow:hidden;border-radius:8px}.van-address-edit__buttons{padding:32px 4px}.van-address-edit__buttons .van-button{margin-bottom:12px}.van-address-edit-detail{padding:0}.van-address-edit-detail__search-item{background-color:#f2f3f5}.van-address-edit-detail__keyword{color:#ee0a24}.van-address-edit-detail__finish{color:#1989fa;font-size:12px}.van-radio-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:16px}.van-contact-list__item-value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:32px;padding-left:8px}.van-contact-list__item-tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:16px}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:999;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-contact-list__add{height:40px;margin:5px 0}.van-address-list{box-sizing:border-box;height:100%;padding:12px 12px 80px}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:20px 0 16px;color:#969799;font-size:14px;line-height:20px}.van-address-item{padding:12px;background-color:#fff;border-radius:8px}.van-address-item:not(:last-child){margin-bottom:12px}.van-address-item__value{padding-right:44px}.van-address-item__name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;font-size:16px;line-height:22px}.van-address-item__tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:#323233;font-size:13px;line-height:18px}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#c8c9cc}.van-address-item__edit{position:absolute;top:50%;right:16px;color:#969799;font-size:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:12px}.van-address-item .van-radio__icon--checked .van-icon{background-color:#ee0a24;border-color:#ee0a24}.van-badge{display:inline-block;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:999px}.van-badge--fixed{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-badge--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-badge__wrapper{position:relative;display:inline-block}.van-tab__pane,.van-tab__pane-wrapper{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}.van-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}.van-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 4px;color:#646566;font-size:14px;line-height:20px;cursor:pointer}.van-tab--active{color:#323233;font-weight:500}.van-tab--disabled{color:#c8c9cc;cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__text-wrapper{position:relative}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:8px;padding-left:8px}.van-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #ee0a24;border-radius:2px}.van-tabs__nav--card .van-tab{color:#ee0a24;border-right:1px solid #ee0a24}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#ee0a24}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:40px;height:3px;background-color:#ee0a24;border-radius:3px}.van-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card>.van-tabs__wrap{height:30px}.van-coupon-list{position:relative;height:100%;background-color:#f7f8fa}.van-coupon-list__field{padding:5px 0 5px 16px}.van-coupon-list__field .van-field__body{height:34px;padding-left:12px;line-height:34px;background:#f7f8fa;border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__body::placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.van-coupon-list__exchange{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:32px;font-size:16px;line-height:30px;border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px #969799}.van-coupon-list__list{box-sizing:border-box;padding:16px 0 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:66px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;font-weight:500;background-color:#fff}.van-coupon-list__close{height:40px}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:16px 0;color:#969799;font-size:14px;line-height:20px}.van-coupon-list__empty img{width:200px;height:200px}.van-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:48px;padding:0 16px}.van-cascader__title{font-weight:500;font-size:16px;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px}.van-cascader__close-icon:active{color:#969799}.van-cascader__tabs .van-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:48px}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:#323233;font-weight:500}.van-cascader__tab--unselected{color:#969799;font-weight:400}.van-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 16px;font-size:14px;line-height:20px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#ee0a24;font-weight:500}.van-cascader__selected-icon{font-size:18px}.van-cascader__options{box-sizing:border-box;height:384px;padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-cell-group{background-color:#fff}.van-cell-group--inset{margin:0 16px;overflow:hidden;border-radius:8px}.van-cell-group__title{padding:16px 16px 8px;color:#969799;font-size:14px;line-height:16px}.van-cell-group__title--inset{padding:16px 16px 8px 32px}.van-panel{background:#fff}.van-panel__header-value{color:#ee0a24}.van-panel__footer{padding:8px 16px}.van-checkbox-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-circle{position:relative;display:inline-block;width:100px;height:100px;text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:#fff}.van-circle__hover{fill:none;stroke:#1989fa;stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 4px;color:#323233;font-weight:500;font-size:14px;line-height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-col{float:left;box-sizing:border-box;min-height:1px}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}.van-count-down{color:#323233;font-size:14px;line-height:20px}.van-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:#ebedf0;border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:16px}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:16px;content:''}.van-divider--content-left::before{max-width:10%}.van-divider--content-right::after{max-width:10%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:48px;background-color:#fff;box-shadow:0 2px 12px rgba(100,101,102,.12)}.van-dropdown-menu__bar--opened{z-index:11}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;color:#323233;font-size:15px;line-height:22px}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent #dcdee0 #dcdee0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#ee0a24}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.van-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:32px 0}.van-empty__image{width:160px;height:160px}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:16px;padding:0 60px;color:#969799;font-size:14px;line-height:20px}.van-empty__bottom{margin-top:24px}.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-swipe{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.van-swipe__track--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s,background-color .2s;transition:opacity .2s,background-color .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}.van-swipe-item{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:16px;left:50%;color:#fff;font-size:14px;line-height:20px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-image-preview__close-icon:active{color:#969799}.van-image-preview__close-icon--top-left{top:16px;left:16px}.van-image-preview__close-icon--top-right{top:16px;right:16px}.van-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.van-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:.5}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload--readonly:active{background-color:#f7f8fa}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}.van-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-index-anchor{z-index:1;box-sizing:border-box;padding:0 16px;color:#323233;font-weight:500;font-size:14px;line-height:32px;background-color:transparent}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:#ee0a24;background-color:#fff}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 8px 0 16px;font-weight:500;font-size:10px;line-height:14px}.van-index-bar__index--active{color:#ee0a24}.van-pagination{display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px}.van-pagination__item,.van-pagination__page-desc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-pagination__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:36px;height:40px;color:#1989fa;background-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:1px 0 1px 1px}.van-pagination__item:last-child::after{border-right-width:1px}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 4px;cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:#646566;background-color:#f7f8fa;cursor:not-allowed;opacity:.5}.van-pagination__page{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;color:#646566}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:1px}.van-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:16px;font-size:14px;text-align:center}.van-password-input__info{color:#969799}.van-password-input__error-info{color:#ee0a24}.van-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:20px;line-height:1.2;background-color:#fff}.van-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s van-cursor-flicker infinite;animation:1s van-cursor-flicker infinite}@-webkit-keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}.van-progress{position:relative;height:4px;background:#ebedf0;border-radius:4px}.van-progress__portion{position:absolute;left:0;height:100%;background:#1989fa;border-radius:inherit}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:0 5px;color:#fff;font-size:10px;line-height:1.6;text-align:center;word-break:keep-all;background-color:#1989fa;border-radius:1em;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-row::after{display:table;clear:both;content:''}.van-row--flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-row--flex::after{display:none}.van-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.van-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.van-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.van-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.van-sidebar{width:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tree-select{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;background-color:#f7f8fa;-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:14px 12px}.van-tree-select__content{-webkit-box-flex:2;-webkit-flex:2;flex:2;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 16px;font-weight:500;line-height:48px;cursor:pointer}.van-tree-select__item--active{color:#ee0a24}.van-tree-select__item--disabled{color:#c8c9cc;cursor:not-allowed}.van-tree-select__selected{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px}.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:999px}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px}.van-skeleton__row,.van-skeleton__title{height:16px;background-color:#f2f3f5}.van-skeleton__title{width:40%;margin:0}.van-skeleton__row:not(:first-child){margin-top:12px}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:999px}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}.van-stepper{font-size:0;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;color:#323233;vertical-align:middle;background-color:#f2f3f5;border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;background-color:#f7f8fa;cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:#f7f8fa}.van-stepper__minus{border-radius:4px 0 0 4px}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0}.van-stepper__input{box-sizing:border-box;width:32px;height:28px;margin:0 2px;padding:0;color:#323233;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#f2f3f5;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:#c8c9cc;background-color:#f2f3f5;-webkit-text-fill-color:#c8c9cc;opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:.7}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:#fff;background-color:#ee0a24}.van-stepper--round .van-stepper__minus{color:#ee0a24;background-color:#fff;border:1px solid #ee0a24}.van-sku-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;min-height:50%;max-height:80%;overflow-y:visible;font-size:14px;background:#fff}.van-sku-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:44px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;margin:0 16px}.van-sku-header__img-wrap{-webkit-flex-shrink:0;flex-shrink:0;width:96px;height:96px;margin:12px 12px 12px 0;overflow:hidden;border-radius:4px}.van-sku-header__goods-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:12px 20px 12px 0}.van-sku-header-item{margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-sku__price-symbol{font-size:16px;vertical-align:bottom}.van-sku__price-num{font-weight:500;font-size:22px;vertical-align:bottom;word-wrap:break-word}.van-sku__goods-price{margin-left:-2px;color:#ee0a24}.van-sku__price-tag{position:relative;display:inline-block;margin-left:8px;padding:0 5px;overflow:hidden;color:#ee0a24;font-size:12px;line-height:16px;border-radius:8px}.van-sku__price-tag::before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;opacity:.1;content:''}.van-sku-group-container{padding-top:12px}.van-sku-group-container--hide-soldout .van-sku-row__item--disabled{display:none}.van-sku-row{margin:0 16px 12px}.van-sku-row:last-child{margin-bottom:0}.van-sku-row__image-item,.van-sku-row__item{position:relative;overflow:hidden;color:#323233;border-radius:4px;cursor:pointer}.van-sku-row__image-item::before,.van-sku-row__item::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f8fa;content:''}.van-sku-row__image-item--active,.van-sku-row__item--active{color:#ee0a24}.van-sku-row__image-item--active::before,.van-sku-row__item--active::before{background:currentColor;opacity:.1}.van-sku-row__item{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:40px;margin:0 12px 12px 0;font-size:13px;line-height:16px;vertical-align:middle}.van-sku-row__item-img{z-index:1;width:24px;height:24px;margin:4px 0 4px 4px;object-fit:cover;border-radius:2px}.van-sku-row__item-name{z-index:1;padding:8px}.van-sku-row__item--disabled{color:#c8c9cc;background:#f2f3f5;cursor:not-allowed}.van-sku-row__item--disabled .van-sku-row__item-img{opacity:.3}.van-sku-row__image{margin-right:0}.van-sku-row__image-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:110px;margin:0 4px 4px 0;border:1px solid transparent}.van-sku-row__image-item:last-child{margin-right:0}.van-sku-row__image-item-img{width:100%;height:110px}.van-sku-row__image-item-img-icon{position:absolute;top:0;right:0;z-index:3;width:18px;height:18px;color:#fff;line-height:18px;text-align:center;background-color:rgba(0,0,0,.4);border-bottom-left-radius:4px}.van-sku-row__image-item-name{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;height:40px;padding:4px;font-size:12px;line-height:16px}.van-sku-row__image-item-name span{word-wrap:break-word}.van-sku-row__image-item--active{border-color:currentColor}.van-sku-row__image-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sku-row__image-item--disabled::before{z-index:2;background:#f2f3f5;opacity:.4}.van-sku-row__title{padding-bottom:12px}.van-sku-row__title-multiple{color:#969799}.van-sku-row__scroller{margin:0 -16px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-sku-row__scroller::-webkit-scrollbar{display:none}.van-sku-row__row{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin-bottom:4px;padding:0 16px}.van-sku-row__indicator{width:40px;height:4px;background:#ebedf0;border-radius:2px}.van-sku-row__indicator-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:16px}.van-sku-row__indicator-slider{width:50%;height:100%;background-color:#ee0a24;border-radius:2px}.van-sku-stepper-stock{padding:12px 16px;overflow:hidden;line-height:30px}.van-sku__stepper{float:right;padding-left:4px}.van-sku__stepper-title{float:left}.van-sku__stepper-quota{float:right;color:#ee0a24;font-size:12px}.van-sku__stock{display:inline-block;margin-right:8px;color:#969799;font-size:12px}.van-sku__stock-num--highlight{color:#ee0a24}.van-sku-messages{padding-bottom:32px}.van-sku-messages__image-cell .van-cell__title{max-width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-sku-messages__image-cell .van-cell__value{overflow:visible;text-align:left}.van-sku-messages__image-cell-label{color:#969799;font-size:12px;line-height:18px}.van-sku-messages__cell-block{position:relative}.van-sku-messages__cell-block::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-sku-messages__cell-block:last-child::after{display:none}.van-sku-messages__extra-message{margin-top:-2px;padding:0 16px 12px;color:#969799;font-size:12px;line-height:18px}.van-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;padding:8px 16px}.van-sku-actions .van-button{height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-sku-actions .van-button:first-of-type{border-top-left-radius:20px;border-bottom-left-radius:20px}.van-sku-actions .van-button:last-of-type{border-top-right-radius:20px;border-bottom-right-radius:20px}.van-sku-actions .van-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-sku-actions .van-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-slider{position:relative;width:100%;height:2px;background-color:#ebedf0;border-radius:999px;cursor:pointer}.van-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.van-slider__bar{position:relative;width:100%;height:100%;background-color:#1989fa;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.van-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:.5}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:2px;height:100%}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:-8px;bottom:0;left:-8px}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 32px}.van-swipe-cell{position:relative;overflow:hidden;cursor:grab}.van-swipe-cell__wrapper{-webkit-transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-timing-function:cubic-bezier(.18,.89,.32,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-tabbar{z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--unfit{padding-bottom:0}
/*# sourceMappingURL=app.80feb34c.css.map*/