@import "bootstrap.min.css";
@import "animate.min.css";
@import "swiper.min.css";
@import "../fonts/iconfont.css";
@import "../layui/css/layui.css";


/***

====================================================================
	Reset
====================================================================

 ***/
* {
	margin: 0;
	padding: 0;
	text-size-adjust: inherit;
	text-size-adjust: initial;
	text-size-adjust: unset;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

html,
body {
	margin: 0 auto;
	color: #000;
	font-size: 12px;
	text-size-adjust: inherit;
	text-size-adjust: initial;
	text-size-adjust: unset;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	background: #fff;
	max-width: 750px;
	overflow-x: hidden;
}


a {
	text-decoration: none;
	cursor: pointer;
	color: #443f45;
	display: inline-block;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0;
	background: none;
}

input,
button,
select,
textarea {
	font-weight: normal;
	font-size: 14px;
}

input:focus {
	outline: none;
}


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

input::-webkit-input-placeholder {
	color: #999;
}

img {
	max-width: 100%;
}

p {
	margin: 0;
}


.text-right {
	text-align: right;
}

.clearfix {
	clear: both;
	*zoom: 1
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}

.font14 {
	font-size: 14px !important;
}

.font16 {
	font-size: 16px !important;
}

.font18 {
	font-size: 18px !important;
}

.font20 {
	font-size: 20px !important;
}

.font24 {
	font-size: 24px !important;
}

.font30 {
	font-size: 30px !important;
}

.font32 {
	font-size: 32px !important;
}

.font36 {
	font-size: 36px !important;
}

.font40 {
	font-size: 40px !important;
}

.blank10 {
	height: 10px;
}

.blank15 {
	height: 15px;
}

.blank20 {
	height: 20px;
}

.blank30 {
	height: 30px;
}

.blank40 {
	height: 40px;
}

.blank50 {
	height: 50px;
}

.blank60 {
	height: 60px;
}

.blank70 {
	height: 70px;
}

.blank80 {
	height: 80px;
}

.blank90 {
	height: 90px;
}

.blank100 {
	height: 100px;
}

.bg-white {
	background: #fff;
}

.bg-body {
	background: #f2f5fa;
}

.fixed-bg {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #f4f4f4;
	z-index: 0;
	user-select: none;
	/* 禁止文本选择 */
	-webkit-user-select: none;
	/* Safari 兼容 */
	-moz-user-select: none;
	/* Firefox 兼容 */
	-ms-user-select: none;
	/* IE10+/Edge 兼容 */
	pointer-events: none;
	/* 禁止鼠标事件 */
}

.relative-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	min-height: 100%;
}

.IndexTen {
	position: relative;
	z-index: 10 !important;
}

.IndexFive {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	background: #ededed;
	z-index: 5 !important;
}




.carousel_section,
.swiper-workout {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 90;
}

.carousel_section .swiper-button-next,
.carousel_section .swiper-button-prev,
.swiper-workout .swiper-button-next,
.swiper-workout .swiper-button-prev {
	display: none;
}



.carousel_section .pagination {
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	z-index: 99;
	text-align: center;
	justify-content: center;
}

.carousel_section .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: rgba(68, 173, 80, 1);
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

.carousel_section .swiper-pagination-bullet-active {
	background: rgba(250, 144, 1, 1);
	width: 30px;
}


.swiper-workout .pagination {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	z-index: 99;
	text-align: center;
	justify-content: center;
}

.home_bg {
	padding: 30px 0;
	background: #f7f7f7;
}

.carousel_section .pagination span {
	margin: 0 auto;
}

.search_home {
	position: relative;
	z-index: 100;
	margin: -55px 15px 20px 15px;
	background: #fff;
	border-radius: 50px;
	height: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}



.cur_position {
	position: relative;
	margin: 0 0;
	padding: 0 0;
	line-height: 50px;
	font-size: 13px;
}

.cur_position span {
	margin: 0 5px 0 0;
	display: inline-block;
	font-size: 16px;
}

.cur_position::after {
	position: absolute;
	content: "|";
	right: 0;
	top: 0;
	color: #ccc;
}

.search_bar {
	position: relative;
	margin: 10px 0;
}

.search_bar .search_text {
	border: none;
	line-height: 30px;
}

.search_bar .search_btn {
	position: absolute;
	right: -5px;
	top: -5px;
	padding: 10px 20px;
	border: none;
	border-radius: 40px;
	/* background-image: linear-gradient(90deg, #2cbf49, #37b24b); */
	background: #22ac38;
	color: #fff;
	font-size: 14px;
}

.search_bar .search_btn span {
	font-size: 16px;
}


.category-box {
	padding: 15px 10px;
	background: #fff;
	border-radius: 10px;
}

.classification_btn {
	position: relative;
}

