:root {
	--body-bg: #ffffff;
	--theme-color: #6bce73;
	--module-width: 1280px;
	--main-color: #6bce73;
}

@font-face {
	font-family: 'Poppins-Bold';
	/* src: url('https://files.weelv.cn/font/Poppins-Bold.ttf'); */
	src: url('../font/Poppins-Bold.ttf');
}

@font-face {
	font-family: 'MiSans-Bold';
	/* src: url('https://files.weelv.com/font/MiSans-Bold.ttf'); */
	src: url('../font/MiSans-Bold.ttf');
}

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	text-decoration: none;
}

body,
html {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
	font-size: 16px;
	background: var(--body-bg);
	font-weight: 400;
	transition: all 0.5s;
	scroll-behavior: smooth;
	/*
	网站黑白代码

	filter:grayscale(100%);

	  -webkit-filter:grayscale(100%);

	  -moz-filter:grayscale(100%);

	  -ms-filter:grayscale(100%);

	  -o-filter:grayscale(100%);

	  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

	  -webkit-filter:grayscale(1) 	 */
}

button,
input,
textarea,
select {
	border: none;
	background: none;
}

a {
	text-decoration: none;
	outline: none;
	color: unset;
}

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

em,
i {
	font-style: normal;
}

a:focus,
input,
select {
	outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select {
	-webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
	opacity: 0.80;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
label {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.25;
}

p,
ul,
ol {
	margin: 0;
}

img {
	display: flex;
	height: auto;
	object-fit: cover;
}

.font-fm-Popp {
	font-family: 'MiSans-Bold';
}

.fw600 {
	font-family: 'MiSans-Bold';
}

/* 公共头 */
.header-menu-module {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 5.75rem;
	z-index: 222;
	background: var(--theme-color);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.head-content {
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 2.75rem;
	margin-top: 3rem;
}

.top-h {
	height: 5.75rem;
}

.head-content .logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.head-content .logo .logo-icon {
	height: 4rem;
	display: flex;
}

.head-content .logo .logo-txt {
	font-size: 1.5rem;
	font-weight: 600;
	color: #ffffff;
	font-style: italic;
	margin-left: 0.25rem;
}

.head-content .class-icon {
	width: 1.87rem;
	height: 1.87rem;
}

.menu-img {
	width: 5.75rem;
	height: 5.75rem;
	display: none;
	justify-content: flex-end;
	align-items: center;
}

.menu-img .img {
	height: 50%;
}

.menu-list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 2.75rem;
}

.menu-list .search-mark {
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
	cursor: pointer;
}

.menu-item,
.menu-item-u {
	position: relative;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	cursor: pointer;
	height: 2.75rem;
	display: flex;
	justify-content: center;
	padding: 0 1rem;
}

.menu-item-u {
	padding: 0;
}

.menu-item .menu-title {
	position: relative;
	z-index: 2;
	font-size: 0.875rem;
	line-height: 2.75rem;
	height: 2.75rem;
	display: flex;
	flex-direction: column;
}

.menu-item .menu-line {
	position: absolute;
	bottom: 0rem;
	height: 0.25rem;
	width: 100%;
}

.menu-item .user {
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-item .user .u-img {
	width: 1.5rem;
	height: 1.5rem;
}

.menu-item .user .tt {
	color: #ffffff;
	font-size: 0.875rem;
}

.menu-line-check .menu-line {
	background: rgba(255, 228, 49, 1);
}

.menu-item:hover .menu-line {
	background: rgba(255, 228, 49, 1);
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
}

.mask-show {
	display: flex;
}

.mask-bg0 {
	background: rgba(0, 0, 0, 0);
}

.mask-bg10 {
	background: rgba(0, 0, 0, 0.1);
}

.mask-bg20 {
	background: rgba(0, 0, 0, 0.2);
}

.mask-bg30 {
	background: rgba(0, 0, 0, 0.3);
}

.mask-bg40 {
	background: rgba(0, 0, 0, 0.4);
}

.mask-bg50 {
	background: rgba(0, 0, 0, 0.5);
}

.mask-bg60 {
	background: rgba(0, 0, 0, 0.6);
}

.mask-bg70 {
	background: rgba(0, 0, 0, 0.7);
}

.mask-bg80 {
	background: rgba(0, 0, 0, 0.8);
}

.mask-bg90 {
	background: rgba(0, 0, 0, 0.9);
}

.mask-bg100 {
	background: rgba(0, 0, 0, 1);
}

.mask .mask-con {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.mask .mask-con .mask-close {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: -1.5rem;
	right: -1.5rem;
	border-radius: 0.625rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mask .mask-con .mask-close .close-ic {
	width: 2rem;
	height: 2rem;
	background: #ffffff;
	border-radius: 50%;
}

/* 公共按钮样式 */
.common-btn-c {
    background: linear-gradient(180deg, #5ae190, #1cb347);
	/*border: 1px solid #13a200;*/
	height: 2rem;
	border-radius: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2rem;
	position: relative;
}

.common-btn-c .tt {
	font-size: 0.875rem;
	color: #ffffff;
	font-weight: 600;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}

.common-btn-c .tt::after {
	content: attr(data-content);
	-webkit-text-stroke: 3rpx #006e47;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.common-btn-c .ic {
	width: 0.875rem;
	height: 1.5rem;
	position: absolute;
	left: 0.25rem;
	top: 0.125rem;
}

/* 底部 */
footer {
	width: 100%;
	height: 7.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #000000;
}

.footer-module {
	width: var(--module-width);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
	height: 100%;
}

.footer-module .logo-icon {
	width: 2rem;
}

.footer-module .ft-l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.footer-module .ft-r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.footer-module .tt2 {
	font-size: 1rem;
	color: #999999;
	margin: 0 0.5rem;
}

/* 区块 */
.block {
	width: calc(100% - 4rem);
	padding: 1rem;
	background: #FFFFFF;
	box-shadow: 0px 0.375rem 0.625rem 0px rgba(203, 203, 203, 0.17);
	border-radius: 0.625rem;
}

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

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

.flex-al-center {
	align-items: center;
}

.flex-al-start {
	align-items: flex-start;
}

.flex-al-end {
	align-items: flex-end;
}

.flex-jc-center {
	justify-content: center;
}

.flex-jc-sb {
	justify-content: space-between;
}

.flex-jc-end {
	justify-content: flex-end;
}

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

.text-line {
	text-decoration: line-through;
}

.w-all {
	width: 100%;
}

.bgffffff {
	background: #ffffff;
}

.bgf3f3f3 {
	background: #f3f3f3;
}

.bg000000 {
	background: #000000;
}

.colffffff {
	color: #ffffff;
}

.col999999 {
	color: #999999;
}

.colcccccc {
	color: #cccccc;
}

.col202020 {
	color: #202020;
}

.col1ab144 {
	color: #1ab144;
}

.colff0000 {
	color: #ff0000;
}

.opt20 {
	opacity: 0.2;
}

.opt30 {
	opacity: 0.3;
}

.opt40 {
	opacity: 0.4;
}

.opt50 {
	opacity: 0.5;
}

.opt60 {
	opacity: 0.6;
}

.mg-t10 {
	margin-top: 0.625rem;
}

.mg-t20 {
	margin-top: 1.25rem;
}

.mg-t30 {
	margin-top: 1.875rem;
}

.mg-r10 {
	margin-right: 0.625rem;
}

.mg-l10 {
	margin-left: 0.625rem;
}

.f20 {
	font-size: 0.625rem;
}

.f24 {
	font-size: 0.75rem;
}

.f28 {
	font-size: 0.875rem;
}

.f32 {
	font-size: 1rem;
}

.f40 {
	font-size: 1.25rem;
}

.f48 {
	font-size: 1.5rem;
}

.fw300 {
	font-weight: 300;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

@media (max-width: 1280px) {
	:root {
		--module-width: 90%;
	}

	.header-menu-module {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 3rem;
		z-index: 222;
		background: var(--theme-color);
		display: flex;
		justify-content: center;
		align-items: flex-end;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	.head-content {
		width: var(--module-width);
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 2.75rem;
		margin-top: 0.25rem;
	}

	.top-h {
		height: 3rem;
	}

	.footer-module {
		width: var(--module-width);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		height: 100%;
	}

	.footer-module .ft-l {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.footer-module .ft-r {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 0.5rem;
	}

	.footer-module .tt2 {
		font-size: 0.75rem;
		color: #999999;
		margin: 0 0.5rem;
	}
}

/*

弹性滑动

overflow-x: scroll;

-webkit-overflow-scrolling: touch;

overflow-scrolling: touch;



最多展示两行

white-space: normal;

overflow: hidden;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

*/