/*------------------------------------------------------------------
Project:ZhiHuiLingQian
Author:YouYou
Last change:2024/12/12
Primary use:ZhiHuiLingQian style
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
*****************************
adjust body font size
*****************************
1rem = 100px
*****************************
-------------------------------------------------------------------*/
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-primary-text: #0a58ca;
	--bs-secondary-text: #6c757d;
	--bs-success-text: #146c43;
	--bs-info-text: #087990;
	--bs-warning-text: #997404;
	--bs-danger-text: #b02a37;
	--bs-light-text: #6c757d;
	--bs-dark-text: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #f8f9fa;
	--bs-success-bg-subtle: #d1e7dd;
	--bs-info-bg-subtle: #cff4fc;
	--bs-warning-bg-subtle: #fff3cd;
	--bs-danger-bg-subtle: #f8d7da;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #e9ecef;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-body-font-size: .16rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-emphasis-color: #000;
	--bs-emphasis-color-rgb: 0, 0, 0;
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-secondary-bg: #e9ecef;
	--bs-secondary-bg-rgb: 233, 236, 239;
	--bs-tertiary-color: rgba(33, 37, 41, 0.5);
	--bs-tertiary-color-rgb: 33, 37, 41;
	--bs-tertiary-bg: #f8f9fa;
	--bs-tertiary-bg-rgb: 248, 249, 250;
	--bs-body-bg: #fff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-link-color: #0d6efd;
	--bs-link-color-rgb: 13, 110, 253;
	--bs-link-decoration: underline;
	--bs-link-hover-color: #0a58ca;
	--bs-link-hover-color-rgb: 10, 88, 202;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: .06rem;
	--bs-border-radius-sm: .04rem;
	--bs-border-radius-lg: .08rem;
	--bs-border-radius-xl: .16rem;
	--bs-border-radius-2xl: .32rem;
	--bs-border-radius-pill: 8rem;
}

.bg-white {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.border-0 {
	border: 0 !important
}

.top-0 {
	top: 0 !important
}

.top-50 {
	top: 50% !important
}

.top-100 {
	top: 100% !important
}

.bottom-0 {
	bottom: 0 !important
}

.bottom-50 {
	bottom: 50% !important
}

.bottom-100 {
	bottom: 100% !important
}

.start-0 {
	left: 0 !important
}

.start-50 {
	left: 50% !important
}

.start-100 {
	left: 100% !important
}

.end-0 {
	right: 0 !important
}

.end-50 {
	right: 50% !important
}

.end-100 {
	right: 100% !important
}

.translate-middle {
	transform: translate(-50%, -50%) !important
}

.translate-middle-x {
	transform: translateX(-50%) !important
}

.translate-middle-y {
	transform: translateY(-50%) !important
}

.overflow-hidden {
	overflow: hidden !important
}

.rounded-4 {
	border-radius: var(--bs-border-radius-xl) !important
}

.rounded-50 {
	border-radius: 50% !important
}

.text-center {
	text-align: center !important
}

.text-decoration-none {
	text-decoration: none !important
}

.text-decoration-underline {
	text-decoration: underline !important
}

.text-decoration-line-through {
	text-decoration: line-through !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.text-wrap {
	white-space: normal !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-break {
	word-wrap: break-word !important;
	word-break: break-word !important
}

.text-primary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-blue {
	color: var(--bs-blue) !important
}

.text-indigo {
	color: var(--bs-indigo) !important
}

.text-purple {
	color: var(--bs-purple) !important
}

.text-success {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
	--bs-text-opacity: 1;
	color: var(--bs-secondary-color) !important
}

.text-black-50 {
	--bs-text-opacity: 1;
	color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
	--bs-text-opacity: 1;
	color: rgba(255, 255, 255, .5) !important
}

.text-body-secondary {
	--bs-text-opacity: 1;
	color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
	--bs-text-opacity: 1;
	color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
	--bs-text-opacity: 1;
	color: var(--bs-emphasis-color) !important
}

.text-reset {
	--bs-text-opacity: 1;
	color: inherit !important
}

.text-opacity-25 {
	--bs-text-opacity: 0.25
}

.text-opacity-50 {
	--bs-text-opacity: 0.5
}

.text-opacity-75 {
	--bs-text-opacity: 0.75
}

.text-opacity-100 {
	--bs-text-opacity: 1
}

.text-primary-emphasis {
	color: var(--bs-primary-text) !important
}

.text-secondary-emphasis {
	color: var(--bs-secondary-text) !important
}

.text-success-emphasis {
	color: var(--bs-success-text) !important
}

.text-info-emphasis {
	color: var(--bs-info-text) !important
}

.text-warning-emphasis {
	color: var(--bs-warning-text) !important
}

.text-danger-emphasis {
	color: var(--bs-danger-text) !important
}

.text-light-emphasis {
	color: var(--bs-light-text) !important
}

.text-dark-emphasis {
	color: var(--bs-dark-text) !important
}

.bg-primary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
	--bs-bg-opacity: 1;
	background-color: transparent !important
}

.bg-body-secondary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-emphasis {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-emphasis-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
	--bs-bg-opacity: 0.1
}

.bg-opacity-25 {
	--bs-bg-opacity: 0.25
}

.bg-opacity-50 {
	--bs-bg-opacity: 0.5
}

.bg-opacity-75 {
	--bs-bg-opacity: 0.75
}

.bg-opacity-100 {
	--bs-bg-opacity: 1
}

.bg-primary-subtle {
	background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
	background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
	background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
	background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
	background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
	background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
	background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
	background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
	background-image: var(--bs-gradient) !important
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
}

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .04rem !important
}

.p-2 {
	padding: .08rem !important
}

.p-3 {
	padding: .16rem !important
}

.p-4 {
	padding: .24rem !important
}

.p-5 {
	padding: .48rem !important
}

.d-none {
	display: none !important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb), .15) !important
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb), .075) !important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), .175) !important
}