.classification_btn a {
	display: block;
	font-size: 12px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category-img img {
	max-width: 60px;
}


.classification_btn a {
	font-weight: bold;
}

.classification>div:nth-child(1),
.classification>div:nth-child(2),
.classification>div:nth-child(3),
.classification>div:nth-child(4) {
	margin-bottom: 10px;
}




.hot_workout {
	padding: 10px 0;
}

.title_big {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	padding: 0 18px 0 0;
	background: url(../images/title-bg.png) no-repeat right bottom;
	background-size: auto 60%;
}


.more_btn {
	line-height: 30px;
	display: inline-block;
	color: #333;
	font-size: 14px;
}

.more_btn span {
	color: #333;
	font-size: 12px;
	vertical-align: middle;
}

.workout {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.workout_pic {
	position: relative;
	height: 140px;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-repeat: no-repeat;
}

.workout_pic a {
	display: block;
	width: 100%;
	height: 100%;
}

.active_pic {
	position: relative;
	height: 200px;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-repeat: no-repeat;
}

.active_pic a {
	display: block;
	height: 100%;
}

.active-price {
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.active-price span {
	font-size: 14px;
}
.active-price label{
	opacity: 0;
}

.workout_info {
	padding: 10px;
}

.workout_info h2 {
	height: 40px;
	overflow: hidden;
}

.workout_info .add,
.workout_info .date {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	color: #666;
}

.workout_group {
	padding: 10px 0;
}

.workout_group>div {
	float: left;
}

.workout_group .face {
	margin: 0 10px 0 0;
	border-radius: 40px;
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.btn-adriana,
.btn-adriana:visited {
	padding: 5px 0;
	border-radius: 20px;
	background: #FF7900;
	color: #000;
	border: 2px #000 solid;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.btn-adriana::after {
	position: absolute;
	right: 10px;
	top: 5px;
	content: " ";
	width: 10px;
	height: 10px;
	background: #35B64A;
	border: 2px #000 solid;
	border-radius: 20px;
}

.btn-adriana2,
.btn-adriana2:visited {
	padding: 5px 0;
	border-radius: 20px;
	background: #232323;
	color: #fff;
	border: 2px #232323 solid;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.btn-adriana2:before,
.btn-adriana2::after {
	position: absolute;
	content: " ";
	width: 16px;
	height: 16px;
}

.btn-adriana2:before {
	left: -5px;
	top: -5px;
	background: url(../images/btn-icon1.png) no-repeat center center;
	background-size: 16px;
}

.btn-adriana2::after {
	right: -5px;
	bottom: -5px;
	background: url(../images/btn-icon2.png) no-repeat center center;
	background-size: 16px;
}



.btn-adriana3,
.btn-adriana3:hover,
.btn-adriana3:visited {
	padding: 5px 0;
	border-radius: 20px;
	background: #01B836;
	color: #fff;
	border: 2px #01B836 solid;
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.btn-adriana3::after {
	position: absolute;
	content: " ";
	width: 25px;
	height: 25px;
	right: -5px;
	bottom: -5px;
	background: url(../images/btn-icon3.png) no-repeat center center;
	background-size: 25px;
}


.workout_group .name {
	width: calc(100% - 40px);
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
}

.btn_brand {
	margin: 5px 0;
	padding: 8px 0;
	display: block;
	border-radius: 20px;
	/* background-image: linear-gradient(90deg, #2cbf49, #37b24b); */
	background: #22ac38;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.btn_brand:hover {
	color: #fff;
}

.quick_nav {
	margin: 5px 0;
	display: block;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	text-align: center;
	color: #666;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.quick_nav h2 {
	margin: 0 0 8px 0;
	font-size: 16px;
	color: #000;
}

.menuBottom {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	height: 75px;
	background: #01B836;
	z-index: 100000000000 !important;
}

.menuBottom a {
	padding: 3px;
	margin: 6px 0 0 0;
	display: block;
	font-size: 13px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

.menuBottom img {
	max-width: 30px;
}

.menuBottom a .navDefault {
	display: block;
}

.menuBottom a .navActive {
	display: none;
}

.menuBottom .active {
	background: #FF7900;
	border: 2px #606060 solid;
}

.menuBottom .active .navDefault {
	display: none !important;
}

.menuBottom .active .navActive {
	display: block !important;
}

.menuBottom .nav-text {
	margin: 2px 0 0 0;
	display: block;
	border-radius: 5px;
	background: #01B836;
	padding: 3px 0;
}

.menuBottom .active .nav-text {
	background: #000;
	color: #FF7900;
}



.swiper-date {
	padding: 10px 15px;
	background: #FF4900;
	overflow: hidden;
}

.swiper-date a {
	padding: 5px;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	background: #fff;
	border-radius: 5px;
	border: 2px #000 solid;
}

.swiper-date a span {
	display: block;
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

.swiper-date .active {
	background: #fff;
	color: #FF4900 !important;
}

.swiper-date .active span {
	color: #FF4900;
	font-weight: bold;
}

.swiper-sort {
	position: relative;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px #eaeaea solid;
	background: #01B836;
}

.swiper-sort a,
.swiper-sort a:visited,
.swiper-sort a:hover {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

.swiper-sort .active {
	border-bottom: 2px #01B836 solid;
	color: #000;
	font-weight: bold;
	background: #FF7900;
}


.list-workout>div {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px #eaeaea solid;
}

.workout-thumb {
	position: relative;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}

.workout-thumb a {
	display: block;
	height: 100%;
}

.workout-info h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.workout-info .workout-tag {
	padding: 10px 0;
}



.workout-info .workout-tag span {
	margin: 0 3px 3px 0;
	padding: 0 5px !important;
	display: inline-block;
	border: 2px #000 solid;
	color: #000;
	background: #FF7900;
	border-radius: 20px;
	font-size: 10px !important;
	font-weight: bold;
}

.workout-info .workout-tag span:nth-child(2) {
	border: 2px #29C501 solid;
	color: #FF7900;
	background: #fff;
}

.workout-info .workout-tag span:nth-child(3) {
	border: 2px #000 solid;
	color: #29C501;
	background: #000;
}

.workout-info .workout-tag span:nth-child(4) {
	border: 2px #000 solid;
	color: #000;
	background: #fff;
}

.workout-info .workout-tag span:nth-child(5) {
	border: 2px #000 solid;
	color: #000;
	background: #29C501;
}

.workout-tag .layui-btn {
	margin: 0 5px 4px 0 !important;
}

.workout-add,
.workout-time {
	color: #666;
}

.workout-add span,
.workout-time span {
	display: inline-block;
	margin-right: 5px;
}

.tags span {
	margin: 0 3px 3px 0;
	padding: 0 5px !important;
	display: inline-block;
	border: 2px #000 solid;
	color: #000;
	background: #FF7900;
	border-radius: 20px;
	font-size: 10px !important;
	font-weight: bold;
}

.tags span:nth-child(2) {
	border: 2px #29C501 solid;
	color: #FF7900;
	background: #fff;
}

.tags span:nth-child(3) {
	border: 2px #000 solid;
	color: #29C501;
	background: #000;
}

.tags span:nth-child(4) {
	border: 2px #000 solid;
	color: #000;
	background: #fff;
}

.tags span:nth-child(5) {
	border: 2px #000 solid;
	color: #000;
	background: #29C501;
}

.text-over {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.end-tip {
	font-size: 11px;
	color: #999;
}

.swiper-workout-1 {
	margin-top: -30px;
	position: relative;
	padding: 15px;
	border-radius: 5px;
	z-index: 10000;
}

.swiper-workout-1 hr {
	border-bottom: 1px #ccc solid !important;
}

.swiper-workout-1 h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
}

.swiper-workout-1 .price {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #f00;
	font-size: 24px;
	font-weight: bold;
}

.bm-state {
	color: #38b349;
	line-height: 38px;
}

.bm-state span {
	color: #333;
}

.bm-face {
	position: relative;
	vertical-align: middle;
}

.bm-face li {
	margin-left: -20px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	border: 2px #fff solid;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bm-face li:nth-child(1) {
	margin: 0 !important
}

.more-face {
	background: #fff;
	text-align: center;
	line-height: 30px;
	border: 1px #eaeaea solid !important;
	color: #ccc;
}

.bm-show {
	line-height: 30px;
	color: #333;
	text-align: right;
}

.bm-show span {
	font-size: 12px;
}


.submit-list-table-container {
	overflow-x: auto;
}

.submit-list-table {
	width: 100%;
	border-collapse: collapse;

}

.submit-list-thead {
	background-color: #f8fafc;
}

.submit-list-th {
	padding: 20px 10px;
	text-align: center;
	font-weight: 600;
	color: #4a5568;
	border-bottom: 1px solid #e2e8f0;
	white-space: nowrap;
}

.submit-list-th:first-child {
	border-radius: 10px 0 0 0;
}

.submit-list-th:last-child {
	border-radius: 0 10px 0 0;
}

.submit-list-th i {
	margin-right: 8px;
	color: #6a11cb;
}

.submit-list-tbody {
	background-color: white;
}

.submit-list-tr {
	border-bottom: 1px solid #f1f5f9;
	transition: all 0.3s ease;
}

.submit-list-tr:hover {
	background-color: #f8fafc;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.submit-list-td {
	padding: 18px 10px;
	vertical-align: middle;
	text-align: center;
}

.submit-list-sequence {
	font-weight: 600;
	color: #6a11cb;
	font-size: 1.1rem;
	width: 50px;

}

.submit-list-avatar {
	width: 100px;

}

.submit-list-avatar-img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #e2e8f0;
	transition: all 0.3s ease;
}

.submit-list-tr:hover .submit-list-avatar-img {
	border-color: #6a11cb;
	transform: scale(1.05);
}

.submit-list-name {
	font-weight: 600;
	color: #2d3748;
	font-size: 1.1rem;
}

.submit-list-name-title {
	font-size: 0.9rem;
	color: #718096;
	margin-top: 4px;
}

.submit-list-time {
	color: #4a5568;
	font-size: 0.95rem;
}

.submit-list-time-date {
	font-weight: 600;
	color: #2d3748;
}

.submit-list-time-period {
	font-size: 0.85rem;
	color: #718096;
	margin-top: 4px;
}

.submit-list-empty {
	text-align: center;
	padding: 60px 20px;
	color: #a0aec0;
}

.submit-list-empty-icon {
	font-size: 3rem;
	margin-bottom: 20px;
	color: #e2e8f0;
}

.submit-list-empty-text {
	font-size: 1.1rem;
}




.swiper-workout-2 {
	position: relative;
	padding: 15px;
	border-radius: 5px;
	z-index: 10000;
}

.team-info {
	padding: 15px 0;
}

.team-info .team-logo {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
}

.team-info .team-name {
	margin-left: 15px;
	float: left;
	width: calc(100% - 65px);
	height: 50px;
}

.team-info .team-name-text {
	font-size: 14px;
	padding: 5px 0;
	font-weight: 600;
}

.team-info .team-group {
	padding: 3px 10px;
	background: #38b349;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
}

.team-author {
	line-height: 30px;
	color: #666;
}

.team-wechat-tel a,
.team-wechat-tel a:visited {
	display: inline-block;
	background: #28c445;
	width: 30px;
	height: 30px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
}

.team-wechat-tel a span {
	font-size: 20px;
}

.team-wechat-tel a:nth-child(2) {
	background: #0ac9aa;
}

.flex-container {
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
}

.flex-auto {
	margin: auto !important;
}

.flex-row {
	margin: 0 auto !important;
}

.flex-column {
	margin: auto 0 !important;
}


.flex-container-vertical {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}

.flex-container-horizontal {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.flex-bar {
	display: flex;
	align-items: center;
}

.flex-gap15 {
	gap: 15px;
}

.diy-btn>div {
	width: 50%;
}

.workout-detail {
	color: #666;
	font-size: 14px;
}

.workout-detail p {
	margin: 0 0 15px 0;
}

.workout-detail-title {
	margin: 5px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background: url(../images/workout_details_title.png) no-repeat center center;
	line-height: 50px;
	background-size: auto 50px;
	text-align: center;
}

.text-indent {
	text-indent: 2em;
}

.workout-bottom {
	position: fixed;
	padding: 0 15px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 75px;
	border-top: 1px #eaeaea solid;
	background: #fafafa;
	z-index: 1000000;
	text-align: center;
}

.workout-bottom .workout-btn,
.workout-bottom button,
.workout-bottom input[type='text'] {
	margin: 3px 0;
	padding: 5px 0;
	font-size: 18px;
	background: #22ac38;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
}

.workout-bottom input[type='submit'],
.workout-bottom a {
	font-size: 16px !important;
	font-weight: 500
}


.order-bottom {
	position: fixed;
	padding: 0 15px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	border-top: 1px #eaeaea solid;
	background: #fafafa;
	z-index: 1000000;
}

.title-dec {
	color: #22ac38;
	font-weight: bold;
	font-size: 16px;
}

.list-mode {
	color: #000;
	font-size: 14px;
}

.list-mode ul li span {
	display: inline-block;
	color: #666;
	width: 20%;
}

.list-mode ul li:last-child {
	border: none !important;
}

.border-bt {
	border-bottom: 1px #f1f1f1 solid;
}

.padding-tb {
	padding: 15px 0;
}

.list-mode-name {
	padding: 0 0 0 10px;
	color: #666;
}

.color-logo,
.color-logo:visited {
	color: #22ac38;
}

.order-step-class {
	font-size: 16px;
	line-height: 60px
}

.order-step-btn,
.order-step-btn:visited {
	margin: 10px 0;
	padding: 5px 0;
	font-size: 20px;
	background: #22ac38;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	font-weight: bold;
	display: block;
}

.order-flow {
	position: relative;
	padding: 80px 0 0 0;
	height: 100px;
}

.order-flow:before {
	position: absolute;
	left: 7%;
	top: 50px;
	width: 86%;
	content: ' ';
	height: 2px;
	background: #eaeaea;
}

.order-flow li {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
}

.order-flow li span {
	position: absolute;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	left: 50%;
	top: -50px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: #999;
	font-size: 18px;
	overflow: hidden;
	border-radius: 40px;
}

.order-container {
	min-height: 300px;
}

.good-container {
	height: 100%;
}

.order-container .success-icon span,
.good-container .success-icon span {
	font-size: 100px;
	color: #22ac38;
}

.order-container .fail-icon span {
	font-size: 100px;
	color: #e05b40;
}


.order-succ-back,
.order-succ-view,
.order-succ-resubmit {
	padding: 5px 30px;
	display: inline-block;
	color: #999;
	border: 1px #ccc solid;
	border-radius: 30px;
	font-size: 16px;
	font-weight: bold;
}

.order-succ-view {
	padding: 5px 20px !important;
	border: 1px #22ac38 solid !important;
	background: #22ac38;
	color: #fff !important;
}

.order-succ-resubmit {
	border: 1px #e05b40 solid !important;
	background: #e05b40;
	color: #fff !important;
}

.recommend_workout {
	position: relative;
	color: #666;
	font-size: 16px;
	font-weight: bold;
}

.recommend_workout span {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	background: #f2f5fa;
	z-index: 1000;
}

.recommend_workout:before {
	position: absolute;
	left: 20%;
	top: 10px;
	width: 60%;
	height: 2px;
	background: #ccc;
	content: ' ';
	z-index: 900;
}

.swiper-login {
	height: 100%;
	position: relative;
	z-index: 100;
	background: #f2f5fa;
}

.logo-login {
	height: 60px;
	background: url(../images/login-logo.jpg) no-repeat center center;
	background-size: auto 100%;
}

.login-slogin {
	padding: 15px 0;
	font-size: 16px;
}

.user-greement-con {
	padding: 15px;
	color: #333;
}



/* 活动页 */
.swiper-active {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px #eaeaea solid;
	background: #fff;
	height: 60px;
}

.nav-sticky {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000000;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	display: block;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.stickyLeft {
	position: fixed;
	left: 0;
	right: 0;
	top: 60px;
	z-index: 10000001;
}


/* 筛选栏样式优化 */
.activity-filters {
	background-color: white;	
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
	padding: 10px;
	margin-bottom: 35px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	align-items: center;
	width:100%;
	position: fixed;	
	top:0;
	z-index: 100000;
}

.activity-filter-group {	
	position: relative;
	width:100%;
}

.activity-filter-label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	color: #475569;
	font-size: 0.95rem;
}

.activity-filter-label i {
	margin-right: 8px;
	color: #3b82f6;
}

/* 自定义下拉框样式 - 使用div模拟 */
.activity-filter-custom-select {
	position: relative;
	width: 100%;
	z-index: 10;
}

/* 模拟的下拉框显示区域 */
.activity-filter-select-display {
	width: 100%;
	padding: 10px 1px 10px 10px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	font-size: 1.1rem;
	background-color: white;
	transition: all 0.3s;
	cursor: pointer;
	color: #334155;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.activity-filter-select-display:hover {
	border-color: #cbd5e1;
}

.activity-filter-select-display.active {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.activity-filter-select-display i {
	color: #94a3b8;
	transition: transform 0.3s;
}

.activity-filter-select-display.active i {
	transform: rotate(180deg);
	color: #3b82f6;
}

/* 模拟的下拉选项区域 */
.activity-filter-select-options {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: white;
	border: 2px solid #e2e8f0;
	border-top: none;
	border-radius: 0 0 12px 12px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.2s;
	opacity: 0;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	z-index: 100;
	display:none;
	font-size:1.1rem;
}

.activity-filter-select-options.active {
	max-height: 300px;
	opacity: 1;
	overflow-y: auto;
	display:block;
}

/* 模拟的下拉选项 */
.activity-filter-select-option {
	padding: 8px 10px;
	cursor: pointer;
	transition: all 0.2s;
	color: #475569;
	font-weight: 500;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	align-items: center;
}

.activity-filter-select-option:last-child {
	border-bottom: none;
}

.activity-filter-select-option:hover {
	background-color: #f8fafc;
	color: #3b82f6;
	padding-left: 20px;
}

.activity-filter-select-option.selected {
	background-color: rgba(59, 130, 246, 0.1);
	color: #3b82f6;
	font-weight: 600;
	
}

.activity-filter-select-option i {
	margin-right: 10px;
	font-size: 0.9rem;
	width: 16px;
	text-align: center;
}

/* 自定义日期选择器样式 */
.activity-filter-custom-date {
	position: relative;
	
}

.activity-filter-date {	
	padding: 10px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	font-size: 1rem;
	background-color: white;
	transition: all 0.3s;
	cursor: pointer;
	color: #334155;
	font-weight: 500;
}

.activity-filter-date:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.activity-filter-date::placeholder {
	color: #94a3b8;
}

.activity-filter-custom-date::after {
				content: ' ';				
				font-weight: 900;
				position: absolute;
				right: 30px;
				top: 50%;
				transform: translateY(-50%);
				color: #94a3b8;
				pointer-events: none;
				transition: all 0.3s;
			}

			.activity-filter-custom-date:hover::after {
				color: #3b82f6;
			}

/* 隐藏原生日期选择器图标 */
.activity-filter-date::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* 重置按钮样式 */
.activity-filter-reset {
	background: #fafafa;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 10px;
	font-size: 1.1rem;
	color: #64748b;
	cursor: pointer;
	transition: all 0.3s;
	font-weight: 600;	
	align-items: center;
	justify-content: center;
	flex: 1 1 100%;
	order: 3;		
	min-width: 100%;
	
	
}

.activity-filter-reset:hover {
	background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
	color: #475569;
	border-color: #cbd5e1;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* 活动列表样式 */
.activity-list {
	padding:0 15px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 25px;
	margin-bottom: 30px;
	-webkit-overflow-scrolling: touch;
	scrollbar-height: none;
	-ms-overflow-style: none;
}

.activity-card {
	background-color: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
}

.activity-card:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}


.activity-card-type{
	opacity: 0;
}

/* 加载动画 */
.activity-loading {
	text-align: center;
	padding: 40px;
	color: #64748b;
	font-size: 1.1rem;
	display: none;
}

.activity-loading i {
	margin-right: 12px;
	color: #3b82f6;
	font-size: 1.3rem;
}

/* 空状态 */
.activity-empty {
	text-align: center;
	padding: 70px 20px;
	grid-column: 1 / -1;
}

.activity-empty i {
	font-size: 4.5rem;
	color: #cbd5e1;
	margin-bottom: 20px;
	opacity: 0.7;
}

.activity-empty h3 {
	color: #64748b;
	font-size: 1.6rem;
	margin-bottom: 12px;
	font-weight: 700;
}

.activity-empty p {
	color: #94a3b8;
	font-size: 1.1rem;
}




/* 响应式设计 */
@media (max-width: 992px) {
	.activity-filters {
		gap: 15px;
	}
	
}

@media (max-width: 768px) {
	.activity-filters {		
		gap: 5px;
	}

	
	

	.activity-list {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.activity-card:hover {
		transform: translateY(-5px) scale(1.01);
	}

	.activity-filter-select-options {
		/* 移动端保持与PC端相同的定位 */
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		max-height: 300px;
		border-radius: 0 0 12px 12px;
		transform: none;
		max-width: none;
	}

	.activity-filter-select-options.active {
		max-height: 300px;
	}
}




.workout-bottom2 {
	position: fixed;
	padding: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #fafafa;
	z-index: 1000000;
	text-align: center;
}

.workout-bottom2 a:link,
.workout-bottom2 a:visited,
.workout-bottom2 input[type='submit'] {
	display: block;
	float: left;
	width: 50%;
	background: #22ac38;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 0;
}

.workout-bottom2 a:nth-child(1) {
	background: #f05a27 !important
}





/* 商城 */
.shop-search {
	background: #fff;
	border-bottom: 1px #eaeaea solid;
	text-align: center;
	width: 100%;
	left: 0;
	top: 0;
	padding: 8px 0;
	z-index: 10000;
}

.cart-icon {
	position: relative;
	display: inline-block;
	line-height: 30px;
}

.cart-icon span {
	font-size: 24px;
	color: #666;
}

.cart-icon .count-cart {
	position: absolute;
	width: 15px;
	height: 15px;
	right: -5px;
	top: -3px;
	background: #ff5323;
	text-align: center;
	line-height: 15px;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}

.shopSearch input {
	margin: -5px 0 0 0;
}


.categoryList {
	width: 30%;
	background: #f4f4f4;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	z-index: 10000000;
}

.categoryList a,
.categoryList a:visited {
	padding: 12px 10px;
	display: block;
	line-height: 20px;
	color: #000;
	border-bottom: 1px #f4f4f4 solid;
	font-size: 13px;
}

.categoryList .active {
	background: #fff;
	color: #22ac38 !important;
	border-left: 3px #22ac38 solid;
	font-weight: bold;
}

.categorySubmenu {
	position: absolute;
	width: 70%;
	left: 30%;
	top: 60px;
	background: #fff;
}

.SubItem {
	display: none;
}

.products-shop {
	padding: 0 0 0 15px;
}

.products-shop>div {
	float: left;
}


.products-shop .product-thumb {
	position: relative;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
}

.products-shop .product-thumb a {
	display: block;
	height: 100%;
}

.products-shop .product-info {
	padding: 0 15px;
	position: relative;
	width: calc(100% - 95px);
	height: 80px;
}

.product-info .price-input {
	border: none;
	text-align: left;
	color: #000;
	background: none;
}

.products-shop .product-info h2 {
	font-size: 14px;
	height: 35px;
	overflow: hidden;
	margin: 0 0 10px 0;
	font-weight: 500 !important;
}

.products-shop .product-info .product-price {
	font-size: 20px;
	color: #ff5323;
	font-weight: bold;
}

.product-info .product-price span {
	font-size: 14px;
}

.product-info .add-cart {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px #ff5323 solid;
	text-align: center;
	color: #ff5323;
}

.SubItem hr {
	margin: 20px 15px !important;
	border-bottom: 1px #ccc solid !important;
}


.addrInfo {
	padding: 15px;
	border-top: 1px #eaeaea solid;
	border-bottom: 1px #eaeaea solid;
	background: #fff url(../images/addr-bg.png) no-repeat 0 bottom;
	background-size: 100% auto;
	font-size: 14px;
}

.noAddr {
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	color: #666;
}

.proCount {
	background: #fff;
	padding: 15px 0;
	font-size: 14px;
}

.proCount textarea {
	border: 1px #ccc solid;
	width: 100%;
	color: #666;
	padding: 10px;
	border-radius: 0;
}

.shoppingList a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px #eaeaea solid;
}

.tip_color {
	color: #fa800a;
}

.goodsCount {
	color: #999;
}

.newAddress>div {
	margin: 5px 0;
	border-bottom: 1px #f4f4f4 solid;
	height: 40px;
	line-height: 40px;
}

.addreeInput {
	border: none;
	background: #fff;
	width: 100%;
	height: 35px;
	color: #999;
}

.addressDefault {
	display: inline-block;
	font-size: 12px;
	padding: 0 5px;
	border: 1px #fa800a solid;
	color: #fa800a;
}



.checkout-bottom {
	position: fixed;
	padding: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #fafafa;
	z-index: 1000000;
	text-align: center;
}

.checkout-bottom a:link,
.checkout-bottom a:visited {
	display: block;
	float: left;
	width: 50%;
	background: #22ac38;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
}

.checkout-bottom input {
	border: none;
	display: block;
	float: left;
	width: 50%;
	background: #22ac38;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
	border-radius: 0;
}

.checkout-bottom a:nth-child(1),
.checkout-bottom input:nth-child(1) {
	background: #fff !important;
	boder-top: 1px #ccc solid;
	color: #000;
	font-size: 16px;
}

.checkout-bottom a:nth-child(1) span {
	font-size: 20px;
	color: #fa800a;
}

.add_input {
	padding: 3px 5px;
	width: 100%;
	border: none;
	border-radius: 0;
}


/* 用户中心 */

.user-container {
	padding: 0 15px;
	position: relative;
	height: 250px;
	background: url(../images/user-bg.png) no-repeat center center;
	background-size: cover;
	z-index: 10;
}

.user-container a,
.user-container a:visited {
	color: #fff;
}

.user-container a span {
	font-size: 24px;
}

.user-face-name {
	height: 100px;
}

.user-face-name>div {
	float: left;
}

.user-pic {
	border: 2px #232323 solid;
	width: 80px;
	height: 80px;
	border-radius: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



.user-state {
	margin: 0 0 0 20px;
	width: calc(100% - 100px);
	height: 80px;
	color: #000;
}

.user-state h2 {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-state a,
.user-state a:visited {
	position: relative;
	display: inline-block;
	border: 2px #232323 solid;
	color: #000;
	padding: 5px 10px;
	border-radius: 10px;
	border-top-right-radius: 0 !important;
}

.user-state a::after {
	position: absolute;
	right: 0;
	top: 0;
	content: ' ';
	width: 15px;
	height: 15px;
	background: url(../images/btn-icon4.png) no-repeat right top;
	background-size: 15px;
}


.user-wallet {
	margin-top: -80px;
	padding: 0 30px;
	position: relative;
	z-index: 20;
	background: url(../images/user-wallet.png) no-repeat 0 0;
	background-size: 100% auto;
	height: 100px;
	color: #fff;
}

.wallet-total {
	padding: 10px 0;
	height: 66px;
}

.wallet-total>div:nth-child(1) {
	width: 40px !important;
	height: 40px;
	background: url(../images/btn-icon5.png) no-repeat center center;
	background-size: 40px;
}

.wallet-total>div:nth-child(2) {
	width: calc(100% - 50px);
	line-height: 16px;
	color: #000;
}

.wallet-operate {
	height: 66px;
}

.wallet-operate a:link,
.wallet-operate a:visited {
	margin: 0;
	padding: 0 15px;
	background: #23A000;
	color: #000;
	font-size: 14px;
	line-height: 30px;
	border-radius: 15px;
	border: 2px #000 solid;
	font-weight: bold;
}

.wallet-operate a:nth-child(2) {
	background: #FF4900 !important;
	color: #000;
}

.user-bgcontainer {
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

.user-bgcontainer img {
	margin: 0 0 5px 0;
	max-width: 30px;
}

.user-bgcontainer a,
.user-bgcontainer a:visited {
	color: #000;
}

.user-menu,
.user-menu:visited {
	padding: 15px 0;
	color: #000;
	display: block;
	font-size: 14px;
}

.user-menu span {
	float: right;
	color: #999;
	font-size: 18px;
}

.user-menu img {
	margin-right: 5px;
	max-width: 20px;
	vertical-align: middle;
}

.buycard .type {
	margin: 10px 0;
	padding: 10px;
	position: relative;
	border: 2px #000 solid;
	border-radius: 5px;
	height: 150px;
}

.buycard .active {
	border: 2px #000 solid !important;
	background: #FF7900;
}

.buycard .cardTotal {
	font-weight: bold;
	padding: 6px 0;
	color: #000;
}

.buycard .active .cardTotal {
	color: #000 !important
}

.buycard .cardTotal span {
	font-size: 16px;
}

.buycard .cardDiscount {
	color: #999;
}

.buycard .cardText {
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(90deg, #333, #000);
	color: #fff;
	padding: 2px 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 3px;
}

.user-yuyue a>div {
	float: left;
}

.user-yuyue a>div:nth-child(1) {
	width: 60px;
	height: 60px;
	text-align: center;
	overflow: hidden;
}

.user-yuyue a>div:nth-child(1) span {
	font-size: 30px;
}

.user-yuyue a>div:nth-child(2) {
	margin-left: 10px;
	width: calc(100% - 70px);
}

.user-yuyue a {
	display: block;
	color: #666;
}

.user-yuyue a h3 {
	margin: 10px 0 5px 0;
	color: #37b24b;
	font-size: 16px;
}

.user-yuyue img {
	max-width: 60px !important;
}

.order-status {
	background: #fff;
	line-height: 50px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.order-status>div {
	font-size: 14px;
	text-align: center;
}


.order-status .active {
	border-bottom: 3px #37b24b solid;
	color: #37b24b;
	font-weight: bold;
}

.order-status .active a {
	color: #37b24b;
}

.order-layer {
	position: relative;
	padding: 20px 50px 0 50px;
	height: 85px;
	background: url(../images/order-status-icon-bg.png) repeat-x;
	background-size: 85px 100%;
}

.order-layer img {
	max-width: 30px;
}

.order-layer::after,
.order-layer:before {
	position: absolute;
	height: 85px;
	width: 40px;
	content: ' ';
}

.order-layer:before {
	left: 0;
	top: 0;
	background: #f2f5fa url(../images/order-status-icon1.png) no-repeat;
	background-size: auto 85px;
}

.order-layer:after {
	right: 0;
	top: 0;
	background: #f2f5fa url(../images/order-status-icon2.png) no-repeat;
	background-size: auto 85px;
}


.user-autoheight {
	height: calc(100% - 60px);
}

.none-order {
	color: #999;
}

.none-order .order-none-icon {
	padding: 0 0 10px 0;
	font-size: 90px;
	color: auto !important;
}


.user-order-status .brand {
	color: #37b24b;
}

.user-order-status .date {
	color: #999;
}

.user-order-status .paytotal {
	color: #999;
}

.record-btn a {
	display: block;
}


.user-card {
	position: relative;
	background: #2D2D2D;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
}

.user-card-info {
	margin: -15px -15px 0 -15px;
	background: #35B64A url(../images/user-adriana.png) no-repeat 90% 10px;
	background-size: 25%;
	height: calc(100% + 30px);
	padding: 15px;
	position: relative;
	border-radius: 10px;
}

.user-card-name {
	padding: 5px;
	position: absolute;
	left: 10px;
	top: 0;
	border: 2px solid #000;
	background: #FF4900;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
}

.user-card-count {
	font-size: 36px;
	color: #000;
	border-right: 2px dashed #000;
	font-weight: bold;
	;
}

.user-card-count p {
	margin: 0;
	font-size: 16px;
}

.tips-no-class {
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
	color: #666;
}

.card-type h3 {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#classMore {
	position: relative;
}

#classMore .pagination {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	z-index: 99;
	text-align: center;
	justify-content: center;
}

#classMore .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: rgba(0, 0, 0, .1);
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}

#classMore .swiper-pagination-bullet-active {
	background: rgba(250, 144, 1, 1);
}

.filter-act .form-style {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	border: 1px #37b24b solid;
	background: #fff;
	border-radius: 20px;
	color: #37b24b;
}


.publish-btn {
	position: fixed;
	margin-left: -25px;
	bottom: 90px;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 60px;
	line-height: 50px;
	background: #37b24b;
	color: #fff;
	z-index: 10000;
	text-align: center;
}

.publish-btn a,
.publish-btn a:visited {
	display: block;
	color: #fff;
	font-size: 28px;
}

.cartEmpty {
	margin: auto;
	text-align: center !important
}

.cartEmpty h2 {
	font-size: 20px;
	font-weight: 200;
	color: #666;
}

.cartEmpty span {
	display: block;
	font-size: 120px;
	color: #ccc;
}

.cart-list {
	padding: 15px;
	background: #fff;
}

.product {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.product img {
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 10px;
}

.product-info {
	flex: 1;
}

.product-info h3 {
	margin: 0;
	font-size: 16px;
}

.product-info p {
	margin: 5px 0;
	color: #000;
}

.quantity {
	display: flex;
	align-items: center;
}

.quantity div {
	width: 30px;
	height: 30px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	cursor: pointer;
	text-align: center;
	line-height: 26px;
	font-size: 22px;
}

.quantity input {
	width: 40px;
	height: 30px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0;
	border-radius: 0;
	border-left: none;
	border-right: none;
}

.searchPage {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000000000;
	background: #f0f2f5;
	display: none;
}

.searchPage .searchTop {
	padding: 0 15px;
	height: 50px;
	background: #fff;
}

.searchHot {
	padding: 20px;
}

.searchHotTit {
	font-size: 16px;
	font-weight: bold;
}

.searchHotTit span {
	margin: 0 10px 0 0;
	display: inline-block;
	color: #fa800a;
	font-size: 24px;
	font-weight: normal;
	vertical-align: middle;
}

.searchTag a {
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	background: #fff;
	color: #666;
}

.selectmask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: rgba(0, 0, 0, .8);
	display: none;
}

.selectPage {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	z-index: 110000;
	background: rgba(255, 255, 255, 2);
	display: none;
}

.selectThumb {
	position: relative;
	padding: 15px;
	border-bottom: 1px #ccc solid;
}

.selectThumb>div {
	width: 10%;
}

.selectThumb>div:first-child {
	width: 40%;
}

.selectThumb>div:nth-child(2) {
	width: 50%;
}

.select_img {
	position: relative;
	background: #fff;
}

.select_img>div {
	margin-top: -50px;
}

.select_info_price {
	padding: 0 0 0 15px;
	font-size: 18px;
	color: red;
}

.select_info_price::before {
	content: "¥ ";
}

.select_info_count {
	padding: 5px 15px;
	color: #999;
}



.searchBar {
	position: relative;
	padding: 7px;
}

.searchBar input {
	border: none;
	width: 100%;
	padding-left: 40px;
	background: #e9ecf0;
	border-radius: 35px;
	height: 36px;
}

.searchBar .searchIcon {
	position: absolute;
	padding: 10px 15px 0 15px;
	color: #666;
}

.searchBar .searchSubmit {
	position: absolute;
	padding: 0;
	margin: 0;
	right: 0;
	top: 6px;
	width: 70px;
	border: none;
	background: #37b24b;
	color: #fff;
	border-radius: 35px;
	height: 36px;
	line-height: 36px;
}

.searchCancle {
	padding: 8px 0 0 0;
}


.backLink {
	line-height: 50px;
	font-size: 16px;
}

.activityBtn {
	width: 100% !important;
	justify-content: center;
}

.activityBtn span {
	margin: 0 auto;
	display: inline-block;
}

.activityBtn .swiper-pagination-bullet-active {
	background: #ff8e02 !important
}


#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eaeaea;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999999999;
}

#loading p {
	color: #37b24b;
	font-size: 24px;
}

/* 页面内容初始隐藏 */
.form-content {
	display: none;
}

.loader-ani {
	width: 48px;
	height: 48px;
	border: 4px dotted #37b24b;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	-webkit-animation: rotation 2s linear infinite;
	animation: rotation 2s linear infinite;
}

@-webkit-keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

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

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

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

.search-product {
	padding: 20px 0 0 0;
}

.search-product .product-thumb {
	position: relative;
	min-height: 130px;
	background-size: cover;
	border-radius: 5px;
	background-position: center center;
}

.search-product a {
	display: block;
}

.search-name {
	display: block;
	font-size: 14px;
	padding: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-product .search-price {
	font-size: 20px;
	color: #ff5323;
	font-weight: bold;
}

.search-product .search-price span {
	font-size: 15px;
}


/*选择地区*/
.express-area {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: .25rem;
	margin-bottom: .25rem;
	background-color: #fff;
}

.express-area a {
	display: block;
	padding: .5rem;
	background: url(../images/link-arrow.png) no-repeat 98% 50%;
	background-size: .55rem .55rem;
}

.express-area dl {
	position: relative;
	line-height: 1.2rem;
	color: #4d525d;
}

.express-area dl dt {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .7rem;
	line-height: 1.2rem;
}

.express-area dl dd {
	padding-top: .1rem;
	padding-right: .8rem;
	margin-left: 3.5rem;
	text-align: justify;
	font-size: .65rem;
	line-height: 1rem;
}

@media (min-width: 721px) and (max-width: 1300px) {
	.express-area a {
		padding: .3rem;
	}

	.express-area dl dt {
		font-size: .5rem;
		line-height: 1rem;
	}

	.express-area dl dd {
		padding-right: .6rem;
		margin-left: 3rem;
		font-size: .4rem;
		line-height: .8rem;
	}
}

/*选择地区弹层*/
.express-area-box {
	position: absolute;
	bottom: -100%;
	left: 50%;
	z-index: 15;
	width: 320px;
	margin-left: -160px;
	background-color: #fff;
	color: #4d525d;
}

.express-area-box header {
	position: relative;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.express-area-box header h3 {
	margin: 0 1.675rem;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
}

.express-area-box header .back,
.express-area-box header .close {
	position: absolute;
	top: 0;
	width: 1.675rem;
	height: 2.25rem;
}

.express-area-box header .back {
	display: none;
	left: 0;
	background: url(../images/back.png) no-repeat center;
	background-size: .45rem .75rem;
}

.express-area-box header .close {
	right: 0;
	background: url(../images/close-area.png) no-repeat center;
	background-size: .675rem .675rem;
}

.express-area-box article {
	height: 250px;
	overflow-y: scroll;
}

.area-list li {
	padding: .5rem;
	border-bottom: 1px solid #e2e2e2;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
}

.MyProfile select {
	margin: 0;
	padding: 5px 10px;
	border: 1px #eaeaea solid;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
}

#classMore {
	width: 100%;
	overflow: hidden;
}

#Issuer,
#AddDate {
	line-height: 35px !important;
}


.fixed-table-container {
	position: relative;
	width: 100%;
	overflow-x: auto;
}

.fixed-table {
	width: auto;
	min-width: 100%;
	border-collapse: collapse;
}

.fixed-table th,
.fixed-table td {
	padding: 8px 12px;
	border: 1px solid #ddd;
	white-space: nowrap;
}

.fixed-col {
	position: sticky;
	right: 0;
	background: #fff;
	z-index: 1;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}


.fixed-col-header {
	z-index: 2;
}

.data-item {
	display: none;
	margin: 20px 0;
}


.data-item.visible {
	display: block;
	animation: fadeIn 0.5s ease-in-out;
}

#load-more {
	display: block;
	width: 150px;
	margin: 20px auto;
	padding: 10px;
	background-color: #4CAF50;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	transition: background-color 0.3s;
}

#load-more:hover {
	background-color: #45a049;
}

#load-more.no-more {
	background-color: #cccccc;
	cursor: default;
}

#load-more.loading {
	background-color: #2196F3;
	cursor: wait;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.balance-card {
	background: linear-gradient(135deg, #27ae60 0%, #27ae60 100%);
	border-radius: 16px;
	padding: 25px;
	color: white;
	box-shadow: 0 10px 20px rgba(52, 152, 219, 0.3);
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
}

.balance-card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	transform: rotate(25deg);
}

.balance-label {
	font-size: 14px;
	margin-bottom: 10px;
	opacity: 0.9;
}

.balance-amount {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	letter-spacing: 1px;
}

.withdraw-btn {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 50px;
	padding: 12px 25px;
	color: white;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	backdrop-filter: blur(5px);
	cursor: pointer;
	transition: all 0.3s ease;
}

.withdraw-btn i {
	margin-right: 8px;
}

.withdraw-btn:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: translateY(-2px);
	color: #fff;
}

.withdraw-btn:visited {
	color: #fff;
}

.actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin-bottom: 30px;
}

.action-btn {
	background: white;
	border: none;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition: all 0.3s ease;
}

.action-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.action-btn i {
	font-size: 24px;
	margin-bottom: 12px;
	color: #3498db;
}

.action-btn.recharge i {
	color: #27ae60;
}

.action-btn.details i {
	color: #e74c3c;
}

.action-btn span {
	font-weight: 600;
	color: #2c3e50;
}

.transaction-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #2c3e50;
	padding-left: 10px;
	border-left: 4px solid #3498db;
}

.transaction-list {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.transaction-item {
	display: flex;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #f1f1f1;
}

.transaction-item:last-child {
	border-bottom: none;
}

.transaction-info {
	flex: 1;
}

.transaction-name {
	font-weight: 600;
	margin-bottom: 5px;
	color: #2c3e50;
}

.transaction-date {
	font-size: 12px;
	color: #95a5a6;
}

.transaction-amount {
	font-weight: 700;
	font-size: 18px;
}

.transaction-amount.income {
	color: #27ae60;
}

.transaction-amount.expense {
	color: #e74c3c;
}

.notification {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: #2ecc71;
	color: white;
	padding: 12px 25px;
	border-radius: 50px;
	box-shadow: 0 5px 15px rgba(46, 204, 113, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.notification.show {
	opacity: 1;
}

/* 余额卡片样式 */
.withdraw-app__balance-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
	text-align: center;
}

.withdraw-app__balance-label {
	font-size: 14px;
	color: #7f8c8d;
	margin-bottom: 8px;
}

.withdraw-app__balance-amount {
	font-size: 32px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 15px;
}

/* 提现卡片样式 */
.withdraw-app__withdraw-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

.withdraw-app__card-title {
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/* 银行卡区域样式 */
.withdraw-app__bank-section {
	margin-bottom: 20px;
}

.withdraw-app__no-bank-card {
	background: #f8f9fa;
	border: 2px dashed #bdc3c7;
	border-radius: 12px;
	padding: 25px 15px;
	text-align: center;
	margin-bottom: 20px;
}

.withdraw-app__no-bank-icon {
	font-size: 40px;
	color: #bdc3c7;
	margin-bottom: 15px;
}

.withdraw-app__no-bank-text {
	color: #7f8c8d;
	margin-bottom: 15px;
}

.withdraw-app__add-bank-btn {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	color: white;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
}

.withdraw-app__add-bank-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 10px rgba(37, 117, 252, 0.3);
}

.withdraw-app__bank-card {
	display: flex;
	align-items: center;
	padding: 15px;
	background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
	border-radius: 12px;
	margin-bottom: 20px;
	color: white;
	position: relative;
}

.withdraw-app__bank-icon {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 20px;
}

.withdraw-app__bank-info {
	flex: 1;
}

.withdraw-app__bank-name {
	font-weight: 600;
	margin-bottom: 4px;
	font-size: 16px;
}

.withdraw-app__bank-number {
	font-size: 14px;
	letter-spacing: 1px;
}

.withdraw-app__default-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #27ae60;
	font-size: 12px;
	padding: 3px 8px;
	border-radius: 10px;
}

.withdraw-app__change-bank {
	color: white;
	font-size: 14px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.2);
	padding: 5px 10px;
	border-radius: 8px;
	cursor: pointer;
}

/* 添加银行卡表单 */
.withdraw-app__add-bank-form {
	display: none;
	background: #f8f9fa;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
}

.withdraw-app__form-title {
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 20px;
	text-align: center;
}

.withdraw-app__form-group {
	margin-bottom: 15px;
}

.withdraw-app__form-label {
	display: block;
	font-size: 14px;
	color: #2c3e50;
	margin-bottom: 8px;
	font-weight: 600;
}

.withdraw-app__form-input {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 16px;
	transition: border-color 0.3s;
	outline: none;
}

.withdraw-app__form-input:focus {
	border-color: #3498db;
	box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

.withdraw-app__form-row {
	display: flex;
	gap: 15px;
}

.withdraw-app__form-row .withdraw-app__form-group {
	flex: 1;
}

.withdraw-app__form-buttons {
	display: flex;
	gap: 15px;
	margin-top: 10px;
}

.withdraw-app__form-btn {
	flex: 1;
	padding: 12px;
	border: none;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
}

.withdraw-app__form-submit-btn {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	text-align: center;
}

.withdraw-app__form-cancel-btn {
	background: #f1f1f1;
	color: #7f8c8d;
	text-align: center;
}

.withdraw-app__form-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/* 金额输入区域 */
.withdraw-app__input-group {
	margin-bottom: 20px;
}

.withdraw-app__input-label {
	display: block;
	font-size: 14px;
	color: #7f8c8d;
	margin-bottom: 8px;
}

.withdraw-app__amount-input {
	width: 100%;
	padding: 15px;
	border: 2px solid #e0e0e0;
	border-radius: 12px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	transition: border-color 0.3s;
	outline: none;
}

.withdraw-app__amount-input:focus {
	border-color: #3498db;
}

.withdraw-app__quick-amount {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.withdraw-app__amount-btn {
	padding: 8px 12px;
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #2c3e50;
	cursor: pointer;
	transition: all 0.3s;
}

.withdraw-app__amount-btn:hover {
	background: #3498db;
	color: white;
	border-color: #3498db;
}

.withdraw-app__info-group {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
}

.withdraw-app__info-label {
	font-size: 14px;
	color: #7f8c8d;
}

.withdraw-app__info-value {
	font-size: 14px;
	font-weight: 600;
	color: #2c3e50;
}

.withdraw-app__info-value--fee {
	color: #e74c3c;
}

.withdraw-app__info-value--arrival {
	color: #27ae60;
	font-size: 18px;
}

.withdraw-app__submit-btn {
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	border: none;
	border-radius: 12px;
	color: white;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 5px 15px rgba(37, 117, 252, 0.4);
	margin-top: 10px;
}

.withdraw-app__submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(37, 117, 252, 0.6);
}

.withdraw-app__submit-btn:active {
	transform: translateY(0);
}

.withdraw-app__submit-btn:disabled {
	background: #bdc3c7;
	box-shadow: none;
	cursor: not-allowed;
	transform: none;
}

/* 通知样式 */
.withdraw-app__notification {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: #2ecc71;
	color: white;
	padding: 12px 25px;
	border-radius: 50px;
	box-shadow: 0 5px 15px rgba(46, 204, 113, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1000;
}

.withdraw-app__notification--show {
	opacity: 1;
}

.withdraw-app__notification--error {
	background: #e74c3c;
}



/* 余额卡片样式 */
.recharge-page__balance-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
	text-align: center;
}

.recharge-page__balance-label {
	font-size: 14px;
	color: #7f8c8d;
	margin-bottom: 8px;
}

.recharge-page__balance-amount {
	font-size: 32px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 15px;
}

/* 充值卡片样式 */
.recharge-page__recharge-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

.recharge-page__card-title {
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/* 充值方式选择 */
.recharge-page__method-section {
	margin-bottom: 25px;
}

.recharge-page__method-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
}

.recharge-page__method-options {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.recharge-page__method-option {
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 15px 10px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}

.recharge-page__method-option--active {
	border-color: #667eea;
	background: rgba(102, 126, 234, 0.1);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.recharge-page__method-icon {
	font-size: 24px;
	margin-bottom: 8px;
	color: #6c757d;
}

.recharge-page__method-option--active .recharge-page__method-icon {
	color: #667eea;
}

.recharge-page__method-name {
	font-size: 12px;
	font-weight: 600;
	color: #495057;
}

/* 金额输入区域 */
.recharge-page__amount-section {
	margin-bottom: 25px;
}

.recharge-page__amount-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
}

.recharge-page__amount-input {
	width: 100%;
	padding: 16px;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	transition: border-color 0.3s;
	outline: none;
	margin-bottom: 15px;
}

.recharge-page__amount-input:focus {
	border-color: #667eea;
}

.recharge-page__quick-amount {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.recharge-page__amount-btn {
	padding: 12px 8px;
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #495057;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
}

.recharge-page__amount-btn--active {
	background: rgba(102, 126, 234, 0.1);
	border-color: #667eea;
	color: #667eea;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

/* 充值信息展示 */
.recharge-page__info-section {
	background: #f8f9fa;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
}

.recharge-page__info-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.recharge-page__info-item:last-child {
	margin-bottom: 0;
}

.recharge-page__info-label {
	font-size: 14px;
	color: #6c757d;
}

.recharge-page__info-value {
	font-size: 14px;
	font-weight: 600;
	color: #2c3e50;
}

.recharge-page__info-value--highlight {
	color: #667eea;
	font-size: 16px;
}

/* 充值按钮 */
.recharge-page__action-btn {
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border: none;
	border-radius: 12px;
	color: white;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.recharge-page__action-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(102, 126, 234, 0.6);
}

.recharge-page__action-btn:active {
	transform: translateY(0);
}

.recharge-page__action-btn:disabled {
	background: #adb5bd;
	box-shadow: none;
	cursor: not-allowed;
	transform: none;
}

/* 充值记录 */
.recharge-page__history-section {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.recharge-page__history-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.recharge-page__history-more {
	font-size: 14px;
	color: #667eea;
	text-decoration: none;
}

.recharge-page__history-list {
	max-height: 200px;
	overflow-y: auto;
}

.recharge-page__history-item {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #f1f3f4;
}

.recharge-page__history-item:last-child {
	border-bottom: none;
}

.recharge-page__history-info {
	flex: 1;
}

.recharge-page__history-method {
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 4px;
}

.recharge-page__history-date {
	font-size: 12px;
	color: #6c757d;
}

.recharge-page__history-amount {
	font-weight: 700;
	color: #28a745;
}

/* 通知样式 */
.recharge-page__notification {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: #28a745;
	color: white;
	padding: 12px 25px;
	border-radius: 50px;
	box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1000;
}

.recharge-page__notification--show {
	opacity: 1;
}

.recharge-page__notification--error {
	background: #dc3545;
}


.balance-detail-page__filter-section {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

.balance-detail-page__filter-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
}

.balance-detail-page__filter-buttons {
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.balance-detail-page__filter-btn {
	flex: 1;
	padding: 12px 16px;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	background: #f8f9fa;
	color: #6c757d;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
}

.balance-detail-page__filter-btn--active {
	background: linear-gradient(135deg, #5f72bd 0%, #9b59b6 100%);
	border-color: #5f72bd;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(95, 114, 189, 0.3);
}

.balance-detail-page__filter-btn i {
	margin-right: 6px;
}

/* 交易列表区域 */
.balance-detail-page__list-section {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.balance-detail-page__list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.balance-detail-page__list-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
}

.balance-detail-page__list-count {
	font-size: 14px;
	color: #6c757d;
}

.balance-detail-page__transaction-list {
	max-height: 400px;
	overflow-y: auto;
}

.balance-detail-page__empty-state {
	text-align: center;
	padding: 40px 20px;
	color: #6c757d;
}

.balance-detail-page__empty-icon {
	font-size: 48px;
	margin-bottom: 15px;
	color: #bdc3c7;
}

.balance-detail-page__empty-text {
	font-size: 14px;
}

.balance-detail-page__transaction-item {
	display: flex;
	justify-content: space-between;
	padding: 16px;
	border-bottom: 1px solid #f1f3f4;
	transition: background-color 0.2s;
}

.balance-detail-page__transaction-item:last-child {
	border-bottom: none;
}

.balance-detail-page__transaction-item:hover {
	background-color: #f8f9fa;
	border-radius: 8px;
}

.balance-detail-page__transaction-info {
	flex: 1;
}

.balance-detail-page__transaction-type {
	font-weight: 600;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
}

.balance-detail-page__transaction-icon {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 12px;
}

.balance-detail-page__transaction-icon--income {
	background: rgba(46, 204, 113, 0.2);
	color: #27ae60;
}

.balance-detail-page__transaction-icon--expense {
	background: rgba(231, 76, 60, 0.2);
	color: #e74c3c;
}

.balance-detail-page__transaction-desc {
	font-size: 14px;
	color: #6c757d;
	margin-bottom: 4px;
}

.balance-detail-page__transaction-time {
	font-size: 12px;
	color: #95a5a6;
}

.balance-detail-page__transaction-amount {
	text-align: right;
}

.balance-detail-page__amount-value {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 4px;
}

.balance-detail-page__amount-value--income {
	color: #27ae60;
}

.balance-detail-page__amount-value--expense {
	color: #e74c3c;
}

.balance-detail-page__amount-status {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 10px;
	display: inline-block;
}

.balance-detail-page__status--success {
	background: rgba(46, 204, 113, 0.2);
	color: #27ae60;
}

.balance-detail-page__status--pending {
	background: rgba(241, 196, 15, 0.2);
	color: #f39c12;
}

.balance-detail-page__status--failed {
	background: rgba(231, 76, 60, 0.2);
	color: #e74c3c;
}

/* 加载更多 */
.balance-detail-page__load-more {
	text-align: center;
	margin-top: 20px;
}

.balance-detail-page__load-btn {
	padding: 10px 20px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 20px;
	color: #6c757d;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s;
}

.balance-detail-page__load-btn:hover {
	background: #e9ecef;
}



/* 动画效果 */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.balance-detail-page__transaction-item {
	animation: fadeIn 0.3s ease;
}


/* 响应式设计 */
@media (max-width: 480px) {
	.withdraw-app__balance-amount {
		font-size: 28px;
	}

	.withdraw-app__amount-input {
		font-size: 18px;
		padding: 12px;
	}

	.withdraw-app__quick-amount {
		flex-wrap: wrap;
	}

	.withdraw-app__amount-btn {
		margin-bottom: 8px;
		flex: 1;
		margin: 4px;
		text-align: center;
	}

	.withdraw-app__form-row {
		flex-direction: column;
		gap: 0;
	}


	.recharge-page__balance-amount {
		font-size: 28px;
	}

	.recharge-page__amount-input {
		font-size: 18px;
		padding: 14px;
	}

	.recharge-page__method-options {
		grid-template-columns: repeat(2, 1fr);
	}

	.recharge-page__quick-amount {
		grid-template-columns: repeat(2, 1fr);
	}
}




@media (min-width: 721px) and (max-width: 1300px) {
	.express-area-box {
		width: 224px;
		margin-left: -112px;
	}

	.express-area-box header h3 {
		font-size: .7rem;
		line-height: 1.7rem;
	}

	.express-area-box header .back,
	.express-area-box header .close {
		height: 1.7rem;
	}

	.express-area-box article {
		height: 120px;
	}

	.area-list li {
		padding: .3rem;
		font-size: .6rem;
		line-height: 1rem;
	}
}

@media (max-width: 720px) {
	.express-area-box {
		position: fixed;
		left: 0;
		width: 100%;
		margin-left: 0;
	}
}

/*遮罩层*/
.mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}


.teamHead header {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	padding: 20px;
	text-align: center;
}

.teamHead header h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

.teamHead header p {
	opacity: 0.9;
	font-size: 14px;
}



.form-container {
	padding: 20px 0;
}

.person-form {
	background-color: #f9fafc;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	border-left: 4px solid #34b14a;
	position: relative;
}

.person-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #e1e5eb;
}

.person-title {
	font-weight: bold;
	color: #34b14a;
	font-size: 16px;
}

.remove-btn {
	background-color: #ff4757;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
}

.form-container .form-group {
	margin-bottom: 15px;
}

.form-container label {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
	color: #555;
}

.form-container input[type="text"],
.form-container input[type="number"],
.form-container input[type="date"] {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
	transition: all 0.3s;
}

.form-container input:focus {
	border-color: #34b14a;
	box-shadow: 0 0 0 2px rgba(106, 17, 203, 0.2);
	outline: none;
}

.form-container .radio-group {
	display: flex;
	gap: 15px;
	margin-top: 5px;
}

.form-container .radio-option {
	display: flex;
	align-items: center;
}

.form-container .radio-option input {
	margin-right: 5px;
}

.add-btn {
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #34b14a 0%, #168d2b 100%);
	color: white;
	border: none;
	border-radius: 6px;
	padding: 14px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
	transition: all 0.3s;
}

.add-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(106, 17, 203, 0.3);
}

.submit-btn {
	display: block;
	width: 100%;
	background: linear-gradient(135deg, #00b09b 0%, #96c93d 100%);
	color: white;
	border: none;
	border-radius: 6px;
	padding: 16px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	transition: all 0.3s;
}

.submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 176, 155, 0.3);
}

.element {
	display: none;
	transition: all 0.3s ease;
	opacity: 0;
	transform: translateY(20px);
}

.element.visible {
	display: block;
	opacity: 1;
	transform: translateY(0);
}



@media (max-width: 720px) {
	.mask {
		position: fixed;
	}
}