.shadow-none {
	box-shadow: none !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.w-25 {
	width: 25% !important
}

.w-50 {
	width: 50% !important
}

.w-75 {
	width: 75% !important
}

.w-100 {
	width: 100% !important
}

.w-auto {
	width: auto !important
}

.mw-100 {
	max-width: 100% !important
}

body,
button,
input,
select,
textarea {
	font: 0.14rem / 1.6 PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif;
	color: #6a6a6a;
}

*,
::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a:focus,
a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

body {
    max-width: 7.5rem;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	background: #F9F7F7;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.container {
	padding: 0 0.16rem !important;
	position: relative;
	z-index: 2;
}

svg {
	vertical-align: middle;
}

input {
	outline-width: 0;
	outline-offset: 0;
	outline: 0;
}

textarea {
	outline-width: 0;
	outline-offset: 0;
	outline: 0;
}

.nav-link:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.form-control:focus {
	box-shadow: none !important;
	background: var(--9, #F5F5F5);
	border: none;
}

.site-content {
	width: 100%;
	padding-bottom: .9rem;
}

.site-content.pb-0 {
	padding-bottom: 0;
}

.fs-12 {
	font-size: .12rem !important;
}

.fs-14 {
	font-size: .14rem !important;
}

.fs-16 {
	font-size: .16rem !important;
}

.fs-18 {
	font-size: .18rem !important;
}

.fs-20 {
	font-size: .2rem !important;
}

.fs-24 {
	font-size: .24rem !important;
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: .04rem !important
}

.mt-2 {
	margin-top: .08rem !important
}

.mt-3 {
	margin-top: .16rem !important
}

.mt-4 {
	margin-top: .24rem !important
}

.mt-5 {
	margin-top: .48rem !important
}

.mt-16 {
	margin-top: 0.16rem !important;
}

.mt-32 {
	margin-top: 0.32rem !important;
}

.mt-24 {
	margin-top: 0.24rem !important;
}

.mt-12 {
	margin-top: 0.12rem !important;
}

.mt-8 {
	margin-top: 0.08rem !important;
}

.me-0 {
	margin-right: 0 !important
}

.me-1 {
	margin-right: .04rem !important
}

.me-2 {
	margin-right: .08rem !important
}

.me-3 {
	margin-right: .16rem !important
}

.me-4 {
	margin-right: .24rem !important
}

.me-5 {
	margin-right: 18px !important
}

.me-auto {
	margin-right: auto !important
}

.ml-auto {
	margin-left: auto;
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .04rem !important
}

.mb-2 {
	margin-bottom: .08rem !important
}

.mb-3 {
	margin-bottom: .16rem !important
}

.mb-4 {
	margin-bottom: .24rem !important
}

.mb-5 {
	margin-bottom: .48rem !important
}

.float-start {
	float: left !important
}

.float-end {
	float: right !important
}

.float-none {
	float: none !important
}

label {
	display: inline-block;
}

.form-check-input {
	--bs-form-check-bg: var(--bs-body-bg);
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-form-check-bg);
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}

.color-purple {
	color: #02AE66 !important;
}

.color-green {
	color: #00A266 !important;
}

.color-black {
	color: #121212 !important;
}

.color-red,
.red-color {
	color: var(--8, #FB4945) !important;
}

.block {
	display: block;
}

.flex {
	display: flex;
}

.text-c {
	text-align: center;
}

.h-100 {
	height: 100%;
}

.fw-light {
	font-weight: 300 !important
}

.fw-normal {
	font-weight: 400 !important
}

.fw-medium {
	font-weight: 500 !important
}

.fw-semibold {
	font-weight: 600 !important
}

.fw-bold {
	font-weight: 700 !important
}

.fw-bolder {
	font-weight: bolder !important
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .03rem;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

#deactive-main,
#payment-main,
#add-tax-main,
#delete-account,
#activity-main .favourite-list {
	padding-bottom: 0.8rem;
}

#contact-us-main,
#faq-main,
#currency-page,
#security-main,
#automatic-payment,
#preapproved-payment1,
.split2-main {
	padding-bottom: 0.2rem;
}

.split6-screen-content-top,
.boder-bottom-activity,
.border-main {
	border-bottom: 0.02rem solid #F2EEFE;
	padding-bottom: 0.24rem;
}

.delete-content,
.marketing-content,
.about-us-screen-full,
.boder-top {
	border-bottom: 0.01rem solid #F2EEFE;
	padding-bottom: 0.24rem;
}

.loader-mask-splash {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999;
}

.flash-btn,
.upload-id-button-content,
#loader,
.mobile-message-main,
.notification-icon-img,
.paid-button1 a,
.paid-button2 a,
.contact-us-mobile-btn,
.signin-week-switch,
.setting-icon,
.contact-icon,
.tax-plus-btn,
.bank-img,
.custom-radio-sel-friend,
.logout-button-main,
.add-item-btn a,
.spilt8-btn,
.transfer-logo,
.pie-chart .chart-container,
.concentric-circles,
.circle,
.scan1,
#splash-screen-page,
.slider-sec-btn a,
.back-btn,
.form-sign-in-password-btn a,
.otp-section,
.verify-number-btn a,
.pay-bill-img,
.allow-btn a,
.done-btn a,
.shape,
.select-img,
.select-sec,
.plus-id-btn a,
.plus-id-btn,
.verify-id-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-green {
	background: #00A266 !important;
}

.loader-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99999;
}

.line-scale>div {
	background-color: #02AE66;
	width: 0.04rem;
	height: 0.35rem;
	border-radius: 0.02rem;
	margin: 0.02rem;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
}

.line-scale>div:nth-child(1) {
	-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(2) {
	-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(3) {
	-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(4) {
	-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(5) {
	-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.badge {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;

}

.text-bg-primary {
	color: #fff !important;
	background-color: rgba(13, 110, 253, 1) !important;
}

.text-bg-secondary {
	color: #fff !important;
	background-color: rgba(108, 117, 125, 1) !important;
}

.text-bg-info {
	color: #000 !important;
	background-color: rgba(13, 202, 240, 1) !important;
}

.text-bg-light {
	color: #000 !important;
	background-color: rgba(248, 249, 250, 1) !important;
}

.text-bg-dark {
	color: #fff !important;
	background-color: rgba(33, 37, 41, 1) !important;
}

.text-bg-danger {
	color: #fff !important;
	background-color: rgba(220, 53, 69, 1) !important;
}

.text-bg-warning {
	color: #000 !important;
	background-color: rgba(255, 193, 7, 1) !important;
}

.text-bg-success {
	color: #fff !important;
	background-color: rgba(25, 135, 84, 1) !important;
}


.loader {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.overlay1 {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	top: 0;
	right: 0;
	height: 100%;
	border-radius: 0.24rem 0.24rem 0rem 0rem;
	background: rgb(18 18 18 / 80%);
}

.zhihui-main-bottom {
	border-radius: 0.24rem 0.24rem 0rem 0rem;
	background: var(--1, #FFF);
	margin-top: 0.2rem;
	padding: 0.16rem 0.16rem 0.08rem 0.16rem;
	position: relative;
	z-index: 2;
}

.zhihui-main {
	position: relative;
	width: 100%;
	max-width: 100%;
	background: linear-gradient(180deg, #02AE66 0%, #1AC47D 43.5%, #FFFFFF 100%);
}

.bg-top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 3.9rem;
}

.bg-main {
	height: 2.89rem;
}

.bg-mypage {
	height: 2.85rem;
}

.bg-help {
	height: 3.16rem;
}

.zhihui-main-top {
	position: relative;
	z-index: 2;
}

.zhihui-main-top-content {
	padding-top: 0.3rem;
	display: flex;
	align-items: center;
	column-gap: 0.12rem;
}

.zhihui-main-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.zhihui-main-header .zhihui-main-left {
	width: 70%;
	display: flex;
	align-items: center;
	column-gap: 0.12rem;
	margin-top: 0.08rem;
}

.zhihui-main-header .zhihui-main-left span img {
	max-width: 1.72rem;
}

.zhihui-main-header .zhihui-main-right {
	width: 30%;
	justify-content: end;
	display: flex;
	align-items: center;
	column-gap: 0.12rem;
}

.zhihui-main-header .zhihui-main-right span a {
	display: flex;
}

.zhihui-main-header .dots-icon {
	width: 0.36rem;
	height: 0.36rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border: .02rem solid white;
	border-radius: 0.08rem;
}

.zhihui-main-header .zhihui-main-txt {
	color: #fff;
	font-size: 0.36rem;
	font-style: normal;
	font-weight: 500;
	line-height: 0.24rem;
	text-shadow: 0.03rem 0.05rem 0.05rem rgba(0, 0, 0, 0.7);
}

.home-rank-item {
	margin-right: -0.16rem;
	margin-top: 0.15rem;
	width: .96rem;
	height: .33rem;
}

.home-rank-item .home-rank-link {
	background: #FFBA60;
	border-radius: 0.4rem 0 0 0.4rem;
	color: #fff;
	padding: 0rem 0.1rem 0rem 0.4rem;
	display: block;
	font-size: .14rem;
	line-height: .33rem;
	position: relative;
}

.home-rank-item .home-rank-link img {
	display: inline-block;
	width: 0.3rem;
	position: absolute;
	left: .1rem;
	top: .06rem;
}

.zhihui-title {
	font-weight: 600;
	font-size: 0.16rem;
	line-height: 100%;
	color: #000;
}

.home-userbind {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 0.4rem;
	padding: 0 0.1rem;
	margin-top: 0.12rem;
	height: .44rem;
}

.home-userbind-wrapper {
	display: flex;
	align-items: center;
	column-gap: 0.1rem;
	line-height: 0.44rem;
}

.home-userbind-img {
	border-radius: 0.5rem;
	background: rgba(255, 255, 255, 0.6);
	height: .35rem;
	width: .35rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-userbind-img img {
	width: .2309rem;
	height: .1976rem;
}

.home-userbind-content p {
	color: #111;
	font-size: 0.12rem;
	font-style: normal;
	font-weight: 600;
}

.home-userbind-btn {
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-group {
	margin-top: 0.16rem;
}

.home-group .home-group-items {
	display: flex;
	column-gap: 0.16rem;
	width: 100%;
}

.home-group .home-group-items .icon-group-item {
	width: 50%;
	display: flex;
	padding: 0 0.12rem;
	align-items: center;
	column-gap: 0.09rem;
	box-shadow: 0 0.04rem 0.1rem #18B875;
	border-radius: 0.15rem;
	background: white;
	justify-content: space-between;
	width: 1.68rem;
	height: .75rem;
}

.home-group .home-group-items .icon-group-txt1 {
	font-weight: 500;
	font-size: 0.16rem;
	line-height: 100%;
	color: #252525;
}

.home-group .home-group-items .icon-group-txt2 {
	font-weight: 400;
	font-size: 0.12rem;
	line-height: 100%;
	color: #8E8E8E;
	margin-top: 0.12rem;
}

.home-group .home-group-items .icon-group-svg img {
	width: 0.5rem;
}

.home-group .home-group-items .icon-group-svg.g1 img {
	filter: drop-shadow(0 0.04rem 0.3rem rgba(23, 193, 122, 0.6));
}

.home-group .home-group-items .icon-group-svg.g2 img {
	filter: drop-shadow(0 0.04rem 0.3rem rgba(72, 152, 254, 0.6));
}

.home-group .home-group-items .icon-group-svg.g3 img {
	filter: drop-shadow(0 0.04rem 0.3rem rgba(72, 152, 254, 0.6));
}

.home-group .home-group-items .icon-group-svg.g4 img {
	filter: drop-shadow(0 0.04rem 0.3rem rgba(23, 193, 122, 0.6));
}

.btn {
	--bs-btn-padding-x: .12rem;
	--bs-btn-padding-y: .06rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: .16rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: .06rem;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 .04rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-close {
	--bs-btn-close-color: #000;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 0.5;
	--bs-btn-close-hover-opacity: 0.75;
	--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-btn-close-focus-opacity: 1;
	--bs-btn-close-disabled-opacity: 0.25;
	--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: .25em .25em;
	color: var(--bs-btn-close-color);
	background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
	border: 0;
	border-radius: .06rem;
	opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
	color: var(--bs-btn-close-color);
	text-decoration: none;
	opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
	outline: 0;
	box-shadow: var(--bs-btn-close-focus-shadow);
	opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
	filter: var(--bs-btn-close-white-filter)
}

.btn-zhihui {
	border: 0;
	color: #fff;
}

.btn-zhihui.btn-disable {
	background: #ccc;
	box-shadow: 0 0;
}

.btn-default {
	background: linear-gradient(180deg, rgba(23, 194, 123, 0.4) 0%, #1AC47D 56.5%, #02AE66 100%);
	border-radius: 0.4rem;
	font-size: 0.12rem;
	padding: 0.08rem 0.1rem;
}

.btn-white {
	background-color: #fff;
	color: #1A1A1A;
	border-radius: 0.4rem;
	padding: 0.05rem 0.15rem;
	font-weight: 600;
}

.btn-default-full {
	background: #05B068;
	border-radius: 0.4rem;
	width: 100%;
	padding: 0.08rem 0;
	font-size: 0.16rem;
}

.btn-white-small {
	font-size: 0.14rem;
	font-weight: 600;
	color: #1a1a1a;
	background: #fff;
	border-radius: 0.4rem;
	padding: 0 0.12rem;
}

.btn-orange-small {
	border-radius: 0.4rem;
	background: var(--Linear, linear-gradient(180deg, #FFC375 0%, #FF9531 100%));
	font-size: 0.14rem;
	font-weight: 600;
	padding: 0.05rem 0.1rem;
}

.btn-orange-light {
	border-radius: 0.4rem;
	background: #FEF2EA;
	color: #FF7A00;
	font-family: "PingFang SC";
	font-size: 0.14rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.12rem;
	padding: 0.05rem 0.1rem;
}

.btn-orange-full {
	border-radius: 0.4rem;
	background: linear-gradient(90deg, #FFAA5F 5.16%, #FF8C21 100.87%);
	box-shadow: 0rem 0.04rem 0.3rem 0rem rgba(240, 198, 161, 0.68);
	width: 100%;
	font-size: 0.16rem;
	font-weight: 600;
	line-height: 0.34rem;
	display: block;
}

.btn-mini {
	margin-left: auto;
}

.btn-mini a {
	display: block;
	margin-top: 0;
}

.home-content .btn-mini a {
	margin-top: -0.02rem;
}

.zhihui-mypage .btn-mini a {
	margin-top: 0.08rem;
}

.poster-section .poster-box {
	position: relative;
	display: block;
	height: 1.3rem;
}

.poster-section .poster-box img.img-fluid {
	width: 3.56rem;
	height: 1.3rem;
}

.poster-section .poster-alipay {
	border-radius: .2rem;
	background: linear-gradient(180deg, #E2F1E0 0%, #FFF 100%);
}

.poster-section .poster-box .poster-detail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 66%;
	height: calc(100% - 0.18rem);
	padding: 0 0.3rem;
}

.poster-section .poster-box .poster-detail>div h3 {
	font-weight: 500;
	color: #201F1F;
	font-size: 0.16rem;
}

.poster-section .poster-box .poster-detail>div p {
	font-weight: 400;
	font-size: 0.12rem;
	color: #8E8E8E;
}

.poster-section .poster-box .poster-detail>div button {
	display: inline-block;
	width: auto;
	margin-top: 0.12rem;
}

.zhihui-home-tips {
	background: rgba(255, 233, 233, 0.61);
	border-radius: 0.3rem;
}

.zhihui-home-tips .tips-items {
	display: flex;
	align-items: center;
}

.zhihui-home-tips .tips-items-title {
	background: rgba(255, 216, 216, 0.61);
	border-radius: 0.3rem 0 0 0.3rem;
	padding: 0 0.08rem 0 0.1rem;
	color: #FF6A6A;
	line-height: 0.42rem;
	font-size: 0.12rem;
	position: relative;
	padding-left: 0.28rem;
}

.zhihui-home-tips .tips-items-title img {
	margin-right: 0.03rem;
	width: .1522rem;
	height: .1738rem;
	position: absolute;
	left: .1rem;
	top: .12rem;
}

.zhihui-home-tips .tips-items-content {
	padding: 0 0.1rem;
	border-radius: 0 0.3rem 0.3rem 0;
	font-size: 0.12rem;
	line-height: 0.42rem;
	color: #000;
}

.navigation {
	height: 0.68rem;
	background: #fff;
	padding-top: 0.12rem;
	border-radius: 0.2rem 0.2rem 0 0;
}

.navigation .listWrap li {
	width: 33.33%;
	text-align: center;
}

.zhihui-mypage .zhihui-main-header .zhihui-main-left span img {
	max-width: 1.1rem;
}

.mypage-first {
	display: flex;
	justify-content: space-around;
	border-radius: 0.24rem;
	background: #fff;
	padding: 0.16rem 0;
}

.mypage-first a {
	text-align: center;
}

.first-details {
	flex-direction: column;
}

.first-details img {
	width: 0.4rem;
}

.first-details p {
	color: #252525;
	text-align: center;
	font-size: 0.14rem;
	font-style: normal;
	font-weight: 500;
	line-height: 0.24rem;
	margin-top: 0.08rem;
}

.mypage-info {
	position: relative;
}

.mypage-face {
	display: flex;
	gap: 0.12rem;
}

.mypage-face .myface img {
	width: 0.54rem;
	height: 0.54rem;
	border-radius: 50%;
}

.info-mybind {
	position: absolute;
	right: -0.16rem;
	top: 0.03rem;
	background: #f7d7ae;
	border-radius: 0.4rem 0 0 0.4rem;
	padding: 0 .05rem;
	height: .33rem;
}

.info-mybind a {
	color: #fff;
	position: relative;
	font-size: .12rem;
	padding-left: .25rem;
}

.info-mybind img {
	margin-right: 0.04rem;
	width: .2309rem;
	height: .1978rem;
	position: absolute;
	left: 0;
	top: 0;
}

.ranklist-top{
	position: relative;
	z-index: 9;
}

.ranklist-top .info-mybind {
	top: -.5rem;
}

.myinfo h3 {
	color: #fff;
	font-size: 0.18rem;
}

.myinfo p {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0.15rem;
	color: #fff;
	padding: 0.02rem 0.08rem;
	font-size: 0.12rem;
}

.zhihui-main-bottom.zhihui-main-mypage {
	margin-top: 0.6rem;
}

.mypage-content,
.zhihui-main-mypage,
.cashout-content,
.zhihui-cashout-content,
.zhihui-cashout-bottom,
.mybalance-content,
.zhihui-mybalance-bottom {
	background: #F9F7F7;
}

.zhihui-main-bottom.zhihui-mybalance-bottom {
	margin-top: 0;
}

.mypage-link-group {
	margin-top: 0.14rem;
	background: #fff;
	border-radius: 0.25rem;
	padding: 0.15rem 0.2rem;
}

.mypage-link-content {
	display: flex;
	align-items: center;
	column-gap: 0.16rem;
	border-bottom: 0.01rem solid #f3f3f3;
	padding: 0.07rem 0 0 0;
}

.mypage-link-content:last-child {
	border-bottom: 0;
}

.mypage-link-content .links-img {
	background: rgba(22, 193, 121, 0.15);
	border-radius: 0.1rem;
	width: 0.34rem;
	height: 0.34rem;
	text-align: center;
	line-height: 0.32rem;
}

.mypage-link-content .links-img img {
	width: .1778rem;
}

.mypage-link-content .links-details h3 {
	font-weight: 500;
	font-size: 0.14rem;
	color: #252525;
	margin-bottom: 0.06rem;
}

.mypage-link-content .links-details p {
	font-weight: 400;
	font-size: 0.12rem;
	color: #9C9C9C;
}

.mypage-link-content .links-right {
	margin-left: auto;
}

.mypage-link-content .links-right img {
	width: .0554rem;
	height: .1108rem;
}

.zhihui-topbar-content {
	padding-top: 0.3rem;
	display: flex;
	align-items: center;
	column-gap: 0.12rem;
}

.back-btn {
	height: 0.3rem;
	width: 0.3rem;
	border-radius: 0.08rem;
	background: rgba(255, 255, 255, 0.23);
	box-shadow: 0rem 0.04rem 0.3rem rgba(135, 98, 255, 0.16);
	border-radius: 0.1rem;
	position: relative;
	z-index: 9;
}

.back-btn img {
	height: 0.16rem;
}

.header-title {
	color: var(--1, #FFF);
	font-size: 0.16rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.24rem;
	margin-left: auto;
	margin-right: 0.18rem;
}

/* background grey */
.site-content.help-content,
.zhihui-main-bottom.zhihui-help-bottom,
.site-content.exchangelist-content,
.zhihui-main-bottom.zhihui-exchangelist-bottom,
.site-content.mybind-content,
.zhihui-main-bottom.zhihui-mybind-bottom,
.site-content.exchange-content,
.zhihui-main-bottom.zhihui-exchange-bottom,
.zhihui-main-bottom.zhihui-ranklist-bottom,
.site-content.mygroup-content,
.zhihui-main-bottom.zhihui-mygroup-bottom {
	background: #F9F7F7;
}

/* background green */
.zhihui-main.zhihui-cashout,
.zhihui-main.zhihui-exchangelist,
.zhihui-main.zhihui-exchange,
.zhihui-main.zhihui-mybalance {
	background: #CAE8D9;
}


.zhihui-main.zhihui-beans {
	background: linear-gradient(180deg, #02AE66 0%, #1AC47D 43.5%, #FFFFFF 100%);
}

.home-group.help-group {
	margin-top: 0;
}

.home-group .help-group-items .icon-group-item {
	box-shadow: 0rem 0.04rem 0.1rem #F9F7F7;
}

.zhihui-top-bg {
	position: absolute;
	right: 0;
	z-index: 1;
	width: 1.91rem;
}

.help-main-left {
	max-width: 2.4rem;
	margin-left: 0.12rem;
}

.help-main-left h2 {
	font-size: 0.24rem;
	color: #fff;
}

.help-main-left p {
	font-size: 0.12rem;
	color: #fff;
	margin-top: 0.15rem;
}

.help-main-left button {
	margin-top: 0.2rem;
}

.zhihui-faq-content {
	background-color: #fff;
	padding: 0.15rem;
	border-radius: 0.15rem;
}

.nested-accordion {
	cursor: pointer;
	position: relative;
	border-bottom: 0.01rem solid #f3f3f3;
	padding-bottom: 0.12rem;
	padding-top: 0.15rem;
}

.nested-accordion:last-child {
	border: 0;
}

.nested-accordion h3 {
	color: #A2A2A2;
	font-size: 0.14rem;
	font-style: normal;
	font-weight: 400;
}

.nested-accordion h3:before {
	content: url(../images/help-faq-right.svg);
	position: absolute;
	right: 0;
	line-height: 0.18rem;
	width: .05542rem;
}

.nested-accordion h3.selected:before {
	content: url(../images/help-faq-bottom.png);
}

.nested-accordion .comment {
	color: var(--5, #5A5C5E);
	font-size: 0.12rem;
	font-style: normal;
	font-weight: 500;
	line-height: 0.2rem;
	padding-top: 0.12rem;
}

.zhihui-cashout .zhihui-main-top-content,
.zhihui-mybalance .zhihui-main-top-content {
	position: relative;
	margin: 0 0.05rem;
}

.zhihui-cashout .zhihui-main-top-content .zhihui-main-header,
.zhihui-mybalance .zhihui-main-top-content .zhihui-main-header {
	background-color: #05B068;
	border-radius: 0.2rem;
	padding: 0.15rem 0.2rem 0.32rem;
	color: #fff;
	position: relative;
}

.zhihui-mybalance .zhihui-main-top-content .zhihui-main-header {
	border-radius: 0.2rem 0.2rem 0 0;
}

.zhihui-cashout .zhihui-main-top-content .bg-cashout-header,
.zhihui-mybalance .zhihui-main-top-content .bg-mybalance-header {
	position: absolute;
	z-index: 1;
	width: 3.52rem;
	top: 0;
	right: 0;
}


.zhihui-main-bottom.zhihui-cashout-bottom {
	margin-top: -0.16rem;
}

.zhihui-cashout-content {
	padding: 0 0.1rem;
}

.cashout-main-left h2 {
	font-size: 0.14rem;
	color: rgb(255 255 255 / 57%);
}

.cashout-main-left h3 {
	line-height: 0.3rem;
	font-size: 0.3rem;
	margin-top: 0.15rem;
}

.cashout-main-left p {
	font-size: 0.14rem;
	margin-top: 0.2rem;
}

.cashout-main-right {
	margin-top: auto;
	position: relative;
	z-index: 3;
}

.cashout-main-right span {
	font-size: .14rem;
}

.cashout-list .zhihui-title {
	padding: 0 0.05rem;
}

.cashout-input,
.mygroup-input {
	border-radius: 0.15rem;
	background-color: #fff;
	display: flex;
	padding: 0.05rem 0.1rem 0.05rem 0.15rem;
}

.cashout-input .cashout-input-left,
.mygroup-input .mygroup-input-left {
	width: calc(100% - 0.5rem);
}

.cashout-input .cashout-input-right,
.mygroup-input .mygroup-input-right {
	margin-left: auto;
	color: #05B068;
	font-size: 0.12rem;
	margin-right: 0.05rem;
	line-height: 0.36rem;
}

.mygroup-input .mygroup-input-right {
	padding: 0 .05rem;
	border-radius: .1rem;
}

.cashout-input input,
.mygroup-input input {
	/*border: 0;*/
	border: .01rem solid #d1d2d3; 
	width: 100%;
	line-height: 0.36rem;
	font-size: 0.16rem;
	color: #000;
	border-radius: .1rem;
	padding: 0 .15rem;
	display: block;
}

.cashout-list .form-check {
	padding: 0.24rem 0 0 0;
}

.cashout-list .form-check-input {
	float: right;
	border-radius: 50%;
	width: 0.2rem;
	height: 0.2rem;
	background-image: url(../images/cashout-check.svg);
	background-size: cover;
	border: none;
}

.cashout-list .form-check-input:checked[type=radio] {
	background-image: url(../images/cashout-checked.svg);
	background-size: cover;
	mix-blend-mode: darken;
}

.cashout-list .form-check-label {
	color: #A2A2A2;
	font-size: 0.14rem;
	line-height: 0.3rem;
	display: flex;
}

.cashout-list .form-check-label img {
	margin-right: 0.12rem;
	width: .23rem;
}

.zhihui-exchangelist .zhihui-main-top-content .zhihui-main-header {
	background-color: #05B068;
	border-radius: 0.2rem;
	padding: 0.15rem 0.2rem 0.25rem;
	color: #fff;
	position: relative;
	z-index: 2;
}

.zhihui-exchangelist .zhihui-main-top-content .zhihui-main-header .bg-exchangelist-header {
	height: 1.06rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	border-radius: 0 0.2rem 0.2rem 0;
}

.exchangelist-main-left h2,
.mybalance-main-left h2 {
	font-size: 0.14rem;
	color: rgb(255 255 255 / 57%);
}

.exchangelist-main-left h3,
.mybalance-main-left h3 {
	line-height: 0.3rem;
	font-size: 0.3rem;
	margin-top: 0.15rem;
}

.exchangelist-items .home-group-items .icon-group-item {
	box-shadow: 0rem 0.04rem 0.1rem #F9F7F7;
	border-radius: 0.15rem;
}

.exchangelist-items .home-group-items .icon-group-item .icon-group-svg {
	border-radius: 0.12rem;
	margin: 0.1rem 0;
	width: .4747rem;
	height: .4747rem;
}

.exchangelist-items .home-group-items .icon-group-item .g6 {
	background: linear-gradient(180deg, rgba(56, 142, 255, 0.26) 0%, rgba(191, 219, 255, 0.59) 100%);
}

.exchangelist-items .home-group-items .icon-group-item .g7 {
	background: linear-gradient(180deg, #FFFFFF 0%, #FFDEB6 100%);
}

.exchangelist-items .home-group-items .icon-group-item .g6 img {
	width: 0.28rem;
}

.exchangelist-items .home-group-items .icon-group-item .g7 img {
	width: 0.25rem;
}

.exchangelist-items .home-group-items h2.icon-group-txt1 {
	font-size: 0.12rem;
	color: #252525;
	margin-top: .1rem;
}

.exchangelist-items .home-group-items h3 {
	font-size: 0.24rem;
	color: #2B2626;
	font-weight: 600;
}

.exchangelist-items .home-group-items .icon-group-item {
	justify-content: normal;
	padding: 0.05rem 0.15rem;
}

.exchangelist-items .home-group-items .icon-group-item .icon-group-txt {
	margin-left: 0.1rem;
}

.exchangelist-item,
.mygroup-item,
.mybalance-item {
	border-radius: 0.2rem;
	background: #fff;
	margin-bottom: 0.12rem;
	display: flex;
	gap: 0.15rem;
	padding: 0.12rem 0.15rem;
}

.cashoutlog-list{
	border-radius: 0.2rem;
	background: #fff;
	margin-bottom: 0.12rem;
	padding: 0.12rem 0.12rem;
}

.cashoutlog-list .cashoutlog-item{
	display: flex;
	gap: 0.10rem;
}

.exchangelist-item .exchangelist-item-img img,
.mygroup-item .mygroup-item-img img,
.mybalance-item .mybalance-item-img img,
.cashoutlog-item .cashoutlog-item-img img {
	width: 0.4rem;
}

.exchangelist-item .exchangelist-item-content h2,
.mygroup-item .mygroup-item-content h2,
.mybalance-item .mybalance-item-content h2,
.cashoutlog-item .cashoutlog-item-content h2 {
	color: #252525;
	font-size: 0.14rem;
	font-weight: 500;
}

.exchangelist-item .exchangelist-item-content p,
.mygroup-item .mygroup-item-content p,
.mybalance-item .mybalance-item-content p,
.cashoutlog-item .cashoutlog-item-content p {
	font-size: 0.12rem;
	font-weight: 400;
	color: #CCCCCC;
	margin-top: 0.04rem;
}

.exchangelist-item .exchangelist-item-num,
.mygroup-item .mygroup-item-num,
.mybalance-item .mybalance-item-num,
.cashoutlog-item .cashoutlog-item-num {
	margin-left: auto;
	line-height: 0.4rem;
	font-weight: 500;
	color: #FF6A6A;
	font-size: 0.2rem;
}

.cashoutlog-item .cashoutlog-item-num{
	margin-left: .05rem;
	margin-right: auto;
}

.exchangelist-item .exchangelist-item-status,
.mygroup-item .mygroup-item-status,
.mybalance-item .mybalance-item-status,
.cashoutlog-item .cashoutlog-item-status {
	margin-left: 0.1rem;
}

.exchangelist-item .badge,
.mybalance-item .badge,
.cashoutlog-item .badge {
	font-weight: normal;
	border-radius: 0.15rem;
	padding: 0.0rem 0.1rem;
	font-size: .12rem;
}

.exchangelist-item .text-bg-success {
	background: rgba(5, 176, 104, 0.19) !important;
	color: #05B068 !important;
}

.zhihui-exchangelist-content {
	padding: 0 0.05rem;
}

.zhihui-main.zhihui-mybind {
	background: linear-gradient(180deg, #02AE66 0%, #1AC47D 43.5%, #FFFFFF 100%);
}

.zhihui-bind-tips.zhihui-home-tips {
	background: rgba(255, 233, 233, 0.34);
}

.zhihui-bind-tips.zhihui-home-tips .tips-items-content {
	color: #fff;
}

.zhihui-main-bottom.zhihui-mybind-bottom {
	margin-top: 0.14rem;
}

.zhihui-message {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 0.4rem;
	padding: 0.05rem 0.1rem;
	margin-top: 0.12rem;
}

.mybind-userbind {
	margin-top: 0;
}

.mybind-userbind .home-userbind-img img {
	background: #FFDEC0;
}

.mybind-userbind .home-userbind-content p {
	color: #7C7C7C;
	font-weight: 400;
}

.mybind-userbind .home-userbind-btn span {
	font-size: 0.12rem;
	color: #242222;
}

.mybind-items-list {
	background: #fff;
	border-radius: 0.25rem;
	margin-top: 0.2rem;
	display: block;
}

.mybind-items-header,
.mybind-items-footer {
	display: flex;
	gap: 0.15rem;
}

.mybind-items-list .mybind-items-header {
	padding: 0.15rem;
}

.mybind-items-list .mybind-header-img img {
	width: 0.5rem;
	border-radius: 50%;
	height: 0.5rem;
}

.mybind-items-list .mybind-header-text h3 {
	font-size: 0.18rem;
	font-weight: 600;
	color: #383838;
}

.mybind-items-list .mybind-header-text p {
	color: #A2A2A2;
	font-size: 0.12rem;
	margin-top: 0.1rem;
}

.mybind-items-list .mybind-items-footer {
	padding: 0.05rem 0.14rem;
	line-height: 0.32rem;
}

.mybind-items-list .mybind-footer-img img {
	width: 0.3rem;
}

.mybind-items-list .mybind-footer-text {
	font-size: 0.14rem;
	color: #191818;
}

.mybind-items-list .mybind-footer-btn {
	margin-left: auto;
}

.mybind-items-list .mybind-alipay {
	background: rgba(90, 158, 247, 0.13);
	border-radius: 0rem 0rem 0.25rem 0.25rem;
}

.mybind-items-list .mybind-weixin {
	background: #F2FFF8;
	border-radius: 0rem 0rem 0.25rem 0.25rem;
}

.mypage-mybeans {
	margin-top: -0.64rem;
}

.mypage-mybeans .mypage-mybeans-content {
	background: linear-gradient(92.43deg, #FFE492 3.06%, #FF993B 97.13%);
	border-radius: 0.22rem;
	display: flex;
	padding: 0.1rem;
	gap: 0.1rem;
}

.mypage-mybeans .mypage-mybeans-content .mybeans-icon {
	background: rgba(255, 255, 255, 0.19);
	border: .01rem solid #FFFFFF;
	border-radius: 0.21rem;
	width: .6245rem;
	height: .6245rem;
}

.mypage-mybeans .mypage-mybeans-content .mybeans-icon img {
	width: .3542rem;
	height: .3943rem;
}

.mypage-mybeans .mypage-mybeans-content .mybeans-text h3 {
	color: #fff;
	font-size: 0.14rem;
	font-weight: 600;
	margin-top: 0.05rem;
}

.mypage-mybeans .mypage-mybeans-content .mybeans-text p {
	font-size: 0.2rem;
	color: #fff;
	font-family: Gilroy-Heavy;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.mypage-mybeans .mypage-mybeans-content .mybeans-btn {
	margin-left: auto;
}

.mybind-items-before {
	background: #04B068;
}

.mybind-items-before .mybind-header-img {
	background: #FFFFFF;
	border-radius: 0.14rem;
	padding: 0 0.08rem;
}

.mybind-items-before .mybind-header-img img {
	width: 0.34rem;
}

.mybind-items-before .mybind-header-text h3 {
	color: #fff;
	font-size: 0.16rem;
}

.mybind-items-before .mybind-header-text p {
	font-size: 0.12rem;
	text-align: center;
	letter-spacing: -0.3333.33rem;
	color: rgba(255, 255, 255, 0.68);
}

.mybind-items-before .mybind-header-btn {
	margin-left: auto;
	line-height: 0.5rem;
}

.zhihui-exchange-content .cashout-input .cashout-input-left {
	width: 100%;
}

.exchange-toplayer {
	background: #05B068;
	border-radius: 0.2rem;
	position: relative;
}

.exchange-toplayer-flex {
	display: flex;
	padding: 0.18rem 0.1rem;
	gap: 0.1rem;
	z-index: 3;
	position: relative;
	height: .7rem;
}

.exchange-toplayer .exchange-toplayer-img img.icon-pay {
	background: rgba(198, 239, 255, 0.48);
	border: .01rem solid #FFFFFF;
	backdrop-filter: blur(0.02rem);
	border-radius: 50%;
	padding: 0.05rem;
	width: .35rem;
}

.exchange-toplayer .exchange-toplayer-img img.arrow {

	width: .1451rem;
}

.exchange-toplayer .exchange-toplayer-text {
	line-height: 0.36rem;
	color: #fff;
	font-size: .14rem;
}

.exchange-toplayer .exchange-toplayer-btn {
	margin-left: auto;
	line-height: 0.36rem;
}

.exchange-toplayer .bg-exchange-top {
	position: absolute;
	right: 0rem;
	top: 0;
	z-index: 2;
	height: .7rem;
	border-radius: 0 0.2rem 0.2rem 0;
}

.exchange-userinfo {
	padding: 0.15rem;
	background-color: #fff;
	border-radius: 0.2rem;
}

.exchange-userinfo .exchange-userinfos {
	gap: 0.1rem;
}

.exchange-userinfos .userinfo-img {
	position: relative;
}

.exchange-userinfos .userinfo-img .userinfo-myface {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
}

.exchange-userinfos .userinfo-img .exchange-payicon {
	position: absolute;
	bottom: -0.02rem;
	left: 0.15rem;
	width: .2156rem;
	height: .2156rem;
}

.exchange-userinfos .userinfo-text h3 {
	color: #383838;
	font-size: 0.18rem;
}

.exchange-userinfos .userinfo-text p {
	color: #a2a2a2;
	font-size: 0.12rem;
	margin-top: 0.05rem;
}

.exchange-info {
	background: rgba(255, 255, 255, 0.62);
	box-shadow: 0rem 0.04rem 0.1rem #F9F7F7;
	border-radius: 0 0 0.2rem 0.2rem;
	margin-top: -0.19rem;
	padding: 0.26rem 0.15rem 0.1rem 0.15rem;
}

.exchange-info ul li,
.exchange-tips ul li {
	line-height: 0.3rem;
	display: flex;
}

.exchange-tips ul li img {
	width: .13273rem;
	height: .13273rem;
}

.exchange-info span.title {
	color: #a2a2a2;
	font-size: 0.12rem;
}

.exchange-info span.num {
	margin-left: auto;
	color: #1e1e1e;
	font-size: 0.12rem;
}

.exchange-info span.num2 {
	color: #03a461;
	font-weight: 600;
}

.exchange-beans {
	text-align: center;
	margin-top: 0.05rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.exchange-beans span {
	background: rgba(255, 212, 108, 0.41);
	border-radius: 0.3rem;
	color: #FF8F18;
	display: inline-block;
	padding: 0 0.1rem 0 .25rem;
	line-height: 0.32rem;
	font-size: .14rem;
}

.exchange-beans img {

	width: .17636rem;
	height: .19632rem;
}

.exchange-tips {
	background: #FFFFFF;
	border-radius: 0.25rem;
	padding: 0.15rem;
}

.exchange-tips .exchange-tips-text {
	color: #A2A2A2;
	font-size: 0.12rem;
	margin-left: 0.1rem;
}

.exchange-tips .exchange-tips-right {
	margin-left: auto;
}

.exchange-tips ul li {
	border-bottom: 0.01rem solid #F6F4F4;
	padding-bottom: 0.05rem 0;
}

.exchange-tips ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.exchange-confirm {
	background: linear-gradient(180deg, rgba(23, 194, 123, 0.4) 0%, #1AC47D 56.5%, #02AE66 100%);
	border: .01rem solid #FFFFFF;
	border-radius: 0.26rem;
	text-align: center;
	padding: 0.2rem;
}

.exchange-confirm img {
	display: block;
	margin: 0 auto;
	filter: drop-shadow(0rem 0.04rem 0.3rem #29AD75);
	width: 1.29rem;
}

#exchange-countdown {
	margin: 0 .03rem;
	color: #ffc663;
}

.bg-exchange-warning {
	width: 1.81379rem;
	height: .25556rem;
	fill: linear-gradient(180deg, #FFA0A0 0%, #FF6A6A 100%);
	position: absolute;
	top: .02rem;
	left: calc(50% - 1.81379rem / 2);
	z-index: 1;
}

.exchange-confirm p.c1 {
	font-size: 0.16rem;
	color: #fff;
	font-weight: 600;
}

.exchange-confirm p.c2 {
	background: #159961;
	border-radius: 0.2rem;
	font-size: 0.12rem;
	color: #fff;
	padding: 0.1rem;
}

.qrcode-warning-content {
	padding-bottom: .2rem;
}

.exchange-warning-content {
	background: rgba(255, 255, 255, 0.55);
	border: .01rem solid #FFFFFF;
	backdrop-filter: blur(0.15rem);
	border-radius: 0.25rem;
	padding: 0 0.12rem 0.1rem 0.12rem;
	position: relative;
}

.exchange-warning-content .exchange-warning-title {
	text-align: center;
	line-height: 0.3rem;
	font-weight: bold;
	color: #fff;
	font-size: 0.14rem;
	position: relative;
	z-index: 2;
}

.exchange-warning-content .exchange-warning-info p {
	font-size: 0.12rem;
	line-height: 0.3rem;
}

.exchange-warning-content .exchange-warning-info p.red {
	color: #FF6A6a;
}

.bind-loglist {
	display: flex;
	align-items: center;
	column-gap: .16rem;
	padding: .08rem 0;
	border-bottom: .01rem solid #F2EEFE;
}

.bind-loglist:last-child {
	border-bottom: 0;
}

.bind-loglist .bind-icon img {
	width: .24rem;
	height: .24rem;
}

.bind-loglist .bind-title {
	font-size: .16rem;
	font-style: normal;
	line-height: .2rem;
}

.bind-loglist .ml-auto img {
	display: block;
}

.no-data {
	text-align: center;
	width: 100%;
}

.no-data img {
	display: block;
	margin: 0 auto;
}

.no-data p {
	font-size: .14rem;
}


.bind-qrcode-box {
	background: #FFFFFF;
	border-radius: 0.25rem;
	position: relative;
}

.bind-qrcode-bg {
	width: 3.58rem;
	position: absolute;
	z-index: 2;
}

.bind-qrcode-box .bind-qrcode-title {
	line-height: 0.48rem;
	text-align: center;
	font-size: 0.14rem;
	color: #C57F3D;
	width: 100%;
	position: relative;
	z-index: 3;
}

.bind-qrcode-box .bind-qrcode-item {
	padding: 0.2rem;
}

.bind-qrcode-box .bind-qrcode-img img {
	width: 100%;
	max-height: 2.9rem;
}

.bind-qrcode-box .bind-qrcode-countdown {
	max-width: 2.3rem;
	text-align: center;
	margin: 0 auto;
}

.bind-qrcode-box .bind-qrcode-countdown .flex {
	background: #FFDEC0;
	border-radius: 0.4rem;
}

.bind-qrcode-box .bind-qrcode-countdown .countdown-text {
	padding: 0.1rem 0 0.1rem 0.2rem;
	color: #000;
	font-size: 0.14rem;
	line-height: 0.3rem;
}

.bind-qrcode-box .bind-qrcode-countdown .countdown-time {
	margin-left: auto;
	background: #FFD3AB;
	border-radius: 0rem 0.4rem 0.4rem 0rem;
	padding: 0.1rem 0.15rem;
	color: #E37814;
	font-size: 0.18rem;
	line-height: 0.3rem;
}

.bind-qrcode-box .bind-qrcode-countdown .text_tips {
	color: red;
	font-size: .14rem;
}

.qrcode-warning-content .exchange-warning-info p.red {
	line-height: 0.22rem;
	text-align: center;
	color: #D01919;
	font-size: 0.14rem;
	margin-bottom: 0.1rem;
}

.bind-input-box {
	background-color: #fff;
	border-radius: 0.25rem;
	position: relative;
}

.bind-input-box .bind-input-bg {
	position: absolute;
	width: .94rem;
	z-index: 2;
	left: calc(50% - .94rem / 2);
}

.bind-input-box .bind-input-item {
	position: relative;
	z-index: 3;
	padding-top: .5rem;
}

.bind-input-box .bind-input-img {
	position: relative;
	text-align: center;
}

.bind-input-box .bind-input-img>div {
	background-color: #fff;
	border-radius: 50%;
	width: 0.54rem;
	height: 0.54rem;
	position: absolute;
	bottom: -0.28rem;
	left: calc(50% - 0.27rem);
	text-align: center;
}

.bind-input-box .bind-input-img .myface {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	display: block;
	margin: 0.2rem auto auto;
}

.bind-input-box .bind-input-img .payicon {
	width: 0.48rem;
	height: 0.48rem;
	display: block;
	margin: 0.02rem auto auto;
}

.bind-input-box p {
	color: #383838;
	font-size: 0.18rem;
	font-weight: bold;
}

.bind-input-box .bind-input-input {
	padding: 0.1rem 0.2rem 0.25rem 0.2rem;
}

.bind-input-box .bind-input-input .bind-input-text {
	background: #F3F3F3;
	border-radius: 0.15rem;
	padding: 0.05rem 0.1rem;
}

.bind-input-box .bind-input-input input {
	background: #f3f3f3;
	border: 0;
	width: 100%;
	height: 0.38rem;
}

.zhihui-main.zhihui-signin {
	background: linear-gradient(180deg, #CAE8D9 0%, #F9F7F7 100%);
	height: 100%;
}

.bg-signin-round {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 2.26rem;
}

.signin-header {
	position: relative;
	z-index: 10;
	padding: 0 0.1rem;
}

.signin-header-box .signin-header-left h3 {
	font-size: 0.14rem;
	color: #3A3636;
}

.signin-header-box .signin-header-left p {
	color: #373030;
	font-size: 0.3rem;
	font-weight: 400;
}

.signin-header-box .signin-header-left .btn-zhihui {
	text-align: center;
	display: block;
	width: .81232rem;
}

.signin-header-box .signin-header-right {
	margin-left: auto;
}

.signin-header-box .signin-header-right .imgsmall {
	width: 0.53rem;
	height: 0.58rem;
	margin: auto 0.05rem 0.15rem 0;
}

.signin-header-box .signin-header-right .imgbig {
	width: 1.13rem;
	height: 1.27rem;
}

.signin-week-switch .switch {
	position: relative;
	display: inline-block;
	width: 0.4rem;
	height: 0.2rem;
}

.signin-week-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0.04rem;
	right: 0;
	bottom: 0;
	border: .01rem solid rgb(102 102 102 / 20%);
	border-radius: 0.4rem;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.signin-week-switch .slider:before {
	position: absolute;
	content: "";
	height: 0.18rem;
	width: 0.18rem;
	background: #fff;
	border-radius: 0.22rem;
	left: 0rem;
	bottom: 0rem;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 0.22rem;
	border: .005rem solid #F0F0F0;
	box-shadow: 0rem 0.03rem 0.01rem 0rem rgba(0, 0, 0, 0.05), 0rem 0.01rem 0.01rem 0rem rgba(0, 0, 0, 0.08), 0rem 0.03rem 0.08rem 0rem rgba(0, 0, 0, 0.08);
}

.signin-week-switch input:checked+.slider {
	background: #ff8f28;
	border: .01rem solid transparent;
}

.signin-week-switch input:checked+.slider:before {
	transform: translateX(0.16rem);
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.signin-week {
	border-radius: 0.2rem;
	background: #fff;
	padding: 0.15rem 0.12rem;
}

.signin-week-header .signin-week-text h3 {
	font-size: 0.14rem;
	font-weight: 500;
	color: #141414;
}

.signin-week-header .signin-week-text h3 span {
	font-family: Gilroy-Heavy;
	font-size: 0.24rem;
	color: #FF9971;
	background: var(--Linear, linear-gradient(180deg, #FFC663 0%, #FF9971 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin: 0 0.03rem;
	font-weight: 400;
}

.signin-week-header .signin-week-text p {
	font-size: 0.12rem;
	color: #cecece;
	margin-top: 0.05rem;
}

.signin-week-header .signin-week-switch {
	margin: 0.05rem 0 auto auto;
	font-size: .12rem
}

.signin-week-footer {
	margin-top: 0.18rem;
}

.signin-task {
	padding-bottom: .3rem;
}

.signin-task-content {
	border-radius: 0.2rem;
	background: #fff;
	padding: 0.15rem 0.12rem;
}

.signin-task-items {
	border-radius: 0.15rem;
	background: #F9F9F9;
	margin: 0.15rem 0;
	padding: 0.1rem;
	gap: 0.1rem;
}

.signin-task-items .task-icon {
	border-radius: 0.09rem;
	background: #FAEADE;
	width: 0.32rem;
	height: 0.32rem;
}

.signin-task-items .task-icon img {
	width: .17033rem;
}

.signin-task-items .task-text h3 {
	color: #141414;
	font-family: "PingFang SC";
	font-size: 0.14rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.signin-task-items .task-text p {
	color: #CECECE;
	font-family: "PingFang SC";
	font-size: 0.12rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	margin-top: 0.06rem;
}

.signin-task-items .task-btn {
	margin-left: auto;
}

.signin-task-items .task-btn .task-success {
	color: #fff;
	background: #a2a2a2;
}

.zhihui-main-bottom.zhihui-beans-bottom {
	margin-top: -0.25rem;
}

.mybeans {
	background: url(../images/bg-mybeans.svg) center center no-repeat;
	background-size: 100%;
	width: 100%;
	height: 2.04rem;
}

.mybeans .mybeans-header {
	padding: 0.2rem 0.36rem 0.22rem;
	flex-direction: column;
	justify-content: center;
}

.mybeans .mybeans-header h3 {
	color: #3F3A3A;
	font-size: 0.14rem;
	font-weight: 600;
	line-height: 0.16rem;
	margin: 0.08rem 0;
}

.mybeans .mybeans-header p {
	color: #3A3838;
	font-family: Arial;
	font-size: 0.3rem;
	font-weight: 700;
}

.mybeans .mybeans-footer {
	margin: 0.05rem 0.2rem 0.1rem 0.2rem;
}

.mybeans .mybeans-footer a {
	display: block;
	text-align: center;
}

.mybeans .mybeans-footer button {
	line-height: 0.36rem;
}

.mybeans-cash .zhihui-title {
	padding-left: .25rem;
}

.redpacket {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: .08rem;
	text-align: center;
}

.mybeans-cash-list {
	display: flex;
	flex-wrap: wrap;
}

.mybeans-cash-list .redpacket-item .redpacket-num {
	color: #3F3A3A;
	font-family: "PingFang SC";
	font-size: .12rem;
	font-style: normal;
	font-weight: 400;
	margin-top: .25rem;
}

.mybeans-cash-list .redpacket-item .redpacket-amount {
	color: #272525;
	font-family: "PingFang SC";
	font-size: .32rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: auto;
	margin-top: .20rem;
}

.mybeans-cash-list .redpacket-item .redpacket-amount span {
	font-size: .16rem;
}

.mybeans-cash-list .redpacket-item .redpacket-beans {
	color: #FF820C;
	font-family: "PingFang SC";
	font-size: .16rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	text-align: center;
	margin-bottom: .32rem;
}

.mybeans-cash-list .redpacket-item {
	background: url(../images/bg-mybeans-cash.svg) center center no-repeat;
	background-size: 100%;
	width: 1.62rem;
	height: 1.729rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mybeans-cash-list2 .redpacket {
	width: calc(100% / 3);
}

.mybeans-cash-list2 .redpacket-item{
	width: 1.05rem;
	height: 1.22rem;
}

.mybeans-cash-list2 .redpacket-item .redpacket-amount{
	font-size: .24rem;
	margin-top: .1rem;
	margin-bottom: auto;
}

.mybeans-cash-list2 .redpacket-item .redpacket-beans{
	font-size: .14rem;
	font-weight: 400;
	margin-bottom: .24rem;
}

.mybeans-cash-list2 .redpacket-item .redpacket-num{
	margin-top: .15rem;
}

.menubar-area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	height: .81rem;
	border-radius: .2rem .2rem 0 0;
}

.menubar-area .toolbar-inner {
	padding-left: 0;
	padding-right: 0;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	align-items: center;
	justify-content: space-between;
}

.menubar-area .toolbar-inner .nav-link {
	width: .68rem;
	height: .68rem;
	display: block;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	text-align: center;
	margin: auto;
}

.menubar-area .toolbar-inner .text {
	color: #B7B7B7;
	text-align: center;
	font-size: .14rem;
	font-style: normal;
	font-weight: 400;
	display: block;
}

.menubar-area .toolbar-inner a.active .text {
	background: var(--Linear, linear-gradient(180deg, #02AE66 0%, #1AC47D 43.5%, #FFF 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.menubar-area .toolbar-inner .nav-link .icon {
	width: .68rem;
	height: .47rem;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: normal;
}

.menubar-area .toolbar-inner .nav-link .icon-home {
	width: .183rem;
	height: .176rem;
}

.menubar-area .toolbar-inner .nav-link .icon-bind {
	width: .1616rem;
	height: .17145rem;
}

.menubar-area .toolbar-inner .nav-link .icon-mypage {
	width: .15312rem;
	height: .1761rem;
}

.mybind-userbind.mybind-userbind .home-userbind-img {
	background: #FFDEC0;
}


.signin-week-body {
	justify-content: space-between;
}

.signin-week-item {
	overflow: hidden;
}

.signin-week-list {
	width: .42177rem;
	height: .58669rem;
	border-radius: .08rem;
	background: #fdf1eb;
	position: relative;
	z-index: 1;
	text-align: center;
}

.signin-week-list .signin-week-img {
	position: relative;
	z-index: 1;
	height: .38rem;
}

.signin-week-list .img-week {
	width: .86rem;
	transform: rotate(10.368deg);
	position: absolute;
	top: -.15rem;
	left: -.24rem;
	z-index: 3;
}

.signin-week-list .img-check {
	width: .09643rem;
	height: .09643rem;
	position: absolute;
	top: .05rem;
	right: .05rem;
	z-index: 2;
}

.signin-week-item h3 {
	color: #CECECE;
	font-size: .12rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	margin-top: .06rem;
}

.signin-week-item .signin-week-list span {
	border-radius: .12rem;
	border: .006rem solid #FFF;
	background: rgba(250, 221, 202, 0.67);
	backdrop-filter: blur(.02rem);
	font-family: Arial;
	font-size: .12rem;
	font-style: normal;
	font-weight: 700;
	line-height: .14rem;
	color: #ff6a6a;
	display: block;
	margin: .03rem .05rem;
}

/* active */
.signin-week-item .signin-week-list.active .img-week {
	top: -.18rem;
}

.signin-week-item .signin-week-list.active span {
	display: block;
	background: #FFD3B6;
	backdrop-filter: blur(.02rem);
	border-radius: 0 0 .08rem .08rem;
	border: 0;
	height: .21rem;
	line-height: .21rem;
	color: #2b2b2a;
	margin: 0;
}

.signin-week-item .signin-week-list.active {
	background: linear-gradient(180deg, #FFC663 0%, #FF9971 100%);
}

.signin-week-item .signin-week-list.active .img-active {
	position: absolute;
	top: .06rem;
	left: .046rem;
	width: .32rem;
	height: .32rem;
}

.signin-week-item .signin-week-list.active .signin-week-img {
	height: .39rem;
}

/* grey */
.signin-week-item.grey .img-week {
	width: .98rem;
	left: -.3rem;
	top: -.25rem;
}

.signin-week-item.grey .signin-week-list {
	background: rgba(154, 154, 154, 0.21);
	z-index: 5;
}

.signin-week-item.grey .signin-week-list .signin-week-img {
	z-index: 4;
}

.signin-week-item.grey .signin-week-list span {
	background: #F1E5D8;
	color: #C5C1B9;
}

.sign-alert-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	z-index: 99;
}

.sign-alert-bg .sign-alert-group {
	width: 1.5rem;
	background: #fff;
	margin: 0 auto;
	border-radius: .1rem;
	box-sizing: border-box;
	text-align: center;
}

.sign-alert-bg .sign-alert-group .alert-icon-group {
	padding: .15rem 0;
	background: #02AE66;
	color: #fff;
	font-size: .16rem;
	border-radius: .1rem .1rem 0 0;
}

.sign-alert-bg .alert-icon-group img {
	width: .4rem;
}

.sign-alert-bg .alert-icon-group p {
	font-size: .14rem;
}

.sign-alert-bg .alert-note-group {
	padding: .1rem 0;
}

.sign-alert-bg .alert-note-group p {
	font-size: .14rem;
	padding: .02rem 0;
}

.sign-alert-bg .alert-note-group p span {
	font-size: .16rem;
	color: #ff7a37;
}

.sign-alert-bg .alert-note-group .sign-close-btn {
	margin-top: .05rem;
	border: 0;
	padding: 0 .3rem;
	background: #02AE66;
	color: #fff;
	font-size: .14rem;
	border-radius: .3rem;
	line-height: .3rem;
}

.zhihui-main.zhihui-promotion {
	background: url(../images/bg-promotion1.svg), linear-gradient(158.77deg, #ff9971 19.54%, rgba(253, 143, 134, 0) 89.53%);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
}

.zhihui-promotion .bg-promotion-round {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 3.9rem
}

/*
 ****这个高度去掉，小屏幕无法滑动****
 .site-content.promotion-content,
.zhihui-main.zhihui-promotion{
	height: 100%;
}
*/

.promotion-header {
	position: relative;
	z-index: 5;
}

.promotion-header .promotion-title,
.promotion-header .promotion-subtitle {
	text-align: center;
}

.promotion-header .promotion-title img {
	width: 3.22rem;
	height: .5rem;
	display: block;
}

.promotion-header .promotion-title {
	height: .8rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.promotion-header .promotion-title img {
	position: absolute;
	height: .82rem;
	left: .17rem;
}

.promotion-header .promotion-subtitle .promotion-subtitle-box {
	border-radius: .16757rem;
	background: linear-gradient(90deg, #FF7968 0%, #FB5255 100%);
	box-shadow: 0 .04rem .3rem 0 rgba(234, 130, 111, 0.62), 0 .01rem .01rem 0 rgba(255, 255, 255, 0.25) inset;
	justify-content: space-between;
	width: 2.6rem;
	height: .28rem;
	margin: 0 auto;
	padding: 0 .21rem;
}

.promotion-header .promotion-subtitle .promotion-subtitle-box em {
	color: #FFC86A;
	font-size: .14rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
}

.promotion-header .promotion-subtitle .promotion-subtitle-box span {
	color: rgba(255, 255, 255, 0.70);
	font-size: .12rem;
	font-weight: 500;
	display: inline-block;
	line-height: .14rem;
}

.promotion-info,
.promotion-packet,
.promotion-share {
	position: relative;
	z-index: 9;
	padding: .15rem .2rem;
}

.promotion-info {
	border-radius: .25rem;
	border: .01rem solid #FFF;
	background: rgba(255, 255, 255, 0.82);
}

.promotion-info .myinfo h3 {
	color: #000;
	font-size: .16rem;
	font-weight: 600;
}

.promotion-info .myinfo p {
	border-radius: .12548rem;
	background: rgba(253, 171, 171, 0.30);
	color: #727070;
}

.promotion-stat {
	justify-content: space-between;
}

.promotion-stat .promotion-stat-item {
	width: .99126rem;
	height: .62443rem;
	flex-shrink: 0;
	border-radius: .15rem;
	background: #FFF;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
}

.promotion-stat .promotion-stat-item h3 {
	color: #989292;
	font-size: .12rem;
	font-weight: 400;
}

.promotion-stat .promotion-stat-item p {
	color: #312F2F;
	font-size: .16rem;
	font-weight: 600;
}

.promotion-stat .promotion-stat-item em {
	color: #312F2F;
	font-family: "PingFang SC";
	font-size: .12rem;
	font-style: normal;
	font-weight: 400;
}

.promotion-packet,
.promotion-share {
	border-radius: .25rem;
	border: .01rem solid #FFF;
	background: rgba(255, 255, 255, 0.47);
}

.mybeans-cash-list .bulepacket .redpacket-item {
	background: url(../images/bg-promotion-packet.svg) center center no-repeat;
	background-size: 100%;
}

.promotion-footer {
	padding-bottom: .3rem;
}

.promotion-share-item {
	justify-content: space-between;
}

.promotion-share-item a .icon-box {
	width: .48rem;
	height: .48rem;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.promotion-share-item img {
	width: .25rem;
}

.promotion-share-item h3 {
	color: #6f6f6f;
	font-size: .14rem;
	font-weight: 400;
	text-align: center;
	margin-top: .1rem;
}

.promotion-copy {
	position: absolute;
	left: -9999rem;
	top: -9999rem;
}

.zhihui-ranklist-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 3.9rem;
	height: 3.02rem;
}

.zhihui-main-top.zhihui-ranklist-top {
	min-height: 3.02rem;
}

.zhihui-main-bottom.zhihui-ranklist-bottom {
	margin-top: 0;
}

.ranklist-top-item {
	display: flex;
	justify-content: space-between;
	margin: .64rem .42rem 0 .40rem;
	text-align: center;
}

.ranklist-top-item .ranklist-toplist {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}

.ranklist-top-item .ranklist-toplist .rank-avatar {
	width: .5709rem;
	height: .5709rem;
}

.ranklist-top-item .ranklist-toplist .rank-avatar img {
	width: .5709rem;
	height: .5709rem;
	border-radius: 50%;
}

.ranklist-top-item .ranklist-toplist h3 {
	color: #FFF;
	font-size: .12rem;
	font-weight: 600;
	border-radius: .4rem;
	background: var(--Linear, linear-gradient(180deg, #FFC663 0%, #FF9971 100%));
	width: .55913rem;
	height: .2198rem;
	text-align: center;
	margin-top: -.08rem;
}

.ranklist-top-item .ranklist-toplist .rank-name1 {
	color: #FFF;
	font-size: .12rem;
	font-weight: 400;
}

.ranklist-top-item .ranklist-toplist .rank-qty {
	color: #FFF;
	font-size: .22rem;
	font-weight: 600;
}

.ranklist-top-item .ranklist-toplist .rank-name2 {
	color: #FFF;
	font-size: .12rem;
	font-weight: 400;
}

.ranklist-top-item .ranklist-toplist.rank-top {
	margin-top: .31rem;
	position: relative;
	z-index: 3;
}

.ranklist-top-item .ranklist-toplist.rank-top1 .rank-name1 {
	margin-top: .1rem;
}

.ranklist-top-item .ranklist-toplist.rank-top1 .rank-qty {
	margin-top: .14rem;
}

.ranklist-items {
	gap: .1rem;
	border-radius: .2rem;
	background: #FFF;
	padding: .1rem .1rem;
	align-items: center;
	margin-bottom: .1rem;
}

.ranklist-items .num {
	color: #232222;
	font-size: .16rem;
	font-weight: 600;
}

.ranklist-items .ranklist-items-img img {
	width: .50423rem;
	height: .50423rem;
	border-radius: 50%;
}

.ranklist-items .ranklist-items-text h3 {
	color: #2D2929;
	font-size: .14rem;
	font-weight: 600;
}

.ranklist-items .ranklist-items-text p {
	color: #B5B5B5;
	font-size: .12rem;
	font-weight: 400;
	margin-top: .05rem;
}

.ranklist-items .ranklist-items-qty {
	margin-left: auto;
	text-align: center;
}

.ranklist-items .ranklist-items-qty p.types {
	color: #858383;
	font-size: .12rem;
	font-weight: 400;
}

.ranklist-items .ranklist-items-qty p.qty {
	border-radius: .13322rem;
	border: .01rem solid #05B068;
	background: rgba(5, 176, 104, 0.19);
	width: .58187rem;
	height: .26643rem;
	color: #13BE76;
	font-size: .16rem;
	font-weight: 600;
}

.bg-lucky {
	position: absolute;
	width: 3.9rem;
	top: 0;
	left: 0;
	z-index: 1;
}

.lucky-title {
	width: 3.67rem;
	height: 1.14rem;
	display: block;
	margin: 0 auto;
}

.lucky-items {
	position: relative;
	z-index: 9;
}

.lucky-lottery {
	width: 3.9rem;
	height: 4.14rem;
	margin: 0 auto;
	background: url(../images/bg-lucky-item.svg) center center no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 9;
}

.zhihui-main.zhihui-lucky,
.lucky-background {
	background: linear-gradient(359.81deg, #FF2E2E 0.16%, #F89C61 99.84%);
}

.lucky-background {
	height: 100%;
	position: absolute;
	top: 3.64rem;
	left: 0;
	width: 3.9rem;
	z-index: 3;
	max-height: 4.8rem;
}

.lucky-lottery-box {
	margin: 0 .47rem 0;
	height: 3rem;
	width: 2.96rem;
	background: linear-gradient(180deg, #FF2C1C 0%, #FF8454 100%);
	border: .01rem solid #FFFFFF;
	box-shadow: inset 0px -1px 10px rgba(255, 255, 255, 0.32), inset 0px 4px 20px #FF9F47;
	border-radius: .25rem;
	position: absolute;
	top: .67rem;
	z-index: 10;
}

.lucky-lottery-box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: .18rem;
	padding-left: .15rem;
	padding-right: .15rem;
}

.lucky-lottery-box ul li {
	width: .79rem;
	height: .80rem;
	background: url(../images/bg-lucky-item-default.svg) center center no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-size: 100%;
	margin-bottom: .12rem;
}

.lucky-lottery-box ul li img {
	width: .5rem;
	height: .5rem;
	display: block;
	margin: .02rem auto;
}

.lucky-lottery-box ul li p {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: .16rem;
	line-height: .12rem;
}

.lucky-lottery-box ul li.item p {
	color: #FF2C1C;
	border-radius: .09619rem;
	border: .006rem solid #FFF;
	background: rgba(250, 221, 202, 0.67);
	backdrop-filter: blur(.02rem);
	text-align: center;
	margin: 0 .1rem;
	line-height: .18rem;
}

.lucky-lottery-box ul li.begin {
	padding: 0;
	background: url(../images/bg-lucky-item-start.svg) center center no-repeat;
	background-size: 100%;
	transition: all .1s linear;
	user-select: none;
}

.lucky-lottery-box ul li.begin.clicked {
	transform: scale(.9);
	transition: all .1s linear;
}

.lucky-lottery-box ul li.begin p {
	color: #FFFFFF;
	font-style: normal;
	font-weight: 400;
	font-size: .12rem;
	line-height: .12rem;
	margin-top: auto;
	margin-bottom: .16rem;
	text-align: center;
}

.lucky-lottery-box ul li.begin p span {
	color: #fde305;
}

.lucky-lottery-box ul li.begin.clicked {
	transform: scale(.9);
	transition: all .1s linear;
}

.lucky-lottery-box ul li.active {
	opacity: .6;
}

.lucky-user {
	position: relative;
	z-index: 9;
	background: url(../images/bg-lucky-list.svg) center center no-repeat;
	background-size: 100%;
	width: 3.38rem;
	height: 1.95rem;
	margin: 0 auto;
	margin-top: -.1rem;
}

.lucky-user .lucky-userbox {
	width: 2.78rem;
	height: 1.02rem;
	overflow: hidden;
	position: absolute;
	top: .65rem;
	left: .3rem;
	z-index: 10;
}

.lucky-user .lucky-userlist {
	align-items: center;
	gap: .1rem;
}

.lucky-user .lucky-userlist .user-avatar img {
	width: .3136rem;
	height: .3136rem;
	border-radius: .3136rem;
}

.lucky-user .lucky-userlist .user-text h3 {
	color: #000;
	font-size: .14rem;
	font-weight: 600;
}

.lucky-user .lucky-userlist .user-text p {
	color: #989292;
	font-size: .12rem;
	font-weight: 400;
	line-height: 100%;
}

.lucky-user .lucky-userlist .user-btn {
	margin-left: auto;
}

.lucky-user .lucky-userlist .user-btn span {
	border-radius: .4rem;
	border: .008rem solid #FF7A00;
	background: rgba(255, 122, 0, 0.33);
	color: #FF820C;
	font-size: .12rem;
	font-weight: 600;
	line-height: 100%;
	display: block;
	padding: .05rem;
}

.lucky-more {
	position: relative;
	z-index: 9;
	margin: 0 .3rem;
	text-align: center;
}

.lucky-more a {
	display: block;
	line-height: .38rem;
}

.iconlucky{
	animation: rotateimg 3s linear infinite
}

@keyframes rotateimg {
	0%{
		transform: rotate(0deg);
	}

	20%{
		transform: rotate(72deg);
	}

	40%{
		transform: rotate(144deg);
	}

	60%{
		transform: rotate(216deg);
	}

	80%{
		transform: rotate(288deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

@keyframes line-scale {
	0% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}

	50% {
		-webkit-transform: scaley(0.4);
		transform: scaley(0.4);
	}

	100% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate {

	0%,
	100% {
		height: 0%;
	}

	50% {
		height: 100%;
	}
}

@keyframes animate_line {

	0%,
	100% {
		top: 0%;
	}

	50% {
		top: 100%;
	}
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}
}

.alert {
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: .16rem;
	--bs-alert-padding-y: .16rem;
	--bs-alert-margin-bottom: .16rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
	--bs-alert-border-radius: .06rem;
	--bs-alert-link-color: inherit;
	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
	color: inherit
}

.alert-link {
	font-weight: 700;
	color: var(--bs-alert-link-color)
}

.alert-dismissible {
	padding-right: .48rem
}

.alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: .24rem.16rem
}

.alert-primary {
	--bs-alert-color: var(--bs-primary-text);
	--bs-alert-bg: var(--bs-primary-bg-subtle);
	--bs-alert-border-color: var(--bs-primary-border-subtle);
	--bs-alert-link-color: var(--bs-primary-text)
}

.alert-secondary {
	--bs-alert-color: var(--bs-secondary-text);
	--bs-alert-bg: var(--bs-secondary-bg-subtle);
	--bs-alert-border-color: var(--bs-secondary-border-subtle);
	--bs-alert-link-color: var(--bs-secondary-text)
}

.alert-success {
	--bs-alert-color: var(--bs-success-text);
	--bs-alert-bg: var(--bs-success-bg-subtle);
	--bs-alert-border-color: var(--bs-success-border-subtle);
	--bs-alert-link-color: var(--bs-success-text)
}

.alert-info {
	--bs-alert-color: var(--bs-info-text);
	--bs-alert-bg: var(--bs-info-bg-subtle);
	--bs-alert-border-color: var(--bs-info-border-subtle);
	--bs-alert-link-color: var(--bs-info-text)
}

.alert-warning {
	--bs-alert-color: var(--bs-warning-text);
	--bs-alert-bg: var(--bs-warning-bg-subtle);
	--bs-alert-border-color: var(--bs-warning-border-subtle);
	--bs-alert-link-color: var(--bs-warning-text)
}

.alert-danger {
	--bs-alert-color: var(--bs-danger-text);
	--bs-alert-bg: var(--bs-danger-bg-subtle);
	--bs-alert-border-color: var(--bs-danger-border-subtle);
	--bs-alert-link-color: var(--bs-danger-text)
}

.alert-light {
	--bs-alert-color: var(--bs-light-text);
	--bs-alert-bg: var(--bs-light-bg-subtle);
	--bs-alert-border-color: var(--bs-light-border-subtle);
	--bs-alert-link-color: var(--bs-light-text)
}

.alert-dark {
	--bs-alert-color: var(--bs-dark-text);
	--bs-alert-bg: var(--bs-dark-bg-subtle);
	--bs-alert-border-color: var(--bs-dark-border-subtle);
	--bs-alert-link-color: var(--bs-dark-text)
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

.toast {
	--bs-toast-zindex: 1090;
	--bs-toast-padding-x: .12rem;
	--bs-toast-padding-y: .08rem;
	--bs-toast-spacing: .24rem;
	--bs-toast-max-width: 3.5rem;
	--bs-toast-font-size: 0.875rem;
	--bs-toast-color: ;
	--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-border-width: var(--bs-border-width);
	--bs-toast-border-color: var(--bs-border-color-translucent);
	--bs-toast-border-radius: var(--bs-border-radius);
	--bs-toast-box-shadow: var(--bs-box-shadow);
	--bs-toast-header-color: var(--bs-secondary-color);
	--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-header-border-color: var(--bs-border-color-translucent);
	width: var(--bs-toast-max-width);
	max-width: 100%;
	font-size: var(--bs-toast-font-size);
	color: var(--bs-toast-color);
	pointer-events: auto;
	background-color: var(--bs-toast-bg);
	background-clip: padding-box;
	border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
	box-shadow: var(--bs-toast-box-shadow);
	border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
	opacity: 0
}

.toast:not(.show) {
	display: none
}

.toast-container {
	--bs-toast-zindex: 1090;
	position: absolute;
	z-index: var(--bs-toast-zindex);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	pointer-events: none
}

.toast-container>:not(:last-child) {
	margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
	display: flex;
	align-items: center;
	padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
	color: var(--bs-toast-header-color);
	background-color: var(--bs-toast-header-bg);
	background-clip: padding-box;
	border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
	border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
	border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
	margin-right: calc(-.5 * var(--bs-toast-padding-x));
	margin-left: var(--bs-toast-padding-x)
}

.toast-body {
	padding: var(--bs-toast-padding-x);
	word-wrap: break-word
}

#zhihui_placeholder {
	display: inline-block;
	margin: 0px auto;
	position: fixed;
	transition: 0.5s ease-in-out;
	z-index: 1200;
	top: .2rem;
	left: 0;
	right: 0;
	animation-iteration-count: 1;
	width: 90%;
}

#zhihui_placeholder .alert {
	font-size: .14rem;
}

.modal {
	--bs-modal-zindex: 1055;
	--bs-modal-width: 5rem;
	--bs-modal-padding: .16rem;
	--bs-modal-margin: .06rem;
	--bs-modal-color: ;
	--bs-modal-bg: var(--bs-body-bg);
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: var(--bs-border-width);
	--bs-modal-border-radius: var(--bs-border-radius-lg);
	--bs-modal-box-shadow: 0 .02rem .04rem rgba(var(--bs-body-color-rgb), 0.075);
	--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: .16rem .16rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: var(--bs-border-width);
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: .08rem;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: var(--bs-border-width);
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-modal-zindex);
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: var(--bs-modal-margin);
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	transform: none
}

.modal.modal-static .modal-dialog {
	transform: scale(1.02)
}

.modal-dialog-scrollable {
	height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
	max-height: 100%;
	overflow: hidden
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--bs-modal-color);
	pointer-events: auto;
	background-color: var(--bs-modal-bg);
	background-clip: padding-box;
	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
	border-radius: var(--bs-modal-border-radius);
	outline: 0
}

.modal-backdrop {
	--bs-backdrop-zindex: 1050;
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-backdrop-zindex);
	width: 100vw;
	height: 100vh;
	background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: var(--bs-backdrop-opacity)
}

.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: var(--bs-modal-header-padding);
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	border-top-left-radius: var(--bs-modal-inner-border-radius);
	border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
	padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
	margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
	margin-bottom: 0;
	line-height: var(--bs-modal-title-line-height)
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: var(--bs-modal-padding)
}

.modal-footer {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
	background-color: var(--bs-modal-footer-bg);
	border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
	border-bottom-right-radius: var(--bs-modal-inner-border-radius);
	border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
	margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
	.modal {
		--bs-modal-margin: .28rem;
		--bs-modal-box-shadow: 0 .08rem .16rem rgba(var(--bs-body-color-rgb), 0.15)
	}

	.modal-dialog {
		max-width: var(--bs-modal-width);
		margin-right: auto;
		margin-left: auto
	}

	.modal-sm {
		--bs-modal-width: 3rem
	}
}

@media (min-width:992px) {

	.modal-lg,
	.modal-xl {
		--bs-modal-width: 8rem
	}
}

@media (min-width:1200px) {
	.modal-xl {
		--bs-modal-width: 11.4rem
	}
}


.modal[aria-hidden=true] {
	display: none !important;
}


.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0
}

.modal-fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
	border-radius: 0
}

.modal-fullscreen .modal-body {
	overflow-y: auto
}

@media (max-width:575.98px) {
	.modal-fullscreen-sm-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-sm-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-sm-down .modal-footer,
	.modal-fullscreen-sm-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-sm-down .modal-body {
		overflow-y: auto
	}
}

@media (max-width:767.98px) {
	.modal-fullscreen-md-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-md-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-md-down .modal-footer,
	.modal-fullscreen-md-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-md-down .modal-body {
		overflow-y: auto
	}
}

@media (max-width:991.98px) {
	.modal-fullscreen-lg-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-lg-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-lg-down .modal-footer,
	.modal-fullscreen-lg-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-lg-down .modal-body {
		overflow-y: auto
	}
}

@media (max-width:1199.98px) {
	.modal-fullscreen-xl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-xl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-xl-down .modal-footer,
	.modal-fullscreen-xl-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-xl-down .modal-body {
		overflow-y: auto
	}
}

@media (max-width:1399.98px) {
	.modal-fullscreen-xxl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0
	}

	.modal-fullscreen-xxl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0
	}

	.modal-fullscreen-xxl-down .modal-footer,
	.modal-fullscreen-xxl-down .modal-header {
		border-radius: 0
	}

	.modal-fullscreen-xxl-down .modal-body {
		overflow-y: auto
	}
}